@charset "UTF-8"; html[lang=my_MM] { font-size: 12px; } /************ mj header banner start *************/ .header .bannerContainer .banner .right-banner .headerHover .hoverContent { z-index: 26; width: auto; float: right; left: 10px; top: calc(100% + 10px); position: relative; color: #666666; background: #ffffff; padding: 6px; text-align: center; line-height: 24px; vertical-align: center; white-space: nowrap; height: 24px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; box-shadow: 0px 1px 4px 1px rgba(34, 34, 34, 0.3); } .header .bannerContainer .banner .right-banner .headerHover .hoverContent:after, .header .bannerContainer .banner .right-banner .headerHover .hoverContent:before { z-index: 1001; bottom: calc(100%); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .header .bannerContainer .banner .right-banner .headerHover .hoverContent:before { border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 9px; margin-left: -9px; right: 13px; } .header .bannerContainer .banner .right-banner .headerHover .hoverContent:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; margin-left: -8px; right: 14px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.headerHover.icon-userHover:hover .hoverContent { visibility: visible; } /************ mj header banner end *************/ /************ xck ajaxErrorBox start *************/ .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer { width: 504px !important; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox { background: #FFF; display: flex; flex-direction: column; align-items: center; padding: 24px 16px; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxMessage { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-weigth: 400; font-size: 16px; line-height: 22px; margin-bottom: 24px; color: #222222; text-align: center; width: 100%; user-select: none; } [lang=my_MM] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxMessage { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxMessage { font-size: 12px; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer { display: flex; flex-direction: row; justify-content: center; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .noAction, .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .yesAction { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; font-size: 16px; line-height: 22px; user-select: none; cursor: pointer; border: 1.5px solid #b51a25; width: 149px; padding: 9.5px 0; text-align: center; border-radius: 4px; transition: all 0.3s; } [lang=my_MM] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .noAction, [lang=my_MM] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .yesAction { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .noAction, [lang=km_KH] .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .yesAction { font-size: 12px; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .noAction { color: #b51a25; margin-right: 16px; background: #FFF; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .noAction:hover { color: #711a20; border: 1.5px solid #711a20; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .yesAction { background: #b51a25; color: #FFF; } /************ xck ajaxErrorBox send *************/ /************Edit btn start*************/ .gib #container .container .containerInner .containerRight .contentPage .stepTwoForm .headerContainer .editButton:hover { background-image: url("../../img/icn_edit_hover.png"); background-position: 0% -22px; } /************Edit btn end*************/ /************ hdd start *************/ .repaymentMaintenanceFundingLCLanding.searchPanel.active .searchResultContainer .rightResultContainer .function.sort.icon-sortingHover .selectric-scroll li { padding: 14px 16px; } .repaymentMaintenanceFundingLCLanding.searchPanel.active .searchResultContainer .leftSearchContainer .dropdown li { padding: 15px 16px; } .repaymentMaintenanceFundingLCLanding.searchPanel.active .profileCard.hasLink .userInfo .cardTop .status { font-size: 16px; } .repaymentMaintenanceFundingLCLanding.searchPanel.active .profileCard.hasLink .userInfo .cardTop .status .dot { width: 7px; height: 7px; } .repaymentMaintenanceFundingLCLanding.searchPanel.active .searchResultContainer .rightResultContainer .rightEmptyWrapper .productRightEmpty { top: 300px; transform: translate(-50%, -50%); } #RepaymentMaintenanceDetailsWithoutInstruction .repaymentMaintenanceDetailsWithoutInstruction-content .tab-holder { padding: 0px 2px; } /* #container .globalTradeCentreContentContainer .searchResultContainer .rightResultContainer .nodataContent { left: 50%; } */ .searchPanel .profileCard .userInfo .row span.nickNameWidth { display: inline-block; max-width: 75%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.searchPopup label.noPointer, .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.searchPopup input.noPointer { cursor: inherit; } .entryView .repaymentRecordsPage .containerInner .containerRight .contentPage .stepOneForm .transactionDetailsConfir .transactionDetailsConfirContent .onChangeContent .loadWrapper.multiDetailLoadBox { min-height: 150px; } .entryView .transactionDetailsConfir .onChangeContent.repayDetail .onChangeContext .inputGroup { height: auto; border-bottom: none; box-sizing: auto; position: static; display: block; } /************ hdd end *************/ /************ cbq start *************/ .inputGroup.fifth .selectric-scroll { max-height: 312px; } .RegisteredBeneficiaryResult .container .containerInner .containerRight .contentPage { padding: 0 0 32px 0; } .payment .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .leftSearchContainerBen .paymentManagementWrapper .paymentManagementRequire, .payment .paymentManagement .templateManagementContainer .innerContainer .leftSearchContainer .paymentManagementWrapper .paymentManagementRequire { margin-top: 24px; font-size: 12px; color: #666666; } .DeleteTransferTemplate .workQueueContainerTx, .Payment .templateManagementContainer .rightCardContainer .userLabel, .Enquiry .enquiryContentContainer .rightCardContainer .userLabel { width: 100%; } .payment .paymentManagement .templateManagementContainer .innerContainer .leftSearchContainer .inputGroup.first .selectric-wrapper.selectric-open .selectric-items { height: 312px; } .payment .paymentManagement.m160 .registeredBeneficiaryManagementContainer .innerContainer .leftSearchContainerBen .paymentManagementWrapper .fileRef .tips .tooltiptext { width: 500px; white-space: normal; vertical-align: middle; } .payment .paymentManagement.m230 .templateManagementContainer .innerContainer .rightCardContainer { position: relative; overflow: visible; flex: 1; } .profileCard .userInfo .cardTopWrapper .status.IJ, .containerRight .contentPage .status.IJ, .profileCard .userInfo .cardTopWrapper .status.IS, .containerRight .contentPage .status.IS, .profileCard .userInfo .cardTopWrapper .status.SP, .containerRight .contentPage .status.SP, .profileCard .userInfo .cardTopWrapper .status.SE, .containerRight .contentPage .status.SE, .profileCard .userInfo .cardTopWrapper .status.ST, .containerRight .contentPage .status.ST, .profileCard .userInfo .cardTopWrapper .status.EX, .containerRight .contentPage .status.EX, .profileCard .userInfo .cardTopWrapper .status.SJ, .containerRight .contentPage .status.SJ, .profileCard .userInfo .cardTopWrapper .status.CA, .containerRight .contentPage .status.CA, .profileCard .userInfo .cardTopWrapper .status.TP, .containerRight .contentPage .status.TP, .profileCard .userInfo .cardTopWrapper .status.IN, .containerRight .contentPage .status.IN { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 14px; } .profileCard .userInfo .cardTopWrapper .status.IJ, .containerRight .contentPage .status.IJ { color: #d42b35; } .profileCard .userInfo .cardTopWrapper .status .Dot.IJ, .containerRight .contentPage .status.IJ:before { background-color: #d42b35; } .profileCard .userInfo .cardTopWrapper .status.SP, .containerRight .contentPage .status.SP, .profileCard .userInfo .cardTopWrapper .status.IS, .containerRight .contentPage .status.IS { color: #4aaae2; } .profileCard .userInfo .cardTopWrapper .status .Dot.SP, .containerRight .contentPage .status.SP:before, .profileCard .userInfo .cardTopWrapper .status .Dot.IS, .containerRight .contentPage .status.IS:before { background-color: #4aaae2; } .profileCard .userInfo .cardTopWrapper .status.SE, .containerRight .contentPage .status.SE, .profileCard .userInfo .cardTopWrapper .status.ST, .containerRight .contentPage .status.ST, .profileCard .userInfo .cardTopWrapper .status.EX, .containerRight .contentPage .status.EX, .profileCard .userInfo .cardTopWrapper .status.SJ, .containerRight .contentPage .status.SJ, .profileCard .userInfo .cardTopWrapper .status.CA, .containerRight .contentPage .status.CA, .profileCard .userInfo .cardTopWrapper .status.IN, .containerRight .contentPage .status.IN { color: #01bc88; } .profileCard .userInfo .cardTopWrapper .status .Dot.SE, .containerRight .contentPage .status.SE:before, .profileCard .userInfo .cardTopWrapper .status .Dot.ST, .containerRight .contentPage .status.ST:before, .profileCard .userInfo .cardTopWrapper .status .Dot.EX, .containerRight .contentPage .status.EX:before, .profileCard .userInfo .cardTopWrapper .status .Dot.SJ, .containerRight .contentPage .status.SJ:before, .profileCard .userInfo .cardTopWrapper .status .Dot.CA, .containerRight .contentPage .status.CA:before, .profileCard .userInfo .cardTopWrapper .status .Dot.IN, .containerRight .contentPage .status.IN:before { background-color: #01bc88; } .profileCard .userInfo .cardTopWrapper .status.TP, .containerRight .contentPage .status.TP { color: #ff8000; } .profileCard .userInfo .cardTopWrapper .status .Dot.TP, .containerRight .contentPage .status.TP:before { background-color: #ff8000; } /* .gib #overlay .overlayComponentContainer .createInstructionToBankContainer{ width: 656px; } */ .enquiry .paymentInstructionToBank .editRow { background: #fff; position: static; } .enquiry .paymentInstructionToBank .editRow .editFunction { background: #fff; } .enquiry .paymentInstructionToBank .sortContainer { position: static; background-color: #FFFFFF; max-height: none; max-width: inherit; width: inherit; margin: 0; } .enquiry .paymentInstructionToBank .editRow .editFunction .functionWrap { position: static !important; } .enquiry .paymentInstructionToBank .editRow.gridContainer { margin-top: 5px; margin-bottom: 8px; } .paymentInstructionToBank .searchResultContainer .rightResultContainer .rightResultContainerWrapper .instructionTopBar .recentTransactionsTitle { z-index: 1; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer { position: relative; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: start; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 50%; padding: 0 8px 0px 0px; box-sizing: border-box; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer.invalid .cashMarginWrapper { border: 1px solid #b51a25; border-top: 0; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText { color: #b51a25; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer { margin-bottom: 21px; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper { position: relative; width: 100%; height: 166px; margin-bottom: 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); padding: 0 16px; box-sizing: border-box; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow { text-align: center; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpWrapper { padding-top: 16px; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn.proceedPopUp { background-image: url(../../img/icn_check_balance.png); background-position: center top; background-repeat: no-repeat; background-size: 44px auto; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn { display: inline-block; vertical-align: middle; width: 44px; height: 44px; margin-bottom: 8px; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText { font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; color: #222222; margin-bottom: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .ImportLCDocCleanBillAccept [data-targettab=others] .cashMarginContainer .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn, .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cashmarginPopUpContainer .cardWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn, .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn, .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .cardWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn { width: 92px; height: 32px; border-radius: 4px; color: #FFFFFF; line-height: 32px; margin: 0 auto; background-color: #b51a25; transition: all .3s; cursor: pointer; } .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginSection { width: 100%; } .StandingInstructionDetails #container .container .containerInner .containerRight { width: 100%; height: 100%; max-width: 100%; padding-left: 0%; } .payment .paymentManagement.m160 .registeredBeneficiaryManagementContainer .innerContainer .leftSearchContainerBen .paymentManagementWrapper .fileRef .tips { position: absolute; background-image: url(../../img/icn_question.png); background-repeat: no-repeat; background-position: 50% 0px; width: 22px; height: 24px; margin-top: 20px; background-size: 22px; cursor: pointer; right: 0; } .Payment .payment .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .leftSearchContainerBen .paymentManagementWrapper .fileRef .tips:hover { background-position: 50% -22px; } #container .paymentManagement.m160 .rightCardContainer{ position: relative; } .RegisteredBeneficiary #container .container .containerInner .containerRight .contentPage .inputGroup.debitAmt input.input2{ width: calc(100% - 50px); } .i140Search .profileCard .userInfo{ cursor: pointer; } .i140Search .profileCard .arrowleft { background-image: url(/assets/img/icn_arrow_right_hover.svg); background-position: 0px center; background-size: 20px 22px; width: 10px; height: 22px; } .i140Search .profileCard:hover .arrowleft { background-image: url(/assets/img/icn_arrow_right_hover.svg); background-position: -10px center; } .EditRegisteredBeneficiary .contentPage .inputRow .acBene .addAcWrapper .addBankIco { background-image: url(../../img/icn_search_details.svg); background-position: center top; background-repeat: no-repeat; background-size: 44px auto; } .I140Details #container .headerContainer { display: block; padding-bottom: 0px; margin-bottom: 0px; } .I140Details .container .containerInner{ margin-top: 0px; min-height: 100%; } .I140Details .backHoverButton:hover::before { background-position: center bottom; } .I140Details .container .containerInner .contentPage{ padding: 32px 0px 0px 0px; } .RegisteredBeneficiary .containerLeft .step .stepContent .stepText{ overflow: hidden !important; } .RegisteredBeneficiary .containerLeft .step .stepContent .stepText .editButton{ overflow: hidden !important; text-overflow: ellipsis; } .Payment .payment .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .rightCardContainer .uploadResultContactBox{ padding: 0 16px 16px 16px; } .transactionDetailPackingLoan .topbarNavContainer ul { margin: 0px; } .gib #overlay .overlayComponentContainer .createPaymentTemplateContainer #paymentIdentify .popupInputGroup.invalid .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .createInstructionToBankContainer #paymentIdentifyIns .popupInputGroup.invalid .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .createPaymentTemplateContainer #paymentIdentify .popupInputGroup.invalid, .gib #overlay .overlayComponentContainer .createInstructionToBankContainer #paymentIdentifyIns .popupInputGroup.invalid, .m240 #M240Form .inputGroup.invalid{ border-bottom: 1px solid #b51a25; } .gib #overlay .overlayComponentContainer .createPaymentTemplateContainer #paymentIdentify .popupInputGroup.invalid .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .createInstructionToBankContainer #paymentIdentifyIns .popupInputGroup.invalid .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .createPaymentTemplateContainer #paymentIdentify .popupInputGroup.invalid label, .gib #overlay .overlayComponentContainer .createInstructionToBankContainer #paymentIdentifyIns .popupInputGroup.invalid label, .m240 #M240Form .inputGroup.invalid label{ color: #b51a25; } .RegisteredBeneficiary .tab-content > .tab-pane{ overflow: hidden; } .payment .paymentManagement.m160 .registeredBeneficiaryManagementContainer .innerContainer .rightCardContainer .uploadResultProfileCard .userInfo .accountActivitiestitle{ padding-right: 24px; } .Enquiry .enquiryManagement .rightResultContainer .clickTrue .userInfo, .Enquiry .enquiryManagement .rightResultContainer .profileCard.clickTrue { cursor: pointer; } .Enquiry .enquiryManagement .rightResultContainer .clickFalse .userInfo, .Enquiry .enquiryManagement .rightResultContainer .profileCard.clickFalse { cursor: default; } .EditSupplierRecord .myDetails .participantSection .participantContainer, .EditSupplierRecordConfirmation .myDetails .participantSection .participantContainer, .CreateNewSupplierRecord .myDetails .participantSection .participantContainer, .CreateNewSupplierRecordConfirmation .myDetails .participantSection .participantContainer{ align-items: stretch; } .EditSupplierRecord .myDetails .participantSection .participantContainer .applicantContainer, .EditSupplierRecord .myDetails .participantSection .participantContainer .beneficiaryContainer, .EditSupplierRecordConfirmation .myDetails .participantSection .participantContainer .applicantContainer, .EditSupplierRecordConfirmation .myDetails .participantSection .participantContainer .beneficiaryContainer, .CreateNewSupplierRecord .myDetails .participantSection .participantContainer .applicantContainer, .CreateNewSupplierRecord .myDetails .participantSection .participantContainer .beneficiaryContainer, .CreateNewSupplierRecordConfirmation .myDetails .participantSection .participantContainer .applicantContainer, .CreateNewSupplierRecordConfirmation .myDetails .participantSection .participantContainer .beneficiaryContainer{ flex-direction: row; } .EditSupplierRecord .myDetails .participantSection .participantContainer .applicantContainer .applicantWrapper, .EditSupplierRecord .myDetails .participantSection .participantContainer .beneficiaryContainer .beneficiaryWrapper, .EditSupplierRecordConfirmation .myDetails .participantSection .participantContainer .applicantContainer .applicantWrapper, .EditSupplierRecordConfirmation .myDetails .participantSection .participantContainer .beneficiaryContainer .beneficiaryWrapper, .CreateNewSupplierRecord .myDetails .participantSection .participantContainer .applicantContainer .applicantWrapper, .CreateNewSupplierRecord .myDetails .participantSection .participantContainer .beneficiaryContainer .beneficiaryWrapper, .CreateNewSupplierRecordConfirmation .myDetails .participantSection .participantContainer .applicantContainer .applicantWrapper, .CreateNewSupplierRecordConfirmation .myDetails .participantSection .participantContainer .beneficiaryContainer .beneficiaryWrapper{ height: 100% !important; } #n121CreateInputForm .accountRow .companyName, #n121CreateTx .accountRow .companyName, #n121UpdateInputForm .accountRow .companyName, #n121UpdateTx .accountRow .companyName, #n121SusAccRejTx .accountRow .companyName{ overflow: auto !important; white-space: normal !important; max-width: 100% !important; width: 100% !important; word-break: break-word; } #n121CreateInputForm .accountRow .companyName pre, #n121CreateTx .accountRow .companyName pre, #n121UpdateInputForm .accountRow .companyName pre, #n121UpdateTx .accountRow .companyName pre, #n121SusAccRejTx .accountRow .companyName pre{ white-space: pre-wrap; word-break: inherit; font-family: inherit; } .CreateNewSupplierRecord #n121CreateInputForm .relationship [form-component=selector] .inputGroup.tops .selectric-wrapper.selectric-open .selectric-items, .EditSupplierRecord #n121UpdateInputForm .relationship [form-component=selector] .inputGroup.tops .selectric-wrapper.selectric-open .selectric-items{ height: 208px; } .EditSupplierRecord .myDetails .minHeight236, .EditSupplierRecordConfirmation .myDetails .minHeight236, .CreateNewSupplierRecord .myDetails .minHeight236, .CreateNewSupplierRecordConfirmation .myDetails .minHeight236{ min-height: 236px; } .EditSupplierRecord .myDetails .settlementSection .accountAddress, .EditSupplierRecordConfirmation .myDetails .settlementSection .accountAddress, .CreateNewSupplierRecord .myDetails .settlementSection .accountAddress, .CreateNewSupplierRecordConfirmation .myDetails .settlementSection .accountAddress{ width:100%; } .RegisteredBeneficiary .container .tab-content .acBene .rowItm .overHidden, .EditRegisteredBeneficiary .container .contentPage .acBene .rowItm .overHidden, .PaymentChequeCashiersOrderDetail .containerInner .containerRight .inputGroupRow .overHidden{ display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% !important; } .EditSupplierRecord .myDetails .overHidden, .EditSupplierRecordConfirmation .myDetails .overHidden, .CreateNewSupplierRecord .myDetails .overHidden, .CreateNewSupplierRecordConfirmation .myDetails .overHidden{ display: inline-block; width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .EditSupplierRecord .myDetails .settlementSection .settlementContainer .accountName.bold, .EditSupplierRecordConfirmation .myDetails .settlementSection .settlementContainer .accountName.bold, .CreateNewSupplierRecord .myDetails .settlementSection .settlementContainer .accountName.bold, .CreateNewSupplierRecordConfirmation .myDetails .settlementSection .settlementContainer .accountName.bold{ width:auto;max-width:calc(100% - 60px); } .EditSupplierRecord .myDetails .marginTop-10, .EditSupplierRecordConfirmation .myDetails .marginTop-10, .CreateNewSupplierRecord .myDetails .marginTop-10, .CreateNewSupplierRecordConfirmation .myDetails .marginTop-10{ margin-top:-10px; } .EditSupplierRecord .myDetails .marginTop10, .CreateNewSupplierRecord .myDetails .marginTop10{ margin-top: 10px; } .EditSupplierRecord .myDetails .settlementSection .settlementContainer .cardContainer .cardWrapper .cardContent .bankNumber, .EditSupplierRecordConfirmation .myDetails .settlementSection .settlementContainer .cardContainer .cardWrapper .cardContent .bankNumber, .CreateNewSupplierRecord .myDetails .settlementSection .settlementContainer .cardContainer .cardWrapper .cardContent .bankNumber, .CreateNewSupplierRecordConfirmation .myDetails .settlementSection .settlementContainer .cardContainer .cardWrapper .cardContent .bankNumber{ padding:8px 0; margin-top: 0px; } .EditSupplierRecord .inputGroup.readonly.typing, .CreateNewSupplierRecord .inputGroup.readonly.typing{ border-bottom: 1px solid #dddddd; } .EditSupplierRecord .myDetails .settlementPopUpContainer .settlementWrapper .accountContainer, .CreateNewSupplierRecord .myDetails .settlementPopUpContainer .settlementWrapper .accountContainer{ padding: 50px 0; } .ImportLCDocCleanBillAccept .container [form-component=navBar] .navContainer .subTitle{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: normal; font-size: 14px; margin: 0px; padding-bottom: 24px; } .ImportLCDocCleanBillAcceptConfirmation .container [form-component=navBar] .navContainer .subTitle{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: normal; font-size: 14px; margin: 0px; padding-bottom: 8px; } .overlayComponentContainer .beneficiaryBankTTContainer .inputGroup.lbc{ border-bottom: 0px solid #cccccc; margin: 0 16px 16px 16px; width: calc(100% - 32px); } .overlayComponentContainer .beneficiaryBankTTContainer .inputGroup.lbc label{ left: 0px; color: #666666; } .overlayComponentContainer .beneficiaryBankTTContainer .inputGroup.lbc.focus label{ bottom: 31px; font-size: 12px; color: #666666; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; display: block; } .overlayComponentContainer .beneficiaryBankTTContainer .inputGroup.lbc input{ padding: 0px; border-bottom: 1px solid #cccccc; height: 33px; } .paymentInstructionToBank .rightResultContainer, .paymentEnquiry .paymentEnquiryContainer .innerContainer .rightResultContainer, .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .rightCardContainer, .paymentManagement .templateManagementContainer .innerContainer .rightCardContainer{ overflow: hidden !important; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .acTop.charges{ padding-bottom: 15px; } .payment .paymentEnquiry.e240 .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.sixth{ opacity: 0.5; } .ImportLCDocCleanBillAccept .container .contentPage .navContainer .general .participantSection{ padding-bottom: 8px; } .ImportLCDocCleanBillAccept .container .contentPage .navContainer .general .generalSection, .ImportLCDocCleanBillAccept .container .contentPage .navContainer .general .generalSection, .ImportLCDocCleanBillAccept .container .contentPage .navContainer .general .participantSection{ border-bottom: 1px solid #cccccc; } .ImportLCDocCleanBillAccept .container .contentPage .navContainer .general .sub-maintitle{ font-size: 16px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; margin-bottom: 30px; } .EditSupplierRecord .relationship [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open .selectric-items, .CreateNewSupplierRecord .relationship [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open .selectric-items{ height: 300px; } .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .inputSection.settleAmt .inputGroup .selectric-wrapper.selectric-open .selectric-items{ min-width: 200px; } .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .inputSection.settleAmt .inputGroup .selectric-wrapper{ width: auto; } .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .inputSection.settleAmt .inputGroup .selectric-wrapper .selectric{ margin-top: 0; } .ImportLCDocCleanBillAccept [data-targettab=acceptDisc] .cashMarginContainer .cardContainer .inputSection.settleAmt .inputGroup .formInput.forwardContract{ width: calc(100% - 167px); margin-top: 0; border-bottom: 1px solid #dddddd; } .ImportLCDocCleanBillAccept .tradeCard .tradeFwdSpot{ width: 100%; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .point.P, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status .Dot.P{ background-color: #4aaae2; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .senttoBank.P, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status.P{ color: #4aaae2; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .point.C, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status .Dot.C{ background-color: #01bc88; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .senttoBank.C, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status.C{ color: #01bc88; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .point.R, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status .Dot.R{ background-color: #f5a623; } .OutwardRemittanceDetails .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .stb .senttoBank.R, .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status.R{ color: #f5a623; } .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status .Dot.Y{ background-color: #b51a25; } .e120 .rightResultContainer .profileCard .userInfo .cardTopWrapper .status.Y{ color: #b51a25; } .gib #overlay .bocGPIContainer .dropdown.componentAssistant .selectric-wrapper .selectric-items li::before{ bottom : 1px; } .e150 .profileCard .userInfo.P:after{ background-image: url(""); } .container .containerInner .stepTwoForm .inputGroupRow .confirmInputGroup.debitAmt .confirmInputTransfer{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; background-image: url(../../img/icn_previous.png); background-position: left center; background-repeat: no-repeat; background-size: 16px; color: #666666; line-height: 16px; padding-left: 20px; } .EditRegisteredBeneficiary .container .contentPage .registrationType .confirmLabel, .EditRegisteredBeneficiary .container .contentPage .beneId .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 2px; } .deatilHeaderBtnWrapper{ justify-content: space-between !important; display: flex !important; } .actionButtonRight{ justify-content: flex-end !important; } .EditSupplierRecord .formTickSection .formLabel b, .EditSupplierRecordConfirmation .formTickSection .formLabel b, .CreateNewSupplierRecord .formTickSection .formLabel b, .CreateNewSupplierRecordConfirmation .formTickSection .formLabel b{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial !important; } .EditSupplierRecord .relationship .inputGroup.breaked, .CreateNewSupplierRecord .inputGroup.breaked{ opacity: 0.5; } .payment .paymentEnquiry form { padding-bottom: 0px !important; } /************ cbq end *************/ /************ lishibo i140 start *************/ .enquiryContentContainer.m570SelectList .profileCard .managementReference, .enquiryContentContainer.m570SelectList .profileCard .managementCardTitle, .enquiryContentContainer.m570SelectList .profileCard span{ font-weight: 500; } .enquiryContentContainer.m570SelectList .treasuryRightContent .profileCard .userDetail span{ font-weight: 700; } .I140Details .container .whiteBack .gridContainer .reduceBlack{ font-weight: 500; } /************ lishibo i140 end *************/ /************ hxl start *************/ .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxActionContainer .yesAction:hover { background: #711a20; border: 1.5px solid #711a20; } .nav-tabs li div.unreadDot { opacity: 0; } ul.nav-tabs { padding: 0 0 15px; } .inboxList div.listBorderBottom { bottom: -15px; } .inboxList div.listContent { height: calc(100% - 53px) } #container .listBorderBottom .pagination.pageNumber { height: 100%; margin: 8px 0 0; } #container .inboxList .pagination.pageNumber.item { display: block; margin-top: 28px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage:hover { background-position: center bottom !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage { background-size: 100% 100%; background-position: center; } /* .inboxContent .nodataContent { display: flex; display: block; flex: 1; flex-direction: column; justify-content: center; align-items: center; padding-top: 280px; } */ /* .inboxContent .errorOccur { background-image: url("../../img/icn_read.svg"); background-position: top center; background-repeat: no-repeat; background-size: 44px; font-size: 14px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; width: calc(100% - 32px); line-height: 22px; color: #222222; text-align: center; padding-top: 52px; padding-left: 16px; padding-right: 16px; max-width: 100%; } */ .inboxList .listContent .itemTitle, .inboxList .listContent .itemSubtitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .loginContent .contentContainer .inputGroup i.inputIcon.eyeOpen { background-repeat: repeat; display: block; } .header .bannerContainer .banner .right-banner.isFstLgn { min-width: 0; position: absolute; right: 16px; top: 0; bottom: 0; } div.header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut span { overflow: visible; } .advancedSearchCriteriaAlertLoad { z-index: 9999; width: 100%; height: 100%; position: absolute; top: 0; } .advancedSearchCriteriaAlertLoad.load { background-image: url(../../img/loader.gif); background-position: center center; background-repeat: no-repeat; background-size: 32px; } .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper div.selectric-items li { padding-right: 25px; } .informationManagementDownload .searchResultContainer .leftSearchContainer .selection-group p { display: inline-block; vertical-align: middle; margin-right: 16px; margin-top: 10px; color: #666666; font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .informationManagementDownload .searchResultContainer .leftSearchContainer .switch{ position: relative; display: inline-block; vertical-align: middle; width: 46px; height: 22px; margin-left: 16px; } .informationManagementDownload .searchResultContainer .leftSearchContainer .switch input{ display: none; } .informationManagementDownload .searchResultContainer .leftSearchContainer .slider{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 46px; height: 22px; background-color: #999999; -webkit-transition: .4s; transition: .4s; cursor: pointer; } .informationManagementDownload .searchResultContainer .leftSearchContainer .slider:before{ position: absolute; content: ""; height: 18px; width: 18px; left: 2px; top: 2px; background-color: #fbfbfb; -webkit-transition: .2s; transition: .2s; } .informationManagementDownload .searchResultContainer .leftSearchContainer .slider.round{ border-radius: 16px; } .informationManagementDownload .searchResultContainer .leftSearchContainer .slider.round:before{ border-radius: 10px; } .informationManagementDownload .searchResultContainer .leftSearchContainer input:checked + .slider{ background-color: #01bc88; } .informationManagementDownload .searchResultContainer .leftSearchContainer input:checked + .slider:before{ -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px); } .informationManagementDownload .searchResultContainer .leftSearchContainer input:focus + .slider{ box-shadow: 0 0 1px #01bc88; } div.actionToolbar.isnotIE { position: absolute; } .workQdetail>div { position: fixed; right: 16px !important; bottom: 16px; z-index: 19; bottom: 100px; border-top: none; width: auto; height: 58px; max-width: 1600px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: center; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; } .workQdetail .buttonAction { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 0; } .workQdetail .buttonAction .icon { width: 22px; height: 22px; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } div.inboxHeader { padding-left: 16px; } .inboxTabbar ul.nav-tabs { padding-left: 16px; } .inboxTabbar .nav-tabs li { margin-right: 16px; } .inboxDetail .detailContent span[data-index] { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; cursor: pointer; } .inboxDetail .detailContent * { color: revert; margin: revert; padding: revert; border: revert; font-size: revert; font: revert; vertical-align: revert; } .inboxDetail .detailContent table,.inboxDetail .detailContent td { border: 1px solid black; } .inboxDetail .detailContent table[border="0"],.inboxDetail .detailContent table[border="0"] td { border: none; } .inboxDetail .detailContent a { text-decoration: revert; } .inboxDetail .detailContent span.gpiResult { cursor: default; text-decoration: underline; } .select-over { position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; } .select-over .select-loader { width: 100%; height: 100%; background-image: url(../../img/loader.gif); background-position: 53% 25px; background-repeat: no-repeat; background-size: 20px; display: none; } .tab-content .mySettingLoader.loader { height: 72px; margin: 180px auto; width: 100%; background-image: url(../../img/loader.gif); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; } .gib #container .load:not(.main ).shortcut-load { width: 80px; height: 20px; background-size: 20px; padding: 0; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div.shortcut-load:before, .userSetting .editRow .editFunction .function.more>ul>li>div.shortcut-load:before { width: 0; } .gib #container .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div.shortcut-load, .gib #container .userSetting .editRow .editFunction .function.more>ul>li>div.shortcut-load { width: 100%; height: 54px; } .header .topbarNavBorderContainer div.shortCutOverlay { left: -25%; right: -25%; width: auto; } .contentPage.gridContainer.confirmationPage { padding-bottom: 0 !important; } .informationManagement .contactBox { /* padding-bottom: 150px; */ width: 100%; } .normalModeFunction.gridContainer { min-height: 58px; } .limitControlSetting .gridContainer .function { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; font-size: 16px; color: #666666; line-height: 22px; padding: 0 0 0 26px; margin: 18px 0 18px 24px; background-repeat: no-repeat; background-size: 22px; cursor: pointer; position: relative; } [lang=my_MM] .limitControlSetting .gridContainer .function { font-size: 12px; } .icn_shortcut_work_queue { background-image: url(/assets/img/icn_shortcut_work_queue.png); } .icn_shortcut_enquiry { background-image: url(/assets/img/icn_shortcut_enquiry.png); } .icn_shortcut_information_management { background-image: url(/assets/img/icn_shortcut_information_management.png); } .icn_shortcut_payment { background-image: url(/assets/img/icn_shortcut_payment.png); } .icn_shorcut_control_center { background-image: url(/assets/img/icn_shorcut_control_center.png); } .icn_shorcut_localized_functions { background-image: url(/assets/img/icn_shorcut_localized_functions.png); } .icn_shortcut_global_trade { background-image: url(/assets/img/icn_shortcut_global_trade.png); } .icn_shortcut_liquidity_management { background-image: url(/assets/img/icn_shortcut_liquidity_management.png); } .icn_shortcut_my_setting { background-image: url(/assets/img/icn_shortcut_my_setting.png); } .icn_shortcut_sme { background-image: url(/assets/img/icn_shortcut_sme.png); } .icn_shortcut_treasury { background-image: url(/assets/img/icn_shortcut_treasury.png); } .icn_shortcut_collection { background-image: url(/assets/img/icn_shortcut_collection.png); } .inputGroup.comment.invalid .inputTitle, .inputGroup.comment.invalid input { color: #b51a25 !important; } .header .bannerContainer .banner .right-banner .profile div.dropdown { font-size: 16px; } .popUpLogin .sectionContainer .imgcontainer span.close, .popUpLogin .sectionContainer .inputGroup .pass img { cursor: pointer; } .popUpLogin .close .tiptext { visibility: hidden; z-index: 9; width: auto; float: right; left: 14px; top: calc(100% + 6px); position: absolute; color: #666666; background: #ffffff; padding: 0 4px; text-align: center; line-height: 20px; vertical-align: center; white-space: nowrap; height: 20px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 12px; box-shadow: 0px 1px 4px 1px rgba(34, 34, 34, 0.3); border-radius: 2px; } .popUpLogin .close:hover .tiptext { visibility: visible; } .header .bannerContainer .banner .right-banner .language button#langBTN { font-size: 17px; } .gib #overlay .overlayComponentContainer div.height-70.isHorizontal { height: 538px; } .gib #overlay .overlayComponentContainer div.height-70.isVertical { height: 716px; } .loginSideMenu .progress .step.current div.stepText { font-weight: bold; } /* #root #container.is_ipad { transform: translateZ(0); -webkit-transform: translateZ(0); } */ li:before { z-index: 1; } .gib #container .addShortcuts .loading,.gib #container .removeShortCut .loading{ padding: 0; background-size: 18px; width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .gib #container .addShortcuts,.gib #container .removeShortCut { position: relative; min-height: 22px; } body.Payment #container .topBar .removeShortCut,body.Payment #container .topBar .addShortcuts { position: absolute; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .matchedResultTopBar div.addShortcuts, .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .matchedResultTopBar div.removeShortCut { padding-top: 0; padding-bottom: 0; } .pullDownList .show li:hover div.shortcut-load { background-position: center !important; } .gib body .landing .gridContainer { position: relative; } .landing .gridContainer span, .landing .gridContainer .prompt-welcome { font-size: 14px; } .landing .gridContainer span i { color: #666; } #container .landing .closeLanding { position: absolute; right: 16px; top: 0; } .contentMessage .prompt-change { color: #666; } .wq_labelStatus { display: flex; display: -webkit-flex; } .wq_labelStatus span { font-weight: 600; font-size: 13px; margin-top: 1px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; } .is_ipad .enquiry .enquiryTopBar.gridContainer { max-width: 1024px !important; } .is_ipad .enquiry .myGlobalCashPoolVIew #cashPoolWidget { max-width: 1024px; } .WorkQueue #advancedSearchCriteria .selectric-items span.scroll-arrow { position: absolute; background-position: center center; background-repeat: no-repeat; background-size: 22px 22px; left: 0; right: 0; top: 285px; height: 26px; z-index: 9; } body.TransactionDetailsComplete.workQueueManualSweepingDetails.ExportLCCollectionConfirmation .navContainer { border-bottom: none; } .no_mouseover { background: #fff !important; } .IE .Home .loginSection .sectionContainer .loginWrapper .sectionHeader .subSectionHeader .start,.IE .Home .noticeSection .importantNoticeSection .importantNotice span { font-family: "Noto Sans SemiBold", "Segoe UI", Arial, 微軟正黑體, "Noto Sans Myanmar SemiBold"; } .header .bannerContainer .banner .left-banner a.igtbLogo { background-position: 16px 0px; width: 82px; } .header .bannerContainer .banner .right-banner a.menuAction,.header .bannerContainer .banner .right-banner a.timeIndicator,.scrollButton .buttonContainer .buttonAction div.icon.icon-backToTop { background-image: url(/assets/img/header.png); background-size: 540px 180px; } .header .bannerContainer .banner .right-banner a.icon-homeHover { background-position: -180px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-homeHover:hover { background-position: -180px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-dashboardHover { background-position: -60px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-dashboardHover:hover { background-position: -60px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-emailHover { background-position: -120px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-emailHover:hover { background-position: -120px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-printHover { background-position: -300px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-printHover:hover { background-position: -300px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-settingsHover { background-position: -360px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-settingsHover:hover { background-position: -360px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-locationHover { background-position: -240px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-locationHover:hover { background-position: -240px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-userHover { background-position: -420px -30px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-userHover:hover { background-position: -420px -52px !important; } .header .bannerContainer .banner .right-banner a.icon-clock-green { background-position: 5px 5px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-clock-yellow { background-position: -55px 5px; } .noTouchDevice .header .bannerContainer .banner .right-banner a.icon-clock-red { background-position: -25px 5px; } .header .bannerContainer .banner .right-banner .language #langBTN:after { background-image: url(/assets/img/header.png); background-size: 540px 180px; background-position: -90px 0; } .header .bannerContainer .banner .right-banner .profile i.icon-member { background-image: url(/assets/img/header.png); background-position: -468px -28px; background-size: 540px 180px; display: block; } .right-banner .icon-question{ background-image: url(/assets/img/icn_question.png); background-repeat: no-repeat; background-position: 50% -1px; min-width: 22px; cursor: pointer; display: block; width: 22px; height: 22px; background-size: 24px 48px; margin: 5px 19px 5px 5px; } .right-banner .icon-question:hover { background-position: center -25px } .scrollButton .buttonContainer .buttonAction div.icon.icon-backToTop { background-position: 0 -30px; } .scrollButton .buttonContainer .buttonAction .icon.icon-backToTop:hover,.scrollButton .buttonContainer .buttonAction:hover div.icon { background-position: 0 -54px !important; } .Home .noticeSection .importantNoticeSection .importantNotice.icon-notebookRed,.Home .noticeSection .noticeDetail .noticeNode { background-image: none; position: relative; } .Home .noticeSection .importantNoticeSection .importantNotice.icon-notebookRed::after,.Home .noticeSection .noticeDetail .noticeNode.icon-notebook::after { content: ""; position: absolute; width: 22px; height: 22px; background: url(/assets/img/homePage.png) no-repeat -30px -1px/1800px 330px; left: 16px; top: 10px; } .Home .noticeSection .noticeDetail .noticeNode.icon-notebook::after { background: url(/assets/img/homePage.png) no-repeat 0 -2px/1800px 330px; } .Home .noticeSection .importantNoticeSection .moreAction.icon-arrowDown { background-image: url(/assets/img/header.png); background-position: -135px -4px; background-size: 810px 250px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg { background-image: url(/assets/img/homePage.png); background-size: 1800px 330px; background-position: left -90px; width: 72px; margin: 0 auto 10px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-dashboard { background-position: -300px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-dashboard { background-position: -300px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-library { background-position: -900px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-library { background-position: -900px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-remote { background-position: 0 -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-remote { background-position: 0 -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-enquiries { background-position: -750px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-enquiries { background-position: -750px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-knowledge { background-position: -1500px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-knowledge { background-position: -1500px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-utilities { background-position: -1200px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-utilities { background-position: -1200px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-banking { background-position: -150px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-banking { background-position: -150px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-training { background-position: -1050px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-training { background-position: -1050px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-gpi { background-position: -600px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-gpi { background-position: -600px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-functions { background-position: -1650px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-functions { background-position: -1650px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-enterpriseClound { background-position: -450px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-enterpriseClound { background-position: -450px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-download { background-position: -1350px -30px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-download { background-position: -1350px -102px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icon-depositPlacement { background-position: 0 -180px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icon-depositPlacement { background-position: 0 -252px; } .Home .loginSection .sectionContainer .loginWrapper .inputGroup div.pass,.popUpLogin .sectionContainer .inputGroup div.pass { background: none; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.icn-home-api { background-position: -150px -180px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.icn-home-api { background-position: -150px -252px; } .Home .loginSection .sectionContainer .loginWrapper .inputGroup div.tips,.popUpLogin .sectionContainer .inputGroup div.tips { background-image: url(/assets/img/homePage.png); background-position: -60px 0; background-size: 1800px 330px; } .Home .loginSection .sectionContainer .loginWrapper .inputGroup div.refresh,.popUpLogin .sectionContainer .inputGroup div.refresh { background-image: url(/assets/img/homePage.png); background-position: -90px 0; background-size: 1800px 330px; } .popUpLogin .sectionContainer .imgcontainer span.close { background-image: url(/assets/img/homePage.png); background-position: -360px 0; background-size: 5400px 990px; } .Home .noticeSection .noticeDetail .viewMoreAction a.hyperLink-primaryHover::after { background-image: url(../../img/homePage.png); background-position: -451px 2px; background-size: 5400px 990px; } .Home .noticeSection .noticeDetail .viewMoreAction a.hyperLink-primaryHover:hover::after { background-position: -459px 2px !important; } #container .landing .closeLanding.icon-closeHover { background-image: url(/assets/img/dashboard.png); background-size: 900px 480px; background-position: -360px -30px; } .noTouchDevice #container .landing .icon-closeHover:hover { background-position: -360px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer div.swiper-button-next { background-image: url(/assets/img/menu_shortcut.png); background-size: 4230px 540px; background-position: -610px 3px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer div.swiper-button-prev { background-image: url(/assets/img/menu_shortcut.png); background-size: 4230px 540px; background-position: -521px 3px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation div.icon-arrowLeft { background-image: url(/assets/img/menu_shortcut.png); background-size: 4230px 540px; background-position: -528px 2px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation div.icon-arrowRight { background-image: url(/assets/img/menu_shortcut.png); background-size: 4230px 540px; background-position: -618px 2px; } .functionBarContainer .functionWrap .redBtn.delete { width: auto; min-width: 92px; } .gib[lang=my_MM] #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li, .gib[lang=my_MM] #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li { font-size: 12px; } .gib[lang=my_MM] #overlay .overlayComponentContainer .advancedSearchCriteriaContainer .inputGroupTrial .formLabel, .gib[lang=my_MM] #overlay .overlayComponentContainer .advancedSearchCriteriaContainer .inputGroup label { font-size: 12px; } .gib[lang=my_MM] #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton, .gib[lang=my_MM] #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton { font-size: 12px; } [lang=my_MM] .loginContent .contentTitle .downloadTnc { background: none; } [lang=my_MM] .loginContent .contentTitle .downloadTnc::before { content: ""; position: absolute; width: 22px; height: 22px; background-repeat: no-repeat; background-size: 22px; background-image: url(/assets/img/icn_download_hover.svg); top: 6px; left: 0; } [lang=my_MM] .loginContent .contentTitle .downloadTnc:hover::before { background-position: 0 -22px; } [lang=my_MM] .buttonContainer .buttonRight, [lang=my_MM] .buttonContainer .buttonLeft { align-items: center; } [lang=my_MM] .buttonContainer .buttonLeft { line-height: 22px; } [lang=my_MM] .selectric-wrapper .selectric-items .selectric-scroll li, [lang=my_MM] .selectric-wrapper .selectric .label { font-size: 12px !important; } [lang=my_MM] .functionBarContainer .functionWrap .functionBtn { line-height: 22px; } [lang=my_MM] #container .grid .main .footer .clearBtn { font-size: 12px !important; } .dailyLimit .spColor.spColor_01 { background-color: #666666; } .dailyLimit .spColor.spColor_02 { background-color: #005caf; } .dailyLimit .spColor.spColor_03 { background-color: #9055c4; } .dailyLimit .spColor.spColor_04 { background-color: #e27115; } .dailyLimit .spColor.spColor_05 { background-color: #33a6b8; } .dailyLimit .spColor.spColor_06 { background-color: #60373e; } .dailyLimit .spColor.spColor_07 { background-color: #d0104c; } .dailyLimit .spColor.spColor_08 { background-color: #8cb364; } .dailyLimit .spColor.spColor_09 { background-color: #01bc88; } .dailyLimit .spColor.spColor_10 { background-color: #f5a623; } [lang=th_TH] .Home .loginSection .sectionContainer .loginWrapper .loginSubmit .linkBtn div.word, [lang=th_TH] .Home .loginSection .sectionContainer .loginWrapper .loginSubmit .linkBtn div.word2 { width: 128px; height: 40px; } [lang=th_TH] .Home .loginSection .sectionContainer .loginWrapper .loginSubmit .linkBtn div.word { line-height: 38px; } .gib #overlay .overlayComponentContainer .newUserLoginPart3Container .bottomBarContainer .downloadButton { min-width: 144px; padding: 11px 2px; width: auto; } /************ hxl end ************/ /************ mj start ************/ .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li>span[class ^= icn]{ position: relative; background: none; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li>span[class ^= icn]::before { content: ""; width: 22px; height: 22px; position: absolute; background-image: url(/assets/img/menu_shortcut.png); background-size: 1440px 180px; left: 0; top: 0; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li > span.icn_work_queues_hover::before { background-position: -1380px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover > span.icn_work_queues_hover::before { background-position: -1380px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_my_enquiry_hover::before { background-position: -1200px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_my_enquiry_hover::before { background-position: -1200px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_information_management_hover::before { background-position: -960px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_information_management_hover::before { background-position: -960px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_payments_hover::before { background-position: -1140px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_payments_hover::before { background-position: -1140px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_global_trade_hover::before { background-position: -900px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_global_trade_hover::before { background-position: -900px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_collections_hover::before { background-position: -780px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_collections_hover::before { background-position: -780px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_treasury_hover::before { background-position: -1320px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_treasury_hover::before { background-position: -1320px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_liquidity_hover::before { background-position: -1020px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_liquidity_hover::before { background-position: -1020px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_local_service_hover::before { background-position: -1080px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_local_service_hover::before { background-position: -1080px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li span.icn_sme_hover::before { background-position: -1260px -30px; } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span.icn_sme_hover::before { background-position: -1260px -52px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer div.shortCutAction { background-image: url(/assets/img/menu_shortcut.png); } .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction:hover { background-image: url(/assets/img/menu_shortcut.png); } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction.icon-shortcutsTopBarWhite { background-position: -175px 5px; background-size: 4320px 540px; } .noTouchDevice .header .topbarNavBorderContainer .shortCutAction.icon-shortcutsTopBarWhite:hover { background-position: -25px 5px !important; background-size: 1440px 180px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll{ background: none; background-color: #b51a25 } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.icon-arrowLeftWhite::after { content: ""; width: 24px; height: 58px; position: absolute; background-image: url(/assets/img/menu_shortcut.png); background-size: 1440px 180px; background-position: -82px 22px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.icon-arrowRightWhite::after { content: ""; width: 24px; height: 58px; position: absolute; background-image: url(/assets/img/menu_shortcut.png); background-size: 1440px 180px; background-position: -112px 22px !important; } .shortCutAction1 .icon-edit { background-image: url(/assets/img/menu_shortcut.png); } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction1 .shortCutEdit.icon-edit { cursor: pointer; width: 22px; height: 22px; background-position: -840px -30px; background-repeat: no-repeat; background-size: 1440px 180px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList.deleting .shortCut .remover { cursor: pointer; display: block; position: absolute; width: 26px; height: 26px; top: 9px; left: 9px; background-image: url(/assets/img/menu_shortcut.png); background-repeat: no-repeat; background-position: 7px 7px; background-size: 864px 108px; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage { margin-top: 16px; margin-bottom: 8px; margin-left: auto; margin-right: auto; width: 48px; height: 48px; background-image: url(/assets/img/menu_shortcut.png); background-size: 1440px 180px; background-repeat: no-repeat; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_collection, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_collection:hover { background-position: -120px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_sme, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_sme:hover { background-position: -600px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_liquidity_management, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_liquidity_management:hover { background-position: -420px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_information_management, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_information_management:hover { background-position: -300px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_work_queue, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_work_queue:hover { background-position: -720px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shorcut_control_center, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shorcut_control_center:hover { background-position: 0px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icon-shortcut-liquidity-management, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icon-shortcut-liquidity-management:hover { background-position: -420px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_payment, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_payment:hover { background-position: -540px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_payment, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_payment:hover { background-position: -540px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_treasury, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_treasury:hover { background-position: -660px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_my_setting, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_my_setting:hover { background-position: -480px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_global_trade, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_global_trade:hover { background-position: -240px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_library, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_library:hover { background-position: -360px -30px !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_enquiry, .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut div.shortCutImage.icn_shortcut_enquiry:hover { background-position: -180px -30px !important; } /************ mj end ************/ /************ hyl start *************/ .popUpLogin .sectionContainer .sectionHeaderAlert { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 24px; color: #FFFFFF; } .popUpLogin .sectionContainer .sectionHeaderAlert .subSectionHeader { margin-top: 8px; font-size: 14px; display: flex; } .popUpLogin .sectionContainer .sectionHeaderAlert .subSectionHeader .first { color: #FFFFFF; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .popUpLogin .sectionContainer .sectionHeaderAlert .subSectionHeader .start { color: #FFFFFF; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; padding-left: 4px; cursor: pointer; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /************ hyl end *************/ /*************** wuyingqi personal css start ***************/ .webFooter { min-width: 1024px; } #footer .webFooter .termsItem a { font-size: 14px; line-height: 19px; color: #666666; position: relative; cursor: pointer; } #header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.actionNav .megaMenuContainer .megaMenu .megaMenuNavContainer.full { flex: 0 0 calc(100% - 16px); flex-basis: calc(100% - 16px); } #header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.actionNav .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode { flex: 0 0 calc(33.3333% - 29px); flex-basis: calc(33.3333% - 29px); } .Dashboard .fileUpload .content .myFile { display: none; } .editRow.gridContainer.cashpoolEditRow { height: 68px; } .header .bannerContainer .banner .right-banner .menuAction { min-width: 22px; } .enquiry .enquiryContentContainer .accountBalanceCardContainer, .enquiry .enquiryContentContainer .accountBalanceCardContainer .accountBalanceCardCashPool.myCashpoolAccountBalanceCardCashPool { position: relative; overflow: hidden; min-height: 120px; } .enquiry .enquiryContentContainer .accountBalanceCardContainer .accountBalanceCard, .enquiry .enquiryContentContainer .accountBalanceCardContainer .accountBalanceCardCashPool { min-height: 0; } .enquiry .enquiryContentContainer .myGlobalCashPoolView .accountBalanceCardContainer { padding: 0; background-color: #fff; } .myGlobalWrapper .enquiryTopBar { -ms-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; } #enquiryList570 .myGlobalWrapper .enquiryTopBar { margin-left: auto !important; margin-right: auto !important; max-width: 1568px !important; } #enquiryList570 .myGlobalWrapper .enquiryTopBar .functionBox { width: 100%; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.actionNav .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav { justify-content: flex-start; border: none; } #overlay .superLoadingOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; } #overlay .superLoadingOverlay .bocLoadIconContainer { margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; display: flex; flex-direction: column; align-items: center; } #overlay .superLoadingOverlay .bocLoadIconContainer .bocLoadingIcon { display: block; width: 72px; height: 72px; background-color: #FFF; border-radius: 4px; } #overlay .superLoadingOverlay .bocLoadIconContainer .detail { display: none; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 11px; margin-top: 8px; color: #FFF; line-height: 15px; max-width: 252px; text-align: center; opacity: .7; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .enquiry .accountPosition .content .twoBalanceContainer .balanceContainer .balanceChartContainter .balanceItemDetail { width: 135px; } iframe.ext-link-frame { display: block; } .overlayComponentContainer .tncOverlayContainer .titleContainer { min-width: 0; } .overlayComponentContainer .tncOverlayContainer .language #langBTNOverlay { position: relative; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; line-height: 22px; padding: 0 14px 0 0; width: 36px; height: 22px; text-align: center; font-size: 16px; color: #222222; background-color: #FFFFFF; border: 0; outline: 0; cursor: pointer; overflow: hidden; } .overlayComponentContainer .tncOverlayContainer .language #langBTNOverlay:after { content: ''; display: block; position: absolute; top: 3px; right: 0; width: 10px; height: 16px; background-image: url(../../img/icn_arrow_down.svg); background-position: right; background-repeat: no-repeat; background-size: 10px 16px; transition: transform .3s; } .overlayComponentContainer .tncOverlayContainer .popUpOutWrappers .iframeWrapper { height: auto; } .gib #overlay .overlayComponentContainer .fileUploadResultContainer .fileUploadResult .resultContainer .resultContent .fileInfo { max-width: 230px; } .Payment .container.TransactionError { margin-left: auto; margin-right: auto; max-width: 1568px; min-width: 992px; } .Payment .TransactionError .errorContainer, .Payment .TransactionError .errorContainer .containerRight, .Payment .TransactionError .errorContainer .containerRight .contentPage { margin-top: 0; padding-bottom: 0; min-height: 0; height: 100%; } .Payment .TransactionError .errorContainer .completedWrapper { background-color: #f8f8f8; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.navRightScroll:before { right: 24px; } .fileUpload .content .myFile { display: none; } .accountPosition .content .mapViewContainer .mapDetailContainer .detailContent .regionName { max-width: 25%; } .accountPosition .content .mapViewContainer .mapDetailContainer .detailContent .regionName .apToAccountAct { display: inline-block; padding-right: 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .accountPosition .content .mapViewContainer .mapDetailContainer .detailContent .regionName .apToAccountAct:after { left: auto; right: 8px; } .accountActivities .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll { max-height: 312px; } .accountActivities .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 32px; } .gib:not(.touchDevice ) #overlay .overlayComponentContainer div.generalBgOverlay { top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .gib:not(.touchDevice ) #overlay .overlayComponentContainer .height-70.componentContainer { top: 0; left: 0; bottom: 0; right: 0; margin: auto; transform: translate(0, 0); } .gib:not(.touchDevice) #overlay .overlayComponentContainer .height-70.hAnimate { -webkit-animation: h70Animate 0.3s linear; animation: h70Animate 0.3s linear; -moz-animation: h70Animate 0.3s linear; } @-webkit-keyframes h70Animate { from { left: 10%; opacity: 0; } to { left: 0; opacity: 1; } } @keyframes h70Animate { from { left:10%; opacity: 0; } to { left: 0; opacity: 1; } } .gib.Treasury body .gridContainer, .gib.Collection body .gridContainer, .gib.LiquidityMgt body .gridContainer { padding-bottom: 0; } #container .container .containerInner .containerRight .contentPage.formPage .inputGroupRow .inputRow .inputGroup input.formInput.input2, #container .container .containerInner .containerRight .contentPage.confirmationPage .inputGroupRow .inputRow .inputGroup input.formInput.input2 { width: 50%; flex: 1 1 auto; } .gridContainer [class^='funcLink icon']>div { width: 100%; } a[class^='funcLink icon'] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: vertical; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row !important; -ms-justify-content: space-around !important; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: space-around; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-shrink: 1; flex-direction: row !important; justify-content: space-around !important; align-items: center; background-repeat: no-repeat; height: auto !important; min-height: 104px; width: calc(25% - 32px); background-size: 72px; text-align: center; color: #222222; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar","Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold","Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial,微软雅黑; font-weight: 700; font-size: 18px; background-position: center 0; padding-top: 82px; cursor: pointer; padding-left: 16px; padding-right: 16px; padding-bottom: 32px; position: relative; cursor: pointer; background-image: none; } [lang=my_MM] a[class^='funcLink icon'] { font-size: 14px; } .IE[lang=my_MM] a[class^='funcLink icon'] { line-height: 1.75; } [class^='funcLink icon'] span { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 14px; line-height: 19px; color: #666666; text-align: center; display: block; min-width: 100%; margin: auto; margin-top: 9px; box-sizing: border-box; } [lang=my_MM] [class^='funcLink icon'] span { font-size: 12px; } [class^='funcLink icon']:hover, [class^='funcLink col']:hover { color: #b51a25; } [class^='funcLink icon']:before { position: absolute; top: 0; left: 0; width: 100%; height: 62px; content: ''; background-position: top center; background-size: 62px; background-repeat: no-repeat; } [class^='funcLink icon']:hover:before, [class^='funcLink col']:hover:before { background-position: center bottom; } .funcLink.icon2:before { height: 72px; background-size: 72px; } .funcLink.icon4 { margin: 24px 0 8px; padding-top: 72px; } a[class^='funcLink col'] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: vertical; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row !important; -ms-justify-content: center !important; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row !important; justify-content: center !important; align-items: center; width: calc(33% - 16px); padding: 16px; cursor: pointer; background: none; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; margin: 0 8px; color: #222222; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 16px; text-align: center; } [lang=my_MM] a[class^='funcLink col'] { font-size: 12px; } [class^='funcLink col']:before { content: ""; display: block; width: 100%; height: 44px; background-position: center top; background-repeat: no-repeat; background-size: 44px; margin-bottom: 8px; } .BlockedMerchant[class^='funcLink col']:before { background-position: center bottom; } .gib #overlay .overlayComponentContainer .componentContainer.disclaimerContainer { width: 656px; } .scrollButton .scrollButtonContainer { position: fixed; right: 16px !important; bottom: 75px; z-index: 19 !important;; } .scrollButton .scrollButtonContainer.buttonAbsolute { position: fixed; bottom: 75px; } .scrollButton .scrollButtonContainer .buttonAction { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); } .scrollButton .scrollButtonContainer .buttonAction:last-child { margin-bottom: 0; } .scrollButton .scrollButtonContainer .buttonAction .icon.icon-onlineCs, .scrollButton .scrollButtonContainer .buttonAction .icon.icon-backToTop { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .scrollButton .scrollButtonContainer .buttonAction .icon { width: 22px; height: 22px; } .scrollButton .scrollButtonContainer .buttonAction:hover .icon { background-position: 0 -22px !important; } /* * uploadfile component style */ #container .container .uploadedGroup .uploadedItm.load { background-position: 82% center; padding: 0; } #container .container .uploadedGroup .uploadedItm.load > * { visibility: visible; } #container .container .uploadedGroup .uploadedItm.load .fileDesc h4.fileName { width: 70%; } #container .container .uploadedGroup .uploadedItm.load .previewBtn { display: none; } .gib #overlay .overlayComponentContainer .fileUploadFlowAsyncContainer .fileUploadFlow .dropFile .fileUploadContainer .uploadedFileField.load { background-image: url(../../img/loader.gif); background-position: 89% center; background-repeat: no-repeat; background-size: 32px; } .gib #overlay .overlayComponentContainer .fileUploadFlowAsyncContainer .fileUploadFlow .dropFile .fileUploadContainer .uploadedFileField.load .fileInfo { width: 75%; } .gib #overlay .overlayComponentContainer .fileUploadFlowAsyncContainer .fileUploadFlow .dropFile .fileUploadContainer .uploadedFileField.load .fileInfo .fileName { width: auto; } .singleEChequeDepositConfirmation .headerContainer .editButton:hover { background-position: left bottom; color: #b51a25; } /* * placeholder */ *::-moz-placeholder { color: rgba(0, 0, 0, .5); } /* * Done Page style */ #container .container .containerRight .completedWrapper .completedMsg { display: flex; justify-content: flex-start; } .completedWrapper .completedMsg .keyIco, #container .container .containerRight .completedWrapper .completedMsg .tickIco,#container .container .containerRight .completedWrapper .completedMsg .failIco { flex: 0 0 44px; margin-top: 7px; } /* * Add Beneficiary Overlay */ .overlayComponentContainer .addBeneficiaryContainer .accountRow input[type=radio] + label:before { top: 0 !important; bottom: 0; margin: auto; } /* * subtitle */ .enquiry > .titleContainer { flex-wrap: wrap; } .enquiry > .titleContainer .pageTitle { width: 100%; } .enquiry > .titleContainer .pageSubTitle { font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; line-height: 19px; color: #666; margin-top: 8px; max-width: 80%; } /* * currency rate overlay */ .currencyRateContainer .exchangeRate { padding: 0px 16px; } .currencyRateContainer .exchangeRate .exchangeRateContent, .currencyRateContainer .exchangeRate .gainAndLoss .validText { font-size: 16px; color: #222222; font-weight: normal; } .currencyRateContainer .exchangeRate .exchangeRateContent { padding-top: 16px; } .payment .paymentContentContainer .paymentSpinnerContainer { top: 0; } .payment .paymentPayroll .paymentGridContainer .PaymentACHTitle { float: left; font-size: 24px; font-family:" Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "SegoeUI", Arial, 微軟雅黑; font-weight: 700; margin-left: 10px; } .overlayComponentContainer .selectCINContainer .inputGroupTrial .formLabel .location { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } #overlay .superLoadingOverlay, .gib #header .headerOverlay { z-index: 99999 !important; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer { z-index: 100000 !important; } .Enquiry .selectric-input { display: none; } .gib #root #page #header { z-index: 25; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction { background-image: url(../../img/icn_shortcuts_white.png); } .payment .paymentContentContainerWrapper .paymentSolutions .entryMenuContainer .feature, .payment .paymentContentContainerWrapper .paymentSolutions .entryMenuContainer .main { -webkit-box-align: start; -moz-box-align: start; box-align: start; -ms-flex-align: start; -webkit-align-items: start; align-items: start; } .gib #overlay .overlayComponentContainer .componentContainer.fileUploadResultContainer .fileUploadResult .resultContainer .resultContent { max-height: none; align-items: flex-start; padding-bottom: 16px; } .gib #overlay .overlayComponentContainer .componentContainer.fileUploadResultContainer .fileUploadResult .resultContainer .resultContent .fileInfo { display: block; margin-bottom: 0; } .gib #overlay .overlayComponentContainer .componentContainer.fileUploadResultContainer .fileUploadResult .resultContainer .resultContent .resultSucessIcn, .gib #overlay .overlayComponentContainer .componentContainer.fileUploadResultContainer .fileUploadResult .resultContainer .resultContent .resultfailSucessIcn { margin-top: 16px; } #container .container .containerInner .containerRight .contentPage form .confirmInputGroup .confirmInput.redBoldFont { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; color: #d42b35 !important; font-weight: 700 !important; } body.Payment #container .paymentPayroll .topBar .removeShortCut, body.Payment #container .paymentPayroll .topBar .addShortcuts { position: relative; float: right; } .payment .paymentPayroll.paymentCOS .paymentGridContainer .topBar .periodBeforeCutOff.hide { display: block !important; visibility: hidden; width: auto !important; } .container .containerInner .completedWrapper .remark .remarkItm h4 { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體 !important; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600 !important; } .container .containerInner .completedWrapper .remark .remarkItm h5 .name { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 400 !important; } #container .container .containerInner .containerLeft .step .stepContent { width: auto !important; } .gib .fileUpload .content .dropFile .uploadedFileField, #container .container .containerInner .containerRight .contentPage .inputGroupRow .suppleDoc .inputRow .uploadedGroup .uploadedItm { height: auto; min-height: 80px; } .gib .fileUpload .content .dropFile .uploadedFileField .uploadedIcon { bottom: auto; } .gib .fileUpload .content .dropFile .uploadedFileField .fileInfo { display: block; } .fileUpload .content .dropFile .uploadedFileField .fileInfo .status.exceed { max-height: 130px; overflow: auto; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .suppleDoc .inputRow .uploadedGroup .fileSide, #container .container .containerInner .containerRight .contentPage .inputGroupRow .suppleDoc .inputRow .uploadedGroup .fileDesc { vertical-align: top; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .uploadedGroup .fileDesc { margin-top: 15px; } .productServiceTransaction .searchResultContainer .leftSearchContainer .inputGroup.invalid .formLabel { color: #b51a25; } .productServiceTransaction .searchResultContainer .leftSearchContainer .inputGroup.invalid .selectric-wrapper .selectric .label { border-bottom: 1px solid #b51a25; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxMessage .onlineChatTips { text-align: left; } .gib #overlay .overlayComponentContainer .ajaxErrorBoxContainer .ajaxErrorBox .boxMessage .onlineChatTips > * { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-weigth: 400; font-size: 16px; line-height: 22px; color: #222222; width: 100%; user-select: none; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .header .bannerContainer .banner .right-banner .language { margin: 5px 0; } .touchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.hover { background-color: #FFFFFF; -webkit-box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3); -moz-box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3); box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3); } .touchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.hover span { color: #222222 !important; } .touchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li.hover > span { background-position: 0 -22px !important; } /*************** wuyingqi personal css end ***************/ /*************** dingxiongshi personal css start ***************/ .MySetting #container .overlayComponentContainer .componentAssistant.popupInputGroup .labelContainer label, .MySetting #overlay .overlayComponentContainer .componentAssistant.popupInputGroup .labelContainer label { position: static; } #container .informationManagementDownload .rightResultContainer { width: calc(100% - 352px); } #container .informationManagementDownload .profileCard .cardContainer .icon { flex: 1 0 76px; } #container .informationManagementDownload .profileCard .cardContainer .userInfo { width: calc(100% - 76px); } #container .informationManagementDownload .profileCard .cardContainer .userInfo .cardTitle { display: inline-block; margin-right: 22px; } #container .informationManagementDownload .profileCard .cardContainer .userInfo .secondLine { flex-wrap: wrap; margin-right: 25px; } #container .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper .selectric-items li.highlighted{ position: relative; } #container .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper .selectric-items li.selected:after{ top: 0; bottom: 0; margin: auto; } #container .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open{ z-index: 21; } .informationManagementDownload .profileCard .cardContainer .icon.zip, .informationManagementDownload .profileCard .cardContainer .icon.defaultIcon { background-image: url("/assets/img/icn_empty_file.png"); } .informationManagementDownload .profileCard .cardContainer .icon.pdf{ background-image: url("/assets/img/icn_pdf_file.png"); } .informationManagementDownload .profileCard .cardContainer .icon.doc, .informationManagementDownload .profileCard .cardContainer .icon.docx { background-image: url("/assets/img/icn_doc_file.png"); } .informationManagementDownload .profileCard .cardContainer .icon.xls, .informationManagementDownload .profileCard .cardContainer .icon.xlsx { background-image: url("/assets/img/icn_xls_file.png"); } /*************** dingxiongshi personal css end ***************/ /*************** wei chenbo info download css start ***************/ .informationManagementDownload .profileCard.onlineRequested .cardContainer .userInfo .secondLine.dotspace { position: relative; } .informationManagementDownload .profileCard.onlineRequested .cardContainer .userInfo .secondLine.dotspace .dot { left: -8px; top: 8px; } /*************** wei chenbo info download css end ***************/ /*************** chen jie echeque css start ***************/ .gib #container .container .containerInner .containerRight .echeque .inputRow .acGroup .acWrapper .debit .addDebit { padding-bottom: 12px; height: 32px; } .gib #container .container .containerInner .containerRight .echeque .inputRow .acGroup .acWrapper .charges .addCharges { padding-top: 24px; padding-bottom: 36px; } .gib #container .container .containerInner .containerRight .echeque.cheque .acTop.debit { padding-bottom: 12px !important; } #container .container .containerInner .containerRight .confirmationPage.echeque .inputRow .acGroup .debitFrom .debit.acTop { padding: 16px 16px 4px 16px !important; } #container .container .containerInner .containerRight .confirmationPage.echeque .inputRow .acGroup .debitFrom .charges.acTop { padding: 4px 16px 16px 16px !important; } #container .container .containerInner .containerRight .confirmationPage.echeque .inputRow .acGroup .beneTo .rowContent { padding-bottom: 104px; } #container .container .containerInner .containerRight .confirmationPage.echeque .inputRow .acGroup .beneTo .beneToAmt { padding-top: 16px; } .PaymentEChequeForm .container .containerInner .containerRight .contentPage .inputGroupRow .waiver input#waiver:checked + label:before{ background-size: cover; background-repeat: no-repeat; background-position: center center; } .PaymentEChequeConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .waiver input#waiver:checked + label:before{ background-size: cover; background-repeat: no-repeat; background-position: center center; } .containerInner .containerRight .contentPage .inputRow p.formLabel>label,.containerInner .containerRight .contentPage .inputRow .textarea>.inputTitle>label{ color: #666666; font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .containerInner .containerRight .contentPage .inputRow p.formLabel>label,[lang=zh_CN] .containerInner .containerRight .contentPage .inputRow .textarea>.inputTitle>label { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .localServices .pageBoxContainer .featureTitle{ padding: 16px 0 24px 0px; color: #222222; font-weight: 700; font-size: 24px; line-height: 33px; } /*************** chen jie echeque css end ***************/ /*************** jiangxu css start ***************/ .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-datFile { background-color: #fbfbfb; background-image: url("../../img/icn_dat_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-txtFile { background-color: #fbfbfb; background-image: url("../../img/icn_txt_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-gifFile { background-color: #fbfbfb; background-image: url("../../img/icn_gif_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-pngFile { background-color: #fbfbfb; background-image: url("../../img/icn_png_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-jpgFile, .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-jpegFile { background-color: #fbfbfb; background-image: url("../../img/icn_jpg_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-docFile, .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-docxFile { background-color: #fbfbfb; background-image: url("../../img/icn_doc_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-xlsFile, .Dashboard #reportRetrieval .grid .main .content .reportsList ul li .icon-xlsxFile { background-color: #fbfbfb; background-image: url("../../img/icn_xls_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } #reportRetrieval .grid .main .content .reportsList ul li .defaultIcon { background-color: #fbfbfb; background-image: url("../../img/icn_empty_file.png"); background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 94px; width: 76px; } .Dashboard .searchBox .cancelAction:hover { color: #b51a25; } .Dashboard #container .widget .errorContent,.Payment #container .widget .errorContent{ position: absolute; top:50%; left:0px; width: 100%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .Dashboard .accountPosition .mapViewContainer,.Dashboard .accountPosition .balanceContainer{ position: relative; } .Dashboard #container .widget .nodataContent,.Payment #container .widget .nodataContent{ top:50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .Dashboard #container .widget .footer{ margin-top:auto; } .Enquiry #container .enquiryMain .searchTransCommonError,.Enquiry #container .enquiryMain .nodataContent, .Enquiry #container .myGlobalCashPoolView .searchTransCommonError,.Enquiry #container .myGlobalCashPoolView .nodataContent{ top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.outGoAlert .itemCategoryDot{ background-color: #8cb364; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.outGoAlert .itemCategoryContent{ color: #8cb364; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.inSAlert .itemCategoryDot{ background-color: #33a6b8; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.inSAlert .itemCategoryContent{ color: #33a6b8; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.genAlert .itemCategoryDot{ background-color: #60373e; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.genAlert .itemCategoryContent{ color: #60373e; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.highRAlert .itemCategoryDot{ background-color: #d0104c; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.highRAlert .itemCategoryContent{ color: #d0104c; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.incomeAlert .itemCategoryDot{ background-color: #005caf; } .Dashboard .eAlertAndMessage .content .ealert-itemCategory.incomeAlert .itemCategoryContent{ color: #005caf; } .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.compulsory .formLabel::after{ display: none; } .GlobalTradeCentre .entryLanding .pageBoxContainer .group { display: none; } .GlobalTradeCentre .selectric-wrapper .selectric .label,.LiquidityMgt .selectric-wrapper .selectric .label, .Collection .selectric-wrapper .selectric .label,.Enquiry .selectric-wrapper .selectric .label, .InformationManagement .selectric-wrapper .selectric .label,.Payment .selectric-wrapper .selectric .label,.Treasury .selectric-wrapper .selectric .label{ padding-right:17px; } .Payment .payment .paymentSolutions .entryMenuContainer .main .icon.icon-overseas-payement:hover:before { background-position: 50% -72px !important; } #recordEnquiryDetails .recordDetails-heading .heading-div .heading-menu .heading-content .heading-item .functionButton{ cursor: pointer; } .phyCashPoolGroupSetup .container .containerInner .containerRight .contentPage{ padding-bottom:280px; } .phyCashPoolAccountSetup .container .containerInner .containerRight .contentPage{ padding-bottom:240px; } .phyCashPoolGCMSSetup .container .containerInner .containerRight .contentPage{ padding-bottom:240px; } .phyCashPoolGCMSDone .container .containerInner .containerRight .contentPage{ padding:0px; } .phyCashPoolAccountDone .container .containerInner .containerRight .contentPage{ padding:0px; } .phyCashPoolGroupDone .container .containerInner .containerRight .contentPage{ padding:0px; } .phyCashPoolAccountSetup .inputGroup.disableAndRead,.phyCashPoolGroupSetup .inputGroup.disableAndRead{ opacity : 0.5; } [lang=zh_CN] .payment .paymentManagement .featureEntryContainer .topBar .addShortcuts, [lang=zh_CN] .payment .paymentManagement .featureEntryContainer .topBar .removeShortCut{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑 !important; } .payment .paymentManagement .featureEntryContainer .topBar .addShortcuts, .payment .paymentManagement .featureEntryContainer .topBar .removeShortCut{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600 !important; } .AccountGlobalCashPoolConfirmation .contentPage{ width:100%; box-sizing: border-box; } .enquiry .accountActivities .rightResultContainer .rightResultContainerWrapper .enquiryTopBar .downloadListContainer .selectric-items{ left:0px !important; } .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .paymentEnquiryWrapper .paymentEnquiryLeftSec .fileRef .tips .tooltiptext{ white-space: normal; width: max-content; min-width: 200px; } .liquidityMgtSetup .selectric-wrapper .selectric-items .selectric-scroll, .GlobalTradeCentre .globalTradeCentreContentContainer .selectric-wrapper .selectric-items .selectric-scroll, .LiquidityMgt .clmSearch .selectric-wrapper .selectric-items .selectric-scroll, .Enquiry .clmSearch .selectric-wrapper .selectric-items .selectric-scroll{ max-height: 312px; } .Enquiry .recordEnquiryLanding .leftSearchContainer .selectric-wrapper .selectric-items .selectric-scroll, .Enquiry .interestEnquiryLanding .leftSearchContainer .selectric-wrapper .selectric-items .selectric-scroll{ max-height: 312px; } .Enquiry .recordEnquiryLanding .leftSearchContainer .selectric-wrapper .selectric-items, .Enquiry .interestEnquiryLanding .leftSearchContainer .selectric-wrapper .selectric-items{ overflow: hidden; } .GlobalTradeCentre .globalTradeCentreContentContainer .searchPanel .selectric-wrapper .selectric-items{ overflow: hidden; } .StandingInstructionDetails #container .container{ max-width: none; } .payment .titleContainer.gridContainer{ display :block; } .payment .titleContainer .pageSubTitle{ font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; line-height: 19px; color: #666; margin-top: 8px; max-width: 80%; } .Payment .payment .entryMenuContainer .topBarContainer{ padding-right:16px; width:auto !important; } .Payment .payment .paymentPayroll .topBarContainer .topBar .addShortcuts, .Payment .payment .paymentPayroll .topBarContainer .topBar .removeShortCut{ margin-right:8px; } .Payment .payment .paymentEnquiry .topBarContainer .topBar{ padding-right:0px; } .Payment .paymentEnquiry .paymentEnquiryLanding .topBar{ height :58px; } .Payment .paymentEnquiry .paymentEnquiryLanding form .pageBoxList{ padding-top : 0px; } .Payment #container .paymentEnquiry .paymentEnquiryLanding .topBar .addShortcuts,.Payment #container .paymentEnquiry .paymentEnquiryLanding .topBar .removeShortCut{ position: static; } .Payment #container .paymentManagement .featureEntryContainer .topBar .addShortcuts,.Payment #container .paymentManagement .featureEntryContainer .topBar .removeShortCut{ position: static; } .GlobalTradeCentre #container .globalTradeCentre .leftSearchContainer { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #container .spinnerContainer>img{ top:220px; } .clm .searchResultContainer .leftSearchContainer .specifySearch .smalltitle{ font-size:14px; font-weight:600; margin-top:32px; } .buttonContainer .transBottomBack { display: flex; font-synthesis: style; font-weight: 600; font-size: 16px; color: #666666; margin: 16px; cursor: pointer; } .buttonContainer .transBottomBack::before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 22px; background-image: url(../../img/icn_back_hover.png) ; background-position: center top ; background-repeat: no-repeat; background-size: 10px auto; margin-right: 8px; overflow: hidden; } .buttonContainer .transBottomBack:hover::before { background-position: center bottom; } .LiquidityMgt .enquiryContentContainer .leftSearchContainer .selectric-wrapper .selectric-items li{ word-wrap: break-word; } .VNPacLimit .container .containerInner .containerRight .contentPage .headerContainer .formTitle{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 32px; line-height: 43px; color: #222222; max-width: calc(100% - 290px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [lang=zh_CN] .VNPacLimit .container .containerInner .containerRight .contentPage .headerContainer .formTitle{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #container .container .containerInner .containerRight .contentPage .headerContainer .formTitle { font-size: 28px; line-height: 48px;} .container .containerInner .containerRight .liquidityMgtSetup.contentPage .inputRow .inputGroup .formLabel{ font-size:16px !important; } .container .containerInner .containerRight .liquidityMgtSetup.contentPage .inputRow .inputGroup.focus .formLabel{ font-size:12px !important; } .container .containerInner .containerRight .liquidityMgtSetup .inputRow .inputGroup.focus .formLabel, .container .containerInner .containerRight .liquidityMgtSetup .stepOneForm .confirmInputGroup .formLabel, .container .containerInner .containerRight .liquidityMgtSetup .confirmInputGroup .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } [lang=zh_CN] .container .containerInner .containerRight .liquidityMgtSetup .inputRow .inputGroup.focus .formLabel, [lang=zh_CN] .container .containerInner .containerRight .liquidityMgtSetup .stepOneForm .confirmInputGroup .formLabel, [lang=zh_CN] .container .containerInner .containerRight .liquidityMgtSetup .confirmInputGroup .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important; } .paymentLimitSettingLanding .leftSearchContainer .searchPanel .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .paymentLimitSettingLanding .leftSearchContainer .searchPanel .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .recoudEnquiryDetail .headerWrapper .headerBtnWrapper .heading-content .heading-item .functionButton, .recoudEnquiryDetail .headerWrapper .headerBtnWrapper .actionButton .backHoverButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .recoudEnquiryDetail .headerWrapper .headerBtnWrapper .heading-content .heading-item .functionButton, [lang=zh_CN] .recoudEnquiryDetail .headerWrapper .headerBtnWrapper .actionButton .backHoverButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .recoudEnquiryDetail .paymentNavContainer{ margin: 0 16px; } .recoudEnquiryDetail .paymentNavContainer .gridContainer{ padding: 0px; } .recoudEnquiryDetail .paymentNavContainer .gridContainer ul{ margin:23px 0px 11px; } .recoudEnquiryDetail .section .inputGroupRow{ margin: 0 16px !important; } .recoudEnquiryDetail .generalSection .inputGroupRow{ margin : 0px !important; } .recoudEnquiryDetail .generalTab .participantSection .inputGroupRow{ margin : 16px 0 !important; } .recoudEnquiryDetail .inputGroupRow .subtitle.spaceTop{ font-size : 16px !important; } .recoudEnquiryDetail .correspondenceTab{ padding:0 16px !important; min-height:500px; } .recoudEnquiryDetail .paymentNav ul>li, .recoudEnquiryDetail .inputGroupRow .maintitle, .recoudEnquiryDetail .inputGroupRow .mainTitle.withStatus{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體 !important; } [lang=zh_CN] .recoudEnquiryDetail .inputGroupRow .maintitle, [lang=zh_CN] .recoudEnquiryDetail .paymentNav ul>li, [lang=zh_CN] .recoudEnquiryDetail .inputGroupRow .mainTitle.withStatus{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑 !important; } .recoudEnquiryDetail .inputGroupRow .subtitle.spaceTop, .recoudEnquiryDetail .inputGroupRow .inputRow .inputGroup .label, .recoudEnquiryDetail .participantSection .inputGroupRow .inputRow .contactInfo .charges-option, .recoudEnquiryDetail .inputGroupRow .inputRow .inputGroup .input.bold, .recoudEnquiryDetail .cardInfoBold, .recoudEnquiryDetail .paymentNav ul>li.active{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 700 !important; } [lang=zh_CN] .recoudEnquiryDetail .generalTab .subtitle.spaceTop, [lang=zh_CN] .recoudEnquiryDetail .inputGroupRow .inputRow .inputGroup .label, [lang=zh_CN] .recoudEnquiryDetail .participantSection .inputGroupRow .inputRow .contactInfo .charges-option, [lang=zh_CN] .recoudEnquiryDetail .inputGroupRow .inputRow .inputGroup .input.bold, [lang=zh_CN] .recoudEnquiryDetail .cardInfoBold, [lang=zh_CN] .recoudEnquiryDetail .paymentNav ul>li.active{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm,#fileUpload .grid .main .content #sweepingForm { padding-top: 16px; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup,#fileUpload .grid .main .content #sweepingForm .inputGroup { position: relative; width: 100%; height: 54px; margin-bottom: 16px; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup:before,#fileUpload .grid .main .content #sweepingForm .inputGroup:before { content: ''; position: absolute; display: block; width: 8px; height: 16px; top: calc(50% - 8px); right: 16px; background-image: url(../../img/icn_arrow_right.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency:before,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency:before { display: none; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup:after,#fileUpload .grid .main .content #sweepingForm .inputGroup:after { content: ''; position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px); height: 1px; background-color: #dddddd; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .title,#fileUpload .grid .main .content #sweepingForm .inputGroup .title { position: absolute; left: 16px; top: calc(50% - 11px); font-size: 16px; color: #666666; transition: top 0.3s, font-size 0.3s; } [lang=my_MM].Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .title,[lang=my_MM] #fileUpload .grid .main .content #sweepingForm .inputGroup .title { font-size: 12px; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.focus .title,#fileUpload .grid .main .content #sweepingForm .inputGroup.focus .title { top: 6px; font-size: 12px; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .val,#fileUpload .grid .main .content #sweepingForm .inputGroup .val { font-size: 16px; padding: 24px 32px 8px 16px; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputField, #fileUpload .grid .main .content #sweepingForm .inputField { position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 94px); padding: 24px 8px 8px 8px; box-sizing: border-box; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputField:before, #fileUpload .grid .main .content #sweepingForm .inputField:before { content: ''; display: block; position: absolute; bottom: 9px; left: 0; width: 1px; height: 20px; background-color: #dddddd; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputField input, #fileUpload .grid .main .content #sweepingForm .inputField input { font-size: 16px; width: calc(100% - 16px); height: 22px; border: none; background-color: transparent; outline-width: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-sizing: border-box; -moz-appearance: textfield; color: #222222; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-wrapper, #fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-wrapper { position: relative; display: inline-block; vertical-align: middle; width: 80px; height: 22px; padding: 24px 8px 8px 0; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .selectric, #fileUpload .grid .main .content #sweepingForm .inputGroup .selectric { border: none; background: transparent; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric .label, #fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric .label { font-size: 16px; margin: 0 20px 0 16px; color: #222222; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric .label, .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric .button, #fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric .label, #fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric .button { height: 22px; line-height: 22px; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric .button,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric .button { top: 0; right: 0; width: 10px; background-color: transparent; background-image: url("../../img/icn_arrow_down.png"); background-repeat: no-repeat; background-size: 10px 16px; background-position: right; transition: transform .3s; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric .button:after,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric .button:after { display: none; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric:after,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric:after { content: ''; position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px); height: 1px; background-color: transparent; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-items,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-items { background: #FFFFFF; border: none; box-shadow: none; height: 270px !important; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-items ul li.selected,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-items ul li.selected { background: none; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-items ul li.highlighted,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-items ul li.highlighted { background: #f2f2f2; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .selectric-items li,#fileUpload .grid .main .content #sweepingForm .inputGroup .selectric-items li { position: relative; padding: 16px 32px 16px 16px; border-bottom: none; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-items ul li.selected:before,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-items ul li.selected:before { content: ""; display: block; position: absolute; top: 50%; right: 16px; margin-top: -5px; width: 10px; height: 10px; background-color: #8faef4; border-radius: 10px; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup.currency .selectric-items ul li:after,#fileUpload .grid .main .content #sweepingForm .inputGroup.currency .selectric-items ul li:after { content: ''; position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px); height: 1px; background-color: #dddddd; } .Dashboard #initiateLocalPayment .grid .main .footer .clearBtn { background-color: transparent !important; color: #666666 !important; padding: 0 !important; opacity: 0.5; font-size: 16px !important; pointer-events: none; margin: 3px 0px 4px 16px !important; } [lang=my_MM].Dashboard #initiateLocalPayment .grid .main .footer .clearBtn { font-size: 12px !important; } .Dashboard #initiateLocalPayment .grid .main .footer .clearBtn.enable { opacity: 1; pointer-events: all; } .Dashboard #initiateLocalPayment .grid .main .content .sweepingForm .inputGroup .selectric-open .button { transform: rotate(180deg); } .overlayComponentContainer .beneficiaryBankTTContainer .loginInput .banksTitle{ padding: 0 16px; } #container .accountActivities .showContainer.cardMenuButton{ max-height: 330px !important; } #container .showContainer.cardMenuButton{ top: 40px; margin-top: 0px !important; margin-right: 16px; max-height:300px !important; height: auto !important; } #container .showContainer.cardMenuButton .selection{ padding: 16px 16px 16px 47px; width: 100%; position: relative; border : 0; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600 !important; color: #666666; } [lang=zh_CN] #container .showContainer.cardMenuButton .selection{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } #container .showContainer.cardMenuButton .selection:after{ content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; border-bottom: 1px solid #eeeeee; background: inherit; } .noTouchDevice #container .showContainer.cardMenuButton .selection:hover{ color: #b51a25; } .noTouchDevice .globalTradeAccountCard .moreBtn .moreListContainer .selection:hover { background-color: #f2f2f2; } #container .cardMenuButton ul{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600 !important; } [lang=zh_CN] #container .cardMenuButton ul{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } #container .cardMenuButton ul li{ color: #666666; border : 0; } .noTouchDevice #container .cardMenuButton ul li:hover{ color: #b51a25; } #container .cardMenuButton ul li:after{ content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; border-bottom: 1px solid #eeeeee; background: inherit; } #container .payment .paymentManagement .innerContainer .rightCardContainer .showContainer.cardMenuButton{ top: 39px !important; margin-top: 18px !important; } #container .payment .paymentManagement .innerContainer .rightCardContainer .showContainer.cardMenuButton .selection:before{ top: 16px !important; } #container .payment .paymentManagement .innerContainer .rightCardContainer .showContainer.cardMenuButton .selection{ width: calc(100% - 63px) !important; padding: 16px 16px 16px 47px; } #container .enquiry .showContainer.cardMenuButton .selection{ padding: 16px; } #container .enquiry .accountActivities .showContainer.cardMenuButton{ margin-top: 18px !important; } #container .enquiry .accountActivities .showContainer.cardMenuButton .selection{ width: calc(100% - 32px) !important; } #container .payment .paymentManagement .innerContainer .rightCardContainer .rightTopBar .editFunction .function{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 ; font-weight: 600; } [lang=zh_CN] #container .payment .paymentManagement .innerContainer .rightCardContainer .rightTopBar .editFunction .function{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #container .payment .paymentManagement .innerContainer .rightCardContainer .rightTopBar .editFunction .function { line-height: 22px; } .searchPanel .searchResultContainer .rightResultContainer .function.more .functionContainer .subfunction .tradeDownloadType{ z-index: 2; position: absolute; width: 220px; max-width: 320px; top: 0px; right: calc(100% + 2px); height: 0px; } #container .searchPanel .searchResultContainer .rightResultContainer .function.statusOpen .functionContainer{ overflow: visible; } .searchPanel .searchResultContainer .rightResultContainer .function.more .functionContainer .subfunction .tradeDownloadType .selectric-items{ margin-top : 0px; } .searchPanel .function.statusOpen .tradeDownloadType .selectric-wrapper .selectric-items:not(.r950selectric-items){ max-height: 0px ! important; } #container .searchPanel .function .tradeDownloadType .selectric-wrapper .selectric-items{ right: 0 !important; width: 300px !important; } #container .searchPanel .function.statusOpen .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items{ max-height: 312px ! important; right: 0 !important; width: 300px !important; } .searchPanel .tradeDownloadType .selectric-wrapper .selectric-items li:last-child:before { border-bottom: 1px solid #dddddd; } .searchPanel .searchResultContainer .rightResultContainer .tradeDownloadType .dropDownFooter{ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: stretch; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: stretch; height: 44px; padding: 8px 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .searchPanel .searchResultContainer .rightResultContainer .tradeDownloadType .dropDownFooter .requestBtn{ font-synthesis: style; font-size: 16px; padding: 11px 14px 11px 15px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; cursor: pointer; opacity: 0.5; } .searchPanel .searchResultContainer .rightResultContainer .tradeDownloadType .dropDownFooter .requestBtn.show{ opacity: 1; } .creditLimitEnquiryLanding.searchPanel .searchResultContainer .rightResultContainer .functionalBar{ margin-top: 0px; } #container .enquiry .enquiryContentContainer .enquiryContactBox .cardMenuButton ul li.activities:before{ background-image: url(../../img/icn_ac_activities_hover.png); } #container .enquiry .enquiryContentContainer .enquiryContactBox .cardMenuButton ul li.details:before{ background-image: url(../../img/icn_enquirybalance_hover.png); } .gib #overlay .overlayComponentContainer .fileUploadResultContainer .bottomBarContainer .uploadAnotherFile:hover{ background-color: #711a20; } .noTouchDevice #container .dashboardGridContainer .dashboardContainer .widget .grid .main .footer .widgetBtn.clearBtn:hover{ color: #b51a25 !important; } .noTouchDevice #container .paymentGridContainer .paymentContainer .widget .grid .main .footer .clearBtn.enable:hover{ color: #b51a25 !important; } .noTouchDevice #container .paymentGridContainer .paymentContainer .widget .grid .main .footer .submitBtn:not(:disabled):hover{ background-color: #711a20 !important; } .noTouchDevice #container .dashboardGridContainer #initiateLocalPayment .grid .main .footer .widgetBtn.submitBtn:hover{ background-color: #b51a25 ; } .noTouchDevice #container .dashboardGridContainer #initiateLocalPayment .grid .main .footer .widgetBtn.submitBtn:not(:disabled):hover{ background-color: #711a20 ; } #container .paymentMain #initiateLocalPayment .grid .main .footer .widgetBtn.submitBtn{ cursor: default; } #container .paymentMain #initiateLocalPayment .grid .main .footer .widgetBtn.submitBtn:not(:disabled){ cursor: pointer; } .gib #overlay .overlayComponentContainer .selectSolutionContainer .btnWrap .btnContainer .submitBtn.fade{ cursor: default; } .gib #overlay .overlayComponentContainer .selectSolutionContainer .btnWrap .btnContainer .submitBtn.fade:hover{ background-color: #b51a25 ; } #initiateLocalPayment .grid.initiateLocalPayment .main .content .sweepingForm .inputGroup:hover,#fileUpload .grid.fileUpload .main .content .sweepingForm .inputGroup:hover{ cursor: default; } #initiateLocalPayment .grid.initiateLocalPayment .main .content .sweepingForm .inputGroup:not(.currency),#fileUpload .grid.fileUpload .main .content .sweepingForm .inputGroup:not(.currency){ cursor: pointer; } #initiateLocalPayment .grid.initiateLocalPayment .main .content .sweepingForm .inputGroup:not(.currency):hover,#fileUpload .grid.fileUpload .main .content .sweepingForm .inputGroup:not(.currency):hover{ cursor: pointer; } #initiateLocalPayment .grid.initiateLocalPayment .main .content .sweepingForm .inputGroup .selectric-wrapper,#fileUpload .grid.fileUpload .main .content .sweepingForm .inputGroup .selectric-wrapper{ cursor: default; } #initiateLocalPayment .grid.initiateLocalPayment .main .content .sweepingForm .inputGroup .selectric-wrapper:not(.disable),#fileUpload .grid.fileUpload .main .content .sweepingForm .inputGroup .selectric-wrapper:not(.disable){ cursor: pointer; } /*************** jiangxu css end ***************/ /********************** Enquiry multiple select download start *************/ .enquiryContentContainer .accountBanlance .enquiryTopBar .function { margin: 23px 0px 18px 24px; } .enquiryContentContainer .enquiryMain .accountBalanceCardContainer .accountBalanceCard, .enquiryContentContainer .myGlobalCashPoolView .accountBalanceCardContainer .accountBalanceCardCashPool { align-items: stretch; } .enquiryContentContainer .enquiryContactBox .moreTemplateWrapper ul li.mt940:before { display: none; } .enquiryContentContainer .enquiryContactBox .moreTemplateWrapper ul li.mt940 { padding-left: 16px; } #container .enquiryMain .enquiryTopBar .deleteModeFunction.afterSelectBtn, #container .myGlobalCashPoolView .enquiryTopBar .deleteModeFunction.afterSelectBtn { padding: 0; display: none; margin: 12px 0 12px 24px; } #container .enquiryMain .accountBalanceCardContainer.selectMode .accountCard .btnSet, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode .accountCard .btnSet { display: none; } #container .enquiryMain .accountBalanceCardContainer.selectMode .checkLabel, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode .checkLabel, #container .accountBanlance .uploadResultContactBox.selectMode .checkLabel { width: 100%; height: 100%; position: absolute; z-index: 1; } #container .enquiryMain .accountBalanceCardContainer.selectMode input[type=checkbox]:checked + label, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode input[type=checkbox]:checked + label, #container .accountBanlance .uploadResultContactBox.selectMode input[type=checkbox]:checked + label { width: calc(100% - 4px); height: calc(100% - 4px); } #container .enquiryMain .accountBalanceCardContainer.selectMode .accountCard.notSelect, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode .accountCard.notSelect, #container .accountBanlance .uploadResultContactBox.selectMode .userBalanceDetailCard.notSelect, #container .accountActivities .uploadResultContactBox.selectMode .uploadResultProfileCard.notSelect { opacity: 0.5 !important; user-select: none !important; pointer-events: none !important; } #container .enquiryMain .accountBalanceCardContainer.selectMode .accountCard:not(.notSelect) input[type=checkbox] + label::before, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode .accountCard:not(.notSelect) input[type=checkbox] + label::before, #container .accountBanlance .uploadResultContactBox.selectMode .userBalanceDetailCard:not(.notSelect) input[type=checkbox] + label::before { display: block; content: ""; position: absolute; right: 16px; top: 27px; margin: -8px 0 0; width: 16px; height: 16px; background-color: #FFFFFF; border-radius: 50%; border: 1px solid #999999; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=100); /* Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 1; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 1; transition: opacity 0.1s; } #container .enquiryMain .accountBalanceCardContainer.selectMode input[type=checkbox]:checked + label, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode input[type=checkbox]:checked + label, #container .accountBanlance .uploadResultContactBox.selectMode input[type=checkbox]:checked + label { border: 2px solid #8faef4; } #container .enquiryMain .accountBalanceCardContainer.selectMode .accountCard:not(.notSelect) input[type=checkbox]:checked + label::before, #container .myGlobalCashPoolView .accountBalanceCardContainer.selectMode .accountCard:not(.notSelect) input[type=checkbox]:checked + label::before, #container .accountBanlance .uploadResultContactBox.selectMode .userBalanceDetailCard:not(.notSelect) input[type=checkbox]:checked + label::before { border: 1px solid #8faef4; background-color: #8faef4; } #container .enquiryMain .enquiryTopBar .deleteModeDownloadListContainer .selectric-wrapper .selectric-items, #container .myGlobalCashPoolView .enquiryTopBar .deleteModeDownloadListContainer .selectric-wrapper .selectric-items, #container .accountBanlance .enquiryTopBar .deleteModeDownloadListContainer .selectric-wrapper .selectric-items { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3) !important; } #container .enquiryMain .enquiryTopBar .deleteModeDownloadListContainer.deleteModeDownloadListContainer .selectric-items, #container .myGlobalCashPoolView .enquiryTopBar .deleteModeDownloadListContainer.deleteModeDownloadListContainer .selectric-items, #container .accountBanlance .enquiryTopBar .deleteModeDownloadListContainer.deleteModeDownloadListContainer .selectric-items { height: auto !important; } #container .enquiryMain .enquiryTopBar .deleteModeDownloadListContainer, #container .myGlobalCashPoolView .enquiryTopBar .deleteModeDownloadListContainer, #container .accountBanlance .enquiryTopBar .deleteModeDownloadListContainer { z-index: 11; } #container .enquiryMain .enquiryTopBar .dropDownFooter, #container .myGlobalCashPoolView .enquiryTopBar .dropDownFooter, #container .accountBanlance .enquiryTopBar .dropDownFooter { cursor: default; } #container .myGlobalCashPoolView .myGlobalWrapper .cashpoolEditRow.enquiryTopBar { max-width: 1536px !important; } #container .accountBanlance .uploadResultContactBox .userBalanceDetailCard { position: relative; } /********************** Enquiry multiple select download end *************/ /********************** Enquiry MT940 download & search result download start ***************/ #container .enquiry .moreTemplateWrapper.cardMenuButton.show, #container .enquiry .mt940SelectWrapper.cardMenuButton.show, #container .enquiry .downloadM201Result.show { overflow: visible; } #container .enquiry .cardMenuButton .downloadMT940Container, #container .enquiry .downloadM201Result .downloadM201ResultContainer { position: absolute; top: 0; right: calc(100% + 2px); width: 252px; max-width: 252px; } @media screen and (max-width: 1120px) { #container .enquiry .cardMenuButton.adjust2Location .downloadMT940Container { left: calc(100% + 2px); right: 0; } } @media screen and (max-width: 1640px) and (min-width: 1512px){ #container .enquiry .cardMenuButton.adjust3Location .downloadMT940Container { left: calc(100% + 2px); right: 0; } } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper { transition: all .3s, opacity .1s; width: 252px; position: absolute; right: 0; -webkit-appearance: none; appearance: none; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper.selectric-open, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper.selectric-open { z-index: 8; transition: all .3s; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items.show, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items.show { display: block; visibility: visible; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper.selectric-open .selectric-items, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper.selectric-open .selectric-items { width: 252px; min-width: 150px; opacity: 1; transition: all .3s; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric { display: none; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-items, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-items { position: absolute; top: 0; right: 0; display: block; visibility: hidden; opacity: 0; width: 252px !important; border: 0 !important; height: auto !important; overflow: hidden; z-index: auto; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); transition: all 0.3s; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; background-color: #FFFFFF; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li.highlighted, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li.selected, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li:hover, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li:hover { color: #b51a25; } [lang=zh_CN] #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li, [lang=zh_CN] #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #container .enquiry .cardMenuButton .downloadMT940Container ul li:before, #container .enquiry .downloadM201Result .downloadM201ResultContainer ul li:before { display: none; } #container .enquiryMain .cardMenuButton ul li.highlighted, #container .myGlobalCashPoolView .cardMenuButton ul li.highlighted, #container .accountBanlance .cardMenuButton ul li.highlighted, #container .downloadM201Result .downloadM201ResultContainer ul li.highlighted { background-color: #eeeeee !important; } #container .accountActivities .deleteModeDownload.downloadHover{ background-color: #b51a25 !important; color: #FFFFFF !important; } #container .accountActivities .selectedMt940.downloadHover { background-color: #eeeeee !important; color: #b51a25 !important; } #container .accountActivities li.downloadBackHover { background-color: #eeeeee !important; } #container .accountActivities .selectedMt940.downloadHover, #container .accountActivities .selectedMt940.downloadHover { background-color: #eeeeee !important; color: #b51a25 !important; } #container .accountActivities .rightResultContainer .function.more.downloadHover{ background-position: 0 -22px !important; color: #b51a25 !important; } #container .accountActivities .rightResultContainer .function.more.downloadHover>ul>li>a { color: #b51a25 !important; } #container .accountActivities .rightResultContainer .function.more.downloadHover>ul>li>a:before { background-position: 0 -22px; } #container .enquiry .cardMenuButton .downloadMT940Container .dropDownFooter, #container .enquiry .downloadM201Result .downloadM201ResultContainer .dropDownFooter { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: stretch; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: stretch; height: 44px; padding: 8px 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } #container .enquiry .cardMenuButton .downloadMT940Container .dropDownFooter, #container .enquiry .downloadM201Result .downloadM201ResultContainer .dropDownFooter { cursor: default; } #container .enquiry .cardMenuButton .downloadMT940Container .dropDownFooter .requestBtn, #container .enquiry .downloadM201Result .downloadM201ResultContainer .dropDownFooter .requestBtn { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; padding: 11px 14px 11px 15px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; cursor: pointer; opacity: 0.5; } [lang=zh_CN] #container .enquiry .cardMenuButton .downloadMT940Container .dropDownFooter .requestBtn, [lang=zh_CN] #container .enquiry .downloadM201Result .downloadM201ResultContainer .dropDownFooter .requestBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li.selected:after, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; left: auto; right: 18px; top: 21px; margin: 0px 2px 0px 0px; border-radius: 50%; background-color: #8faef4; background-image: none; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li:after, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li:after { border: none; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li:before, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li:before { content: ''; position: absolute; display: block; width: calc(100% - 32px); bottom: 0; left: 16px; right: 16px; border-bottom: 1px solid #eeeeee; background: inherit; height: 0; top: unset; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items li:last-child:before, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items li:last-child:before { display: none; } #container .enquiry .cardMenuButton .downloadMT940Container .selectric-wrapper .selectric-items .selectric-scroll, #container .enquiry .downloadM201Result .downloadM201ResultContainer .selectric-wrapper .selectric-items .selectric-scroll { border-bottom: 1px solid #dddddd; } #container .enquiry .deleteModeDownload.mt940.downloadHover { background-color: #b51a25; color: #FFFFFF; } #container .enquiryContentContainer .mt940SelectWrapper, #container .enquiryContentContainer .downloadM201Result { width: 256px; position: absolute; z-index: 2; overflow: hidden; background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); height: auto; max-height: 0px; transition: max-height 0.2s; } #container .enquiryContentContainer .mt940SelectWrapper.show, #container .enquiryContentContainer .downloadM201Result.show { max-height: 300px; } /********************** Enquiry MT940 download & search result download end ***************/ /*************** majian css start ***************/ .enquiryContentContainer .enquiryContactBox:hover + .accountBalanceCard .accountCard.open .accountOutWrapper .accountWrapper .btnSet .moreBtn { cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } .accountBalanceCardContainer .enquiryContactBox:hover + .accountBalanceCardCashPool .accountCard.open .accountOutWrapper .accountWrapper .btnSet .moreBtn { cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } .accountActivities .uploadResultContactBox .btnSet .moreBtn.redColor{ cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } .enquiry .enquiryContentContainer .enquiryTopBar .matchedResultdownloadListContainer.dropdown .selectric-items ul li:hover { color: #b51a25 } .enquiry .enquiryContentContainer .myGlobalCashPoolView .enquiryTopBar .downloadDoc .downloadListContainer .selectric-items ul li:hover { color: #b51a25 } .enquiry .enquiryContentContainer .more.icon-moreCenterHover .downloadListContainer.dropdown .selectric-items ul li:hover { color: #b51a25 } .enquiry .enquiryContentContainer .enquiryTopBar .deleteModeDownloadListContainer.dropdown .selectric-items ul li:hover { color: #b51a25 } .paymentManagement .managementTeplateContactBox .btnSet .moreBtn.redColor{ cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } .paymentManagement .uploadResultContactBox .btnSet .moreBtn.redColor{ cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } #notificationPrefSetting .notificationPrefSettingContent .profileCardContainer .profileCard.open .btnSet .moreBtn.redColor { background-position: 0 -22px !important; color: #b51a25 !important; } .searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items ul li:hover { color: #b51a25 } .tableContainer .moreTemplateWrapper.show:hover + .t200CardBox .t200CardClass.open .card .txnTp .moreBtn { background-position: 0 -22px !important; color: #b51a25 !important; } .tableContainer .moreTemplateWrapper.show:hover + .t270CardBox .t270CardClass.open .card .txnTp .moreBtn { background-position: 0 -22px !important; color: #b51a25 !important; } .userSettingContainer .contactBox .cardMenuButton.show:hover ~ .profileCard.open .btnSet .moreBtn { background-position: 0 -22px !important; color: #b51a25 !important; } #userDownLoadSelect .selectric-wrapper .selectric-items .selectric-scroll ul li:hover { color: #b51a25 } #userDownLoadSelect .selectric-wrapper .selectric-items .selectric-scroll .selected { font-weight: 700; } #container .userSettingContainer .contactBox .cardMenuButton.show .download.redColorDownload { color: #b51a25 } .userSetting .editRow .editFunction .function.deleteModeDl.selectRedColor { background-color: #b51a25; color: #FFFFFF; } .noTouchDevice .more.icon-moreCenterHover.topMore { background-position: 0 -22px !important; color: #b51a25 !important; } .userSetting .editRow .editFunction .function.more .show .downloadReport.topMore { color: #b51a25 } .userSetting .editRow .editFunction .function.more .show .downloadReport.topMore:before { background-image: url(../../img/icn_download_hover.png); background-position: bottom; } #container .userSettingContainer .contactBox .profileCard.open .btnSet .moreBtn.redColorMore { background-position: 0 -22px !important; color: #b51a25 !important; } #container .userSettingContainer .contactBox .cardMenuButton.show .download.redColorDownload:before { background-image: url(../../img/icn_download_hover.png); background-position: bottom; } #container .editRow .editFunction .download.redColor { background-position: 0 -22px !important; color: #b51a25 !important; background-image: url(../../img/icn_download_hover.png); } .collectionsContentContainer .accountBalanceCardContainer .accountBalanceCard .accountCard.open .accountWrapper .btnSet .moreBtn.redColor { cursor: pointer; background-position: 0 -22px !important; color: #b51a25 !important; } .subAccountCollectionTab .collectionsTopBar .addShortcuts, .subAccountCollectionTab .collectionsTopBar .removeShortCut, .subAccountCollectionTab .collectionsTopBar .addShortcuts { font-weight: 600; font-size: 16px; color: rgb(102, 102, 102); line-height: 22px; background-size: 22px; cursor: pointer; position: relative; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; padding: 0px 0px 0px 26px; margin: 18px 0px 18px 24px; background-repeat: no-repeat; } .subAccountCollectionTab .collectionsTopBar .addmul { font-size: 16px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; color: #666666; padding-left: 26px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; line-height: 22px; margin: 18px 0 18px 24px; } .collectionsContentContainer .collectionsTopBar .function { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; color: #666666; line-height: 22px; padding: 0 0 0 26px; margin: 18px 0 18px 24px; background-repeat: no-repeat; background-size: 22px; cursor: pointer; position: relative; } .collectionsContentContainer .collectionsTopBar .editFunction .matchedResultdownloadReport { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; padding-left: 26px; line-height: 22px; margin: 18px 0 18px 24px; color: #666666; } .collectionsContentContainer .collectionsTopBar .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; } .collectionsContentContainer .collectionsTopBar .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .collectionsContentContainer .collectionsTopBar .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:hover { background-color: #eeeeee; color: #b51a25 !important; } /*************** majian css end ***************/ /*************** majian 2FA css start ***************/ #container .FALoginContainer .login .loginSection .sectionContainer .loginWrapper .rights .loginInput .loginForm span.padIcon:after, .gib #overlay .overlayComponentContainer .userSettingVerificationContainer.componentContainer .popupContainer span.padIcon:after { display: none !important; } #container .FALoginContainer .login .loginSection .sectionContainer .loginWrapper .rights .loginInput .loginForm span.padIcon, .gib #overlay .overlayComponentContainer .userSettingVerificationContainer.componentContainer .popupContainer span.padIcon { background-image: url("../../img/icn_mobile_token.png"); background-position: center; background-repeat: no-repeat; background-size: 22px 22px; width: 35px !important; height: 22px; display: inline-block !important; vertical-align: middle; } #container .FALoginContainer .login .loginSection .sectionContainer .loginWrapper .rights .loginInput .loginForm span.keyPic, .gib #overlay .overlayComponentContainer .userSettingVerificationContainer.componentContainer .popupContainer span.keyPic { background-image: url("../../img/icn_key.png"); background-position: center; background-repeat: no-repeat; background-size: 22px 22px; width: 35px !important; height: 22px; display: inline-block !important; vertical-align: middle; } /*************** majian 2FA css end *****************/ /*************** Huang mingchang confirm css start ***************/ .m102confirmInput, .m102confirmInput span { margin-bottom: 4px; min-height: 21px; color: #2885AD !important; } .m102originInput { padding-left: 20px; font-size: 12px; min-height: 17px; line-height: 17px; color: #666666; background-image: url(../../img/icn_previous.png); background-position: left top; background-repeat: no-repeat; background-size: 16px 16px; } .sendBeneficiaryAdviceContainer .extra .addInput>label { display: none; position: absolute; font-size: 12px; font-weight: 700; } .sendBeneficiaryAdviceContainer .extra .invalid>label { display: block; color: #b51a25; } .AmendUserProfile .profileForm .containerRight .formTilte .editButton:hover, .SetupUserProfile .profileForm .containerRight .formTilte .editButton:hover{ background-image: url(/assets/img/icn_edit_hover.png); background-position-y: -22px; } .buttonContainer .submitButton:not(:disabled):hover, .buttonContainer .confirmButton:not(:disabled):hover { background-color: #711a20 !important; } /*************** Huang mingchang confirm css end ***************/ /*************** Du bin css start ***************/ /* verification Start */ .verification { margin: 32px 0; position: relative; } .verification .verifyIntro { color: #222222; width: calc(100% - 191px); } .verification .verifyIntro .verifyTitle { font-size: 16px; font-weight: 600; } .verification .verifyIntro .subTitle { font-weight: 700; font-size: 12px; color: #666666; margin-top: 16px; line-height: 17px; } .verification .verifyIntro .authStatus { font-size: 16px; font-weight: 400; line-height: 22px; color: #222222; } /* verification End */ /* RTGS start */ .overlayComponentContainer .beneficiaryBankContainer .accountRow input[type=radio]+label:before, .overlayComponentContainer .beneficiaryBankContainer .accountRow input[type=radio]:checked+label:before { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .beneForm .debit+.addAcWrapper { position: relative; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .beneForm .charges+.addAcWrapper { position: relative; top: 0; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .beneForm .debit+.addAcWrapper .creditTo, .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .beneForm .charges+.addAcWrapper .creditTo { margin-bottom: 0; } .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.paymentChargesContent .inputRow { border-bottom: 1px solid #dddddd; } .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.paymentChargesContent .inputRow:last-child { border-bottom: none; margin-bottom: 30px; } .container .containerInner .containerRight .contentPage .stepTwoForm .paymentChargesContent .textBold .confirmInputGroup { margin-top: 0 !important; } .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.paymentChargesContent .confirmInputGroup { margin-top: 15px; margin-bottom: 15px; } .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.paymentChargesContent .textRight { text-align: right; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .rowItm.avaBalance, .PaymentRTGSConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .rowItm.avaBalance h4 { line-height: 33px !important; height: 33px !important; } .PaymentRTGSConfirmation .singlePaymentSchedule { width: 100% !important; } .paymentScheduleTips { color: #d42b35 !important; } .PaymentRTGSConfirmation .paymentSchedule .paymentScheduleTips { color: #d42b35; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .siCtrlBitRate .exchangeRate { bottom: 0; } .PaymentRTGSForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.moreThan .sepLine { height: 16px; margin: 18px 8px 0; background-color: transparent; } .PaymentRTGSForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.moreThan .unit { display: inline-block; vertical-align: middle; margin-top: 18px; } .PaymentRTGSForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.moreThan input.input2 { font-weight: 400; width: calc(100% - 38px); position: relative; border-bottom: none; padding-bottom: 0; margin-top: 18px; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .inputGroup.moreThan .formLabel { bottom: 31px; font-size: 12px; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .siCtrlBitRate .selectric-wrapper { width: 100%; } .PaymentRTGSForm .container .containerInner .containerRight .contentPage .siCtrlBitRate .exchangeRate .selectric-wrapper .selectric { margin-top: 12px; } .js-toBankInfo { position: absolute; top: 242px; width: calc(100% - 32px); } .PaymentRTGSConfirmation .verification .verifyIntro .verifyDetail { font-size: 14px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; cursor: pointer; color: #666666; } .PaymentRTGSConfirmation .verification .verifyIntro .verifyDetail { font-size: 10px; } .PaymentRTGSConfirmation .verification .verifyIntro .verifyDetail { font-size: 10px; } .PaymentRTGSConfirmation .verification .verifyIntro .verifyDetail::after { background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; } .PaymentRTGSConfirmation .hyperLink-primaryHover::after { background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; } .PaymentRTGSConfirmation .inlineEllipsis { max-width: 260px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* .PaymentRTGSForm .addBeneficiaryRTGS .showContent .indexPage .loginInput .accounts .accountBox .accountTitle { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } */ .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .stepTwoForm .rtgsTx .acGroup .acWrapper { min-height: 185px; position: relative; width: 100%; min-height: 598px; margin-bottom: 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .rtgsTx .inputGroupRow .inputRow .acWrapper .acTop { padding: 16px 16px; border-bottom: none; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .rtgsTx .inputGroupRow .inputRow .acWrapper .acTop .rowTitle { font-size: 20px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; color: #222222; padding-bottom: 16px; border-bottom: 1px solid #dddddd; text-align: left; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .gridLine { height: 1px; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .rtgsTx .inputGroupRow .inputRow .acWrapper .rowItm { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding-top: 16px; padding-bottom: 4px; } .TransactionDetailsComplete .rtgsTx .chargesOption { padding: 8px 16px 4px; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .rtgsTx .acWrapper .fromBot { font-size: 12px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; color: #222222; padding: 0px 16px 16px 16px } /* RTGS end */ /* Create New Company start*/ .form-component-inputbox { width: 100%; } .gib .form-component-inputbox .inputGroup .tips { right: 0; } /* Create New Company end */ /* Ecert start */ .gib #overlay .overlayComponentContainer .Ecert.componentContainer { width: 504px; max-height: 538px; } .gib #overlay .overlayComponentContainer .Ecert.componentContainer .userSettingVerification { padding: 0 16px; } /* Ecert end */ /*************** Du bin css end ***************/ /*************** dingxiongshi personal css start ***************/ #container .landing { line-height: 33px; padding-top: 16px; padding-bottom: 17px; background-color: #FFFFFF; border-bottom: 1px solid #dddddd; font-size: 24px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; } [lang=my_MM] #container .landing { font-size: 20px; } [lang=km_KH] #container .landing { font-size: 20px; } #container .landing .closeLanding { cursor: pointer; float: right; margin-top: 5px; width: 22px; height: 22px; background-position: 0 0; background-size: 22px; } /*************** dingxiongshi personal css end ***************/ /*************** lichenxing css start ***************/ .content .empty-message .empty-img, #IMQuickSearch .noSubscriptionContent .empty-message .empty-img{ width: 44px; height: 44px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("/assets/img/icn_read.png"); background-position: bottom; background-repeat: no-repeat; background-size: cover; } .content .empty-message .message { font-size: 14px; color: #222222; text-align: center; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -60%); } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut .shortCutImage.icn-home-enquiries{ background-size: 100% auto; background-position: center bottom; } .enquiryContentContainer .uploadResult .uploadResultProfileCard .userInfo .numberOfUpload{ text-transform: none; } .uploadStatus .success { color: #222222; padding-left: 10px; } .uploadStatus .noMatch { color: #b51a25; padding-left: 10px; } .uploadStatus .failed { color: #b51a25; padding-left: 10px; } .bulkEChequeSendEmailNotificationContainer .extra .addInput>label { display: none; position: absolute; font-size: 12px; font-weight: 700; } .bulkEChequeSendEmailNotificationContainer .extra .addInput.invalid>label { display: block; color: #b51a25; } .singleEChequeDepositForm .TransactionError .errorContainer, .singleEChequeDepositForm .TransactionError .errorContainer .containerRight, .singleEChequeDepositForm .TransactionError .errorContainer .containerRight .contentPage{ min-height: 0; height: 100%; margin: 0; padding: 0; } .TransactionDetailsComplete .AccountGlobalCashPoolConfirmation .profileForm .containerRight { padding-left: 0; } .TransactionDetailsComplete .EditGlobalCashPoolConfirmation .profileForm .containerRight { padding-left: 0; } .gib body #root #page .tab-pane #container { margin: 0; min-width: 0; } .gib body.singleEChequeDepositForm #root #page #container { margin-top: 60px; } .gib body.singleEChequeDepositConfirmation #root #page #container { margin-top: 60px; } .gib body.singleEChequeDepositResult #root #page #container { margin-top: 60px; } .gib body.bulkEChequeDepositForm #root #page #container { margin-top: 60px; } .gib body.bulkEChequeDepositResult #root #page #container { margin-top: 60px; } @media screen and (max-width: 1120px) { .singleEChequeDeposit .container .containerInner .containerRight .contentPage .beneTab .nav-tabs li, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .beneTab .nav-tabs li, .singleEChequeDepositResult .container .containerInner .containerRight .contentPage .beneTab .nav-tabs li{ margin-right: 15px; } } .gib body.ImportLCDocRefuse #root #page #container { margin-top: 60px; } .gib body.ImportLCDocRefuse #root #page #container { margin-top: 60px; } .gib body.ImportLCAmendmentConfirmation #root #page #container { margin-top: 60px; } .gib body.ImportLCDocRefuseResult #root #page #container .containerRight .contentPage{ padding: 0px !important; } .gib body.bulkEChequeDepositForm #overlay .overlayComponentContainer .bulkEChequeSendEmailNotificationContainer .bulkEChequeSendEmailNotification .dropFile .emailContent .extra .addInput{ margin-left: 0px; } [data-targettab=settlement]#settlement .fwdSpot { position: relative; width: 100%; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper { display: inline-block; vertical-align: middle; width: auto; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper.selectric-open .button{ transform: rotate(180deg); } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper.selectric-open .selectric-items{ min-width: 200px; max-height: 300px; opacity: 1; border: none; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric{ background-color: transparent; border: none; margin: 0; padding-right: 15px; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric-items{ height: auto; max-height: 0; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); transition: max-height .3s; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric-items li{ position: relative; padding: 16px; background-color: #fff; font-size: 16px; color: #222222; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric-items li.selected{ font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric-items li.selected:after{ content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .selectric-items li.highlighted{ background-color: #eeeeee; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .label{ font-size: 16px; color: #222; margin: 0; border-bottom: none; } [data-targettab=settlement]#settlement .fwdSpot .selectric-wrapper .button{ top: 0; right: 0; width: 10px; background-color: transparent; background-image: url("/assets/img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; } [data-targettab=settlement]#settlement .fwdSpot .colon { display: inline-block; vertical-align: middle; margin: 0 4px; } [data-targettab=settlement]#settlement .fwdSpot .preferredRate, [data-targettab=settlement]#settlement .fwdSpot .forwardContract{ position: relative; display: none; vertical-align: middle; } [data-targettab=settlement]#settlement .fwdSpot .preferredRate.show, [data-targettab=settlement]#settlement .fwdSpot .forwardContract.show{ display: inline-block; } [data-targettab=settlement]#settlement .fwdSpot .forwardContract { border: 0; font-size: 16px; color: #666666; width: calc(100% - 167px); height: 32px; padding-right: 40px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } [data-targettab=settlement]#settlement .fwdSpot .forwardContract::placeholder{ color: #666666; opacity: 1; } [data-targettab=settlement]#settlement .fwdSpot .selectric .button:after{ display: none; } .ImportLCDocRefuse.PreshipmentFinancing [data-targettab=settlement]#settlement .cashMarginContainer .cashmarginPopUpContainer .loadWrapper{ position: absolute; top: 4px; left: 0px; width: calc(100% - 8px); height: 166px; padding: 24px 0; background-color: #FFFFFF; text-align: center; box-sizing: border-box; overflow: hidden; display: none; padding: 0 8px; } .exportInvoiceDiscounting .fixedItm .fixedLabel, .ImportLCDocRefuse.PreshipmentFinancing .fixedItm .fixedLabel { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; color: #666666; } .exportInvoiceDiscounting .fixedItm h3, .ImportLCDocRefuse.PreshipmentFinancing .fixedItm h3 { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .exportInvoiceDiscounting .fixedItm h5, .ImportLCDocRefuse.PreshipmentFinancing .fixedItm h5 { font-size: 12px; margin-bottom: 0; } .LCTransferAmendmentConfirmation.LCTransferIssuanceConfirmation .controlBtn .editButton, .ImportLCIssuanceConfirmation.bankGuaranteeConfirmation .controlBtn .editButton, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .controlBtn .editButton, .exportInvoiceDiscountingConfirmation .stepOneForm .headerContainer .editButton { background-image: url(/assets/img/icn_edit_hover.png); background-position: left top; background-repeat: no-repeat; background-size: 22px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; line-height: 22px; color: #666666; padding-left: 26px; margin-left: 24px; cursor: pointer; } [lang=my_MM] .LCTransferAmendmentConfirmation.LCTransferIssuanceConfirmation .controlBtn .editButton, [lang=my_MM] .ImportLCIssuanceConfirmation.bankGuaranteeConfirmation .controlBtn .editButton, [lang=my_MM] .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .controlBtn .editButton, [lang=my_MM] .exportInvoiceDiscountingConfirmation .stepOneForm .headerContainer .editButton { font-size: 12px; background-size: 26px; } .PreshipmentFinancing [data-targettab=payment] .FinanceAmount .showCreditLimitWrapper .showCreditLimit, .PreshipmentFinancing .containerRight .glossary h3, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .containerRight .glossary h3, .exportInvoiceDiscounting .containerRight .glossary h3, .exportInvoiceDiscountingConfirmation .headerContainer .formTitle, .exportInvoiceDiscountingConfirmation .buttonContainer .buttonRight .redBtn, .exportInvoiceDiscountingConfirmation .containerRight .glossary h3{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .LCTransferAmendmentConfirmation.LCTransferIssuanceConfirmation .controlBtn .editButton:hover, .ImportLCIssuanceConfirmation.bankGuaranteeConfirmation .controlBtn .editButton:hover, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .controlBtn .editButton:hover, .exportInvoiceDiscountingConfirmation .stepOneForm .headerContainer .editButton:hover { cursor: pointer; background-position: left bottom; color: #b51a25; } .singleEChequeDepositForm .p260Detail, .singleEChequeDepositConfirmation .p260Detail{ padding-left: 20px; } .LCTransferAmendment .participantContainer .beneficiaryContainer.invalid .signLine, .ImportLCIssuance .participantContainer .beneficiaryContainer.invalid .signLine, .ImportLCIssuance .participantContainer .applicantContainer.invalid .signLine, .ImportLCAmendmentForm .participantContainer .beneficiaryContainer.invalid .signLine, .PreshipmentFinancing .participantContainer .beneficiaryContainer.invalid .signLine, .PreshipmentFinancing .participantContainer .applicantContainer.invalid .signLine, .exportInvoiceDiscounting .participantContainer .beneficiaryContainer.invalid .signLine, .exportInvoiceDiscounting .participantContainer .applicantContainer.invalid .signLine{ border: 1px solid #b51a25; border-bottom: 0; width: calc(100% - 2px); } .LCTransferAmendment .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper, .ImportLCIssuance .participantContainer .applicantContainer.invalid .applicantWrapper, .ImportLCIssuance .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper, .ImportLCAmendmentForm .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper, .PreshipmentFinancing .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper, .PreshipmentFinancing .participantContainer .applicantContainer.invalid .applicantWrapper, .exportInvoiceDiscounting .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper, .exportInvoiceDiscounting .participantContainer .applicantContainer.invalid .applicantWrapper{ border: 1px solid #b51a25; border-top: 0; } .LCTransferAmendment .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCIssuance .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCIssuance .participantContainer .applicantContainer.invalid .applicantWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCIssuance [data-targettab=general] .participantSection .participantContainer .beneficiaryContainer.Issuing.invalid .bankInfoPopUpRow .bankInfoPopUpText, .ImportLCAmendmentForm .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .PreshipmentFinancing .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .PreshipmentFinancing .participantContainer .applicantContainer.invalid .applicantWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .exportInvoiceDiscounting .participantContainer .beneficiaryContainer.invalid .beneficiaryWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .exportInvoiceDiscounting .participantContainer .applicantContainer.invalid .applicantWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText{ color: #b51a25; } .exportInvoiceDiscounting [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer { justify-content: flex-end; width: 100%; display: flex; margin: 0; } .PreshipmentFinancing [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer{ justify-content: flex-end; width: 100%; display: flex; margin: 0; } .PreshipmentFinancing [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer .goodFunctionButton.edit, .exportInvoiceDiscounting [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer .goodFunctionButton.edit { cursor: pointer; width: 22px; height: 22px; background-image: url(/assets/img/icn_edit_hover.png); background-size: 22px; background-repeat: no-repeat; } .LCTransferAmendment .detailsOfChargesSection .cardContainer .signLine .ImportLCIssuance .cashmarginPopUpContainer.invalid .signLine, .ImportLCAmendmentForm .cashmarginPopUpContainer.invalid .signLine, .ImportLCDocRefuse .cashmarginPopUpContainer.invalid .signLine, .PreshipmentFinancing #settlement .cashmarginPopUpContainer.invalid .signLine, .exportInvoiceDiscounting #settlement .cashmarginPopUpContainer.invalid .signLine{ border: 1px solid #b51a25; border-bottom: 0; width: calc(100% - 2px); } .LCTransferAmendment .detailsOfChargesSection .cardContainer.invalid .cardWrapper, .ImportLCIssuance .cashmarginPopUpContainer.invalid .cashMarginWrapper, .ImportLCAmendmentForm .cashmarginPopUpContainer.invalid .cashMarginWrapper, .ImportLCDocRefuse .cashmarginPopUpContainer.invalid .cashMarginWrapper, .PreshipmentFinancing #settlement .cashmarginPopUpContainer.invalid .cashMarginWrapper, .exportInvoiceDiscounting #settlement .cashmarginPopUpContainer.invalid .cashMarginWrapper{ border: 1px solid #b51a25; border-top: 0; } .LCTransferAmendment .detailsOfChargesSection .cardContainer.invalid .cardWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCIssuance .cashMarginSection .cashMarginContainer .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCAmendmentForm .cashMarginSection .cashMarginContainer .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .ImportLCDocRefuse .cashMarginSection .cashMarginContainer .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .PreshipmentFinancing #settlement .cashmarginPopUpContainer.invalid p, .exportInvoiceDiscounting #settlement .cashmarginPopUpContainer.invalid p{ color: #b51a25; } .exportInvoiceDiscounting #amount .showCreditLimitWrapper{ position: absolute; top: 55px; left: 0px; display: flex; cursor: pointer; margin-top: 4px; margin-bottom: 16px; } .exportInvoiceDiscounting #amount .showCreditLimitWrapper .showCreditLimit { color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; padding-top: 6px; } .exportInvoiceDiscounting #amount .showCreditLimitWrapper:hover .showCreditLimit { color: #b51a25; cursor: pointer; } .exportInvoiceDiscounting #amount .showCreditLimitWrapper .showCreditLimit::after { content: ''; display: inline-block; position: absolute; margin-left: 4px; width: 8px; height: 22px; background-image: url(/assets/img/icn_arrow_right_hover.png); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0 0; margin-top: 3px; } .PreshipmentFinancing [data-targettab=payment] .FinanceAmount .showCreditLimitWrapper .showCreditLimit::after{ background-image: url(/assets/img/icn_arrow_right_hover.png); background-size: 16px 16px; margin-top: 3px; } .exportInvoiceDiscounting #amount .showCreditLimitWrapper:hover .showCreditLimit::after { background-position: -8px 0; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer{ width: 50%; padding: 0 8px 0px 8px; box-sizing: border-box; } .bulkEChequeDepositForm .inputGroupRow .signLine, .singleEChequeDepositForm .inputGroupRow .signLine { position: relative; width: 100%; height: 4px; } .bulkEChequeDepositForm .inputGroupRow .signLine:before, .bulkEChequeDepositForm .inputGroupRow .signLine:after, .singleEChequeDepositForm .inputGroupRow .signLine:before, .singleEChequeDepositForm .inputGroupRow .signLine:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 30%; height: 4px; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .signLine:before, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .signLine:before{ background-color: #7c878e; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .signLine:after, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .signLine:after{ left: 30%; width: 70%; background-color: #9d2235; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper{ position: relative; width: 100%; height: 166px; margin-bottom: 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); padding: 0 16px; box-sizing: border-box; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer{ margin-bottom: 21px; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpWrapper, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpWrapper{ padding-top: 16px; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow{ text-align: center; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn.proceedPopUp, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn.proceedPopUp{ background-image: url(/assets/img/icn_check_balance.png); background-position: center top; background-repeat: no-repeat; background-size: 44px auto; } .bulkEChequeDepositForm .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn, .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .popIcn{ display: inline-block; vertical-align: middle; width: 44px; height: 44px; margin-bottom: 8px; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText{ font-size: 14px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; margin-bottom: 16px; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn{ width: 92px; height: 32px; border-radius: 4px; color: #FFFFFF; line-height: 32px; margin: 0 auto; background-color: #b51a25; transition: all .3s; cursor: pointer; } .bulkEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn:hover, .singleEChequeDepositForm .inputGroupRow .cashmarginPopUpContainer .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpaddBtn:hover{ background-color: #711a20; } .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup .formLabel, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup .formLabel{ color: #666666; font-size: 16px; } .singleEChequeDepositResult .container .containerInner .completedWrapper .remark .remarkItm h4, .singleEChequeDepositResult .container .containerInner .completedWrapper .completedMsg .detail h3 a, .bulkEChequeDepositResult .stepThreeForm .completedWrapper .completedMsg .detail h3 a, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h3 .highlight, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h2, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h2, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h3 .highlight, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .uploadedGroup .fileDesc h4, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.focus .formLabel, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .selectric-wrapper .selectric-items li.selected, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .stepOneForm .confirmInputGroup .formLabel, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .uploadedGroup .fileDesc h4, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .uploadField .desc h4, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .selectric-wrapper .selectric-items li.selected, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.focus .formLabel, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .uploadField .desc h4, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .headerContainer .formTitle, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .headerContainer .formTitle, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .beneTab .nav-tabs li.active a, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .headerContainer .formTitle, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .beneTab .nav-tabs li.active a{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .bulkEChequeDepositForm .inputGroup label, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .subtitle, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .subtitle, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .subtitle{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .formDesc h5, .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .formDesc h5, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .formDesc h5{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: normal; font-size: 24px; } .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .Demcial, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .Demcial{ margin-left: 17px; } .singleEChequeDepositConfirmation .container .containerInner .containerRight .contentPage .inputGroupRow .Demcial li, .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .Demcial li{ margin-top: 8px; } .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .dateBtn, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .dateBtn{ background-image: url("/assets/img/icn_calendar_hover.png"); } .singleEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .dateBtn:hover, .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .dateBtn:hover{ background-position: center bottom; } .singleEChequeDepositConfirmation .headerContainer .editButton, .singleEChequeDepositConfirmation .buttonContainer .confirmButton, .singleEChequeDepositForm .buttonContainer .buttonRight .submitButton, .singleEChequeDepositForm .buttonContainer .buttonRight .resetButton, .singleEChequeDepositForm .buttonContainer .buttonLeft .actionButton, .bulkEChequeDeposit .buttonContainer .buttonRight .submitButton, .bulkEChequeDeposit .buttonContainer .buttonRight .resetButton, .bulkEChequeDeposit .buttonContainer .buttonLeft .actionButton, .singleEChequeDepositResult .container .containerInner .containerRight .contentPage .headerContainer .formTitle, .singleEChequeDepositResult .container .containerInner .containerRight .contentPage .formDesc h5, .singleEChequeDepositResult .container .containerInner .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton, .bulkEChequeDepositResult .container .containerInner .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .exportInvoiceDiscounting .navContainer .inputGroupContainer.last p strong.tradeDownload{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; cursor: pointer; } .ImportLCDocRefuse.PreshipmentFinancing #goods .goodsContainer .inputGroup .search, .exportInvoiceDiscounting #goods .goodsContainer .inputGroup .search { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; top: -1px; right: auto; background-size: 16px; width: 16px; height: 16px; margin-left: 8px; z-index: 1; } .ImportLCDocRefuse.PreshipmentFinancing #goods .goodsContainer .inputGroup .search:hover, .exportInvoiceDiscounting #goods .goodsContainer .inputGroup .search:hover { background-position: 0 -16px !important; } .ImportLCDocRefuse.PreshipmentFinancing .detailsOfChargesSection .cardContainer.debitAcc .loadWrapper.show { height: 89%; left: 0px; width: calc(100% - 8px); } .ImportLCDocRefuse.PreshipmentFinancing [data-targettab=settlement]#settlement .detailsOfCreditSection .cashMarginContainer .cardContainer:nth-child(odd) { padding: 0 8px 0px 8px; } .exportInvoiceDiscounting .navContainer .accountName, .ImportLCDocRefuse.PreshipmentFinancing .navContainer .accountName{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 50%; } .PreshipmentFinancing #goods .goodsContainer .optionTitle.wordwrap, .exportInvoiceDiscounting #goods .goodsContainer .optionTitle.wordwrap, .exportInvoiceDiscountingConfirmation .goodsConfirmation .optionTitle.wordwrap, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .goodsConfirmation .optionTitle.wordwrap{ width: 70%; } .PreshipmentFinancing #goods .goodsContainer .optionTitle.wordwrap .goodTitle pre, .exportInvoiceDiscounting #goods .goodsContainer .optionTitle.wordwrap .goodTitle pre, .exportInvoiceDiscountingConfirmation .expander .optionParent .optionTitle .savedTitle .goodTitle pre, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .goodsConfirmation .expander .goodTitle pre{ overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; color: #222222; } .PreshipmentFinancing.gib [form-component=navBar] .navContainer .subTitle.caseTwo, .exportInvoiceDiscounting.gib [form-component=navBar] .navContainer .subTitle.caseTwo{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: normal; font-size: 14px; margin-top: 0px; padding-bottom: 24px; } .overlayComponentContainer .depositAccountContainer .inputGroupTrial .locationSelect .accountRow.accountBox input[type=radio] + label:before{ top: 0px; bottom: 0px; margin: auto; } .LCTransferAmendmentConfirmation .navContainer .issuingBankInfo .cashMarginContainer{ min-height: 0px; margin-bottom: 16px; } .singleEChequeDepositConfirmation #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.depositAmt{ margin-bottom: 0px; } .gib .LCTransferAmendmentConfirmation [form-component=navBar] .navContainer .title{ font-size: 16px; } .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .inputGroupContainer.last p strong, .ImportLCIssuanceConfirmation.bankGuaranteeConfirmation .inputGroupContainer.last p strong{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; cursor: pointer; } .productServiceTransaction.e830Search .rightResultContainerWrapper .contactBoxTotal .FeeContainer{ width: 100%; margin-bottom: 16px; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .userInfo .tipsLine{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; line-height: 17px; margin-bottom: 5px; } .productServiceTransaction.e830Search .profileCardTotal .userInfo .remitDateAndTime{ margin-bottom: 5px; } .productServiceTransaction.e830Search .profileCardTotal{ height: auto; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips{ position: relative; background-image: url(/assets/img/icn_info@3x.png); background-repeat: no-repeat; background-position: top; cursor: pointer; float: right; width: 22px; height: 15px; background-size: 15px; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips:hover { background-position: bottom; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips:hover .tooltiptext { visibility: visible; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tipsLineText { float: right; margin-left: 3px; white-space: nowrap; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips .tooltiptext { top: 25px; right: 29px; width: 410px; color: #666666; background: #FFFFFF!important; padding: 8px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; text-align: left; font-weight: 400; line-height: 16px; white-space: nowrap; border-radius: 0px; visibility: hidden; box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3); position: relative; z-index: 2; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips ul { padding-left: 16px; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips h4 { font-weight: 600; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips li { margin-top: 5px; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips .tooltiptext:before { border: solid transparent; border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 9px; margin-right: -9px; right: 386px; z-index: 3; bottom: calc(100%); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .productServiceTransaction.e830Search .rightResultContainerWrapper .profileCardTotal .tips .tooltiptext:after { content: ''; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 8px; margin-right: -8px; right: 386px; z-index: 3; bottom: calc(100%); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .productServiceTransaction.e830Search .rightResultContainerWrapper .contactBoxTotal .remindMessage { margin-top: 0px; margin-bottom: 16px; width: 100%; } .singleEChequeDepositResult .container .containerInner .stepThreeForm .beneTab{ margin-bottom: 3px; } .ImportLCIssuance #payment .inputGroupContainer .inputSection.inputHalf.partDraw, .exportInvoiceDiscounting #amount .inputGroupContainer .inputGroup.datePicker.repayDt{ margin-top: 20px; } .bulkEChequeDepositResult .stepThreeForm .completedWrapper .completedMsg:after{ display: block !important; } .gib_importLCAmendmentResult .containerRight .contentPage{ padding:0px 0px !important; } .exportInvoiceDiscountingConfirmation .detailsOfChargesSection .cardContainer .inputGroupContainer{ flex: inherit; } .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .tips{ background-image:url(/assets/img/icn_info@3x.png); } .bulkEChequeDepositForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputTitle .inputLabel{ color: #222222; font-weight: normal; } .PreshipmentFinancing.gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open{ z-index: 21; } .exportInvoiceDiscounting #others[data-targettab=others] .inputRow .uploadFieldGroup, .PreshipmentFinancing #others[data-targettab=others] .inputRow .uploadFieldGroup{ width: 100%; } .ImportLCDocRefuse.gib #general[data-targettab=general] .generalSection{ border-bottom: 1px solid #cccccc; } .exportInvoiceDiscounting #settlement[data-targettab=settlement] .cashMarginContainer .cardContainer .cardBtnContainer ul li:hover, .PreshipmentFinancing #settlement[data-targettab=settlement] .cashMarginContainer .cardContainer .cardBtnContainer ul li:hover{ color: #b51a25; } .exportInvoiceDiscounting .containerInner .containerLeft .stepContent{ width: 100% !important; } .exportInvoiceDiscounting .container .containerInner .completedWrapper .completedMsg .detail h3 a, .exportInvoiceDiscounting .container .containerInner .completedWrapper .remark .remarkItm h4, .exportInvoiceDiscounting .container .containerInner .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .gib.singleEChequeDepositConfirmations #overlay .overlayComponentContainer .componentContainer{ width: 656px; } .productServiceTransaction.e810Search .searchResultContainer .leftSearchContainer .cinNo.inputGroup .formInput, .productServiceTransaction.e830Search .searchResultContainer .leftSearchContainer .cinNo.inputGroup .formInput{ border-bottom: 0px; } .ImportLCAmendmentConfirmation.gib [data-targettab=payment] .subTitle{ font-family: inherit; } .exportInvoiceDiscounting.gib .detailsOfChargesSection .cardContainer .cardWrapper .cardContent .cardRow .accountNumber, .exportInvoiceDiscounting.gib .detailsOfChargesSection .cardContainer .cardWrapper .cardContent .cardRow .companyName, .exportInvoiceDiscounting.gib p strong, .exportInvoiceDiscounting.gib .uploadedGroup .fileDesc h4, .exportInvoiceDiscounting.gib .generalsubtitle, .exportInvoiceDiscounting.gib .inputGroupContainer .inputTitle .formLabel, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyName, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountNumber, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .accountRow .companyName, .ImportLCAmendmentConfirmation.gib .ImportLCIssuanceConfirmation p strong, .ImportLCAmendmentConfirmation.gib [data-targettab=others] .subSmallTitle, .ImportLCAmendmentConfirmation.gib .uploadedGroup .fileDesc h4, .ImportLCAmendmentConfirmation.gib .cashMarginSection .cashMarginContainer .cardContainer .cardWrapper .cardContent .cardRow .accountNumber, .ImportLCAmendmentConfirmation.gib .cashMarginSection .cashMarginContainer .cardContainer .cardWrapper .cardContent .cardRow .companyName, .ImportLCAmendmentConfirmation.gib .ImportLCAmendmentConfirmation .inputGroupContainer .inputTitle .formLabel, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyName, .ImportLCAmendmentConfirmation.gib .ImportLCIssuanceConfirmation .generalsubtitle, .ImportLCAmendmentConfirmation.gib .buttonContainer .buttonRight .redBtn, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountNumber, .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation [data-targettab=general] .participantSection .participantContainer .accountRow .companyName, .gib.ImportLCAmendmentConfirmation [form-component=navBar] .formNavContainer ul li.active, .exportInvoiceDiscounting.gib .exportInvoiceDiscountingConfirmation [form-component=navBar] .formNavContainer ul li.active, .exportInvoiceDiscountingConfirmation.exportInvoiceDiscounting .generalMainsubtitle{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .exportInvoiceDiscounting.gib .detailsOfChargesSection .cardContainer .cardWrapper .cardContent .cardRow .accountName, .exportInvoiceDiscounting.gib .detailsOfChargesSection .cardContainer .cardWrapper .cardContent .cardRow .accountLocation, .exportInvoiceDiscounting.gib .detailsOfChargesSection .cardContainer .cardWrapper .cardContent .cardRow .accountType, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress1, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress2, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress3, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountType, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountLocation, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountName, .exportInvoiceDiscounting.gib [data-targettab=general] .participantSection .subtitle, .exportInvoiceDiscounting.gib .generalsubtitle.remin, .ImportLCAmendmentConfirmation.gib .ImportLCIssuanceConfirmation .generalsubtitle.remin, .ImportLCAmendmentConfirmation.gib .cashMarginSection .cashMarginContainer .cardContainer .cardWrapper .cardContent .cardRow .accountType, .ImportLCAmendmentConfirmation.gib .cashMarginSection .cashMarginContainer .cardContainer .cashMarginWrapper .cardContent .cardRow .accountLocation, .ImportLCAmendmentConfirmation.gib .cashMarginSection .cashMarginContainer .cardContainer .cardWrapper .cardContent .cardRow .accountName, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress1, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress2, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .proceedPopUpSelectedRow .companyAddress3, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountType, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountName, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .participantContainer .accountRow .accountLocation, .ImportLCAmendmentConfirmation.gib [data-targettab=general] .participantSection .subtitle, .gib.ImportLCAmendmentConfirmation [form-component=navBar] .formNavContainer ul li, .exportInvoiceDiscounting.gib .exportInvoiceDiscountingConfirmation [form-component=navBar] .formNavContainer ul li{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } .WorkQueuePending.ImportLCAmendmentConfirmation .container .containerInner .containerRight .contentPage .inputGroup .formLabel{ position: static; } .WorkQueuePending.ImportLCAmendmentConfirmation .container .containerInner .containerRight .contentPage .inputGroup{ height: auto; } .productServiceTransaction.e830Search .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li, .productServiceTransaction.e810Search .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li{ overflow: inherit; white-space: inherit; text-overflow: inherit; word-break: break-word; } .productServiceTransaction.e830Search .profileCardTotal label, .productServiceTransaction.e810Search .profileCardBIA label { cursor: default; } .gib.exportInvoiceDiscounting [form-component=textareabox] .inputGroup .formLabel{ width: 100%; } .PreshipmentFinancing #R63001 .requireInfoWrapper .generalTitle{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 16px; color: #222222; margin-bottom: 16px; } .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation .generalMainsubtitle{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .PreshipmentFinancing #R63001 .requireInfoWrapper .generalMessage{ font-size: 14px; } .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation #R63002 .cashMarginSection{ border-bottom: 0px; } .ImportLCIssuanceConfirmation.ImportLCAmendmentConfirmation #R63002 .cashMarginContainer{ min-height: auto; } .TransactionDetailsComplete.LCTransferAmendmentConfirmation.LCTransferIssuanceConfirmation .container .containerInner .containerRight [form-component=navBar] .navContainer, .TransactionDetailsComplete.ImportLCIssuanceConfirmation .container .containerInner .containerRight [form-component=navBar] .navContainer, .TransactionDetailsComplete.exportInvoiceDiscountingConfirmation .container .containerInner .containerRight [form-component=navBar] .navContainer{ border-bottom: 0px; } .ImportLCDocRefuse .navContainer #others .debitMethodSection .cashMarginSection{ margin-top: 0px; } .ImportLCDocRefuse .navContainer #others .debitMethodSection .cashMarginSection .cashMarginContainer .cashmarginPopUpContainer{ padding-left: 0px; } .gib.ImportLCDocRefuseConfirmation [form-component=navBar] .navContainer .confirmTitle{ font-size: 16px; } .gib.PreshipmentFinancing [form-component=datepicker] .inputGroup.ShipmentDate .tips .tooltiptext{ left: -6px; } .ImportLCDocRefuseConfirmation.gib [data-targettab=general] .generalSection:not(.border-top){ border-bottom: 1px solid #dddddd; } .gib .LCTransferAmendmentResult .contentPage .resultBody .status{ color: #b51a25; padding: 11px; } /*************** lichenxing css end ***************/ /*************** zengshenhzu css start ***************/ /**pagination**/ #container .loadingGif.loading.noshow { display: none; } .gib div#container .loadingGif.loading { width: 32px; height: 32px; padding: 30px 0; margin: 0 auto 18px auto; background-position: center; background-image: url(/assets/img/loader.gif); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; position:inherit; } #container .pagination.pageNumber { text-align: right; font-size: 0px; margin: 15px 0 30px 0; } #container .pagination.pageNumber .pageBtn { display: inline-block; margin: 0 12px 0 12px; padding: 0 5px; min-width: 92px; line-height: 30px; border-radius: 5px; border: solid 1px #b51a25; color: #b51a25; text-align: center; font-weight: 600; font-size: 16px; cursor: pointer; } #container .pagination.pageNumber .pageBtn.disable { opacity: 0.5; pointer-events: none; } #container .pagination.pageNumber .pageBtn span { font-family: "宋体"; color: #b51a25; } #container .pagination.pageNumber .pageBtn:hover, #container .pagination.pageNumber .pageBtn:hover span { background-color: #b51a25; color: #FFFFFF; } .gib #overlay .overlayComponentContainer .requestMsgPopUpContainer .requestMsgWrapper .generalMsgContent div.generalSubContent .subMsg{ cursor: auto; } /** t510 * .ApplicationForm .applicationForm .containerRight .subject .selectric-wrapper.selectric-open .selectric-items { overflow-y: scroll; } .ApplicationForm .applicationForm .containerRight .compulsory .selectric-wrapper.selectric-open .selectric-items { overflow-y: scroll; } /** P170 **/ .billPaymentInput .containerRight .contentPage { padding: 32px 16px 124px !important; } .billPaymentInput .periodBeforeCutOff span { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; color: #666666; } .billPaymentInput .functionBar { display: flex; align-items: center; } .billPaymentInput .functionBar .element { display: flex; align-items: center; margin-left: 24px; cursor: pointer; } .billPaymentInput .functionBar .element:first-child { margin-left: 0; } .billPaymentInput .functionBar .element:hover .icoEdit, .functionBar .element:hover .icoGlossary { background-position: center bottom; } .billPaymentInput .functionBar .element:hover h3 { color: #b51a25; } .billPaymentInput .functionBar .icoGlossary { background-image: url("../../img/icn_glossary.png"); background-repeat: no-repeat; background-position: center top; background-size: 22px auto; width: 22px; height: 22px; margin-right: 4px; } .billPaymentInput .functionBar .element h3 { font-weight: 600; font-size: 16px; color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .billPaymentInput .requireInfoWrapper p { font-size: 14px; color: #222222; padding-left: 7px; position: relative; margin-bottom: 4px; } .billPaymentInput .requireInfoWrapper p:before { content: ''; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #222222; position: absolute; } .billPaymentInput .requireInfoWrapper p .showInfo { cursor: pointer; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .billPaymentInput #container .container .containerInner .containerRight .contentPage .countryRegion .selectric-wrapper.selectric-open .selectric-items { max-height: 156px; overflow-y: hidden; } .billPaymentInput #container .container .containerInner .containerRight .contentPage .countryRegion .selectric-scroll { height: 156px; } .billPaymentInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentMemo.textarea { height: auto; } #overlay .overlayComponentContainer .merchantInformationContainer .informationRowcol1 { word-break: break-word; } .gib body #overlay .overlayComponentContainer .merchantInformationContainer .bottomGradient { bottom: 0px !important; } .overlayComponentContainer .merchantInformationContainer .loader { height: 72px; position: absolute; top: 60px; left: 0px; width: 656px; background-image: url("../../img/loader.gif"); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; display: block; } /*************** zengshenzhu css end ***************/ /********************** zy start **********************/ #reportRetrieval .grid .main .header .searchReportSection .searchBox .searchList > div span.reportNameFmt { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; /* max-width: 66%; */ vertical-align: text-bottom; color: #999999; line-height: 22px; } #reportRetrieval .grid .main .header .searchReportSection .searchBox .searchList > div span.fileName { font-size: 12px; display: inline-block; width: 77px; vertical-align: text-bottom; color: #999999; line-height: 22px; } .buttonContainer { z-index: 20 !important; } .tipsbuttonContainer { z-index: 10 !important; } button.addBtn { font-size: 16px; } button:disabled { opacity: 0.5; cursor: default; } .PaymentRemittancePlusForm .lastUpdateTime { color: #666; } .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .addAcWrapper .addBtn:disabled:hover { background-color: #b51a25; } .container .containerInner .containerRight .contentPage #stepOneFormP160 .inputGroupRow .inputRow .acWrapper.beneForm .addAcWrapper.benebankWrapper { top: 242px; left: 0; width: 100%; height: calc(41% - 4px); } .container .containerInner .containerRight .contentPage #stepOneFormP160 .inputGroupRow .inputRow .acWrapper .acTop.noBorder { position: relative; height: 210px; } .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h5 span { color: #2885ad; } .PaymentRemittancePlusForm .labelTypeAux { color: #666666; font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .charges-desc .charges-info { height: 54px; line-height: 54px; overflow: hidden; } .charges-desc .charges-info:not(:last-child ) { border-bottom: 1px solid #ddd; } .charges-desc .charges-info:first-child { font-weight: 700; font-size: 24px; } .charges-desc .charges-info:last-child { padding-bottom: 30px; } .charges-desc .charges-info .charges-label { float: left; } .charges-desc .charges-info .charges-value { float: right; } .inputGroup .formLabel * { /* font-weight: 700; */ color: #666; } .container .containerInner .containerRight .contentPage .inputGroup.invalid .formLabel * { color: #b51a25 !important; } .gib body.transaction-margin #root #page #container { margin-top: 60px; } .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .loadWrapper { position: absolute; top: 4px; left: 0; width: 100%; height: 100%; padding: 24px 0; background-color: #FFFFFF; text-align: center; box-sizing: border-box; overflow: hidden; display: none; } .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .loadWrapper.show { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; } .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .loadWrapper .loader { max-width: 50%; width: 32px; height: 32px; background-image: url("../../img/loader.gif"); background-position: center top; background-repeat: no-repeat; background-size: 32px auto; } .stepThreeForm .completedWrapper .completedMsg { position: relative !important; padding-bottom: 32px !important; } .stepThreeForm .completedWrapper .completedMsg:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #c7c7c7; } .redFont { color: #d42b35; } .container .containerInner { position: relative; } @media screen and (max-width: 1023px) { .containerInner { min-height: calc(100vh - 120px) !important; } .containerInner .containerLeft { position: absolute !important; } } .containerLeft .step .stepText { cursor: pointer !important; white-space: normal !important; } .containerLeft .step.noCursor .stepText { cursor: default !important; } .containerLeft .step .stepContent .stepText { color: #666666 !important; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 400 !important; opacity: 0.5 !important; font-size: 14px !important; } [lang=my_MM] #container .container .containerInner .containerLeft .step .stepContent .stepText, [lang=th_TH] #container .container .containerInner .containerLeft .step .stepContent .stepText { min-height: 22px; height: auto; } [lang=zh_CN] .containerLeft .step .stepContent .stepText { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑 !important; } .containerLeft .step.done .stepText { opacity: 1 !important; color: #222222 !important; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 400 !important; } [lang=zh_CN] .containerLeft .step.done .stepText{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important; } .containerLeft .step.current .stepText { opacity: 1 !important; color: #222222 !important; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 700 !important; } [lang=zh_CN] .containerLeft .step.current .stepText { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important; } .container .containerLeft .step .stepContent .stepNumber { line-height: 20px !important; } .paymentLinkTc { text-decoration: underline; cursor: pointer; color: blue; } .gib .containerLeft .step:not(.done) .stepProgress .progressBar{ height: 0% !important; } /* N151 */ .n152form #cashMarginAdder { width: 50%; padding: 0 8px; box-sizing: border-box; } .n152form .detailsOfCreditSection .applicantWrapper { height: auto !important; } .n152form .detailsOfCreditSection .applicantWrapper .accountContainer { padding-bottom: 4px !important; } .n152form .detailsOfCreditSection .applicantContainer .applicantWrapper .accountContainer .accountWrapper .accountRow { padding-bottom: 0; } .n152form .accountRow.avaBalance { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 16px; padding-top: 8px; margin-bottom: 8px; border-top: 1px solid #dddddd; } .n152form .avaBalance .balance > * { font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #2885AD; } .n152form .accountRow.avaBalance .avaBalanceText{ font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } .n152form .lastUpdateRow { padding-top: 4px; padding-bottom: 4px; margin: 0 -16px; border-top: 1px solid #dddddd; } .n152form .lastUpdateTime { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 11px; color: #666666; margin: 0px 16px; } .n152form .lastUpdateTime .sttAcBalDate { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 11px; color: #666666; } .n152form .detailsOfCreditSection .applicantContainer .applicantWrapper .accountContainer, .detailsOfCreditSection .applicantContainer .applicantWrapper .proceedPopUpContainer, .detailsOfCreditSection .applicantContainer .applicantWrapper .proceedPopUpSelected, .detailsOfCreditSection .applicantContainer .beneficiaryWrapper .accountContainer, .detailsOfCreditSection .applicantContainer .beneficiaryWrapper .proceedPopUpContainer, .detailsOfCreditSection .applicantContainer .beneficiaryWrapper .proceedPopUpSelected { padding: 16px 0 4px; } .n152form .detailsOfCreditSection .accountRow.companyItm .companyName { width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .n152form .detailsOfCreditSection .accountRow.companyItm .controlBtn { position: relative; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: start; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; align-self: flex-start; } .n152form .detailsOfCreditSection .accountRow.companyItm .controlBtn .moreBtn { width: 22px; height: 22px; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; display: inline-block; width: 22px; height: 22px; cursor: pointer; } .n152form .cardContainer .cardBtnContainer { position: absolute; min-width: 252px; z-index: 20; overflow: hidden; background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); height: auto; max-height: 0px; transition: max-height 0.2s; top: 49px; right: 24px; } .n152form .cardContainer .cardBtnContainer ul { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #666666; list-style: none; padding: 0; } .n152form .cardContainer .cardBtnContainer ul li { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; line-height: 22px; color: #666666; cursor: pointer; padding: 16px 16px 15px 46px; display: flex; position: relative; } .n152form .cardContainer .cardBtnContainer.show { max-height: 300px; } .n152form .cardContainer .cardBtnContainer ul li:before { background-position: center top; background-repeat: no-repeat; background-size: 22px auto; position: absolute; left: 16px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; content: ""; align-self: center; width: 22px; height: 22px; margin-right: 8px; } .n152form .cardBtnContainer ul li:hover:before { background-position: center bottom; } .n152form .cardContainer .cardBtnContainer ul li.edit:before { background-image: url(../../img/icn_edit_hover.png); } .n152form .cardContainer .cardBtnContainer ul li.refresh:before { background-image: url(../../img/icn_refresh_hover.png); } .n152form .cardContainer .cardBtnContainer ul li.delete:before { background-image: url(../../img/icn_close_hover.png); } .n152form .cardContainer .cardBtnContainer ul li.edit:after, .n152form .cardContainer .cardBtnContainer ul li.refresh:after { content: " "; position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px); height: 1px; background-color: #dddddd; } .n152form .cardContainer .cardBtnContainer ul li:hover { color: #b51a25 !important; } .n152form .cardContainer .loadWrapper { position: absolute; top: 4px; left: 0px; width: 100%; height: 95%; padding: 24px 0; background-color: #FFFFFF; text-align: center; box-sizing: border-box; overflow: hidden; display: none; } .n152form .cardContainer .loadWrapper .loader { max-width: 50%; width: 32px; height: 32px; background-image: url(../../img/loader.gif); background-position: center top; background-repeat: no-repeat; background-size: 32px auto; } .n152form .cardContainer .loadWrapper.show { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; z-index: 2; } /********************** zy end **********************/ /********************** cheng zhimin p280 start **********************/ .overlayComponentContainer .beneficiaryBankIPContainer .accountRow input[type=radio]+label:before { display: block; content: ""; position: absolute; right: 16px; top: 25px; box-sizing: border-box; width: 17px; height: 17px; background-color: transparent; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity 0.1s; } .gib #overlay .addBeneficiaryIPContainer .componentAssistant.popupInputGroup input { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } /********************** cheng zhimin p280 end **********************/ /********************** cheng zhimin m590 start **********************/ .fileUpload .content .uploadFileWrapper .fileTypeList { overflow-y: auto; height: 250px !important; background-color: #FFFFFF; padding: 0; margin: 0; padding-bottom: 17px; outline: none; } /********************** cheng zhimin m590 end **********************/ /********************** cheng zhimin p140 start **********************/ .overlayComponentContainer .beneficiaryBankTTContainer .inputGroupTrial .selectric-wrapper .selectric-items { border: none; box-shadow: none; display: block; overflow: auto; height: 500px; } .PaymentTelegraphicForm .sortCodeLabel, .PaymentTelegraphicConfirmation .warnningMsg{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ font-weight: 700; font-size: 12px; line-height: 17px; color: #b51a25; padding-left: 20px; background-image: url(../../img/icn_reg_error.png); background-position: left top; background-repeat: no-repeat; background-size: 17px; } /********************** cheng zhimin p140 end **********************/ /********************** cheng majian p140 start **********************/ .containerInner .containerRight .contentPage .inputRow .invalid.textarea>.inputTitle>label { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-size: 12px; font-weight: 700; color: #b51a25; } /********************** cheng majian p140 end **********************/ /********************** xie chengkai t650start **********************/ .uploadResult .searchResultContainer .leftSearchContainer #T650RSLeftForm .inputGroup .formLabel { color: #999999; } .uploadResult .searchResultContainer .leftSearchContainer #T650RSLeftForm .inputGroup.focus .formLabel { color: #666666;} .uploadResult .uploadResultContactBox span.uploadErrorNum:after, .uploadResult .uploadResultContactBox span.uploadAcceptedNum:after { content: ">"; } .uploadResult .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll { max-height: 312px; } .uploadResult .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 32px; } .thirdContentContainerWrapper { position: relative; weight: 1px } .uploadResult .uploadResultProfileCard .userInfo .numberOfUpload.singleLine span { cursor: default; } .uploadResult .uploadResultProfileCard .userInfo .numberOfUpload.singleLine span.uploadErrorNum.nod { cursor: pointer; } .uploadResult .uploadResultProfileCard .userInfo .numberOfUpload.singleLine span.uploadAcceptedNum.nod { cursor: pointer; } .uploadResult .uploadResultContactBox .btnSet .moreBtn .uploadResultDownloadListContainer .requestSelection { margin-bottom: 7px !important; } .uploadResult .searchResultContainer .rightResultContainer .rightResultContainerWrapper .enquiryTopBar .deleteModeDownloadListContainer .selectric-deleteModeDownloadSelect .selectric-items { min-height: 0px !important; height: auto !important; } .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .uploadThirdPart .uploadCatButton .alertBtn{ margin-right : 7px; } .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .enqPackageId { appearance: none; height: 54px; position: relative; width: 100%; outline: none; background-repeat: no-repeat; background-size: 10px 16px; background-position: right; } /********************** xie chengkai t650end **********************/ /********************** XCK T650 SHORTCUT START *************************/ .enquiryContentContainer .searchResultContainer .rightResultContainer .rightResultContainerWrapper .enquiryTopBar .downloadListContainer .selectric-items{ height: auto !important; } .enquiryTopBar .downloadListContainer .selectric-items{ height: auto !important; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li { height: 54px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div { font-size: 16px; line-height: 22px; margin: 0; position: relative; white-space: nowrap; display: block; width: 100%; box-sizing: border-box; height: 54px; padding: 16px 36px 16px 42px; } [lang=my_MM] .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div { font-size: 12px; } [lang=km_KH] .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div { font-size: 12px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div .downloadListContainer { top: 0; right: calc(100% + 2px); width: 320px; max-width: 320px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div .downloadListContainer .selectric-items { height: 222px !important; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div:hover:before { background-position: 0 -22px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div:before { content: ''; display: block; width: 22px; height: 22px; position: absolute; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; top: 16px; left: 16px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div.addShortcuts:before { background-image: url("../../img/icn_add_hover.png"); } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div.removeShortCut:before { background-image: url("../../img/icn_decrease_hover.png"); } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>:after { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #ddd; position: absolute; top: 100%; left: 16px; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li:last-child div:after { display: none; } .enquiry .icon-moreCenterHover .icon-addHover { background-image: none; } .enquiry .icon-moreCenterHover .icon-removeHover { background-image: none; } .enquiry .searchResultContainer .rightResultContainer .function.more>ul>li>div:hover { background: #eeeeee; color: #b51a25; } .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .uploadRequire.remarkUP { margin-top: 14px; } .Enquiry .enquiry .searchResultContainer .rightResultContainer .rightResultContainerWrapper { overflow: visible; } /********************** XCK T650 SHORTCUT END*************************/ /********************** zheng shuzan M200,E100,M201 CLM start **********************/ #enquiryList570 .col.icon_account_setting_hover:before{ background-image:url(../../img/icn_account_setting_hover.png); } #enquiryList570 .col.icon_limit_control_hover:before{ background-image:url(../../img/icn_limit_control_hover.png); } .enquiry .enquiryManagement .searchResultContainer .rightResultContainer .profileCard .txCodeStyle{ display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: calc(100% - 160px); } .enquiry .enquiryManagement .searchResultContainer .rightResultContainer .profileCard .userInfo .managementCardTitle.singleLine{ width:100% !important; } .enquiry .enquiryManagement .searchResultContainer .rightResultContainer .profileCard .actionTypeStyle{ display: inline-block; vertical-align: middle; } .Enquiry .enquiry .enquiryManagement .searchResultContainer .rightResultContainer{ overflow:hidden !important; } .paymentLimitSettingOne-offParticipantAccount #container .container .containerInner { height: 950px; } .Enquiry .enquiryManagement .rightResultContainer,.Enquiry .accountActivities .rightResultContainer,.Enquiry .accountBanlance .rightResultContainer{ overflow:visible; } .container .containerInner .containerRight .contentPage .stepTwoForm .fixWorkquene .inputGroup { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; width: calc(100% - 8px); height: 50px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .container .containerInner .containerRight .contentPage .fixWorkquene .inputGroup .formLabel { color: #666666; position: absolute; left: 0; bottom: 16px; top: -5px; font-size: 16px; transition: bottom 0.3s, font-size 0.3s; } .container .containerInner .containerRight .contentPage .stepTwoForm .fixWorkquene .inputRow .inputGroup.noBorderBottom { border-bottom: 0px; } .containerLeft .step .stepContent .stepText { overflow: visible !important; } .One-offSettingDone .container .containerInner .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; color: #b51a25; border: 1px solid #b51a25; border-radius: 4px; padding: 11px; margin-right: 16px; width: 33%; text-align: center; cursor: pointer; } .One-offSettingDone .buttonWrapper { margin: 32px 16px; } .One-offSettingDone .buttonWrapper .actionButtonContainer { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; display: -ms-flexbox; -ms-flex-wrap: center; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: center; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; display: flex; flex-wrap: center; flex-direction: row; justify-content: space-between; align-items: center; margin: 24px 0; } .accountPaymentLimitSettingFormGCMS .container .containerInner .containerRight .contentPage .beneTab .nav-tabs { position: relative; border-bottom: 0px; padding-bottom: 12px; } .naturalLimitTabContainer, .userLimitTabContainer { position: relative; border-bottom: 1px solid #dddddd; overflow: hidden; } .naturalLimitTab, .userLimitTab { position: relative; overflow: hidden; } .accountBanlance .rightResultContainer .rightResultContainerWrapper.e100fixHeight { min-height: 620px; } .naturalLimitTab.beneTab ul, .userLimitTab.beneTab ul { list-style: none; width: 100%; white-space: nowrap; } .naturalLimitTab.beneTab, .userLimitTab.beneTab { overflow: hidden; position: relative; } .naturalLimitTab.beneTab .nav, .userLimitTab.beneTab .nav { flex-wrap: nowrap; } .naturalLimitTabContainer .naturalLimitNavRightScroll, .userLimitTabContainer .userLimitNavRightScroll { width: 24px; height: 60px; background-repeat: no-repeat; background-size: 8px 16px; cursor: pointer; position: absolute; top: 20px; background-position: left 27px; right: 0; background-color: #f8f8f8; } .naturalLimitTabContainer .naturalLimitNavLeftScroll, .userLimitTabContainer .userLimitNavLeftScroll { width: 24px; height: 60px; background-repeat: no-repeat; background-size: 8px 16px; cursor: pointer; position: absolute; top: 20px; background-position: right 27px; left: 0; background-color: #f8f8f8; } .stepTwoForm .naturalLimitTabContainer .naturalLimitNavLeftScroll, .stepTwoForm .userLimitTabContainer .userLimitNavLeftScroll, .stepTwoForm .naturalLimitTabContainer .naturalLimitNavRightScroll, .stepTwoForm .userLimitTabContainer .userLimitNavRightScroll { top: -25px; } .naturalLimitNavLeftScroll.icon-arrowLeft, .userLimitNavLeftScroll.icon-arrowLeft { background-image: url(../../img/icn_arrow_left.png); } .naturalLimitNavLeftScroll.icon-arrowRight, .userLimitNavLeftScroll.icon-arrowRight { background-image: url(../../img/icn_arrow_right.svg); } .enquiry .AccountBalanceRow.availableCreditLimitRow.clickFalse { cursor: default; } .enquiry .AccountBalanceRow.clickFalse .holdAmountRowTitle.availableCreditLimitRowTitle:hover, .enquiry .AccountBalanceRow.clickFalse .floatBalanceRowTitle.availableCreditLimitRowTitle:hover, .enquiry .AccountBalanceRow.clickFalse .availableCashRowTitle.availableCreditLimitRowTitle:hover, .enquiry .AccountBalanceRow.clickFalse .availableCreditLimitRowTitle.availableCreditLimitRowTitle:hover, .enquiry .AccountBalanceRow.clickFalse .usedCreditLimitRowTitle.availableCreditLimitRowTitle:hover { color: black; } .enquiry .AccountBalanceRow.clickFalse .holdAmountRowTitle.availableCreditLimitRowTitle:after, .enquiry .AccountBalanceRow.clickFalse .floatBalanceRowTitle.availableCreditLimitRowTitle:after, .enquiry .AccountBalanceRow.clickFalse .availableCashRowTitle.availableCreditLimitRowTitle:after, .enquiry .AccountBalanceRow.clickFalse .availableCreditLimitRowTitle.availableCreditLimitRowTitle:after, .enquiry .AccountBalanceRow.clickFalse .usedCreditLimitRowTitle.availableCreditLimitRowTitle:after { background-image: none; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .currencyWrapper .currencySelectionList.noSelectArrow:after { background-image: none; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .currencyWrapper .currencySelectionList.noSelectArrow:hover:after { background-image: none; } .rightResultContainer .rightResultContainerWrapper .enquiryTopBar .deleteModeDownload .deleteModeDownloadListContainer.fixHeight .selectric-items.show { height: 222px !important; min-height: 222px; } @media only screen and (min-width: 1600px) { .enquiry .enquiryManagement .searchResultContainer .rightResultContainer{ padding-right: 0 !important; } } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.COMPL, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.COMPA, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.FRWRD, { color: #01bc88;/*绿色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.APPST, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PROCE, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.RECVD, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TSPRC { color: #4aaae2;/*蓝色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.RETRN, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PSEND, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PRSPD, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PCHCK, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PAUTH { color: #f5a623;/*橙色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TRJCT, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.DELET, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.SRJCT, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TSREJ, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.SYDEL, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.Deleted, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.Rejected, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PRTRY { color: #b51a25;/*红色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.DRAFT { color: #666666;/*褐色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.COMPL .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.COMPA .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.FRWRD .greenDot { background-color: #01bc88;/*绿色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.RECVD .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.APPST .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PROCE .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TSPRC .greenDot { background-color: #4aaae2;/*蓝色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PRSPD .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PSEND .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.RETRN .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PCHCK .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PAUTH .greenDot { background-color: #f5a623;/*橙色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.PRTRY .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.SRJCT .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TRJCT .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.TSREJ .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.DELET .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.SYDEL .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.Deleted .greenDot, .enquiryManagement .profileCard .userInfo .managementTransactionComplete.Rejected .greenDot { background-color: #b51a25;/*红色*/ } .enquiryManagement .profileCard .userInfo .managementTransactionComplete.DRAFT .greenDot { background-color: #666666;/*褐色*/ } .content .empty-message .empty-img.positionM201 { position: relative; } .content .empty-message .message.positionM201 { position: relative; } .enquiryManagement .profileCard.clickFalse .userInfo:after { background-image: none; } .enquiry .enquiryChartContainer .chartContainer .mainChartContainer .availableCashBar.negative { background-color: #b51a25; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .currencyWrapper .currencySelectionList.heightScroll .selectric-wrapper .selectric-items { width: 222px !important; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .nameWrapper .nameTitleSelectList .selectric-open.selectric-wrapper{ min-width:350px !important; } .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .nameWrapper .nameTitleSelectList .selectric-open.selectric-wrapper li{ word-wrap: break-word; } .previousPage, .nextPage { width: 125px; height: 44px; font-size: 16px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; border-color: #b51a25; cursor: pointer; margin-bottom: 8px; border-style: solid; float: right; margin-right: 20px; } .container .containerInner .containerRight.fix { padding-left: 0; width: 100%; } /********************** zheng shuzan M200,E100,M201 CLM end **********************/ /********************* wu defeng e506start *********************/ .AccountGlobalCashPool .profileForm .containerRight .selectric-wrapper.selectric-open .selectric-items .selectric-scroll { max-height: 300px; } .AccountGlobalCashPool .profileForm .containerRight .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li { /* overflow-x: hidden; */ white-space: nowrap; text-overflow: ellipsis; } .EditGlobalCashPool .profileForm .containerRight .selectric-wrapper.selectric-open .selectric-items .selectric-scroll { max-height: 300px; } .EditGlobalCashPool .profileForm .containerRight .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li { /* overflow-x: hidden; */ white-space: nowrap; text-overflow: ellipsis; } .AccountGlobalCashPool .containerRight .resultBox .accountRow.accountBox .accountTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 568px; overflow: hidden; width: 100%; font-weight: 600; } .EditGlobalCashPool .profileForm .containerRight .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow .rowContent .accountRow .accountTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 568px; overflow: hidden; width: 100%; font-weight: 600; } .EditGlobalCashPoolConfirmation .profileForm .stepTwoForm .confirmContent .confirmRow.accounts .rowContent .optionRow.add .optionTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 568px; overflow: hidden; width: 100%; font-weight: 600; } .AccountGlobalCashPoolConfirmation .profileForm .stepTwoForm .confirmContent .confirmRow.accounts .rowContent .optionRow .optionTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 568px; overflow: hidden; width: 100%; font-weight: 600; } .EditGlobalCashPool .profileForm .containerRight .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .rowContent { overflow: auto; } .AccountGlobalCashPool .profileForm .containerRight .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .rowContent { overflow: auto; } .accountBanlance .userBalanceDetailCard .userBalanceDetailCardWrapper .resultContainer .cardAnimation.showCards.heightAuto { height: auto; max-height: none; } .EditGlobalCashPoolConfirmation .profileForm .containerRight .contentPage { height: auto !important; } .EditGlobalCashPoolConfirmation .profileForm { margin-top: 0px !important; height: auto !important; } .AccountGlobalCashPoolConfirmation .profileForm .containerRight .contentPage { height: auto !important; } .AccountGlobalCashPoolConfirmation .profileForm { margin-top: 0px !important; height: auto !important; } .EditGlobalCashPool .buttonContainer { left: 0px; } .EditGlobalCashPoolConfirmation .buttonContainer { left: 0px; } .AccountGlobalCashPoolConfirmation .buttonContainer { left: 0px; } .AccountGlobalCashPool .buttonContainer { left: 0px; } .AccountGlobalCashPool .profileForm .containerRight .inputGroup .questionMark, .AccountGlobalCashPool .profileForm .containerRight .extraInput .questionMark { background-position: right top !important; background-size: 22px 44px !important; } .AccountGlobalCashPool { overflow: hidden; } .AccountGlobalCashPoolConfirmation { overflow: hidden!important; } @media screen and (max-width: 1023px){ .AccountGlobalCashPool .buttonContainer { position: fixed!important; } } @media screen and (max-width: 1023px){ .AccountGlobalCashPoolConfirmation .buttonContainer { position: fixed!important; } } .AccountGlobalCashPool .buttonContainer { min-width: 450px!important; } .AccountGlobalCashPool .buttonContainer .buttonLeft { flex: 20%; } .AccountGlobalCashPool .buttonContainer .buttonRight{ flex: 80%; } .AccountGlobalCashPoolConfirmation .buttonContainer { min-width: 450px!important; } .EditGlobalCashPool .buttonContainer { min-width: 450px!important; } .EditGlobalCashPool .buttonContainer .buttonLeft { flex: 20%; } .EditGlobalCashPool .buttonContainer .buttonRight{ flex: 80%; } .EditGlobalCashPoolConfirmation .buttonContainer { min-width: 450px!important; } .AccountGlobalCashPool .profileForm .containerRight .inputGroup .questionMark:hover, .AccountGlobalCashPool .profileForm .containerRight .extraInput .questionMark:hover { background-position: right bottom !important; background-size: 22px 44px !important; } .EditGlobalCashPool .profileForm .containerRight .inputGroup .questionMark, .EditGlobalCashPool .profileForm .containerRight .extraInput .questionMark { background-position: right top !important; background-size: 22px 44px !important; } .EditGlobalCashPool .profileForm .containerRight .inputGroup .questionMark:hover, .EditGlobalCashPool .profileForm .containerRight .extraInput .questionMark:hover { background-position: right bottom !important; background-size: 22px 44px !important; } .ImportCollectionAcceptConfirmation .particularSection .particularList .listItem,.ImportCollectionAccept .particularSection .particularList .listItem,.ImportCollectionRefuse .particularSection .particularList .listItem{ padding-left:0; word-break: break-all; } .ImportCollectionAcceptConfirmation .particularSection .confirmInput ,.ImportCollectionAccept .particularSection .confirmInput,.ImportCollectionRefuse .particularSection .confirmInput{ word-break: break-all; overflow: inherit; } .ImportCollectionAcceptConfirmation .particularSection .particularList .listItem:before,.ImportCollectionAccept .particularSection .particularList .listItem:before,.ImportCollectionRefuse .particularSection .particularList .listItem:before{ height: 0px; width: 0px; } .r310Refuse .particularSection .particularList .listItem,.r310Refuse .particularSection .particularList .listItem,.r310Refuse .particularSection .particularList .listItem{ padding-left:0; word-break: break-all; } .ImportCollectionAccept [data-targettab=acceptDisc] .terms .bold, .r310Refuse [data-targettab=acceptDisc] .terms .bold{ cursor: pointer; } .ImportCollectionAcceptConfirmation .particularSection .confirmInput ,.r310Refuse .particularSection .confirmInput,.r310Refuse .particularSection .confirmInput{ word-break: break-all; overflow: inherit; } .ImportCollectionAcceptConfirmation .particularSection .particularList .listItem:before,.r310Refuse .particularSection .particularList .listItem:before,.r310Refuse .particularSection .particularList .listItem:before{ height: 0px; width: 0px; } .InterCoFundTransferDone.l152 .container .containerInner .containerRight .contentPage{padding:0;} .InterCoFundTransferEnquiryDetail .buttonLeft .backHoverButton:hover::before{background-position: -10px center!important;} .InterCoFundTransferEnquiryDetail #container .headerContainer { display: block; padding-bottom: 0px; margin-bottom: 0px; } .InterCoFundTransferEnquiryDetail .container .containerInner{ margin-top: 0px; min-height: 100%; } .InterCoFundTransferEnquiryDetail .backHoverButton:hover::before { background-position: center bottom; } .InterCoFundTransferEnquiryDetail .container .containerInner .contentPage{ padding: 32px 0px 0px 0px; width: 100%; } .InterCoFundTransferEnquiryDetail .container .deleteModeDownload.stop{ opacity: 1; } .InterCoFundTransferEnquiryDetail .container .acTop{ height:auto; } .InterCoFundTransferEnquiryDetail .main .function{ margin: 35px 0 0; } .ImportCollectionRefuse .containerRight p.refuseTxt,.r310Refuse p.refuseTxt{padding-top: 19px;} .ImportCollectionAcceptConfirmation .contactsRow.phoneNum .confirmInputGroup,.ImportCollectionRefuse .contactsRow.phoneNum .confirmInputGroup{width:100%} .l180Search .profileCard { padding: 16px; } .l180Search .content1 { margin-bottom: 30px; padding: 8px; } .l180Search .userDetail { width: 100%; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; padding-left:8px; } .l180Search .userDetail.clearfix .fl{ color: #666666; } .l180Search .userDetail.clearfix .fl:last-child{ color: #222222; } .l180Search .managementReference { font-size: 14px; width: 100%; margin-bottom: 7px; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; } .l180Search .today .examplesTable tr:last-child, .examplesTable tr:first-child { border-bottom: 1px solid #dddddd !important; } .l180List .today .dim:after { cursor: default!important; opacity: 0.5; pointer-events: none !important; user-select: none !important; } .l180List .today .changePage:hover:after { background-position: 0 0!important; } .l180List .today .dim.changePage{ cursor: default!important;} .l180Search .today.profileCard { padding: 0px !important; } .l180Search .today.profileCard .managementReference{ cursor: pointer; } .l180Search .today .footer-arrow .changePage { float: left; } .l180Search .today.profileCard .arrowleft.arrowclick { right:1px; cursor: pointer; } .l180Search .today.profileCard .arrowleft.arrowclickUp { transform: rotate(-90deg); right:1px!important; } .l180List .pullDownList .selectric-wrapper .selectric-items { min-width: 320px; display: block; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); transition: all 0.3s; position: absolute; top: 22px; left: calc(100% - 319px); border: 1px solid #c4c4c4; max-height: 320px; z-index: 10; } .l180List .today .arrowPosition{ position: relative; width:100%; } .l180List .profileCard span { cursor: inherit; } .l180List .gcmsTable.expAccountBalance{width:100%; overflow: hidden;margin-top:16px;} .l180List .expAccountBalance .examplesTable{margin-top:0;} .l180List .clmTable.expAccountBalance{width:100%; overflow: hidden;margin-top:16px;} .l180Search .profileCard .flexbox{ display: flex; white-space: normal!important; } .l180Search .profileCard .flexbox .widthLeft{ flex-shrink: 0; } .l180Search .l180Remarks{ width:100%; } .l180Search .l180Remarks .remarks{ width: 100%; font-weight: 400; color: #666666; margin-bottom: 8px; font-size: 14px; } .l180Search .l180Remarks .remarks span{ width: 100%; margin-bottom: 7px; line-height: 24px; color: #222222; font-size:100%; } .l170List .V007.verification{ margin: 3px 0; } .l170List .remarks{ font-size: 11px; color: #666666; margin-bottom: 30px; } .l170List .l170box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .l170List .l170box{ zoom:1; } .l170List .pullDownList > ul { top: 40px; width: 252px; margin-top: 18px; margin-right: 16px; } .l170List .profileCard .icon-moreCenterHover{ background-image: none !important; } .l170List .l170gcmsList .borders { width: 100%; } .l170List .profileCard span{ cursor: inherit; } @media only screen and (min-width: 1599px){ .clmwdf .cardList{ width: 48%; margin: 8px; display: inline-block; cursor: default; position: relative; box-sizing: border-box; vertical-align: top; } .l180List.clmwdf .cardList .profileCard{ margin-bottom:0; } .clmwdf .l170gcmsList.cardList .profileCard{ height:370px; margin-bottom: 0; } } #l150searchForm .label_l{ float: left; } #l150searchForm .label_r{ float: left; } .l150List .selectmode .profileCard.canDelT input[type=radio] + label:before{ display: block; content: ""; position: absolute; right: 16px; top: 27px; margin: -11px 0 0; width: 16px; height: 16px; background-color: #FFFFFF; border-radius: 50%; border: 1px solid #999999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: opacity 0.1s; } .l150List .selectmode .profileCard.canDelT input[type=radio]:checked + label:before { border: 1px solid #8faef4; background-color: #8faef4; } .l150List .clear.backg{ background-image: none!important; } .l150List .selectmode .profileCard.canDelT input[type=radio]:checked + label { border: 2px solid #8faef4; } .l150List .profileCard input[type=radio] + label { display: block; cursor: pointer; height: 100%; box-sizing: border-box; } .l150List .function.add{ opacity: 1; } .InterCoFundTransferDone .container .containerInner .containerRight .contentPage{padding:0;} .l150Search .rightResultContainer .enquiryTopBar.addTitle{ margin-right: 16px; } .l151Search .acTop1 { padding: 16px 16px; height: auto; } .l151Search .gray{ padding:16px 0; } .l151Search .enquiryTopBar .deleteModeDownload.stop,.l150Search .rightResultContainer .deleteModeDownload.add{ opacity: 1; } @media screen and (max-width: 1023px){ .InterCoFundTransferEnquiryDetail .containerInner { min-height: initial !important; } } .paddingLeftRight.l170List .pullDownList li{width:100%} .liquidityMgt .leftSearchContainer .userInfo .remarkText ,.m570SelectList .leftSearchContainer .userInfo .remarkText{ font-weight: 400; font-size: 12px; display: flex; text-transform: capitalize; line-height: 17px; margin-bottom: 8px; color: #666666; width: 100%; text-overflow: ellipsis; overflow: hidden; } .L152confirm .V003.inputRow:last-child{ border-bottom: 1px solid #dddddd; } .InterCoFundTransferEnquiryDetail .V019.smalltitle{ font-weight: 600; } .AccountGlobalCashPoolResult .profileForm .completedWrapper .completedMsg:after,.EditGlobalCashPoolResult .profileForm .completedWrapper .completedMsg:after { display: block!important; } .EditGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref,.AccountGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref { padding-right: 12px; cursor: pointer; position: relative; background:none; } .informationManagementDownload .profileCard .cardContainer .userInfo .downloadIcon{ width: 22px; height: 22px; background-image: url(../../img/icn_download_hover.png); background-repeat: no-repeat; background-size: 22px; position: absolute; right: 16px; top: calc(50% - 16px); } .informationManagementDownload .transactionWrapper .cinACNOWrapper .inputGroup { border: none!important; } .informationManagementDownload .profileCard .cardContainer .userInfo .downloadIcon:hover { background-position-y: -22px; cursor: pointer; } .subscriptionDetailsCustomizedReport .backHoverButton:hover { color: #b51a25 !important; } .subscriptionDetailsCustomizedReport .backHoverButton:hover::before { background-position: center bottom; } .SubscriptionDetailsCustomizedReport .icon-homeHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-dashboardHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-emailHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-printHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-settingsHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-locationHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .SubscriptionDetailsCustomizedReport .icon-userHover:hover { background-position: left -22px !important; color: #b51a25 !important; } .payment .paymentSolutions .entryMenuContainer .feature .icon:hover { color: #b51a25; } .payment .paymentSolutions .entryMenuContainer .feature .icon:hover:before { background-position: 50% -72px; } /* .EditGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref:after,.AccountGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref:after{ content: ''; display: block; position: absolute; right: 0; top: 3px !important; width: 8px; height: 16px; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 16px; } .EditGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref:hover:after,.AccountGlobalCashPoolResult .stepThreeForm .completedWrapper .completedMsg .detail h3.ref:hover:after{ background-position: -8px 0px; } */ /********************* wu defeng e506end *********************/ /********* clm start *****/ /*** L120 ***/ .l120Search #font-success { color: #01bc88; } .l120Search .l120Deatil table.l120DeatailTable{ text-align:center; } .l120Search .l120Deatil .confirmInputGroup{ margin-top:20px; margin-bottom:0; } .l120Search .l120Deatil .l120DeatailTable tr{ border-bottom:none !important; } .l120Search .l120Deatil .l120DeatailTable tr:first-child { border-bottom: none !important; } .l120Search .l120Deatil .l120DeatailTable th{ background-color:#fff; } /*** L200 ***/ .l200Search span.managementComplete { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; line-height: 17px; color: #01bc88; font-weight: 400; font-size: 14px; } .l200Search .userInfo1 .userDetail { width: auto; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; } .l200Search .userInfo1 .managementReference { font-weight: 700; font-size: 14px; width: 100%; margin-bottom: 7px; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; } .l200Search .greenDot { width: 5px; height: 5px; background-color: #01bc88; vertical-align: middle; display: inline-block; border-radius: 5px; margin-bottom: 3px; margin-left: 8px; } .l200AcctList .l200AcctListTitle{ width: 100%; } @media only screen and (min-width: 1599px){ .l200AcctList{ width: 48%; margin: 8px; display: inline-block; cursor: default; position: relative; box-sizing: border-box; } } .l200List .l200GroupList .borders { width: 100%; } @media only screen and (min-width: 1599px){ .l200List .l200GroupList{ width: 48%; margin: 0px 8px; display: inline-block; cursor: default; position: relative; box-sizing: border-box; } } /*** L470 ***/ .l470List .l470InputCard .borders { width: 100%; } @media only screen and (min-width: 1599px){ .l470List .l470InputCard{ width: 48%; /* margin: 8px; */ display: inline-block; cursor: default; position: relative; box-sizing: border-box; } } .l470Search .subTitle { font-weight: 700; font-size: 12px; color: #666666; line-height: 17px; margin-bottom:10px; } .l470Search .w-90{ width:90px; } .l470Search .userDetail { width: auto; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; } .l470Search .managementReference { width: 100%; margin-bottom: 7px; line-height: 19px; text-overflow: ellipsis; color: #222222; word-break: break-all; word-wrap: break-word; } /*** L330 ***/ .l330Search .userDetail { width: auto; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; } .l330Search .managementReference { font-weight: 700; font-size: 14px; width: 100%; margin-bottom: 7px; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; } .l330Search span.managementComplete { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; line-height: 17px; color: #01bc88; font-weight: 400; font-size: 14px; } .l330Search .authStep { font-weight: 400; font-size: 12px; display: flex; text-transform: capitalize; line-height: 17px; margin-bottom: 8px; color: #666666; width: 100%; text-overflow: ellipsis; overflow: hidden; } .l330Search div.greenDot { width: 5px; height: 5px; background-color: #01bc88; vertical-align: middle; display: inline-block; border-radius: 5px; margin-bottom: 3px; margin-left: 8px; } /*** L320 ***/ .l320Search .userDetail { width: auto; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; } .l320Search .managementReference { font-weight: 700; font-size: 14px; width: 100%; margin-bottom: 7px; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #222222; } .l320Search .remarkText { font-weight: 400; font-size: 12px; display: flex; text-transform: capitalize; line-height: 17px; margin-bottom: 8px; color: #666666; width: 100%; text-overflow: ellipsis; overflow: hidden; } /*** L480 ***/ .l480Setting .l480InputCard .borders { width: 100%; } @media only screen and (min-width: 1599px){ .l480Setting .l480InputCard, .result .l480Tx .l480InputCard{ width: 48%; margin: 8px; display: inline-block; cursor: default; position: relative; box-sizing: border-box; } } .l480Setting .subTitle, .result .l480Tx .subTitle{ font-weight: 700; font-size: 12px; color: #666666; margin-bottom:10px; } .l480Setting .m-bottom, .result .l480InputCard .m-bottom{ height:auto; margin-bottom:50px; } .l480Setting .w-90{ width:90px; } .l480Setting .pTop-3, .result .l480InputCard .pTop-3{ position:relative; top:-3px; } .l480Setting .b-bottom, .result .l480InputCard .b-bottom{ border-bottom:1px solid #ddd; } .l480Setting input{ border:none; } .l480Setting .inputGroup.amt { margin-bottom: 8px; } .l480Setting .userDetail { width: auto; font-weight: 400; font-size: 14px; color: #666666; margin-bottom: 8px; /* overflow: hidden; */ text-overflow: ellipsis; height: auto; } .l480Setting .managementReference { width: 100%; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; } .result .l480TxDetail .confirmInput{ font-weight:normal !important; } .result .l480Tx .subTitle{ margin-top:20px; } /****** clm end ******/ /********************** chen jie overlay addNewAccount start **********************/ #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .rowContent { max-height: none !important; } .gib #overlay .overlayComponentContainer .addNewAccountContainer .bottomGradient { width: 95% !important; } #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .accountTitle { white-space: nowrap; text-overflow: ellipsis; max-width: 480px; overflow: hidden; } #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .infoItem.acAliasNm { white-space: nowrap; text-overflow: ellipsis; max-width: 240px; overflow: hidden; } .addNewAccountContainer .dataRow .accountInfo .acAliasNm.nopadding { padding: 0px !important; } .addNewAccountContainer .dataRow .accountInfo .acNo.noborder { border-left: 0px !important; padding: 0px !important; } #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts .mulitDropdownContainer .resultBox{ padding-bottom: 0px; } .loadMore .tableLoad{ -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; background-size: 0; background-color: #f8f8f8; height: 51px; width: calc(100% - 2px); border-bottom: 1px solid #dddddd; border-top: 0px; } .loadMore .tableLoad span{ font-size: 14px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; cursor: pointer; color: #666666; padding: 16px 0; } .loadMore .tableLoad.loadingMore{ background-image: url(../../img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 22px; } .loadMore .tableLoad.loadingMore span{ display: none; } #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts.hideHeigth{ margin-bottom: 0px !important; } #overlay .overlayComponentContainer .addNewAccountContainer .inputGroupRow.accounts .mulitDropdownContainer{ height: calc(100% - 103px) !important; } /********************** chen jie overlay addNewAccount end **********************/ /********************** chen jie P240 confirm end **********************/ .echeque .checkLoading { display: none; padding: 10px; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; transform: translate(-50%, -50%); border-radius: 10%; } .echeque .checkLoading .resultDetail { background-color: #b51a25; width: 60px; height: 30px; color: #FFFFFF; font-size: 14px; border-radius: 5px; font-weight: 600; font-family: 微軟正黑體, 'Noto Sans SemiBold', 'Noto Sans Myanmar SemiBold', 'Noto Sans Myanmar SemiBold', 'Segoe UI', Arial; } .echeque .checkLoading .resultDetail:hover { background-color: #711a20; } .echeque .checkLoading .outOfBtn { text-align: center; margin-top: 20px; display: none; } .echeque .checkLoading .reTry { text-align: center; margin-top: 20px; display: none; } .echeque .checkLoading .excetion { text-align: center; margin-top: 20px; display: none; } /********************** chen jie P240 confirm end **********************/ /********************** wei chenbo m220 start **********************/ .dashboardGridContainer .workQueue .content .workContent .ratioBar { border-radius: 8px; overflow: hidden; } /********************** wei chenbo m220 end *************************/ /********************** ma jian n151 start **********************/ .gib #container .containerInner .containerRight #N151InputForm .cardWrapper .cardContent .companyItm { word-break: break-word; font-size: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; } .gib #container .containerInner .containerRight #N151InputForm .cardWrapper .cardContent .accountName { word-break: break-word; font-size: 12px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; } .gib #container .containerInner .containerRight #N151InputForm .cardWrapper .cardContent .accountNumber { word-break: break-word; font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; } .gib #container .containerInner .containerRight #N151InputForm .cardWrapper .cardContent .cardRow .separator { background-color: #dddddd; width: 1px; height: 14px; margin: -1px 8px 0; display: inline-block; vertical-align: middle; } .gib #container .containerInner .containerRight #N151InputForm .cardContainer .cardWrapper .cardContent .cardRow { align-items: center; margin-bottom: 4px; display: block; } .gib #container .containerInner .containerRight #N151InputForm .detailsOfCreditWrapper .cardContainer .cardWrapper .cardContent .cardRow{ align-items: center; margin-bottom: 4px; display: flex; } .gib #container .containerInner .containerRight #N151InputForm .inputGroupContainer.last span.formLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; line-height: normal; font-size: 16px; font-weight: normal; color: #222222; margin-left: 36px; } .gib #container .containerInner .containerRight #N151InputForm .pageTitle.tnc { margin-top: 40px; font-size: 24px; color: #222222; } .gib #container .containerInner .containerRight #N151InputForm .inputGroupContainer.last label.tickIcon:before { min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; content: ""; display: block; border-radius: 50%; border: 1px solid #999999; position: absolute; top: 0; } .gib #container .containerInner .containerRight #N151ConfirmForm .participantSection .participantContainer .accountRow.noPaddingBottom{ padding-bottom: 20px; font-size: 12px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; display: flex; align-items: center; } .gib #container .containerInner .containerRight #N151ConfirmForm .participantSection .applicantWrapper .companyItm .companyName{ font-size: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; word-break: break-word; } .gib #container .containerInner .containerRight #N151ConfirmForm .participantSection .applicantWrapper .accountInfo { display: block; font-size: 12px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; align-items: center; padding-bottom: 4px; } .gib #container .containerInner .containerRight #N151ConfirmForm .applicantWrapper .accountInfo .accountName{ word-break: break-word; font-size: 12px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; } .gib #container .containerInner .containerRight #N151ConfirmForm .detailsOfCreditSection .applicantWrapper .accountInfo, .gib #container .containerInner .containerRight #N151ConfirmForm .selectedInvoiceSection .applicantWrapper .accountInfo{ display: inline-block; align-items: center; } .gib #container .containerInner .containerRight #N151ConfirmForm .selectedInvoiceSection .companyItm .companyName{ word-break: break-word; font-size: 12px !important; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } .gib #container .containerInner .containerRight #N151ConfirmForm .participantSection .participantContainer .applicantContainer .applicantWrapper { position: relative; width: 100%; height: auto; margin-bottom: 32px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); padding: 0 16px; box-sizing: border-box; } /********************** ma jian n151 end **********************/ /********************** ma jian n820 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid .formLabel { display: block; } .instrumentRDContentContainer #buyerPaymentMaintenanceDetailsFutureDated-generalTab .details-row.border-bottom:nth-child(2) .id-details.id-details-flexRow.id-details-noPaddingTop { padding-top: 0; max-width: calc(50% - 8px); } /********************** ma jian n820 end **********************/ /********************** ma jian m230 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #M230InputForm .inputGroup.invalid label { color: #b51a25; display: block; } /********************** ma jian m230 end **********************/ /********************** ma jian dashboard e-Alert start **********************/ #eAlertAndMessge .content .ealert-main .ealert-itemContent .ealert-itemMessage{ color: #666666; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; } #eAlertAndMessge .content .ealert-main .ealert-itemContent .ealert-itemTitle.eAlertTitle{ font-size: 14px; color: #666666; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #eAlertAndMessge .content .ealert-main .ealert-itemContent .ealert-itemMessage.noRead{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #eAlertAndMessge .content .ealert-main .ealert-itemContent .ealert-itemTitle.eAlertTitle.noRead{ font-size: 14px; line-height: 19px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /********************** ma jian dashboard e-Alert end **********************/ /********************** ma jian m170 start **********************/ .gib #container .payment .paymentInstructionToBank .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #M170Form .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .payment .paymentInstructionToBank .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #M170Form .inputGroup.invalid label { color: #b51a25; } .gib #container .payment .paymentInstructionToBank .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #M170Form .inputGroup.invalid input { color: #b51a25; } .gib #container .payment .paymentInstructionToBank .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #M170Form .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .payment .paymentInstructionToBank .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #M170Form .inputGroup.invalid .formLabel { display: block; } .paymentInstructionToBank .searchPanel .searchResultContainer .rightResultContainer .rightResultContainerWrapper .cardView .fpsheight { overflow: hidden; } /********************** ma jian m170 end **********************/ /********************** ma jian t240 start **********************/ .gib #container .treasury .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #T240SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #T240SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #T240SearchForm .inputGroup.invalid select { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #T240SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #T240SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian t240 end *************************/ /********************** ma jian enquiry trade and treasury common start **********************/ .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel .inputGroup.invalid label { color: #b51a25; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel .inputGroup.invalid input { color: #b51a25; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel .inputGroup.invalid .formLabel { display: block; } /********************** ma jian enquiry trade and treasury common end **********************/ /********************** ma jian r221 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R221InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R221InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R221InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R221InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R221InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r221 end **********************/ /********************** ma jian r210 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R211InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R211InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R211InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R211InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R211InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r210 end **********************/ /********************** ma jian r240 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R240InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R240InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R240InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R240InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R240InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r240 end **********************/ /********************** ma jian r920 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #R920InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #R920InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #R920InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #R920InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #R920InputForm .inputGroup.invalid .formLabel { display: block; } .r920.searchPanel .function .tradeDownloadType .selectric-items li:hover,.recordEnquiryLanding.searchPanel .function .tradeDownloadType .selectric-items li:hover{ color: #b51a25; } /********************** ma jian r920 end **********************/ /********************** ma jian r900 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R900SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R900SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R900SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R900SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R900SearchForm .inputGroup.invalid .formLabel { display: block; } .recordEnquiryLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.changeItemColor, .interestEnquiryLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.changeItemColor, .recordEnquiryLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.statusOpen .selectric-items li.changeItemColor, .interestEnquiryLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.statusOpen .selectric-items li.changeItemColor, .invoiceMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.changeItemColor, .invoiceMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.show .selectric-items li.changeItemColor, .creditNoteMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.changeItemColor, .creditNoteMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.show .selectric-items li.changeItemColor, .billOfExchangeMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.changeItemColor, .billOfExchangeMaintenanceLanding.searchPanel .searchResultContainer .rightResultContainer .functionContainer .subfunction.show .selectric-items li.changeItemColor{ background-color: #eeeeee !important; } /********************** ma jian r900 end **********************/ /********************** ma jian r271 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R271InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R271InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R271InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R271InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R271InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r271 end **********************/ /********************** ma jian r311 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .importCollectionLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R311SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .importCollectionLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R311SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .importCollectionLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R311SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .importCollectionLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R311SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .importCollectionLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R311SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r311 end **********************/ /********************** ma jian r510 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .bankGuaruteeAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R510SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .bankGuaruteeAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R510SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .bankGuaruteeAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R510SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .bankGuaruteeAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R510SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .bankGuaruteeAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R510SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r510 end **********************/ /********************** ma jian r530 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .standbyLCAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R530SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .standbyLCAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R530SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .standbyLCAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R530SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .standbyLCAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R530SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .standbyLCAmendment .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #R530SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r530 end **********************/ /********************** ma jian r621 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R621SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R621SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R621SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R621SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R621SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r621 end **********************/ /********************** ma jian r641 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R641InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R641InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R641InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R641InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R641InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r641 end **********************/ /********************** ma jian r711 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R711InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R711InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R711InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R711InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R711InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r711 end **********************/ /********************** ma jian r941 start **********************/ .message .R941tx.stepTwoForm .confirmInputGroup .originInput { background-image: url(../../img/icn_previous.png); background-position: left 3px; background-repeat: no-repeat; background-size: 16px 16px; padding-left: 16px; } .message .R941tx.stepTwoForm .confirmInputGroup .originInput span{ font-size: 12px; line-height: 17px; color: #666666 !important; } .container .containerInner .containerRight .contentPage .R941tx.stepTwoForm .confirmInputGroup .confirmInput.hasChanged { color: #2885ad; } /********************** ma jian r941 end **********************/ /********************** ma jian r950 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R950InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R950InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R950InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R950InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R950InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r950 end **********************/ /********************** ma jian r960 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R960InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R960InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R960InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R960InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R960InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r960 end **********************/ /********************** ma jian r970 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R970InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R970InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R970InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R970InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R970InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian r970 end **********************/ /********************** ma jian n120 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N120InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N120InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N120InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N120InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N120InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n120 end **********************/ /********************** ma jian n160 start **********************/ .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N160InputForm .inputGroup.invalid label,#container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N160InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N160InputForm .inputGroup.invalid select { color: #b51a25; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N160InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N160InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n160 end **********************/ /********************** ma jian n140 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N140InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N140InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N140InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N140InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N140InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n140 end **********************/ /********************** ma jian n170 start **********************/ .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N170InputForm .inputGroup.invalid label,#container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N170InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N170InputForm .inputGroup.invalid select { color: #b51a25; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N170InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #N170InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n170 end **********************/ /********************** ma jian n820 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N820InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n820 end **********************/ /********************** ma jian n830 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N830InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N830InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N830InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N830InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N830InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n830 end **********************/ /********************** ma jian t270 start **********************/ .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T270SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T270SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T270SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T270SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T270SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian t270 end **********************/ /********************** ma jian a130 start **********************/ .gib #container .localServices .searchResultContainer .leftSearchContainer .paymentEnquiryWrapper .searchPanel #A130InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .localServices .searchResultContainer .leftSearchContainer .paymentEnquiryWrapper .searchPanel #A130InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .localServices .searchResultContainer .leftSearchContainer .paymentEnquiryWrapper .searchPanel #A130InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .localServices .searchResultContainer .leftSearchContainer .paymentEnquiryWrapper .searchPanel #A130InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian a130 end **********************/ /********************** ma jian s100 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S100InputForm .inputGroup.invalid label, .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S100InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S100InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S100InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian s100 end **********************/ /********************** ma jian s110 start **********************/ .gib #container .container .containerInnerContentWrapper .containerRight #settlementInstruction #s110Input .inputGroup.invalid label, .gib #container .container .containerInnerContentWrapper .containerRight #settlementInstruction #s110Input .inputGroup.invalid label span, .gib #container .container .containerInnerContentWrapper .containerRight #settlementInstruction #s110Input .inputGroup.invalid input { color: #b51a25; } /********************** ma jian s110 end **********************/ /********************** ma jian s140 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S140SearchForm .inputGroup.invalid label, .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S140SearchForm .inputGroup.invalid label span { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S140SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S140SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S140SearchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian s140 end **********************/ /********************** ma jian n150 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #N150InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #N150InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #N150InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #N150InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian n150 end **********************/ /********************** ma jian s150 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S150InputForm .inputGroup.invalid label, .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S150InputForm .inputGroup.invalid label span, .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S150InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S150InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .searchPanel #S150InputForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian s150 end **********************/ /********************** ma jian i401 start **********************/ .gib #container .informationManagement .informationManagementContentContainer .leftSearchContainer .secondPart #i4011 .inputGroup.invalid{ border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .leftSearchContainer .secondPart #i4011 .inputGroup.invalid label, .gib #container .informationManagement .informationManagementContentContainer .leftSearchContainer .secondPart #i4011 .inputGroup.invalid input{ color: #b51a25; } /********************** ma jian i401 end **********************/ /********************** zhang xin a140 start **********************/ .gib #container .localServices .globalTradeCentreContentContainer .searchPanel .searchResultContainer .leftSearchContainer #A140Form .transactionWrapper .searchPanel .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .localServices .globalTradeCentreContentContainer .searchPanel .searchResultContainer .leftSearchContainer #A140Form .transactionWrapper .searchPanel .inputGroup.invalid label { color: #b51a25; } .gib #container .localServices .globalTradeCentreContentContainer .searchPanel .searchResultContainer .leftSearchContainer #A140Form .transactionWrapper .searchPanel .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .localServices .globalTradeCentreContentContainer .searchPanel .searchResultContainer .leftSearchContainer #A140Form .transactionWrapper .searchPanel .inputGroup.invalid .formLabel { display: block; } /********************** zhang xin a140 end **********************/ /********************** li shibo t270 start **********************/ .gib #container .orderLanding .btnWrap .btnContainer .clear { background-image: none; } .gib #container .orderLanding .load, .gib #container .treasuryEnquiryLanding .load{ position: absolute; top: 50%; width: 100%; } .gib #container .orderLanding .positionRev .load, .gib #container .treasuryEnquiryLanding .positionRev .load{ position: relative; top:0%; } .gib #container .orderLanding .t270CardClass, .gib #container .treasuryEnquiryLanding .t200CardClass{ box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; margin-left: 20px; margin-top: 25px; padding-bottom: 0px; position: relative; font-weight: 400; font-size: 16px; background-color: #FFFFFF; line-height: 24px; color: #222222; } .gib #container .orderLanding .t270CardClass .card, .gib #container .treasuryEnquiryLanding .t200CardClass .card{ /* font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; */ font-size: 14px; line-height: normal; padding: 16px; height: 100%; padding-bottom: 0px; position: relative; } .gib #container .orderLanding .t270CardClass .card div, .gib #container .treasuryEnquiryLanding .t200CardClass .card div{ margin-top:4px; } .gib #container .orderLanding .t270CardClass .card div .verLine, .gib #container .treasuryEnquiryLanding .t200CardClass .card div .verLine{ display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: 0 8px; background-color: #dddddd; } .gib #container .orderLanding .t270CardClass .card .ordrSts, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts{ margin-top: 8px; margin-bottom: 12px; } .gib #container .orderLanding .t270CardClass .card .ordrSts .orderStatsColorNOR, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .orderStatsColorNOR{ font-weight: 600; color: #f5a623; } .gib #container .orderLanding .t270CardClass .card .ordrSts .orderStatsColorDON, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .orderStatsColorDON{ font-weight: 600; color: #01bc88; } .gib #container .orderLanding .t270CardClass .card .ordrSts .orderStatsColorCAN, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .orderStatsColorCAN{ font-weight: 600; color: #b51a25; } .gib #container .orderLanding .t270CardClass .card .ordrSts .greenDotNOR, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .greenDotNOR{ width: 6px; height: 6px; background-color: #f5a623; border-radius: 10px; margin-right: 1px; margin-bottom: 5px; vertical-align: middle; display: inline-block; } .gib #container .orderLanding .t270CardClass .card .ordrSts .greenDotDON, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .greenDotDON{ width: 6px; height: 6px; background-color: #01bc88; border-radius: 10px; margin-right: 1px; margin-bottom: 5px; vertical-align: middle; display: inline-block; } .gib #container .orderLanding .t270CardClass .card .ordrSts .greenDotCAN, .gib #container .treasuryEnquiryLanding .t200CardClass .card .ordrSts .greenDotCAN{ width: 6px; height: 6px; background-color: #b51a25; border-radius: 10px; margin-right: 1px; margin-bottom: 5px; vertical-align: middle; display: inline-block; } .gib #container .orderLanding .t270CardClass .card .txnTp, .gib #container .treasuryEnquiryLanding .t200CardClass .card .txnTp{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; width: auto; margin-bottom: 8px; padding-right: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 22px; font-size: 18px; } .gib #container .orderLanding .t270CardClass .card .reference, .gib #container .treasuryEnquiryLanding .t200CardClass .card .reference{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 500; } .gib #container .orderLanding .t270CardClass .card .company, .gib #container .treasuryEnquiryLanding .t200CardClass .card .company{ background-color: #F8F8F8; padding: 8px; padding-bottom: 18px; margin-left: -16px; margin-right: -16px; margin-top: 18px; padding-left: 16px; } .gib #container .orderLanding .t270CardClass .card .Withdrawal .currentAmount, .gib #container .treasuryEnquiryLanding .t200CardClass .card .Withdrawal .currentAmount{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #000000; } .gib #container .orderLanding .t270CardClass .card .Withdrawal .currentAmountRed, .gib #container .treasuryEnquiryLanding .t200CardClass .card .Withdrawal .currentAmountRed{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #b51a25; } .gib #container .orderLanding .t270CardClass .card .SettlementDateBig, .gib #container .treasuryEnquiryLanding .t200CardClass .card .SettlementDateBig{ font-size: 18px; } .gib #container .orderLanding .t270CardBox .errorContent, .gib #container .treasuryEnquiryLanding .t200CardBox .errorContent{ margin-top: 100px; } .gib #container .orderLanding .leftSearchContainer .transactionWrapper .smartFontT270{ font-size: 14px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .gib #container .orderLanding .leftSearchContainer{ width:325px; } .gib #container .orderLanding .t270CardBox { width: 100%; flex-wrap: wrap; flex-direction: row; position: relative; } .orderLanding .t270CardClass table { width: 100%; font-size: 14px; } .gib #container .orderLanding .t270CardBox .moreBtn { cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; display: block; width: 22px; height: 22px; position: absolute; top: 11px; right: 16px; } .gib #container .orderLanding .tabularView .tableLoad{ border: none; } .gib #container .orderLanding .moreTemplateWrapper{ margin-top: 8px; width: 249px; max-height: none; } .gib #container .treasuryEnquiryLanding .moreTemplateWrapper{ width: 249px; margin-top: 8px; max-height: none; } .tabularView .moreTemplateWrapper ul li.moreRedirect{ border-bottom: 0px solid #333333; } .Treasury.gib #container .tabularView .moreTemplateWrapper ul{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } [lang=zh_CN] .Treasury #container .rightResultContainer .tabularView .moreTemplateWrapper ul{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; } .Treasury.gib #container .tabularView .moreTemplateWrapper ul li{ color: #666666; } .tabularView .moreTemplateWrapper ul li:hover{ color: #b51a25 !important; } .tabularView .moreTemplateWrapper ul li.moreRedirect:after{ content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; border-bottom: 1px solid #eeeeee; } .tabularView .moreTemplateWrapper ul li.moreRedirect:hover:before{ background-position: 0 -22px; } .gib #container .orderLanding .leftSearchContainer .inputSelectCurRound .selectric-scroll{ max-height:309px; } .gib #container .orderLanding .rightResultContainerWrapper .functionalBar{ margin-top:-41px; margin-left: -22px; } .gib #container .orderLanding .rightResultContainerWrapper .tabularView{ margin-top: -27px; margin-left: -10px } .orderLanding .selectric-open { z-index: 22 !important; } .t270andT200LoadMore{ background-image: url(../../img/loader.gif); background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 1600px) { #container .orderLanding.searchPanel .searchResultContainer .leftSearchContainer { padding-left: calc((100% - 1600px + 32px) / 2); } #container .orderLanding.searchPanel .searchResultContainer .rightResultContainer { padding-right: calc((100% - 1600px + 32px) / 2); } } /********************** li shibo t270 end **********************/ /********************** wei chenbo t340 start **********************/ .gib #container .currenyOptionLanding .load { position: absolute; top: 50%; width: 100%; } .gib #container .currenyOptionLanding .positionRev .load { position: relative; top:0%; } .gib #container .currenyOptionLanding .currenyOptionCard { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; margin-bottom: 25px; padding-bottom: 0px; position: relative; font-weight: 400; font-size: 16px; background-color: #FFFFFF; line-height: 24px; color: #222222; } .gib #container .currenyOptionLanding .currenyOptionCard .card { font-size: 14px; line-height: normal; padding: 16px; height: 100%; padding-bottom: 0px; position: relative; } .gib #container .currenyOptionLanding .currenyOptionCard .card div { margin-top:4px; } .gib #container .currenyOptionLanding .currenyOptionCard .card div .verLine { display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: 0 8px; background-color: #dddddd; } .gib #container .currenyOptionLanding .currenyOptionCard .card .optionSts { margin-top: 8px; margin-bottom: 12px; } .gib #container .currenyOptionLanding .currenyOptionCard .optionSts .statusLabel { font-weight: 600; color: #01bc88; } .gib #container .currenyOptionLanding .currenyOptionCard .optionSts .statusDot { width: 6px; height: 6px; background-color: #01bc88; border-radius: 10px; margin-right: 1px; margin-bottom: 5px; vertical-align: middle; display: inline-block; } .gib #container .currenyOptionLanding .currenyOptionCard .optionSts.EXP .statusLabel { color: #b51a25; } .gib #container .currenyOptionLanding .currenyOptionCard .optionSts.EXP .statusDot { background-color: #b51a25; } .gib #container .currenyOptionLanding .currenyOptionCard .card .txnTp { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; width: auto; margin-bottom: 8px; padding-right: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 22px; font-size: 18px; } .gib #container .currenyOptionLanding .currenyOptionCard .reference { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 500; } .gib #container .currenyOptionLanding .currenyOptionCard .card .company { background-color: #F8F8F8; padding: 8px; padding-bottom: 18px; margin-left: -16px; margin-right: -16px; margin-top: 18px; padding-left: 16px; } .gib #container .currenyOptionLanding .currenyOptionCard .card .Withdrawal .currentAmount { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #000000; } .gib #container .currenyOptionLanding .currenyOptionCard .card .Withdrawal .currentAmountRed { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #b51a25; } .gib #container .currenyOptionLanding .currenyOptionCard .card .SettlementDateBig { font-size: 18px; } .gib #container .currenyOptionLanding .currenyOptionCardBox .errorContent { margin-top: 100px; } .gib #container .currenyOptionLanding .leftSearchContainer .transactionWrapper .smartFont{ font-size: 14px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .gib #container .currenyOptionLanding .leftSearchContainer{ width:325px; } .gib #container .currenyOptionLanding .currenyOptionCardBox { width: 100%; flex-wrap: wrap; flex-direction: row; position: relative; } .currenyOptionLanding .currenyOptionCard table { width: 100%; font-size: 14px; } .gib #container .currenyOptionLanding .currenyOptionCard .moreBtn { cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; display: block; width: 22px; height: 22px; position: absolute; top: 11px; right: 16px; } .gib #container .currenyOptionLanding .tabularView .tableLoad{ border: none; } .gib #container .currenyOptionLanding .moreTemplateWrapper{ margin-top: 8px; width: 249px; max-height: none; } .gib #container .currenyOptionLanding .moreTemplateWrapper{ width: 249px; margin-top: 8px; max-height: none; } .gib #container .currenyOptionLanding .leftSearchContainer .inputSelectCurRound .selectric-scroll{ max-height:309px; } .currenyOptionLanding .selectric-open { z-index: 22 !important; } @media only screen and (min-width: 1600px) { #container .currenyOptionLanding.searchPanel .searchResultContainer .leftSearchContainer { padding-left: calc((100% - 1600px + 32px) / 2); } #container .currenyOptionLanding.searchPanel .searchResultContainer .rightResultContainer { padding-right: calc((100% - 1600px + 32px) / 2); } } .currenyOptionLanding .matchedResultdownloadListContainer .dropDownFooter { padding: 0px; box-shadow: none; } .currenyOptionLanding .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll { box-shadow: none; } /********************** wei chenbo t340 end **********************/ /********************** li shibo t230 start **********************/ /* .FinancialSophisticationLevel .containerRight .inputGroupContainer .dropdown .button{ position: absolute; top: 40%; right: 0px; background-image: url(../../img/icn_arrow_down.png); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 12px; height: 11px; background-color: transparent; transition: transform .3s; } .FinancialSophisticationLevel .containerRight .inputGroupContainer .selectric-open .button { transform: rotate(180deg); } */ .gib .FinancialSophisticationLevel [form-component=selector] .inputGroup .selectric-wrapper.selectric-open .selectric-items { max-height: 309px; } .gib #overlay .saqEnquiryContainer .saqEnquiryInput .selectric-wrapper .selectric .label { border-bottom:none; } .gib .FinancialSophisticationLevel .buttonContainer, .gib .FinancialSophisticationLevelConfirmation .buttonContainer{ left:0px; } .appendixOverlayContainer .popupContainer .popupContentContainer .contentDetails .topBottomClass{ margin-bottom: 32px; margin-top: 32px; } .FinancialSophisticationLevel .expandSection{ padding-bottom:15px; } .FinancialSophisticationLevel .PointsToNote{ margin-top: 20px; color: red; } .FinancialSophisticationLevel.gib .financialSophisticationLevelAssessmentSection .sectionContainer .answer .questionAnswer{ padding-bottom:22px; } .gib.FinancialSophisticationLevel .financialSophisticationLevelAssessmentSection .borderBottomProblem{ border-bottom: 1px solid #dddddd; margin-left: 17px; margin-right: 17px; } .gib.FinancialSophisticationLevel .financialSophisticationLevelAssessmentSection .t230ContentLeft{ margin-left: -18px } .gib.FinancialSophisticationLevel .financialSophisticationLevelAssessmentSection .sectionContainer .answer .questionAnswer::after{ background: none; } #hideTickIcon label:before{ display: none; } .gib.FinancialSophisticationLevel .morelink{ cursor: pointer; } .gib.FinancialSophisticationLevelConfirmation .morelink{ cursor: pointer; } .FinancialSophisticationLevelConfirmation .userSettingVerificationContainer .popupHeader{ padding-left: 0px; } /********************** li shibo t230 end **********************/ /********************** li shibo t240 start **********************/ #t240SAQTop{ margin-top: 24px; } #t240Mandatory{ margin-bottom: 35px; margin-top: 28px; } #t240ButtonTop{ margin-top: 34px; } .gib #overlay .SAQenquiry .load{ width: 100%; position: absolute; top: 50%; } .SaqEnquiryDetails .overlayAppendix{ cursor: pointer; } .SAQenquiry .searchResultContainer .liPaddingLeft .selectric-scroll{ max-height:309px; } .SAQenquiry .searchResultContainer .rightResultContainer .rightResultContainerWrapper .cardView .cardTop{ padding: 0; } .SAQenquiry .searchResultContainer .rightResultContainer .rightResultContainerWrapper .cardView .profileCard .userInfo{ padding-top: 10px; padding-bottom: 10px; padding-right: 40px; } .SAQenquiry .searchResultContainer .rightResultContainer .rightResultContainerWrapper .cardView .profileCard .userInfo .overHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 95%; } .SaqEnquiryDetails.gib .saqEnquiryDetails-content .content-container .formContent .inputGroupRow .t240MarkerRow{ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; padding: 6px 0 7px; } .SaqEnquiryDetails.gib .saqEnquiryDetails-content .content-container .formContent .inputGroupRow .t240MarkerRow .t240Markerline{ flex: 1; min-height: 0; max-width: 50%; width: calc(50% - 8px); box-sizing: border-box; margin-right: 16px; } .SaqEnquiryDetails.gib .saqEnquiryDetails-content .content-container .formContent .inputGroupRow .t240MarkerRow .t240Markerline .threeMarker{ font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } #SaqEnquiryDetails .saqEnquiryDetails-content .content-container .formContent .assessment-container .assessment-frame .item-spacing{ word-spacing: 0px } .SAQenquiry .searchResultContainer .leftSearchContainer .selectric-wrapper .selectric-items li, .FinancialSophisticationLevel .inputGroupContainer .selectric-wrapper .selectric-items li{ word-wrap: break-word; white-space: normal; } .gib #container .SAQenquiry .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected, .FinancialSophisticationLevel.gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected{ background: #E0E0E0; } /********************** li shibo t240 end **********************/ /********************** ma jian t200 start **********************/ .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T200SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T200SearchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T200SearchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T200SearchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .treasury .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #T200SearchForm .inputGroup.invalid .formLabel { display: block; } .gib #container .treasury .treasuryEnquiryLanding .btnWrap .btnContainer .clear { background-image: none; } /********************** ma jian t200 end **********************/ /********************** li shibo t200 start **********************/ .treasuryEnquiryLanding.searchPanel .searchResultContainer .leftSearchContainer input, .orderLanding.searchPanel .searchResultContainer .leftSearchContainer input{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .gib #container .treasuryEnquiryLanding .t200CardBox { width: 100%; flex-wrap: wrap; flex-direction: row; position: relative; } .gib #container .treasuryEnquiryLanding .t200CardClass table td { width: 50%; padding-left: 8px; padding-top: 4px; } .gib #container .treasuryEnquiryLanding .tabularView { min-width: 600px; } .gib #container .treasuryEnquiryLanding .t200CardClass .moreBtn { cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; display: block; width: 22px; height: 22px; position: absolute; top: 12px; right: 16px; } .gib #container .treasuryEnquiryLanding .leftSearchContainer .inputSelectCurRound .selectric-scroll{ max-height:309px; } .gib #container .treasuryEnquiryLanding .rightResultContainerWrapper .functionalBar{ margin-left: 6px; } .gib #container .treasuryEnquiryLanding .rightResultContainerWrapper .tabularView{ margin-top: -23px; margin-left: -11px; } .gib #container .treasuryEnquiryLanding .leftSearchContainer .smartFontT200{ font-size: 14px; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .gib #container .treasuryEnquiryLanding .leftSearchContainer{ width:325px } .treasuryEnquiryLanding .selectric-open { z-index: 12 !important; } .treasuryEnquiryLanding .matchedResultdownloadListContainer .dropDownFooter, .orderLanding .matchedResultdownloadListContainer .dropDownFooter { padding: 0px; box-shadow: none; } .treasuryEnquiryLanding .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, .orderLanding .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll { box-shadow: none; } .treasuryEnquiryLanding .selectric-wrapper .selectric-items li.selected, .orderLanding .selectric-wrapper .selectric-items li.selected{ background: #E0E0E0; } .treasuryEnquiryLanding .selectric-wrapper .selectric span, .orderLanding .selectric-wrapper .selectric span{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .Treasury .selectCINContainer .applicantLCSelectTitle, .Treasury .selectFromACContainer .applicantLCSelectTitle, .Treasury .selectToACContainer .applicantLCSelectTitle{ word-break: break-word; } .treasuryEnquiryLanding .daterangepicker, .orderLanding .daterangepicker{ z-index: 10; } /********************** li shibo t200 end **********************/ /********************** li shibo m200 start **********************/ .icn_activity_log_enquiry{ background-image: url(../../img/icn_activity_log_enquiry.png); } .icn_authorization_matrix_enquiry{ background-image: url(../../img/icn_authorization_matrix_enquiry.png); } .icn_channel_enquiry{ background-image: url(../../img/icn_channel_enquiry.png); } .icn_company_profile_enquiry{ background-image: url(../../img/icn_company_profile_enquiry.png); } .icn_funtional_access_enquiry{ background-image: url(../../img/icn_funtional_access_enquiry.png); } .icn_platform_profile_enquiry{ background-image: url(../../img/icn_platform_profile_enquiry.png); } .icn_user_profile_enquiry{ background-image: url(../../img/icn_user_profile_enquiry.png); } /********************** li shibo m200 end **********************/ /********************** ma jian l271 start **********************/ .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l271searchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l271searchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l271searchForm .inputGroup.invalid .selectric .label { color: #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l271searchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l271searchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian l271 end **********************/ /********************** ma jian l281 start **********************/ .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l281searchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l281searchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l281searchForm .inputGroup.invalid .selectric .label { color: #b51a25; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l281searchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .m570SelectList .paymentLimitSettingLanding .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel #l281searchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian l281 end **********************/ /********************** ma jian m560 start **********************/ .gib #overlay .overlayComponentContainer .editNewRuleContainer .popupContainer .editNewRule .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #overlay .overlayComponentContainer .editNewRuleContainer .popupContainer .editNewRule .inputGroup.invalid label { color: #b51a25; } .gib #overlay .overlayComponentContainer .editNewRuleContainer .popupContainer .editNewRule .inputGroup.invalid input { color: #b51a25; } .gib #overlay .overlayComponentContainer .addNewRuleContainer .popupContainer .addNewRule .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #overlay .overlayComponentContainer .addNewRuleContainer .popupContainer .addNewRule .inputGroup.invalid label { color: #b51a25; } .gib #overlay .overlayComponentContainer .addNewRuleContainer .popupContainer .addNewRule .inputGroup.invalid input { color: #b51a25; } .gib #overlay .overlayComponentContainer .channelAndLanguageContainer .channelAndLanguage #channelAndLanguageAlert .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #overlay .overlayComponentContainer .channelAndLanguageContainer .channelAndLanguage #channelAndLanguageAlert .inputGroup.invalid label { color: #b51a25; } .gib #overlay .overlayComponentContainer .channelAndLanguageContainer .channelAndLanguage #channelAndLanguageAlert .inputGroup.invalid span { color: #b51a25; } /********************** ma jian m560 end *************************/ /********************** ma jian i002 start **********************/ .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i1011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i1011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i1011 .inputGroup.invalid input { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i2011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i2011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i2011 .inputGroup.invalid input { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i3011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i3011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i3011 .inputGroup.invalid input { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i5011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i5011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i5011 .inputGroup.invalid input { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i6011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i6011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i6011 .inputGroup.invalid input { color: #b51a25; } /********************** ma jian i002 end *************************/ /********************** zzr p100 start **********************/ .PaymentTransferForm.selectInit .tab-content>.tab-pane:not(:first-child) { display: block; visibility: hidden; height: 0; overflow: hidden; } .PaymentTransferForm.selectInit .tab-content>.tab-pane.active { display: block; visibility: visible; height: auto; } /********************** zzr p100 end *************************/ /********************** ma jian t650 start **********************/ .gib #container .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .inputGroup.invalid label { color: #b51a25; } .gib #container .uploadResult .searchResultContainer .leftSearchContainer .uploadWrapper .inputGroup.invalid input { color: #b51a25; } /********************** ma jian t650 end *************************/ /********************** ma jian t100 start **********************/ .gib #container .treasury .enquiryContentContainer .leftSearchContainer .marginLeftRight #T100InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .marginLeftRight #T100InputForm .inputGroup.invalid input { color: #b51a25; } /********************** ma jian t100 end *************************/ /********************** ma jian enquiry treasury t100 start **********************/ .gib #container .enquiry .enquiryContentContainer .leftSearchContainer .marginLeftRight #T100InputForm .inputGroup.invalid input { color: #b51a25; } /********************** ma jian enquiry treasury t100 end *************************/ /********************** ma jian s420 start **********************/ .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #S420LeftForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #S420LeftForm .inputGroup.invalid label { color: #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #S420LeftForm .inputGroup.invalid input { color: #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #S420LeftForm .inputGroup.invalid span { color: #b51a25; } /********************** ma jian s420 end *************************/ /********************** ma jian e180 start **********************/ .gib #container .paymentContentContainer .paymentEnquiry .leftSearchContainer .paymentEnquiryWrapper .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .paymentContentContainer .paymentEnquiry .leftSearchContainer .paymentEnquiryWrapper .inputGroup.invalid label { color: #b51a25; } .gib #container .paymentContentContainer .paymentEnquiry .leftSearchContainer .paymentEnquiryWrapper .inputGroup.invalid input { color: #b51a25; } /********************** ma jian e180 end *************************/ /********************** ma jian e151 start **********************/ .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E151LeftForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E151LeftForm .inputGroup.invalid label { color: #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E151LeftForm .inputGroup.invalid input { color: #b51a25; } /********************** ma jian e151 end *************************/ /********************** ma jian e160 start **********************/ .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E160LeftForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E160LeftForm .inputGroup.invalid label { color: #b51a25; } .gib #container .searchResultContainer .leftSearchContainer .marginLeftRight #E160LeftForm .inputGroup.invalid input { color: #b51a25; } /********************** ma jian e160 end *************************/ /********************** ma jian l180 start **********************/ .gib #container .clm .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid input { color: #b51a25; } /********************** ma jian l180 end *************************/ /********************** ma jian l100 start **********************/ .gib #container .clm .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .clm .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid label { color: #b51a25; } .gib #container .clm .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid span { color: #b51a25; } /********************** ma jian l100 end *************************/ /********************** ma jian l211 start **********************/ .gib #container .container .containerInner .containerRight .contentPage #l211InputFormCheck .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .container .containerInner .containerRight .contentPage #l211InputFormCheck .inputGroup.invalid label { color: #b51a25; } .gib #container .container .containerInner .containerRight .contentPage #l211InputFormCheck .inputGroup.invalid input { color: #b51a25; } /********************** ma jian l211 end *************************/ /********************** ma jian l120 start **********************/ .gib #container .clmContent .searchResultContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .clmContent .searchResultContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid label { color: #b51a25; } .gib #container .clmContent .searchResultContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid span { color: #b51a25; } /********************** ma jian l120 end *************************/ /********************** ma jian enquiry clm common start **********************/ .gib #container .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid label { color: #b51a25; } .gib #container .enquiryContentContainer .leftSearchContainer .marginLeftRight .inputGroup.invalid span { color: #b51a25; } /********************** ma jian enquiry clm common end *************************/ /********************** ma jian l480 start **********************/ /* .gib #container .containerRight .contentPage #l480InputForm .component-content .inputRow .popupInputGroup.invalid { border-bottom: 1px solid #b51a25; } */ .gib #container .containerRight .contentPage #l480InputForm .component-content .inputRow .popupInputGroup.invalid label { color: #b51a25; } .gib #container .containerRight .contentPage #l480InputForm .component-content .inputRow .popupInputGroup.invalid input { color: #b51a25; } /********************** ma jian l480 end *************************/ /********************** ma jian l150 start **********************/ .gib #container .enquiryContentContainer .leftSearchContainer #l150searchForm .inputGroup.invalid input, .gib #container .enquiryContentContainer .leftSearchContainer #l150searchForm .inputGroup.invalid label { color: #b51a25; } .gib #container .enquiryContentContainer .leftSearchContainer #l150searchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .enquiryContentContainer .leftSearchContainer #l150searchForm .inputGroup.invalid .formLabel { display: block; } /********************** ma jian l150 end *************************/ /********************** ma jian m200 start **********************/ .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .accountActWrapper .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .accountActWrapper .inputGroup.invalid label { color: #b51a25; } .gib #container .enquiry .enquiryContentContainer .searchResultContainer .leftSearchContainer .accountActWrapper .inputGroup.invalid input { color: #b51a25; } .gib #container .enquiry .enquiryContentContainer .enquiryManagement .leftSearchContainer .managementWrapper .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .enquiry .enquiryContentContainer .enquiryManagement .leftSearchContainer .managementWrapper .inputGroup.invalid label { color: #b51a25; } .gib #container .enquiry .enquiryContentContainer .enquiryManagement .leftSearchContainer .managementWrapper .inputGroup.invalid input { color: #b51a25; } /********************** ma jian m200 end *************************/ /********************** ma jian p240 start ***********************/ /* .container .containerInner .containerRight .contentPage .inputRow .inputGroup.textarea .inputTitle > label { color: #666666; } .container .containerInner .containerRight .contentPage .inputRow .inputGroup.textarea.invalid .inputTitle > label { color: #b51a25; } .gib.PaymentECForm #container .container .containerInner .containerRight .contentPage .inputGroup.invalid { border-bottom: none; } */ /********************** ma jian p240 end *************************/ /********************** ma jian l211 start ***********************/ .gib #container .containerRight .contentPage #l211InputForm .inputRow .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .containerRight .contentPage #l211InputForm .inputRow .inputGroup.invalid label { color: #b51a25; } .gib #container .containerRight .contentPage #l211InputForm .inputRow .inputGroup.invalid input { color: #b51a25; } /********************** ma jian l211 end *************************/ /********************** wu xiaobin m160 start **********************/ #m160Form .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #m160Form .inputGroup.invalid label { color: #b51a25; } #m160Form .inputGroup.invalid input { color: #b51a25; } #addBeneficiaryStandard .inputGroupTrial.popupInputGroup.countryRegion.dropdown.invalid { border-bottom: 1px solid #b51a25; } #addBeneficiaryStandard .inputGroupTrial.popupInputGroup.countryRegion.dropdown.invalid label { color: #b51a25; } #addBeneficiaryStandard .inputGroupTrial.popupInputGroup.countryRegion.dropdown.invalid input { color: #b51a25; } #m230SearchForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #m230SearchForm .inputGroup.invalid label { color: #b51a25; } #m230SearchForm .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin m160 end *************************/ /********************** wu xiaobin m254 start **********************/ #m254Form .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #m254Form .inputGroup.invalid label { color: #b51a25; } #m254Form .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin m254 end *************************/ /********************** wu xiaobin m230 start **********************/ #m230SearchForm .inputGroup.compulsory.focus.invalid { border-bottom: 1px solid #b51a25; } #m230SearchForm .inputGroup.fileRef.compulsory.focus.invalid label { color: #b51a25; } #m230SearchForm .inputGroup.compulsory.focus.invalid input { color: #b51a25; } /********************** wu xiaobin m230 end *************************/ /********************** wu xiaobin m121 start **********************/ #stepOneForm .inputGroup.title { border-bottom: 0px solid #dddddd; } #stepOneForm .inputGroup.title.invalid label { color: #b51a25; } /********************** wu xiaobin m121 end *************************/ /********************** wu xiaobin m142 start **********************/ #stepOneForm .inputGroup.inputGroupTitle { border-bottom: 0px solid #dddddd; } #stepOneForm .inputGroup.inputGroupTitle.invalid label { color: #b51a25; } /********************** wu xiaobin m142 end *************************/ /********************** wu xiaobin m240 start **********************/ #M240Form div.inputGroup.bankRef.compulsory.required.focus.invalid { border-bottom: 1px solid #b51a25; } #M240Form div.inputGroup.bankRef.compulsory.required.focus.invalid label { color: #b51a25; } #M240Form div.inputGroup.bankRef.compulsory.required.focus.invalid input { color: #b51a25; } /********************** wu xiaobin m240 end *************************/ /********************** wu xiaobin m536 start **********************/ #stepOneFormM536 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #stepOneFormM536 .inputGroup.invalid label { color: #b51a25; } #stepOneFormM536 .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin m536 end *************************/ /********************** wu xiaobin t600 start **********************/ #T601Form .inputGroup.invalid label { color: #b51a25 !important; } #T601Form .inputGroup.invalid input { color: #b51a25 !important; border-bottom: 1px solid #b51a25 !important; } #typeSelected .allFileType{ color: #666666; } /********************** wu xiaobin t600 end *************************/ /********************** wu xiaobin m537 start **********************/ #stepOneFormM537 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #stepOneFormM537 .inputGroup.invalid label { color: #b51a25; } #stepOneFormM537 .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin m537 end *************************/ /********************** wu xiaobin sendBeneficiaryAdvice start **********************/ #emailForm div.addInput.inputGroup.popupInputGroup.focus.invalid div.types1 { color: #b51a25; } #emailForm div.addInput.inputGroup.popupInputGroup.focus.invalid input { color: #b51a25 !important; } #sendEmail .popupInputGroup.addInput.invalid div{ color: #b51a25; } #sendEmail .popupInputGroup.addInput.invalid input { color: #b51a25 !important; } /********************** wu xiaobin sendBeneficiaryAdvice end *************************/ /********************** wu xiaobin t110 start **********************/ #depositSelect .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #depositSelect .inputGroup.invalid label { color: #b51a25; } #depositSelect .inputGroup.invalid input { color: #b51a25; } #T110InputAForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #T110InputAForm .inputGroup.invalid label { color: #b51a25; } #T110InputAForm .inputGroup.invalid input { color: #b51a25; } #T110InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #T110InputForm .inputGroup.invalid label { color: #b51a25; } #T110InputForm .inputGroup.invalid input { color: #b51a25; } #T110InputBForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #T110InputBForm .inputGroup.invalid label { color: #b51a25; } #T110InputBForm .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin t110 end *************************/ /********************** wu xiaobin t120 start **********************/ #stepOneFormT120 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } #stepOneFormT120 .inputGroup.invalid label { color: #b51a25; } #stepOneFormT120 .inputGroup.invalid input { color: #b51a25; } /********************** wu xiaobin t120 end *************************/ /********************** wu xiaobin t180 start **********************/ #T180InputForm div.inputGroup.inputHalf.invalid { border-bottom: 1px solid #b51a25; } #T180InputForm div.inputGroup.inputHalf.invalid label { color: #b51a25; } #T180InputForm div.inputGroup.inputHalf.invalid input { color: #b51a25; } .CurrencyExchangeInput .buttonContainer .backHoverButton:hover{ color:#b51a25 !important; } /********************** wu xiaobin t180 end *************************/ /********************** wu xiaobin t130 start **********************/ #stepOneFormT130 .inputGroup.inputHalf.invalid { border-bottom: 1px solid #b51a25; } #stepOneFormT130 .inputGroup.inputHalf.invalid label { color: #b51a25; } #stepOneFormT130 .inputGroup.inputHalf.invalid input { color: #b51a25; } /********************** wu xiaobin t130 end *************************/ /********************** wu xiaobin t140 start **********************/ #stepOneFormT140 .inputGroup.inputHalf.invalid { border-bottom: 1px solid #b51a25; } #stepOneFormT140 .inputGroup.inputHalf.invalid label { color: #b51a25; } #stepOneFormT140 .inputGroup.inputHalf.invalid input { color: #b51a25; } /********************** wu xiaobin t140 end *************************/ /********************** zeng shenzhu keyIco start *************************/ .completedWrapper .completedMsg .keyIco { cursor: default; display: inline-block; vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: 44px; width: 44px; height: 44px; margin-right: 16px; background-image: url("/assets/img/icn_key.png"); } .gib #overlay .overlayComponentContainer .requestMsgPopUpContainer .requestMsgWrapper .generalMsgContent .generalSubContent .subMsg.requestPauth:before { content: ''; background-image: url(/assets/img/icn_key.png); background-position: 50% 50%; display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; margin-right: 4px; background-size: contain; background-repeat: no-repeat; } /********************** zeng shenzhu keyIco end *************************/ /********************** shi youzhi m560 addNewRule start *************************/ #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.accounts .mulitDropdownContainer .resultBox .dataRow.expand .rowContent.noMaxHeight { max-height: none; } #notificationPrefSetting .notificationPrefSettingEmpty { position: absolute; width: 100%; text-align: center; margin-top: 10%; position: relative; min-height: 200px; } #notificationPrefSetting .notificationPrefSettingEmpty .emptyButton { margin-left: 50%; position: relative; left: -76px; } #notificationPrefSetting .notificationPrefSettingEmpty i { margin-left: 50%; position: relative; left: -36px; display: block; } #notificationPrefSetting .editRow .editFunction .redButton.dim { opacity: 0.5; pointer-events: none; user-select: none; cursor: default; } #editNewRule .loginForm .transactionType .selectric .button { display: block; } .notificationPrefSettingContent .selectric-alertDropdown .noButton { cursor: default; } .notificationPrefSettingContent .selectric-alertDropdown .noButton::after { display: none; } .MySetting .notificationPrefSettingContent.gridContainer .profileCardContainer .profileCard .nowrap { max-width: 84%; } .MySetting .notificationPrefSettingContent.gridContainer .profileCardContainer .profileCard .nowrap p { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalSubContent.heightAuto { height: auto; } .generalMsgPopUpContainer .generalSubContent .subMsg .msg:hover { cursor: pointer; color: #b51a25 !important; } .generalMsgPopUpContainer .generalSubContent .subMsg .msg * { color: #b51a25 !important; } .generalMsgPopUpContainer .generalSubContent .subMsg .msg:hover::after { background-position: -8px center !important; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalSubContent.heightAuto .subMsg .msg::after { width: 0px; margin-left: 0; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalSubContent .subMsg .msg.hyperLink-primaryHover::after { content: ''; display: inline-block; width: 8px; height: 16px; position: relative; top: 2px; margin-left: 4px; vertical-align: top; } .inputRow.paddingTop.notification { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; flex: 100%; padding-top: 15px; } .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle.notificationHeader { width: 100%; padding-bottom: 0; } #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amount .currencyLebal.currencyLebalStyle, #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amountEquiv .currencyLebal.currencyLebalStyle, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amount .currencyLebal.currencyLebalStyle, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amountEquiv .currencyLebal.currencyLebalStyle { width: auto; max-width: 150px; } #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amount .inputField.inputFieldStyle, #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amountEquiv .inputField.inputFieldStyle, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amount .inputField.inputFieldStyle, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amountEquiv .inputField.inputFieldStyle { width: calc(100% - 200px); } .channelAndLanguageContainer .smsEmail .selectric-items { margin-bottom: 1px; } .gib #overlay .overlayComponentContainer .channelAndLanguageContainer .channelAndLanguage .inputGroupTrial.noFocus .formLabel { font-size: 16px; top: 20px; } #container #notificationPrefSetting .searchTransCommonError{ bottom: 0; margin-top: 240px; height: 100px; } .gib #overlay .overlayComponentContainer .componentContainer.height-70.addNewRuleContainer, .gib #overlay .overlayComponentContainer .componentContainer.height-70.editNewRuleContainer { width: 656px; } #overlay .overlayComponentContainer .addNewRuleContainer form.loginInput, #overlay .overlayComponentContainer .editNewRuleContainer form.loginInput { height: 80%; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalSubContent .subMsg .msg { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amountEquiv .title label, #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.amount .title label, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amountEquiv .title label, #overlay .overlayComponentContainer .editNewRuleContainer .inputGroupRow.amount .title label { font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; padding-top: 6px; } #notificationPrefSetting .notificationPrefSettingContent .profileCardContainer .profileCard input[type=checkbox] + label { cursor: default; } .notificationPrefSettingContent.gridContainer .profileCardContainer .profileCard .horizontalSeperator { margin: 0 10px; } #notificationPrefSetting .searchTransCommonError .errorOccur:before { width: 44px; } #container #notificationPrefSetting .nodataContent { margin-top: 240px; } /********************** shi youzhi m560 addNewRule end *************************/ /********************** zhang zirui workQueue common start *************************/ .workQueueContainerTx { width: 100%; } .workQueueFormContent .workQueueContainerTx { /* width:73%; */ height: 100%; } .TransactionDetailsComplete .containerRight { max-width: none; padding-left: 0; } .gib #overlay .overlayComponentContainer .componentContainer.addNewRuleContainer .popupContainer .popupContentContainer, .gib #overlay .overlayComponentContainer .componentContainer.editNewRuleContainer .popupContainer .popupContentContainer { overflow: hidden; } .gib #overlay .overlayComponentContainer .componentContainer.addNewRuleContainer .popupContainer .popupContentContainer.addRule { overflow: auto; height: initial; } #overlay .overlayComponentContainer .addNewRuleContainer .inputGroupRow.accounts .loader { height: 72px; margin: 180px auto; width: 100%; background-image: url(../../img/loader.gif); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; } /********************** zhang zirui workQueue common end *************************/ /********************** shi youzhi m220 workQueue alert start *************************/ .gib #overlay .overlayComponentContainer .advancedSearchCriteriaContainer .inputGroup.batchReferenceNumber.fixed { margin-bottom: 33px; } .workQueue .pageFunctionBarContainer .editFunction .icon-removeHover { background-size: 22px auto; } .gib #overlay .overlayComponentContainer .advancedSearchCriteriaContainer #advancedSearchCriteria .selectric-wrapper .selectric-items ul { max-height: none; } #container .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .moreBtn .uploadResultDownloadListContainer .activeRequestBtn.requestSelection { opacity: 1; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .moreBtn .uploadResultDownloadListContainer .requestSelection.requestBtn { display: inline-block; vertical-align: middle; text-align: center; margin-top: 8px; line-height: 22px; border-radius: 4px; background-color: #b51a25; border-bottom: 1px solid #dddddd; float: right; padding: 11px 15px; color: #FFFFFF; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; font-size: 16px; opacity: 0.5; cursor: default; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .accountActivityDownloadListContainer.noMaxHeight.showContainer { left: -112% } .statusOverviewContainer .workQueue .main .WorkQueuecontent .workContent .ratioNumber .ratioItem { cursor: pointer; } .nowrap { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 4px; } .halfWidth { max-width: 49%; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .accountActivityDownloadListContainer.showContainer.noMaxHeight { max-height: none; height: inherit; } .advancedSearchCriteriaContainer .inputGroup.debitAccount .advanceSearchDibitLabel, .advancedSearchCriteriaContainer .inputGroup.globalTradeAmount .advanceSearchGlobalDibitLabel { width: 98%; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; overflow: hidden; position: absolute; bottom: 0; } .daterangepicker tr td.disabled { text-decoration: none; } .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.RECVD li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.RECVD li, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.PROCE li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.PROCE li { color: #4aaae2; } .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.COMPL li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.COMPL li, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.FRWRD li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.FRWRD li { color: #01bc88; } .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.DELET li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.DELET li, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.REJCT li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.REJCT li { color: #b51a25; } .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.DRAFT li span, .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide .accountCard ul.DRAFT li { color: #666666; } .overlayComponentContainer .balanceLimitCheckContainer .popUpRowContainer.margin { margin: 0 25px 0 16px; } .IE .printBreak ,.Edge .printBreak{ page-break-after: always; } @media print { .Noprint { display: none; } .gib body #overlay .overlayComponentContainer .componentContainer.height-70 { height: 100%; width: 100%; } #header { position: relative !important; } .containerInner { margin-top: 0 !important; position: relative !important; display: block !important; } html:not(.printie), body:not(.printie),.AccountGlobalCashPool,.AccountGlobalCashPoolConfirmation,#root:not(.printie){ overflow:unset !important; } .buttonContainer:not(.scrollButtonContainerWithFooter){ min-height:58px; } .stepThreeForm .completedWrapper .completedMsg .detail{ wihte-space:nowrap !important; } .stepThreeForm .completedWrapper .completedMsg .detail h3{ font-size:13px !important; } #container .headerContainer,#container,#root #page #container{ margin-top: 0 !important; } .buttonContainer { width:100% !important; position: relative !important; } #root .scrollButton{ position:absolute !important; right:0px; bottom:10px; } #footer{ margin-top:40px; } #root .scrollButton .scrollButtonContainer{ position:static !important; } .icon-printHover { background-image: url(../../img/icn_print.png) !important; } .selectric-wrapper .selectric .button{ background-image: url(../../img/icn_arrow_down.png) !important; } #container .container > div { margin-top: 0 !important; position: relative !important; display: block !important; height: auto !important; } #container .container > div .containerLeft { position: absolute !important; } .IE #container .container > div .containerLeft { height: 1330px !important; } #container .containerRight .contentPage{ padding: 32px 16px 100px !important; } #container .stepThreeForm{ margin:-32px -16px 0 !important; } .globalTradeCentreContentContainer .searchPanel .searchResultContainer,.globalTradeCentreContentContainer .entryLanding .pageBoxContainer{ min-height:200px !important; } #container .leftSearchContainer{ padding-left:10px !important; } #container .rightResultContainer{ min-height:583px !important; } .buttonContainer .backHoverButton::before{ background-image: url(../../img/icn_back_hover.png) !important; background-size: 10px auto !important; background-position: center top !important; vertical-align: middle !important; width: 10px !important; height: 22px !important; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .waiver input#waiver:checked + label:before { border: 1px solid #999999 !important; background-color: white !important; border-radius: 50%; background-image: url(../../img/icn_tick.png) !important; background-position: center center !important; background-repeat: no-repeat; background-size: 22px 22px; } .gib #container .rightResultContainerEmptyPage .productRightEmpty .iconSearch,.gib #container .productRightEmpty .iconSearch{ background-image: url(../../img/icn_search_hover.png) !important; background-position: 0px 20px !important;; background-size: 50px !important;; } #container .buttonContainer { position: relative !important; } .AccountAccessRight #container .headerContainer { position: relative !important; top: 0 !important; width: 100% !important; } #container .formNavContainer { position: relative !important; top: 0 !important; width: 100% !important; } .AccountAccessRight #container [form-component=accessRightTab] { margin-top: 0 !important; } /* .AccountAccessRight #container [form-component=accessRightTab] .accessCardContainer { display: block !important; } */ .AccountAccessRight .formContainer [form-component=accessRightTab] .accessCardContainer [form-component=accessAccountCard] { display: inline-block !important; } .GlobalTradeCentre #container, .TreasuryManagement #container, .Enquiry #container,.Treasury #container{ margin-top: 0 !important; } .GlobalTradeCentre .searchResultContainer, .TreasuryManagement .searchResultContainer, .Enquiry .searchResultContainer , .Treasury .searchResultContainer { display: block !important; } .GlobalTradeCentre .searchResultContainer:after, .TreasuryManagement .searchResultContainer:after, .Enquiry .searchResultContainer:after , .Treasury .searchResultContainer:after, .GlobalTradeCentre .searchResultContainer:before, .TreasuryManagement .searchResultContainer:before, .Enquiry .searchResultContainer:before , .Treasury .searchResultContainer:before { clear: both !important; display: block !important; content: "" !important; } .GlobalTradeCentre .searchRes .ultContainer .leftSearchContainer, .TreasuryManagement .searchResultContainer .leftSearchContainer, .Enquiry .searchResultContainer .leftSearchContainer ,.Treasury .searchResultContainer .leftSearchContainer{ float: left !important; } .GlobalTradeCentre .searchResultContainer .rightResultContainer, .TreasuryManagement .searchResultContainer .rightResultContainer, .Enquiry .searchResultContainer .rightResultContainer ,.Treasury .searchResultContainer .rightResultContainer{ float: right !important; width: calc(100% - 420px) !important; } .GlobalTradeCentre .creditLimitEnquiryLanding .searchResultContainer .rightResultContainer{ width: 95% !important; } .GlobalTradeCentre .searchResultContainer .rightResultContainer, .TreasuryManagement .searchResultContainer .rightResultContainer ,.Treasury .searchResultContainer .rightResultContainer,.Enquiry .searchResultContainer .rightResultContainer { width: calc(100% - 420px) !important; } .Enquiry .accountBalanceCard, .Enquiry .accountBalanceCardCashPool,.Treasury .profileCard { display: block !important; } .Enquiry .accountBalanceCard .accountCard, .Enquiry .accountBalanceCardCashPool .accountCard { display: inline-block !important; width: calc(100% / 3 - 32px) !important; } .Enquiry .cardView, .Enquiry .uploadResultProfileCard, .Enquiry .userInfo, .Enquiry .contactBox { display: block !important; } .Enquiry .accountActivitiesNagativeAmount, .Enquiry .accountActivitiesPossitiveAmount, .Enquiry .DR, .Enquiry .CR { display: inline-block !important; } .Enquiry #footer { position: relative !important; } .Payment #container, .InformationManagement #container, .Dashboard #container { margin-top: 0 !important; } .WorkQueue #container { margin-top: 0 !important; } .WorkQueue .contentCardViewContainer { display: block !important; margin-top:0 !important; } .WorkQueue .contentCardViewContainer:after, .WorkQueue .contentCardViewContainer:before { clear: both !important; display: block !important; content: "" !important; } .WorkQueue .contentCardViewContainer .transactionCard { width:48% !important; display: inline-block !important; vertical-align: top !important; } .WorkQueue .contentContainer .contentCardViewContainer .transactionCard{ min-height:auto !important; } .formNavContainer .formNavLeftScroll.icon-arrowLeft,.formNavContainer .formNavRightScroll.icon-arrowRightPng{ display:none !important; } .InterCoFundTransferEnquiryDetail .enquiryContentContainer .container .inputRow .inputHalf{ display: inline-block !important; width:48% !important; margin-left:1%; } /**IE BOC Remittance Plus print fixed**/ .PaymentRemittancePlusForm .inputGroupRow .inputRow{ min-height:150px; } /**IE BOC Remittance Plus print fixed end**/ .inputHalf { width: calc(49.5% - 8px) !important; } .inputAddress .inputHalf { width: auto !important; } .PaymentRemittancePlusForm .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .fromBot{ margin-top:-70px; } .uploadedGroup, .uploadFieldGroup { display: block !important; float: left !important; } .uploadFileRow { display: block !important; } .uploadedGroup { margin-bottom: 16px !important; } .uploadedGroup .closeBtn { position: relative !important; top: 16px !important; right: 0 !important; } .uploadedGroup .uploadedItm { margin-bottom: 0 !important; border-bottom: 0 !important; } .uploadedGroup .uploadedItm > div { display: block !important; float: left !important; } .uploadedGroup .uploadedItm:after { content: ''; clear: both; } .uploadedGroup .uploadedItm .fileDesc { padding-top: 14px !important; } .emailRow { display: block !important; } .emailRow:after, .emailRow:before { content: '' !important; display: block !important; clear: both !important; } .emailRow .emailBlock { float: left !important; } .remainMsg { display: block !important; text-align: right !important; } } .workQueue .contentContainer .contentCardViewContainer .transactionCard:nth-child(odd) .accountActivityDownloadListContainer.downloadPosition { left: 98%; } .workQueue .contentContainer .contentCardViewContainer .transactionCard:nth-child(even) .accountActivityDownloadListContainer.downloadPosition { left: -124%; } @media screen and (min-width: 1580px) { .workQueue .contentContainer .contentCardViewContainer .transactionCard:nth-child(3n) .accountActivityDownloadListContainer.downloadPosition { left: -124%; } .workQueue .contentContainer .contentCardViewContainer .transactionCard:nth-child(3n+1) .accountActivityDownloadListContainer.downloadPosition { left: 98%; } .workQueue .contentContainer .contentCardViewContainer .transactionCard:nth-child(3n+2) .accountActivityDownloadListContainer.downloadPosition { left: 98%; } } .gib #overlay .overlayComponentContainer .bottomGradient.lineWithHeader { bottom: 0 !important; } .workQueue .contentContainer .contentCardViewContainer .transactionCard { min-height: 400px; } .workQueue .contentContainer .contentCardViewContainer .transactionCard div.line { top: 350px; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency span { font-size: 18px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; color: #d42b35; line-height: 24px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.black span, .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .dr.black { color: #222222; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.red span, .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .dr.red { color: #d42b35; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.blue span, .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .dr.blue { color: #4aaae2; } .gib #overlay .overlayComponentContainer .advancedSearchCriteriaContainer .inputGroupTrial.options { max-width: 296px; } .gib #overlay .overlayComponentContainer .advancedSearchCriteriaContainer .inputGroup.globalTradeAmount { max-width: 290px; } .contentContainer .contentCardViewContainer .transactionCard .cardHeader .moreBtn .uploadResultDownloadListContainer .requestSelection.refreshBtn { opacity: 1; } .logandCommentsContainer .popupContentContainer.logandComments .popupHeader { width: 50%; display: inline-block; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download { display: inline-block; position: relative; width: 15%; text-align: left; color: #222222; margin-top: 6px; padding-left: 25px; float: right; padding-right: 30px; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download:hover { cursor: pointer; color: #b51a25; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download:hover { background-position: 20px 0; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download:before { display: block; content: ""; position: absolute; background-image: url(/assets/img/icn_download_hover.svg); background-position: top; background-repeat: no-repeat; background-size: 22px auto; width: 22px; height: 22px; align-self: center; left: 0; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download:hover::before { background-position: bottom; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .accountActivityDownloadListContainer { width: 287px; box-shadow: none; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .accountActivityDownloadListContainer.showContainer { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download .logandDownload { width: 200px; max-height: 225px; position: absolute; background-color: #ffffff; padding: 0 16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); top: 25px; z-index: 7; transition: all 0.3s; visibility: visible; overflow: hidden; left: -150%; text-align: left; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download .logandDownload .selection { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; line-height: 6px; padding: 16px 0; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 16px; background-size: 22px; background-image: none; position: relative; color: #666666; border-bottom: 1px solid #dddddd; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download .logandDownload .logandRequestBtn { display: inline-block; vertical-align: middle; text-align: center; margin-top: 8px; margin-right: 16px; line-height: 22px; border-radius: 4px; background-color: #b51a25; border-bottom: 1px solid #dddddd; float: right; padding: 11px 15px; color: #FFFFFF; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 16px; opacity: 1; cursor: cursor; height: 20px; position: initial; min-width: 65px; width: auto; margin-bottom: 10px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download .logandDownload .logandReBtn { opacity: .5; } .logandCommentsContainer .popupContentContainer.logandComments .download.icon-download .logandDownload .selection .selectBlueDot { width: 10px; height: 10px; background-color: #8faef4; border-radius: 10px; position: absolute; vertical-align: middle; right: 17px; display: inline-block; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.red { color: #d42b35; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.balck { color: #222222; } .overlayComponentContainer .logandCommentsContainer .recentAccountList .accountWrapper .slide.accountBox { margin-left: 12px; } .globalDebitAccountContainer .accounts .locationSelect .accountLabel .golbalDebitAcType .separator { width: 1px; height: 20px; margin-left: 8px; margin-right: 8px; color: #dddddd; } .logandCommentsContainer .logCommentLoader { background-image: url("../../img/loader.gif"); background-position: center; background-repeat: no-repeat; background-size: 32px; width: 100%; height: 100px; } .logandCommentsContainer .errorOccur { background-image: url(../../img/icn_error.svg); background-position: center center; background-repeat: no-repeat; background-size: 44px; font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; width: calc(100% - 32px); line-height: 22px; color: #222222; text-align: center; padding-top: 70px; padding-left: 16px; padding-right: 16px; max-width: 100%; } .workQueue .contentContainer.gridContainer .contentCardViewContainer .transactionCard .downloadPosition .BPDownloadLoader { background-image: url(../../img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 32px; width: 100%; height: 60px; } .WorkQueue .workQueue .transactionCard .downloadPosition .fileType { vertical-align: middle; color: #666666; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalDetail .generalDetailBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 14px; line-height: 19px; display: inline-block; } .gib #overlay .overlayComponentContainer .generalMsgPopUpContainer .generalMsgWrapper .generalMsgContent .generalDetail a:hover { cursor: pointer; } .contentContainer .contentCardViewContainer .transactionCard .cardContent .cardAmount .currency.blue { color:#4aaae2; } .WorkQueue .workQueue .contentContainer.gridContainer .emptyWorkQueue .icon-corporateEmpty { background-image: url(/assets/img/icn_corporate.png); } .workQueue .emptyWorkQueue .empty .icon-corporateEmpty { width: 72px; height: 72px; background-size: 72px auto; background-repeat: no-repeat; margin: 0 auto; } .WorkQueue .workQueue .contentContainer .contentCardViewContainer.noTransCard { min-height: 300px; } .gib #overlay .overlayComponentContainer .height-70 .bottomGradient { width: calc(100% - 16px); } .workQueue .contentContainer { padding-bottom: 0; } .workQueue .contentContainer .contentCardViewContainer { margin:0 -8px; } .workQueue .titleContainer.gridContainer .pageTitle { padding-bottom: 0; } .workQueue .titleContainer.gridContainer .pageTitleMsg { padding: 10px 0; } #workQueueStatus { width: 6px; height: 6px; border-radius: 10px; background-color: #666666; position: absolute; left: 0; top: 6px; } [lang=my_MM] #workQueueStatus { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .longDataPaddingRight { padding-right: 10px !important; } @media only screen and (max-width:1610px) { #container>.workQueue.isIOS .contentContainer .contentCardViewContainer .transactionCard { width: calc(50% - 16px); } } .longDataPaddingRight.wrap { word-break: break-all; display: block !important; } .longDataPaddingRight.wrap .halfWidth { display: inline-block; vertical-align: middle; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .moreBtn .uploadResultDownloadListContainer .selection.noborder { border: none; } .workQueue .contentContainer .contentCardViewContainer .transactionCard .cardHeader .moreBtn .uploadResultDownloadListContainer .selection.noborder::after { width: 0; display: none; } /********************** shi youzhi m220 workQueue alert end *************************/ /********************** shi youzhi z100 login start *************************/ #z26005 { padding: 0 16px 16px !important; } .Home .bannerSwiper .swiper-slide .bocSlideContainer.homeBanner1.newHomeBanner1, #container .FALoginContainer { background-image: url(../../img/1d_2048x920_op.jpg) !important; } .Home .bannerSwiper .swiper-slide .bocSlideContainer.homeBanner2.newHomeBanner2 { background-image: url(../../img/3e_2048x920_op.jpg); } .Home .bannerSwiper .swiper-slide .bocSlideContainer.homeBanner3.newHomeBanner3 { background-image: url(../../img/6g_2048x920_op.jpg); } .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer { justify-content: flex-end; } .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer .title { max-width: 100%; } .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer .desc { max-width: 80%; } .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer .title, .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer .desc, .Home .bannerSwiper .swiper-slide .bocSlideContainer .bocSlide.gridContainer .linkBtn { bottom: 50px; } .header .bannerContainer .banner .right-banner .profile.show .detail a p { word-wrap: break-word; padding-right: 0; } .FaLoginIcon { background-position: 0 0; background-repeat: no-repeat; background-size: 18px; height: 18px; width: 18px; cursor: pointer; display: inline-block; vertical-align: sub; background-image: url(../../img/icn_question_white.png); position: relative; } .FALoginContainer .login .rightsSecond .subHeader { color: #fff; display: inline-block; padding-left: 16px; padding-top: 10px; } #container .FALoginContainer .login .loginSection .sectionContainer .loginWrapper form.loginInput { padding: 0 16px; } .FALoginContainer .login .rightsSecond .toolTip { z-index: 100; position: absolute; color: #666666; background: #ffffff; padding: 8px; line-height: 16px; vertical-align: center; white-space: wrap; min-width: 220px; border-radius: 0px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3); top: 30px; padding-left: 25px; left: -76px; } .FALoginContainer .login .rightsSecond .toolTip li { color: #666666; } .FALoginContainer .login .rightsSecond .toolTipGuide { z-index: 100; border: 9px solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; top: 12px; fight: 0; } #container .FALoginContainer .login .loginSection .sectionContainer div.loginWrapper { position: static; } #container .FALoginContainer .login .loginSection.eCert { width: 400px !important; } /********************** shi youzhi z100 login end *************************/ /********************** ma jian i100 start **********************/ .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid .selectric-wrapper .selectric .label { border-bottom: 1px solid #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid input { color: #b51a25; } /********************** ma jian i100 end *************************/ /********************* ma jian i110 start ***********************/ /* .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid .inputRow .inputGroup { border-bottom: 1px solid #b51a25; } */ .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid .inputGroup input { border-bottom: 1px solid #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F002.inputRow .inputGroup.invalid .inputGroup label { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F001.inputRow.bookRateNo .inputGroup.invalid .formInput { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F001.inputRow.bookRateNo .inputGroup.invalid label { color: #b51a25; } .gib #container .treasury .enquiryContentContainer .leftSearchContainer .F001.inputRow.bookRateNo .inputGroup.invalid input { border-bottom: 1px solid #b51a25; } /********************* ma jian i110 end ***********************/ /********************** zeng shenzhu userSetting start *************************/ .userSetting .editRow .editFunction .function.more>ul>li>div.addShortcuts:before { background-image: url(/assets/img/icn_add_hover.svg); } .userSetting .editRow .editFunction .function.more>ul>li>div.removeShortCut:before { background-image: url(/assets/img/icn_decrease_hover.svg); } .userSetting .editRow .editFunction .function.more>ul>li>div:before { content: ''; display: block; width: 22px; height: 22px; position: absolute; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; top: 16px; left: 16px; } .userSetting .editRow .editFunction .function.more>ul>li>div:hover:before { background-position: 0 -22px; } .userSetting .editRow .editFunction .function.more>ul>li>div:after { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #ddd; position: absolute; top: 100%; left: 16px; } .userSetting .editRow .editFunction .function.more>ul>li>div { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; font-size: 16px; line-height: 22px; margin: 0; color: #222; position: relative; cursor: pointer; white-space: nowrap; display: block; width: 100%; box-sizing: border-box; height: 54px; padding: 16px 36px 16px 42px; background: none; } .userSetting .editRow .editFunction .function.more>ul>li>div:hover { background: #eeeeee; } .Home .transactionSection .sectionContainer .introContainer .introList .col-3 { width: 25%; } @media only screen and (max-width: 1024px) { .ApplicationForm .buttonContainer .buttonContainerRight { position: fixed; right: 0; } } #IMQuickSearch .noSubscriptionContent .empty-message .empty-img { top: 55%; } /********************** zeng shenzhu userSetting end *************************/ /**********************xck s404 overlayfrom**************/ .loginInputS404 .acTitle { font-size: 24px; margin-bottom: 16px; } .loginInputS404 .smalltitle { font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; margin: 0 0 22px; font-size: 16px; color: #222222; margin-top: 16px; } .loginInputS404 .inputRow .inputGroup input::placeholder { color: #666666; } .loginInputS404 .inputRow .inputGroup input::-moz-placeholder { color: #666666; } .loginInputS404 .inputRow .inputGroup input::-ms-input-placeholder { color: #666666; } .loginInputS404 .inputRow .inputGroup input::-moz-placeholder { color: #666666; } .loginInputS404 .formLabel { color: #666666; position: absolute; left: 0; bottom: 16px; font-size: 16px; transition: bottom 0.3s, font-size 0.3s; } .loginInputS404 .inputGroup.focus .formLabel { color: #666666; bottom: 31px; font-size: 12px; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; } .loginInputS404 .formInput { font-size: 16px; color: #222222; width: 100%; position: absolute; bottom: 0; left: 0; padding-bottom: 7px; border: none; /* border-bottom: 1px solid #dddddd; */ border-radius: 0px; background-color: transparent; outline-width: 0; -webkit-appearance: none; outline: 0; } .loginInputS404 .fa { position: absolute; bottom: 15px; right: 0; width: 22px; height: 22px; cursor: pointer; color: #999999; background-repeat: no-repeat; background-position: center; background-size: 22px 22px; } .loginInputS404 .inputRow .search { background-image: url(../../img/icn_search.svg); } .loginInputS404 .fa.search.left { left: 16px; } .loginInputS404 .formSearch { width: 100%; font-size: 16px; height: 54px; border: none; background-color: transparent; outline-width: 0; box-sizing: border-box; padding: 0; position: absolute; padding: 0 48px 0 46px; bottom: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-bottom: 1px solid #cccccc; } .loginInputS404 .clear { background-image: url(../../img/icn_clear.png); } .loginInputS404 .inputGroup .clear.right { right: 16px; } .loginInputS404 .inputRow .inputGroup { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; width: calc(100% - 8px); height: 50px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .numberFromToContainer #frometoFF .formLabel { z-index: 1; } .subAccountCollectionTab .collectionsTopBar .matchedResultdownloadReport.icon-downloadHover:hover{ background-position: 0 -21px !important; } /**********************xck s404 overlayfrom**************/ /**********************xck subbox*************************/ .collections .subAccountCollectionTab .accountCard .accountOutWrapper .accountWrapper input[type=checkbox]+label { cursor: default; } /**********************xck subbox*************************/ /**********************wei chenbo dashboard start*************************/ #container .dashboardGridContainer .dashboardContainer .widget .grid .main .footer .disable.changePage:after { background-position: 0 -16px; opacity: 0.5; } #container .dashboardGridContainer .dashboardContainer .widget .grid .main .footer .disable.changePage{ cursor: default !important; } .Dashboard .quickPayment .templateList .download .text, .Dashboard .quickPayment .templateListResult .textResult { width: calc(100% - 16px); } .Dashboard .quickPayment .templateListResult .download { overflow: hidden; } .Dashboard .eAlertAndMessage .content .ealert-content .text-title, .Dashboard .quickPayment .templateListResult .textResult > div{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Dashboard .quickPayment .searchBox .placeholder { width: calc(80% - 46px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Dashboard .eAlertAndMessage .content .ealert-itemType.eAlertType{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 45%; color: #222222; text-align: right; } /**********************wei chenbo dashboard end*************************/ /**********************chen jie e110 footr start*************************/ #recentTransactions .footer .changePage.inactive:after { opacity: 0.5; background-position: 0 -16px !important; } #recentTransactions .grid .footer .changePage.inactive{ cursor: default !important; } #recentTransactions .recentTransactions ul li{ min-height: 100px; } #recentTransactions .recentTransactions ul li:first-child{ border-bottom: 1px solid #dddddd; } #recentTransactions .recentTransactions .content .page .recentTrans:after{ background: none; } #recentTransactions.widget .recentTransactions .content .page .recentTrans .AccName{ width:100%; } #recentTransactions.widget .recentTransactions .content .page .recentTrans .AccName span{ width:95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /**********************chen jie e110 footer end*************************/ /**********************cheng wenhua s402 s405 s406 footr start*************************/ .AddNewSubAccount .container .buttonContainer { left: 0px; } .AddNewSubAccountConfirmation .container .buttonContainer { left: 0px; } .DeleteSubAccountConfirmation .container .buttonContainer { left: 0px; } .AmendSubAccountConfirmation .container .buttonContainer { left: 0px; } .AmendSubAccountInput .container .buttonContainer { left: 0px; } /**********************cheng wenhua s402 s405 s406 footer end*************************/ /********************* ma jian s404 start ***********************/ .gib #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer.popUpOutWrappers.numberFromTo .loginInputS404 .inputGroup.invalid .formInput { color: #b51a25; } .gib #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer.popUpOutWrappers.numberFromTo .loginInputS404 .inputGroup.invalid label { color: #b51a25; } .gib #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer.popUpOutWrappers.numberFromTo .loginInputS404 .inputGroup.invalid input { border-bottom: 1px solid #b51a25; } /********************* ma jian s404 end ***********************/ /********************* ma jian e120 start ***********************/ .gib #container .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart .inputGroup.invalid .formInput { color: #b51a25; } .gib #container .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart .inputGroup.invalid label { color: #b51a25; } .gib #container .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart .inputGroup.invalid input { border-bottom: 1px solid #b51a25; } .gib #container .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.invalid label { color: #b51a25; } .gib #container .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.invalid .formLabelSpan { color: #b51a25; } .gib #container .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.invalid input { color: #b51a25; } /********************* ma jian e120 end ***********************/ /********************* ma jian l180 end ***********************/ .gib #container .liquidityManagement .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #l180searchForm .inputGroup.invalid label, .gib #container .liquidityManagement .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #l180searchForm .inputGroup.invalid input { color: #b51a25; } .gib #container .liquidityManagement .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #l180searchForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .liquidityManagement .enquiryContentContainer .leftSearchContainer .transactionWrapper .searchPanel #l180searchForm .inputGroup.invalid .formLabel { display: block; } /********************* ma jian l180 end ***********************/ /*********************xck s400*************************/ .subAccountCollectionTab .gridContainer .accountLabel span { font-weight: none; font-size: 100%; line-height: none; color: none; text-align: none; max-width: none; display: inline; width: 100%; margin-top: 9px; } .subAccountCollectionTab .accountBalanceCardContainer.gridContainer { position: static; } .subAccountCollectionTab .subAccountEnquiryContent.gridContainer { position: static; } /*********************xck s400*************************/ /*********************cj sendEmailNotificationContainer start*************************/ .sendEmailNotificationContainer .extra .addInput>label { display: none; position: absolute; font-size: 12px; font-weight: 700; } .sendEmailNotificationContainer .extra .addInput.invalid>label { display: block; color: #b51a25; } .gib #overlay .overlayComponentContainer .sendEmailNotificationContainer .sendEmailNotification .dropFile .emailContent .emailMsg .inputTitle .tips .tooltiptext.left ul{ padding-left: 16px; } .gib #overlay .overlayComponentContainer .sendEmailNotificationContainer .sendEmailNotification .dropFile .emailContent .emailMsg .inputTitle .tips .tooltiptext.left ul li{ color: #666666; } .gib #overlay .overlayComponentContainer .sendEmailNotificationContainer .sendEmailNotification .dropFile .emailContent .emailMsg .inputTitle .tips .tooltiptext.left{ min-width: 260px; } /*********************cj sendEmailNotificationContainer end*************************/ /********************* yang bo quotes start ***********************/ .quotesContainer .exchangeContractContainer .inputGroupTrial.focus .formLabel{ position: absolute !important; display: block !important; font-size: 12px !important; color: #666666 !important; left: 0 !important; bottom: 31px !important; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 700 !important; transition: bottom 0.3s, font-size 0.3s; } .quotesContainer .exchangeContractContainer .inputGroupTrial.noFocus .formLabel{ position: absolute !important; bottom:16px !important; top: 28px !important; } .gib #overlay .quotesContainer .exchangeContractContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .tableRow { border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; position: static !important; } .gib #overlay .overlayComponentContainer .quotesContainer .exchangeContractContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .tableRow:after{ height: 0px !important; } /********************* yang bo quotes end ***********************/ /********************* yang bo e120 start ***********************/ .enquiryContentContainer>div.searchResultContainer.active { display: flex; display: -webkit-flex; } /********************* yang bo e120 end ***********************/ /********************* yang bo t190 start ***********************/ .foreignExchangeForwardCreateForm #container .selectric-items .selectric-scroll { height: 100%; overflow: auto; max-height: 300px; } .foreignExchangeForwardCreateForm #container .confirmInputGroup.fontStyle { display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: flex-start; } .foreignExchangeForwardCreateForm #container .confirmInputGroup.fontStyle .fl { display: inline-block; vertical-align: top; } .foreignExchangeForwardCreateForm #container .confirmInputGroup.fontStyle .fr { display: inline-block; vertical-align: top; } .foreignExchangeForwardCreateForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acGroup .acWrapper .loadWrapper .loader { min-height: 100%; min-width: 100%; background-image: url("../../img/loader.gif"); background-position: center; background-repeat: no-repeat; background-size: 32px auto; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acGroup .acWrapper h2.companyName.widthAuto { width: calc(100%); } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h2.widthAuto { max-width: 1000px; } .foreignExchangeForwardForm.gib #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.overHeight .selectric-wrapper.selectric-open .selectric-items { height: auto; } .foreignExchangeForwardNetSettlementCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h6 { padding: 8px 0px !important; margin: 0px 16px !important; } .foreignExchangeForwardCreateForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h6 { padding: 8px 0px !important; margin: 0px 16px !important; } .foreignExchangeForwardCreateForm #container .container .containerInner .containerRight .contentPage .selectric-wrapper .selectric-items li { word-wrap: break-word; word-break: normal; } [lang=zh_CN].foreignExchangeForwardForm #container .container .containerInner .containerRight .contentPage .headerContainer .formTitle, [lang=zh_CN].foreignExchangeForwardSettlementInstructionForm #container .container .containerInner .containerRight .contentPage .headerContainer .formTitle, [lang=zh_CN].foreignExchangeForwardNetSettlementCreate #container .container .containerInner .containerRight .contentPage .headerContainer .formTitle { font-family:"Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑 !important; } [lang=zh_CN].foreignExchangeForwardConfirmation #container .container .containerInner .containerRight .contentPage .stepTwoForm .headerContainer .confirmationTitle, [lang=zh_CN].foreignExchangeForwardSettlementInstructionConfirmation #container .container .containerInner .containerRight .contentPage .stepTwoForm .headerContainer .confirmationTitle, [lang=zh_CN].foreignExchangeForwardNetSettlementConfirm #container .container .containerInner .containerRight .contentPage .stepTwoForm .headerContainer .confirmationTitle { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑 !important; } /********************* yang bo t190 end ***********************/ /********************* yang bo t180 start ***********************/ .jsp-tmdT180done .container .containerInner .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton{ min-width: 230px; width: auto; } #T180InputForm .inputGroup.typing { border-bottom: 1px solid #222222; } .fontStyle .confirmInput{ font-family:"Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } #T180InputForm .verification .detailBtn:hover:after{ background-position: -8px 1.2px !important; } .gib #overlay .overlayComponentContainer .quotesContainer .exchangeContractContainer .selectric-wrapper .selectric-items{ width: 100% !important; overflow: hidden !important; margin-left: 1px; } .gib #overlay .exchangeContractContainer.quotebyCurContainer .componentAssistant .selectric-wrapper .selectric-items { width: 100% !important; overflow: hidden !important; } /********************* yang bo t180 end ***********************/ /********************* yang bo t210 start ***********************/ .foreignExchangeForwardSettlementInstructionForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .loadWrapperT .loader { min-height: 100%; min-width: 100%; background-position: center; } .foreignExchangeForwardSettlementInstructionForm #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .loadWrapperF .loader { min-height: 100%; min-width: 100%; background-position: center; } .foreignExchangeForwardSettlementInstructionConfirmation .confirmInputGroup .formLabel { font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; } /********************* yang bo t210 end ***********************/ /********************* yang bo t220 start ***********************/ .foreignExchangeForwardNetSettlementCreate #container .selectric-items .selectric-scroll{ height: 100%; overflow: auto; max-height: 300px; } .foreignExchangeForwardNetSettlementCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acGroup .acWrapper h5{ font-weight: 700; font-size: 12px; color: #2885ad; font-family: inherit; } .foreignExchangeForwardNetSettlementCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.debitAmt .payment.dropdown, .foreignExchangeForwardNetSettlementCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .payment.dropdown { margin-top: 6px; width: 32.167px; } .CurrencyExchangeInput .text-primaryHover:hover { background-image: url("../../img/icn_edit_hover.png"); background-position: 0% -22px; } /********************* yang bo t220 end ***********************/ /********************* yang bo quoteby_Cur start ***********************/ .quotebyCurContainer .leftDropDown,.quotebyCurContainer .rightDropDown{ width: 38% !important; } .quotebyCurContainer .FormTocenter{ width: 18% !important; } .gib #overlay .overlayComponentContainer .exchangeContractContainer.quotebyCurContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .inputGroup.FormTocenter label.formLabel{ left: 0px; bottom: 5px; width: 100%; text-align: center; } .leftDropDown.allCcyExTo { margin-left: 0px; } .quotebyCurContainer .productRightEmpty{ margin: 0 auto; display: flex; flex-direction: column; text-align: center; position: absolute; top: 220px; left: 50%; align-items: center; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); } .quotebyCurContainer .iconSearch{ background-image: url(../../img/icn_search.svg); background-position: center; background-repeat: no-repeat; background-size: 72px 72px; width: 72px; height: 72px; } .gib #overlay .overlayComponentContainer .quotebyCurContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .tableRow { position: static !important; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; } .gib #overlay .overlayComponentContainer .quotebyCurContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .tableRow:after { height: 0px !important; } /********************* yang bo quoteby_Cur end ***********************/ /********************* yang bo T180 start ***********************/ .CurrencyExchangeInput #container .containerInner .inputGroup.amt .selectric-wrapper .selectric-items{ height: auto; } .CurrencyExchangeInput #container .containerInner .inputGroup.amt .selectric-wrapper .selectric-items .selectric-scroll{ max-height: 300px; } /********************* yang bo T180 end ***********************/ /********************* yang bo deFormalert start ***********************/ .overlayComponentContainer .debitFromContainer .inputGroupTrial .accountTitle { word-wrap: break-word; word-break: normal; } /********************* yang bo deFormalert end ***********************/ /**********************li shibo gib_input start*************************/ #page .upload .dashboardGridContainer .fileUpload .main .dropFile .uploadedFileField .fileInfo .fileName { max-width: 200px; white-space: nowrap; text-overflow: ellipsis; } .popupContainer .dropFile .inputRow .inputGroup { display: block; } .fileUpload .content .dropFile .uploadedFileField .fileInfo .fileName { white-space: nowrap; text-overflow: ellipsis; } /**********************li shibo gib_input end*************************/ /**********************Li Zhenya exchangeRateContainer End*************************/ .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial .arrowDown, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial .arrowDown, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial .arrowDown { background-image: url("../../img/icn_arrow_down.svg"); background-position: center; background-repeat: no-repeat; background-size: 10px 16px; width: 22px; height: 22px; position: absolute; z-index: 0; right: 0; top: 19px; transition: all 0.3s; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial .selectric-open+.arrowDown, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial .selectric-open+.arrowDown, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial .selectric-open+.arrowDown { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper { width: 100%; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper.selectric-open, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper.selectric-open { z-index: 0; } .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper.selectric-open { z-index: 1; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric { background-color: transparent; border: none; z-index: 1; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric .button, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric .button, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric .button { display: none; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .label, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .label { font-size: 16px; line-height: 22px; height: 22px; padding-top: 25px; padding-bottom: 6px; margin: 0px; color: #222222; border-bottom: 1px solid #dddddd; } [lang=my_MM] .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .label, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .label, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .label { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .label, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .label, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .label { font-size: 12px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .button, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .button, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .button { height: 100%; width: 10px; background-color: transparent; background-image: url("../../img/icn_arrow_down.svg"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; transition: transform .3s; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .button:after, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .button:after, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .button:after { display: none; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items { width: calc(100% + 32px); box-sizing: border-box; margin: 0 -16px; background-color: #FFFFFF; border: 0px; position: absolute; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items ul, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items ul, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items ul { max-height: 0px; transition: max-height 0.2s; overflow: hidden; min-height: 0; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items ul.expend, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items ul.expend, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items ul.expend { transition: max-height 0.2s; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px; position: relative; } [lang=my_MM] .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li { font-size: 12px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li.highlighted, .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li:hover, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li.highlighted, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li:hover, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li.highlighted, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li:hover { background-color: #eeeeee; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li:before, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li:before, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li:last-child:before, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li:last-child:before, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li:last-child:before { border: none; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li.selected, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li.selected, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li.selected { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li.selected:after, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li.selected:after, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper .selectric-items li.highlighted, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper .selectric-items li.highlighted, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .selectric-wrapper.selectric-disabled, .gib #overlay .overlayComponentContainer .quotesContainer .selectric-wrapper.selectric-disabled, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .selectric-wrapper.selectric-disabled { opacity: 1; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial { position: relative; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.countryRegion, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.countryRegion, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.countryRegion { margin-top: 16px; margin-bottom: 32px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.transferTo, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.transferTo, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.transferTo { margin: 0 16px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.icType, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.icType, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.icType { margin-top: 16px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.radioChecked, .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.radioChecked, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.radioChecked { opacity: 0.5; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial .formLabel, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial .formLabel { color: #666666; position: absolute; left: 0; top: 16px; font-size: 16px; transition: all 0.3s; } [lang=my_MM] .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial .formLabel, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial .formLabel, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial .formLabel { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial .formLabel, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial .formLabel, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial .formLabel { font-size: 12px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.focus .formLabel, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.focus .formLabel { color: #666666; font-size: 12px; top: 6px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; } [lang=my_MM] .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.focus .formLabel, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.focus .formLabel, [lang=my_MM] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.focus .formLabel { font-size: 8px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .exchangeRateContainer .inputGroupTrial.focus .formLabel, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesContainer .inputGroupTrial.focus .formLabel, [lang=km_KH] .gib #overlay .overlayComponentContainer .quotesbyCurContainer .inputGroupTrial.focus .formLabel { font-size: 8px; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .emptyResult, .gib #overlay .overlayComponentContainer .quotesContainer .emptyResult, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .emptyResult { margin-top: 100px; padding-top: 50px; background-image: url("../../img/icn_check_balance.png"); background-position: top center; background-repeat: no-repeat; background-size: 44px; text-align: center; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .loader, .gib #overlay .overlayComponentContainer .quotesContainer .loader, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .loader { height: 72px; position: relative; top: 120px; left: 0px; width: 100%; background-image: url("../../img/loader.gif"); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; display: block; } .gib #overlay .overlayComponentContainer .exchangeRateContainer .loader.hiddenLoader, .gib #overlay .overlayComponentContainer .quotesContainer .loader.hiddenLoader, .gib #overlay .overlayComponentContainer .quotesbyCurContainer .loader.hiddenLoader { display: none; } /**********************Li Zhenya exchangeRateContainer start*************************/ /********************** End*************************/ .productServiceTransaction .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll, #enquirySelector .selectric-items .selectric-scroll { max-height: 312px; } .productServiceTransaction .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items .selectric-scroll li { padding: 16px 35px 16px 16px; } /********************** End*************************/ /**********************xck timeout End*************************/ #header .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent.xc { width: 155px; white-space: normal; height: auto; text-align: left; } /**********************xck timeout End*************************/ /************************xck workqueen adapt for sub***********************/ .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .stepTwoForm .confirmGroupContainer .confirmInputGroup .formLabel { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 2px; } .TransactionDetailsComplete .doublexk { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; flex: 100%; } .TransactionDetailsComplete .doublexk.topxc { margin-top: 30px; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .stepTwoForm .confirmInputGroup .confirmSection .confirmInputGroup { width: auto; margin-bottom: 0px; } .WorkQueuePending .container .containerInner .containerRight .contentPage .stepTwoForm .confirmGroupContainer .confirmInputGroup .formLabel { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 2px; } .WorkQueuePending .doublexk { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; flex: 100%; } .WorkQueuePending .doublexk.topxc { margin-top: 30px; } .WorkQueuePending .container .containerInner .containerRight .contentPage .stepTwoForm .confirmInputGroup .confirmSection .confirmInputGroup { width: auto; margin-bottom: 0px; } /************************xck workqueen adapt for sub***********************/ /**********************lsb upload success start*************************/ .Utilities #container .upload .dashboardGridContainer .completedWrapper { margin-bottom: 0px; } #container .dashboardGridContainer .dashboardContainer .widget .grid .main { box-shadow: none; min-height: 0; } .gib #overlay .overlayComponentContainer .sendEmailNotificationContainer .sendEmailNotification .dropFile .emailContent .inputTitle .tips .tooltiptext { right: -220px !important; } /**********************lsb upload success End*************************/ /************************xck sub addmultiple start***********************/ .collectionsTopBar .addmul { font-size: 16px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; color: #666666; padding-left: 26px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; line-height: 22px; margin: 18px 0 18px 24px; } /************************xck sub addmultiple end***********************/ /********************** shi youzhi i001 start *************************/ .informationManagement>.titleContainer.noFlex { display: block; } .InformationManagement #IMWorkQueue .workQueue { padding: 0; } #IMQuickSearch .quickSearch .content .tab-pane .mask .page { height: 386px; } #IMQuickSearch .grid.quickSearch .main .footerPosition { position: relative; top: 384px; } @media screen and (min-width: 1512px) { #IMQuickSearch .quickSearch .content .tab-pane .mask .page { height: 268px; } #IMQuickSearch .grid.quickSearch .main .footerPosition { position: relative; top: 266px; } } .quickSearch .content .tab-pane .mask .fileContainer .fileBlock .downloadBtn.noDownloadBtn { height: 0; } /********************** shi youzhi i001 end *************************/ /************************xck empty and error page*****************************/ body.collections #root #page .subAccountCollectionTab .accountBalanceCard .content.noPadding { padding-top: 400px; } .collections .accountBalanceCard .content.noPadding .message, .subAccountCollectionTab .accountDetailCard .detailmessage { padding-top: 35px; } .subAccountCollectionTab .accountDetailCard .content .empty-message .empty-img { top: auto; } .subAccountCollectionTab .accountDetailCard .content.noPadding { padding-bottom: 90px; } /************************xck empty page*****************************/ /**********************lishibo upload start*************************/ #fileUpload .fileUpload .content .uploadFileWrapper .inputGroup.focus input { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #fileUpload .fileUpload .content .uploadFileWrapper .inputGroup.iconArrow:after { top: 13px; } .payment .paymentContentContainer .paymentPayroll .paymentGridContainer #paymentRollUpload .paymentRollUploadFile .content .uploadFileWrapper .sweepingForm .inputGroup .selectric-wrapper .selectric .button { top: -13px; } .payment .paymentPayroll .paymentGridContainer #paymentRollUpload .paymentRollUploadFile .content .uploadFileWrapper .sweepingForm .inputGroup .selectric-wrapper .selectric .label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Utilities .dashboardGridContainer .sendEmail .emailData { margin-top: 0px; } .utilitiesContent .utilitiesSection .utilitiesSectionContent .sectionGrid .gridTitle { white-space: normal; } /**********************lishibo upload end*************************/ /**********************lishibo Equery T270 start*************************/ .orderLanding .searchResultContainer .rightResultContainer .tabularView .dataTable{ width: auto; } .SAQenquiry.searchPanel .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel.filled .btnWrap .clear, .treasuryEnquiryLanding.searchPanel .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel.filled .btnWrap .clear, .orderLanding.searchPanel .searchResultContainer .leftSearchContainer .transactionWrapper .searchPanel.filled .btnWrap .clear{ background-image: none; opacity: 0.5; } .searchPanel .searchResultContainer .leftSearchContainer .searchPanel #enquirySelector .inputGroup.compulsory .formLabel::after, .searchPanel .searchResultContainer .leftSearchContainer .searchPanel #enquirySelector .inputGroup.compulsory .formErrorMsg::after { content: none; } .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.dropdown .selectric { margin-top: 0px; } .overlayComponentContainer .selectFromACContainer .inputGroupTrial .formLabel .location { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .overlayComponentContainer .selectToACContainer .inputGroupTrial .formLabel .location { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } /**********************lishibo Equery T270 end*************************/ /**********************lishibo Equery T200 start*************************/ .treasuryEnquiryLanding .tabularView .tableContainer .tableScroll table { width: auto; } /**********************lishibo Equery T200 end*************************/ /**********************xiaomeng unload start********************/ .AccessProfile{ background-color:#f8f8f8; } .AccessProfile #container .nodataContent { top: 130px; } .AccessProfile .gridContainer .editFunction { margin-left: auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; position: relative; } .AccessProfile .gridContainer .editFunction .function { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; line-height: 22px; height: 22px; background-repeat: no-repeat; background-size: 22px; color: #666666; padding-left: 26px; cursor: pointer; user-select: none; } .AccessProfile .icon-moreHover { background-size: 100%; } .AccessProfile .generalSettingsCard .rowList .accountType { word-break: break-word; } .TransactionDetailsComplete .m521remindMessage, .WorkQueuePendingDeleteConfirmation .m521remindMessage { margin: 22px 0; } .TransactionDetailsComplete #container .M521workTx .confirmInput.hasChanged, .WorkQueuePendingDeleteConfirmation #container .M521workTx .confirmInput.hasChanged { color: #2885ad; } .TransactionDetailsComplete .M521origin, .WorkQueuePendingDeleteConfirmation .M521origin { font-size: 12px; line-height: 17px; color: #666666; padding-left: 16px; background-image: url(../../img/icn_previous.png); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; } .TransactionDetailsComplete .confirmGroupContainer.M521group, .WorkQueuePendingDeleteConfirmation .confirmGroupContainer.M521group { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; flex: 100%; } .TransactionDetailsComplete .confirmSection.confirmHalf.M521half, .WorkQueuePendingDeleteConfirmation .confirmSection.confirmHalf.M521half { width: calc(50% - 8px); } .TransactionDetailsComplete .M521workTx, .WorkQueuePendingDeleteConfirmation .M521workTx { width: 100%; } .TransactionDetailsComplete.ExportLCCollectionConfirmation #container .contentPage .stepTwoForm .subtitle{ margin:0; } .TransactionDetailsComplete.ExportLCCollectionConfirmation .container .containerInner .containerRight .navContainer{ border:none; } .inputGroup.dropdown .formLabel label { font-weight: 400; } .inputGroup.dropdown.focus .formLabel label { font-weight: 700; } /* .EditCompany #container .tips .tooltiptext:after { right: 17px; left: auto; } .EditCompany #container .tips .tooltiptext:before { right: 17px; left: auto; } .EditCompany #container .tips .tooltiptext { right: -6px; left: auto; } */ .ExportLCCollectionConfirmation .container .controlBtn .edit .editBtn{ width:auto; padding-left: 54px; color: #666666; font-weight: 600; } .ExportLCCollectionConfirmation .cardContainer .confirmInputGroup .formLabel { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; color: #666666; } .ExportLCCollectionConfirmation .cardContainer .confirmInputGroup .confirmInput.bold{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; margin-bottom: 15px; } .ExportLCCollectionConfirmation .cardContainer .confirmInputGroup .confirmInput{ width: 100%; font-size: 16px; line-height: 22px; color: #222222; margin-bottom: 20px; } .EditPlatformSetting .inputGroup .selectric-wrapper .selectric-items .selectric-scroll ul li:hover, .EditCompany .inputGroup .selectric-wrapper .selectric-items .selectric-scroll ul li:hover, .EditAccount .inputGroup .selectric-wrapper .selectric-items .selectric-scroll ul li:hover, .CreateNewAccount .inputGroup .selectric-wrapper .selectric-items .selectric-scroll ul li:hover{ background-color: #eeeeee; } .EditPlatformSetting .js-AccessingChannels .selectric-wrapper .selectric-items li:after, .EditPlatformSetting .js-RestrictTo .selectric-wrapper .selectric-items li:after, .EditCompany .js-AccChnelsNum .selectric-wrapper .selectric-items li:after { border: 1px solid #979797; } .gib .EditPlatformSetting #header,.gib .EditCompany #header,.gib .EditAccount #header,.gib .CreateNewAccount #header{ z-index: 20; } /**********************xiaomeng unload end********************/ /**********************xck sub accafter start**********************************/ /* .subAccountCollectionTab .accountBalanceCard .accountInfo:after{ background-image: url("../../img/icn_arrow_right.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; position: absolute; top: calc(50% - 8px); right: 17px; width: 8px; height: 10px; } .subAccountCollectionTab .accountBalanceCard .accountInfo{ cursor:pointer; } */ /**********************xck sub accafter end************************************/ /**********************zengshenzhu m108 start********************/ #userDownLoadSelect.matchedResultdownloadListContainer { position: absolute; background-color: #FFFFFF; /* top: calc(100% + 18px); right: 0; */ z-index: 2; /* width: 322px; */ height: 0px; /* max-width: 322px; */ box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); padding: 0; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper.selectric-open { z-index: 8; transition: all .3s; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper { transition: all .3s, opacity .1s; width: 252px; position: absolute; right: 0; cursor: default; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric { margin-top: 14px; background-color: transparent; border: none; visibility: hidden; display: none; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric .label { line-height: 32px; height: 32px; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .label { font-size: 16px; margin: 0px; margin-top: 8px; color: #222222; border-bottom: 1px solid #dddddd; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric .button { top: 0px; right: 0px; background-image: url(/assets/img/icn_arrow_down.svg); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: transparent; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper.selectric-open .selectric-items { width: 252px; max-height: 222px; opacity: 1; transition: all .3s; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items { transition: all .3s; display: block; max-height: 0; width: 252px !important; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; /* left: -47%; top: -18px; */ box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll { border-bottom: 1px solid #dddddd; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter { min-width: 93px; height: 44px; float: right; margin: 8px 16px; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; font-size: 16px; padding: 11px 14px 11px 15px; border-radius: 4px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; border-color: #b51a25; cursor: pointer; border-style: solid; opacity: 0.5; } [lang=my_MM] #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-size: 12px;} #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:last-child:before { border: none; } #userDownLoadSelect.matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } /**********************zengshenzhu m108 end********************/ /**********************ding xiongshi m109 start********************/ .EditMyProfileConfirmation .container .stepTwoForm .verification { margin: 32px 0; position: relative; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro { font-size: 16px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; color: #222222; width: calc(100% - 191px); } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro { font-size: 12px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro { font-size: 12px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .subTitle { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; font-size: 12px; color: #666666; margin-top: 16px; line-height: 17px; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .subTitle { font-size: 8px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .subTitle { font-size: 8px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStatus { font-size: 16px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; line-height: 22px; color: #222222; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStatus { font-size: 12px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStatus { font-size: 12px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; margin-top: 23px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep span { font-size: 14px; line-height: 22px; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep span { font-size: 10px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep span { font-size: 10px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol { margin: 8px 0 20px 16px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li { font-size: 14px; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li { font-size: 10px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li { font-size: 10px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .orangeColor { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; color: #a84f06; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .tick { background-image: url("../../img/image_boc_token_2.svg"); background-position: center; background-repeat: no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .verifyDetail { font-size: 14px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; margin-top: 4px; margin-right: 6px; cursor: pointer; color: #666666; display: block; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .verifyDetail { font-size: 10px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .verifyDetail { font-size: 10px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .authStep ol li .verifyDetail::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 16px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .tokenTick { background-image: url("../../img/image_boc_token_2.svg"); background-position: center; background-repeat: no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro ol li { padding-left: 8px; padding-bottom: 4px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .detailBtn { margin-top: 20px; cursor: pointer; font-size: 14px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; color: #666666; } [lang=my_MM] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .detailBtn { font-size: 10px; } [lang=km_KH] .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .detailBtn { font-size: 10px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyIntro .detailBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } .EditMyProfileConfirmation .container .stepTwoForm .verification .verifyImg { width: 119px; height: 168px; position: absolute; right: 0; bottom: 0; background-image: url("../../img/image_boc_token.svg"); background-position: center; background-repeat: no-repeat; background-size: 119px 168px; } /**********************ding xiongshi m109 end********************/ /**********************lin jintao start********************/ .gib #overlay .overlayComponentContainer .componentContainer.height-70 { min-height: 0 !important; } .gib #overlay .addBeneficiaryContainer .componentAssistant.popupInputGroup { border-bottom: 0; } .overlayComponentContainer .addBeneficiaryContainer .popupInputGroup.radioChecked { opacity: 1 !important; } .AddCapAccountConfirmation .confirmInputGroup, .EditCapAccountConfirmation .confirmInputGroup { width: calc(100%/ 3 - 20px) !important; margin-bottom: 0px !important; } .EditCapAccountConfirmation .beneTab .nav-tabs li.show, .AddCapAccountConfirmation .beneTab .nav-tabs li.show { display: inline-block !important; } .AddCapAccountConfirmation .confirmInputRow { justify-content: flex-start !important; } .stepThreeForm .completedWrapper .completedMsg .detail h3.ref:after { top: 1px !important; } .gridContainer .backHoverButton { margin-left: 0 !important; } .backHoverButton .stepText { color: #666666; } .backHoverButton:hover .stepText { color: #b51a25; } .containerRight .editButton:hover { color: #b51a25 !important; } .BillPaymentConfirmation .containerRight .editButton { background-image: url(../../img/icn_edit_hover.png); background-position: left top; background-repeat: no-repeat; background-size: 22px; font-weight: 600; font-size: 16px; line-height: 22px; color: #666666; padding-left: 26px; margin-left: 24px; cursor: pointer; } .BillPaymentConfirmation .containerRight .editButton:hover { background-position-y: -22px; color: #b51a25 !important; } .overlayNotData { background-image: url("../../img/icn_read.svg"); background-position: top center; background-repeat: no-repeat; background-size: 44px; font-size: 14px; font-weight: 400; width: 100%; line-height: 22px; color: #222222; text-align: center; padding-top: 52px; padding-left: 16px; padding-right: 16px; max-width: 100%; } body .overlayComponentContainer .transferTemplateContainer .accountRow input[type=radio] + label:before { top: 0; bottom: 0; margin: auto; } .paymentSchedule .debitDate .confirmInput { font-weight: 600; color: #d42b35 !important; } /**********************lin jintao end********************/ /**********************ding xiongshi start********************/ .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.gray { color: #666666; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.gray:before { background-color: #666666; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.orange { color: #f5a623; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.orange:before { background-color: #f5a623; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.blue { color: #4aaae2; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.blue:before { background-color: #4aaae2; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.green { color: #01bc88; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.green:before { background-color: #01bc88; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.red { color: #b51a25; } .WorkQueuePendingDeleteConfirmation .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .headerSubTitle.red:before { background-color: #b51a25; } .TransactionDetailsComplete .container .containerInner .containerRight .selectHeader { width: calc(100% - 32px); } .InformationManagement .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper.selectric-open .selectric-items { display: block; } .InformationManagement .informationManagementDownload .searchResultContainer .leftSearchContainer .inputGroup .selectric-wrapper .selectric-items { display: none; max-height: none; } .WorkQueuePendingDeleteConfirmation .container .stepTwoForm .verification .verifyImg { width: 119px; height: 168px; position: absolute; right: 0; bottom: 0; background-image: url(../../img/image_boc_token.svg); background-position: center; background-repeat: no-repeat; background-size: 119px 168px; } .TransactionDetailsComplete .container .containerInner .containerRight { overflow-y: hidden; } .TransactionDetailsComplete .container .containerInner { height: auto; } .TransactionDetailsComplete.workQueueManualSweepingDetails .container .containerInner .containerRight .confirmationPage { padding: 32px 16px 0 16px; box-sizing: border-box !important; max-width: 1600px !important; } .TransactionDetailsComplete .container .containerInner .containerRight .confirmationPage .buttonContainer { border: none; } .gib body.TransactionDetailsComplete { overflow-y: auto; } .WorkQueuePendingDeleteConfirmation #container .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow .textarea.full { height: 100%; } .WorkQueuePendingDeleteConfirmation #overlay .overlayComponentContainer div.componentContainer { width: 656px; } .TransactionDetailsComplete .container .containerInner .containerRight .headerBtnWrapper { max-width: 1600px; margin: auto; } .TransactionDetailsComplete .container .containerInner .containerRight .headerBtnWrapper .actionButton { flex: 1; color: #666666; cursor: pointer; } .TransactionDetailsComplete #footer .scrollButton .buttonContainer { position: fixed; border-top: 0px; width: auto; min-width: 0px; padding: 0px !important; right: 16px !important; display: -webkit-flex !important; display: block !important; height: auto !important; z-index: 19 !important; background-color: transparent !important; } .TransactionDetailsComplete #footer .scrollButton .buttonContainer.buttonAbsolute { position: fixed; bottom: 89px; } .TransactionDetailsComplete #footer .buttonContainer .buttonAction.btn-onlineCs{ } @media screen and (min-width: 1600px) { .TransactionDetailsComplete #container .workQueueButtonBack { left:0px; max-width: 100% !important; box-sizing: border-box !important; padding-left: calc(( 100% - 1600px)/2) !important; padding-right: calc(( 100% - 1600px)/2) !important; } } .TransactionDetailsComplete #container .container .containerInner .containerRight .contentPage .stepTwoForm{ padding-bottom: 59px; } .WorkQueuePendingDeleteConfirmation div.buttonContainer .backHoverButton:hover::before{ background-position: center bottom; } .WorkQueuePendingDeleteConfirmation div.buttonContainer .backHoverButton::before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 22px; background-image: url(../../img/icn_back_hover.png); background-position: center top; background-repeat: no-repeat; background-size: 10px auto; margin-right: 8px; overflow: hidden; } .workQueueManualSweepingDetails #container .navContainer .gridContainer .confirmationTitle { font-size: 32px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; color: #222222; } [lang=my_MM] .workQueueManualSweepingDetails #container .navContainer .gridContainer .confirmationTitle { font-size: 28px; } [lang=km_KH] .workQueueManualSweepingDetails #container .navContainer .gridContainer .confirmationTitle { font-size: 28px; } [lang=zh_CN] .workQueueManualSweepingDetails #container .navContainer .gridContainer .confirmationTitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .workQueueManualSweepingDetails #container .navContainer .gridContainer .confirmationTitle { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .workQueueManualSweepingDetails #container .headerBtnWrapper .logNCommentBtn { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; background-position: left top; background-repeat: no-repeat; background-size: 22px; } [lang=zh_CN] .workQueueManualSweepingDetails #container .headerBtnWrapper .logNCommentBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .workQueueManualSweepingDetails #container .headerBtnWrapper .logNCommentBtn { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .workQueueManualSweepingDetails #container .headerBtnWrapper .logNCommentBtn { font-size: 12px; } [lang=km_KH] .workQueueManualSweepingDetails #container .headerBtnWrapper .logNCommentBtn { font-size: 12px; } .workQueueManualSweepingDetails #container .headerBtnWrapper .actionButton .backHoverButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; margin: 0; margin-left: 16px; color: #666666; flex: auto; } [lang=zh_CN] .workQueueManualSweepingDetails #container .headerBtnWrapper .actionButton .backHoverButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .workQueueManualSweepingDetails #container .headerBtnWrapper .actionButton .backHoverButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .workQueueManualSweepingDetails #container .headerBtnWrapper .actionButton .backHoverButton { font-size: 12px; } [lang=km_KH] .workQueueManualSweepingDetails #container .headerBtnWrapper .actionButton .backHoverButton { font-size: 12px; } .workQueueManualSweepingDetails #container .container .containerInner .containerRight .contentPage .stepTwoForm .confirmInputGroup .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .workQueueManualSweepingDetails #container .headerTitle.borderBottom .subTitle,.WorkQueuePendingDeleteConfirmation #container .headerTitle.borderBottom .subTitle{ font-size: 20px; } .WorkQueuePendingResult #container .containerInner .completedMsg .hyperLink-primaryHover{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .WorkQueuePendingResult #container .containerInner .step.done.current .stepText{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .workQueueManualSweepingDetails #container .container{ max-width: 100%; } .workQueueManualSweepingDetails #container .container .containerInner .containerRight .contentPage .tab-content .inputGroupRow.workQueueDetailMargin{ margin-top: 30px; } .workQueueManualSweepingDetails #container .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle{ font-size: 24px; margin: 0; padding-bottom: 24px; } .gib .WorkQueueTFSingleAuthorize #partialDeleteContainer [form-component=workQueueSelector] .selectorOptionContainer .transactionOption label .amount{ color: #222222; } .gib .WorkQueueTFSingleAuthorize #partialDeleteContainer [form-component=workQueueSelector] .selectorOptionContainer .transactionOption label .amount.red{ color: #d42b35; } .gib .WorkQueueTFSingleAuthorize #partialDeleteContainer [form-component=workQueueSelector] .selectorOptionContainer .transactionOption label .amount.blue{ color: #4aaae2; } .gib .WorkQueueTFSingleAuthorize #partialDeleteContainer [form-component=workQueueSelector] .selectorOptionContainer .transactionOption label .cardStatusOrange, .WorkQueueTFSingleAuthorizeConfirmation .stepTwoForm .headerTitle .cardStatusOrange, .container .containerInner .containerRight .contentPage .stepTwoForm .headerTitle .cardStatusOrange{ font-size: 14px; padding-left: 18px; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .wQueueHeaderTitle .wq_labelStatus span { margin-left: 3px; font-weight: 600; font-size: 13px; margin-top: 1px; } /**********************ding xiongshi end********************/ /**********************wei chenbo start********************/ #container .leftSearchContainer { margin-left: auto; } #container .rightResultContainer { margin-right: auto; } #container #quickPayment .grid .main .content .templateList ul { display: block; } #container #quickPayment .grid .main .content .templateList ul li { height: 61.5px; } #container .paymentEnquiry .leftSearchContainer .modifyTips { left: auto; right: 20px; } #container .paymentEnquiry .leftSearchContainer .focus .modifyTips { top: calc(50% - 10px); background-size: 22px auto; width: 22px; height: 22px; } #container .dashboardGridContainer .dashboardContainer .workQueue { padding: 0; } .EnquiryOutwardTransferDetail .headerContainer .containerInner .main .btnGroup { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: stretch; justify-content: space-between; margin-top: 35px } .ExportLCDetailsAdvisingAndComfirmation .headerBtnWrapper span.actionButton, .ImportLCCollectionDetails .headerBtnWrapper span.actionButton, .bankGuaranteeAdmendmentDetail .headerBtnWrapper span.actionButton, .standbyLCIssuanceDetail .headerBtnWrapper span.actionButton, .exportDADPAdvanceDetail .headerBtnWrapper span.actionButton, .ClauseTemplateDetailsPartial .headerBtnWrapper span.actionButton, .recrodEnquiryExportLcCollection .headerBtnWrapper span.actionButton, .bankGuaranteeDetail .headerBtnWrapper span.actionButton, .importLCDetailsDoc .headerBtnWrapper span.actionButton, .exportInvoiceDiscounting .headerBtnWrapper span.actionButton, .importInvoiceFinancing .headerBtnWrapper span.actionButton { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .recordEnquiryLanding.searchPanel .searchResultContainer .leftSearchContainer { padding-bottom: 188px; } /**********************wei chenbo end********************/ /**********************xck error page start********************/ .gib body.TransactionError #root #page #container { margin-top: 60px; } .TransactionError .backHoverButton::before { background-image: url(/assets/img/icn_arrow_left_hover.svg); background-position: 0 center; background-size: 20px 22px; margin-right: 4px; position: absolute; margin-left: -15px; } .TransactionError .backHoverButton:hover::before { background-position: -10px center; } .TransactionError .buttonContainer .buttonLeft .actionButton.backHoverButton{ min-height: 22px; } .TransactionError .buttonContainer .buttonLeft .actionButton { margin-left: 30px; } /**********************xck error page end********************/ /**********************zsz clm 106 start********************/ .container .containerInner .containerRight .contentPage .resetPeriod .selectric-wrapper.selectric-open .selectric-items { overflow: auto; } /**********************zsz clm 106 end********************/ /********************** liaoYongsheng workQueue M220 doneMuti start *************************/ .container .containerInner .containerRight .contentPage.doneMuti { padding: 0; } .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton.m220listActionButton{ width: 230px !important; } .informationManagementDownload .rightResultContainer .rightEmptyWrapper div.loading { padding-top: 260px; } .workQueueDoneMuti { border-bottom: 0; } .container .containerInner .containerRight .contentPage .editRow .editFunction div.function.filter { opacity: 0; } .workQueueDoneMuti .contentContainer .contentCardViewContainer { padding: 0 16px; } .pngCover{ background-size: cover; } .doneDisplayLine:after{ display:none; } .delPadding{ padding: 32px 16px 0 16px !important; } .gib #overlay .overlayComponentContainer .workQueueCommentOverlayContainer.componentContainer { width: 656px; } /********************** liaoYongsheng workQueue doneMuti end *************************/ /**************cwh*********/ .ApplicationForm .buttonContainer .buttonRight .redBtn { font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; font-size: 16px; text-align: center; color: #FFFFFF; padding: 11px 0; margin: 8px 16px 8px 24px; width: 152px; background-color: #b51a25; border-radius: 5px; border: none; outline-width: 0; transition: all 0.3s; cursor: pointer; } .ApplicationForm .buttonContainer .buttonRight { display: flex; flex: 50%; justify-content: flex-end; } /**************cwh*********/ /*********wjy*************/ .PaymentRemittancePlusForm .productServiceTransaction .searchResultContainer .leftSearchContainer [class^='F'] .formInput { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*********wjy*************/ /***********wjy e6np button**********/ .datalist .rightResultContainerWrapper .contactBox .button { position: absolute; bottom: 10px; right: 12%; } .datalist .rightResultContainerWrapper .contactBox .button .inbox-prev { font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; padding: 7px 26px 6px 27px; border-radius: 5px; line-height: 19px; background: #b51a25; transition: all 0.3s; color: #FFFFFF; align-items: center; justify-content: center; font-size: 14px; left: 75%; } .datalist .rightResultContainerWrapper .contactBox .button .inbox-prev:hover { background-color: #90232b; cursor: pointer } .datalist .rightResultContainerWrapper .contactBox .button .inbox-next { font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; padding: 7px 26px 6px 27px; border-radius: 5px; line-height: 19px; background: #b51a25; transition: all 0.3s; color: #FFFFFF; align-items: center; justify-content: center; font-size: 14px; right: 75%; } .datalist .rightResultContainerWrapper .contactBox .button .inbox-next:hover { background-color: #90232b; cursor: pointer; } @media only screen and (min-width: 1599px) { .datalist .rightResultContainerWrapper .contactBox { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 -8px; } .datalist .rightResultContainerWrapper .V017.profileCard { width: calc(50% - 16px); margin: 8px; } } .e151Search .rightResultContainer.whiteBack,.e160Search .rightResultContainer.whiteBack,.s420Search .rightResultContainer.whiteBack{ overflow: auto; background: #FFF; padding: 0 16px; } /***********wjy e6np button**********/ /**********xck blockUI start********/ body.loadingnow { overflow: hidden !important; } /**********xck blockUI end**********/ /**********m101 start********/ .M101Address { min-height: 21px; } /**********m101 end**********/ /**********t250 xck start****************/ .foreignExchangeSpotOrderCreateInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.debitAmt .unit, .foreignExchangeSpotOrderCreateInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .unit { display: inline-table; } .foreignExchangeSpotOrderCreateInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .payment.dropdown .selectric-wrapper .selectric { padding-right: 15px; } #overlay .overlayComponentContainer .debitFromContainer .inputGroupTrial .formLabel { bottom: 0px; } .foreignExchangeSpotOrderCreateInput #container .container .containerInner .containerRight .contentPage .selectric-wrapper .selectric-items li { word-wrap: break-word; word-break: normal; } /**********t250 xck end****************/ /**********d100 ma jian start****************/ .utilitiesContent .utilitiesSectionContent .slide3 .sectionGridUpload{ width: 33%; z-index: -1; padding-top: 72px; margin-top: 56px; float: left; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: stretch; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: stretch; background-image: none; background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSectionContent .slide4 .sectionGridUpload{ width: 25%; z-index: -1; padding-top: 72px; margin-top: 56px; float: left; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: stretch; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: stretch; background-image: none; background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSection .utilitiesSectionContent .sectionGridUpload .gridTitle{ white-space: normal; color: #222222; margin-top: 10px; font-size: 18px; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; overflow: hidden; text-align: center; width: 100%; transition: color 0.2s; } .utilitiesContent .utilitiesSection .utilitiesSectionContent .sectionGridUpload:hover .gridTitle { transition: color 0.2s; white-space: normal; margin-top: 10px; font-size: 18px; color: #b51a25; font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; font-weight: 700; overflow: hidden; text-align: center; width: 100%; } .utilitiesContent .utilitiesSectionContent .sectionGridUpload .folderGrid { height: 72px; overflow: hidden; transition: background-image 0.2s; background-image: url(../../img/icn_editor.png); background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSectionContent .sectionGridUpload .folderGrid:hover { transition: background-image 0.2s; background-image: url(../../img/icn_editor_mouseover.svg); background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSectionContent .sectionGridUpload .gridMessage{ color: #666666; margin-top: 9px; padding: 0 24px; text-align: center; height: 38px; overflow: hidden; font-size: 14px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; } /**********d100 ma jian end****************/ /**********d202 li shibo start****************/ .uploadFail #errorContainerRight { max-width: 100%; padding-left: 0%; } .utilitiesContent .utilitiesSectionContent .sectionGrid .folderGrid { height: 72px; overflow: hidden; transition: background-image 0.2s; background-image: url(../../img/icn_folder.png); background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSectionContent .sectionGrid .folderGrid:hover { transition: background-image 0.2s; background-image: url(../../img/icn_folder_mouseover.svg); background-position: top center; background-repeat: no-repeat; background-size: 72px; } .utilitiesContent .utilitiesSectionContent .sectionGrid .folderGrid.tokenManagementGrid { transition: background-image 0.2s; background-image: url("../../img/icn_token_managment.png"); background-position: top center; background-repeat: no-repeat; background-size: 72px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .redPoints { color: #d42b35 } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCRemark { margin-left: 16px; margin-bottom: 20px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCRemark { margin-left: 16px; margin-bottom: 20px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints { margin-top : 28px; margin-left: 17px; margin-bottom: 40px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .L260GotoDownload{ cursor: pointer; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .contentLeft{ margin-left: 40px; margin-top: 3px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .marginTopPoint{ margin-top: 8px; line-height: 15px; position: relative; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .beforeBlod:before{ content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 5.5px; left: -8px; background: #666666; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .beforeBlod{ margin-left: 7px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints .sizeColor, .Utilities .dashboardGridContainer .dashboardContainer .knowDetails .sizeColor{ color: #666666; font-size: 11px; } .Utilities .dashboardGridContainer .dashboardContainer .PLCDownload .PLCPoints p{ padding-right: 15px; } .Utilities .fileUpload .content .dropFile .uploadFileField .uploadIcon{ background-image: url(../../img/icn_upload_doc.png); } .Utilities .fileUpload .content .dropFile .uploadedFileField .uploadedIcon{ background-image: url(../../img/icn_empty_doc.png); } .Utilities .fileUpload .content .dropFile .uploadInstruc .onlyFileType{ color: #666666; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode{ margin-left: 15px; margin-right: 19px; margin-top: -29px; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .formLabel{ font-size: 12px; top: 6px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .selectric-wrapper .selectric .label{ font-size: 16px; padding-top: 10px; padding-bottom: 6px; color: #222222; border-bottom: 1px solid #dddddd; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .selectric-wrapper .selectric .button{ margin-top: 5px; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .selectric-wrapper .selectric-items{ box-shadow: none; border: none; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .selectric-wrapper .selectric-items li:before{ display: none; } .Utilities .fileUpload .content .uploadFileWrapper .rejectMode .selectric-wrapper .selectric-items li:last-child{ border-top: 1px solid #dddddd; } .Utilities .completedWrapper .completedMsg .detail h3.ref:after{ display: none; } .Utilities .uploadInstruc .knowDetails .points, .Utilities .uploadInstruc .knowDetails .clickDetails .pdfLink{ font-size: 11px; color: #666666; } .fileUploadFlowContainer .uploadInstruc .knowDetails .points, .fileUploadFlowContainer .uploadInstruc .knowDetails .clickDetails .sizeColor{ font-size: 11px; color: #666666; } .Utilities.gib .completedWrapper .completedMsg .detail h3 a{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } /**********d202 li shibo end****************/ /**********Upload li shibo start****************/ .workQUploadLink{ font-size: 14px; color: #000000; } /**********Upload li shibo end****************/ /**********t600 li shibo start****************/ .gib #overlay .overlayComponentContainer .fileUploadFlowContainer .popupContainer .fileUploadFlow .dropFile .emailContent .uploadNotification .inputGroup .tickChecked{ right: 1px; bottom: 7px; background-size: 111%; } /**********t600 li shibo end****************/ .TransactionError.gib .errorContainer .containerRight .contentPage { min-height: auto; padding-bottom: 0; height: auto; } /**********M121-M424 start****************/ .EditCapAccountConfirmation .confirmInputRow .confirmInputGroup, .EditCapAccountConfirmation .confirmPreInputRow .confirmPreInput { flex: 1; } .AddCapAccountConfirmation .confirmInputRow .confirmInputGroup, .AddCapAccountConfirmation .confirmPreInputRow .confirmPreInput { flex: 1; } /**********M121-M424 end****************/ /**********M511,M512 start****************/ .EditAccessProfile [form-component=checkbox] input.active+label:after, .AccountAccessRight [form-component=checkbox] input.active+label:after, .CreateAccessProfile [form-component=checkbox] input.active+label:after { border: none; width: 22px; height: 22px; background-image: url(../../img/icn_selected.png); background-position: center center; background-repeat: no-repeat; background-size: 22px 22px; } .AccountAccessRight .componentAssistant { border-bottom: 1px solid #dddddd; } .AccountAccessRight .containerInner .containerRight .contentPage .formNavContainer, .AccountAccessRight .containerInner .containerRight .contentPage .headerContainer { z-index: 21 !important; } .AccountAccessRight #header { z-index: 22; } .AccountAccessRight .authGroupFoucs .selectButton { top: 14px; right: 0px; background-image: url(../../img/icn_arrow_down.svg); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; background-color: transparent; transition: transform .3s; line-height: 32px; height: 32px; display: block; position: absolute; color: #BBB; text-align: center; } .AccountAccessRight .authGroupFoucs { cursor: pointer; } .AccountAccessRight .selectCla { font-size: 16px; margin: 22px 0 0; color: #222222; line-height: 32px; height: 32px; } .CreateAccessRight #overlay .componentAssistant.dropdown .selectric-wrapper .label{padding-right:20px;} .EditAccessRight #overlay .componentAssistant.dropdown .selectric-wrapper .label{padding-right:20px;} /**********M511,M512 end****************/ /**********R211detail start**************/ .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acGroup, .ImportLCAmendmentDetail .amountTab .payment-row .acGroup { position: relative; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: vertical; box-direction: normal; box-pack: start; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 50%; box-sizing: border-box; margin-top: 16px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper { position: relative; width: 100%; min-height: 99px; overflow: hidden; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .signLine, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .signLine { position: relative; width: 100%; height: 4px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .signLine:before, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .signLine:before { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 10%; height: 4px; background-color: #7c878e; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .signLine:after, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .signLine:after { background-color: #9d2235; content: ''; position: absolute; top: 0; left: 10%; width: 90%; height: 4px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop.credit, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop.credit { padding-bottom: 15px; border-bottom: 1px solid #dddddd; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop { padding: 20px 16px 0; border-bottom: 1px solid #dddddd; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop .rowTitle, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop .rowTitle { font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop .address, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop .address { margin-top: 4px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop h3, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop h3 { margin-bottom: 0; line-height: 17px; font-size: 12px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop.noBorder, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop.noBorder { border-bottom: none; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .acTop .rowItm.pad-t, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .acTop .rowItm.pad-t { padding-top: 16px; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper .rowItm, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper .rowItm { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper h2, .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper h2 { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 16px; margin-bottom: 4px; max-width: 410px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper h2, [lang=my_MM] .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper h2 { font-size: 12px; } [lang=km_KH] .ImportLCAmendmentDetail .documentsAndTermsTab .doc-row .acWrapper h2, [lang=km_KH] .ImportLCAmendmentDetail .amountTab .payment-row .acWrapper h2 { font-size: 12px; } #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-documentsAndTermsTab pre{ word-break: break-all; white-space: pre-wrap; } #recordEnquiryDetails-goodsTab .goods-title{ font-size: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; margin: 24px 0 16px; } #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-title { font-size: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; margin: 32px 0px 22px; } #recordEnquiryDetails-goodsTab .goods-row .goods-details:last-child, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details:last-child { margin-right: 0px; } #recordEnquiryDetails-goodsTab .goods-row .goods-details.goods-details-FullWidth, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details.goods-details-FullWidth { max-width: 100%; } #recordEnquiryDetails-goodsTab .goods-row .goods-details, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details { -webkit-box-flex: 1; min-height: 0px; max-width: 50%; margin-right: 16px; flex: 1 1 0%; padding: 6px 0px 7px; } #recordEnquiryDetails-goodsTab .goods-row .goods-details .small-title, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details .small-title { font-size: 12px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: rgb(102, 102, 102); } #recordEnquiryDetails-goodsTab .goods-row .goods-details .small-content, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details .small-content { font-size: 16px; margin-top: 2px; color: rgb(34, 34, 34); } #recordEnquiryDetails-goodsTab .goods-row .goods-details .pre, #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab pre { word-break: break-all; white-space: pre-wrap; } [lang=zh_CN] #recordEnquiryDetails-goodsTab .goods-row .goods-details .small-title, [lang=zh_CN] #recordEnquiryDetails-goodsTab .goods-title, [lang=zh_CN] #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-row .goods-details .small-title, [lang=zh_CN] #importLCAmendmentDetail .importLCAmendmentDetail-main .importLCADontentContainer .importLCAmendmentDetail-goodsTab .goods-title { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /**********R211detail end**************/ /**********R962edit start**************/ .EditClauseTemplate .containerRight .inputGroup.disabled { opacity: 0.5; user-select: none; pointer-events: none; } .CreateClauseTemplateApplyToAccount .dataLoadMore.loadingMore{ background-image: url(/assets/img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 22px; } .CreateClauseTemplateApplyToAccount .dataLoadMore.loadingMore span{ display: none; } /**********R962edit end**************/ /**********trade overlay start**************/ .gib #overlay .overlayComponentContainer .glossaryContainer .bottomGradient, .gib #overlay .overlayComponentContainer .commentHistoryContainer .bottomGradient, .gib #overlay .overlayComponentContainer .commentHistoryDetailContainer .bottomGradient { bottom: 0 !important; left: 0; } /**********trade overlay end**************/ /************xck common start***********/ .foreignExchangeForwardOrderCreateIn .inputGroupRow .double { margin-top: 54px } #container .container .containerInner .containerRight .contentPage .inputGroupRow.credManaChoose { margin-top: 0px; } .Enquiry .enquiryTopBar .downloadListContainer, .enquiryTopBar .deleteModeDownloadListContainer, .enquiryTopBar div.detailListContainer.dropdown { z-index: 19; } .foreignExchangeSpotOrderAmendInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.paymentSchedule, .foreignExchangeForwardOrderAmendInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.paymentSchedule { display: flex; } .foreignExchangeSpotOrderCreate .updateTime { /* float: right; */ color: #666666; } .foreignExchangeSpotOrderCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acGroup .acWrapper h5 { color: #2885ad; } .foreignExchangeForwardOrderCreate #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acGroup .acWrapper h5 { color: #2885ad; } /************xck common end***********/ /************xck t650 tip start***********/ .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip { position: absolute; top: calc(50% - 13px); left: 92%; background-image: url("../../img/icn_info@3x.png"); background-repeat: no-repeat; background-position: center top; background-size: 22px auto; width: 22px; height: 22px; margin-left: 8px; cursor: pointer; z-index: 1; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip.dateTips { z-index: 10; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip:hover { background-position: center bottom; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip:hover .tooltiptextNext { visibility: visible; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext { position: absolute; top: calc(100% + 10px); right: -6px; width: 320px; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-weight: 400; font-size: 12px; text-align: left; line-height: 16px; color: #666666; padding: 8px; background-color: #FFFFFF; border-radius: 0px; box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3); visibility: hidden; z-index: 2; } [lang=my_MM] .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext { font-size: 8px; } [lang=km_KH] .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext { font-size: 8px; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext:before { content: ''; position: absolute; bottom: 100%; right: 16px; border: solid transparent; border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 9px; margin-right: -9px; z-index: 3; pointer-events: none; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext:after { content: ''; position: absolute; bottom: 100%; right: 16px; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFFFFF; border-width: 8px; margin-right: -8px; z-index: 3; pointer-events: none; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext.left { left: auto; right: -6px; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext.left:before { left: auto; right: 18px; } .enquiry .uploadResult .leftSearchContainer .inputGroup .tooltip .tooltiptextNext.left:after { left: auto; right: 18px; } .enquiry .uploadResult .leftSearchContainer .inputGroup.focus .tooltip { width: 16px; height: 16px; background-size: 16px auto; top: calc(50% -8px); } /************xck t650 tip end***********/ /************xck trade t250 start******/ .dis { cursor: pointer; margin-top: 4px; margin-bottom: 16px; display: table !important; color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600; font-size: 16px; } [lang=my_MM] .dis { font-size: 12px; } [lang=km_KH] .dis { font-size: 12px; } div.dis:after { content: ''; display: inline-block; position: absolute !important; margin-left: 4px; width: 8px; height: 22px; background-image: url("../../img/icn_arrow_right_hover.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px 22px; background-position: 0 1.2px !important; } .dis.dim { user-select: none; pointer-events: none; opacity: 0.5; } .dis:hover { color: #b51a25; } div.dis:hover:after { background-position: -8px 1.2px !important; } .disShow { pointer-events: none; opacity: 0.5 !important; } .disShowA { pointer-events: none; cursor: default; } .foreignExchangeSpotOrderCreateInput .selectric-items .selectric-scroll { max-height: 300px; } .foreignExchangeSpotOrderCreateInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.overHeight .selectric-wrapper.selectric-open .selectric-items { height: auto; } #container .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.inputGroupRowAboutX { padding-bottom: 0px; border-bottom: 0px solid #dddddd; margin-top: 0px; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .acTop.clearX { border-bottom: 0px solid #dddddd; } .TransactionDetailsComplete .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper.beneTo .gridLine { height: 0px; } .TransactionDetailsComplete #container .container .containerInner .containerRight { width: 100%; max-width: 100%; padding-left: 0%; } .TransactionDetailsComplete #container .DetailV .buttonContainer:not(.scrollButtonContainerWithFooter) { position: relative; } .TransactionDetailsComplete #container .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.waiverWrap { border-bottom: 0px solid #dddddd; } /************xck trade t250 end*********/ /************wcb paymentEnquiry start********/ .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.debitAccount .icon-searchHover, .payment .paymentEnquiry .paymentEnquiryContainer .innerContainer .leftSearchContainer .inputGroup.payerAccount .icon-searchHover { width: 22px; height: 22px; position: absolute; right: 0; top: 16px; cursor: pointer; background-position: 0px 0px; background-size: 22px; } /************wcb paymentEnquiry end********/ /************LIZHIYONG COMMON START***/ .TransactionDetailsComplete.ShippingGuaranteeConfirmation .contentPage.gridContainer.confirmationPage { padding-bottom: 0 !important; } /************LIZHIYONG COMMON END***/ /************ding xiongshi start***********/ .WorkQueuePendingDeleteConfirmation.WorkQueuePending .AddCapAccountConfirmation .containerInner, .WorkQueuePendingDeleteConfirmation.WorkQueuePending .EditCapAccountConfirmation .containerInner { min-height: inherit; } .WorkQueuePendingDeleteConfirmation.WorkQueuePending .AddCapAccountConfirmation .containerRight .contentPage, .WorkQueuePendingDeleteConfirmation.WorkQueuePending .EditCapAccountConfirmation .containerRight .contentPage { padding-bottom: 0px !important; } .EditMyProfile .editMyProfile .dailyLimit .unit { width: 34px; } .EditMyProfile #container .profileForm .containerRight .selectric-wrapper .selectric-items { overflow: auto; } /************ding xiongshi end********/ /**********************zsz trd 311 start********************/ .importCollectDetailsPending ul li.statusPendingForAction span, .importCollectDetailsPending ul li.pending.statusPendingForAction { color: #f5a623; } .importCollectDetailsPending ul li.statusCompletedAndSent span, .importCollectDetailsPending ul li.pending.statusCompletedAndSent { color: #01bc88; } .importCollectDetailsPending ul li.statusRepaid span, .importCollectDetailsPending ul li.pending.statusRepaid { color: #b51a25; } .importCollectDetailsPending ul li.empty span, .importCollectDetailsPending ul li.pending.empty { color: black; } /**********************zsz trd 311 end********************/ /**********************dkf start********************/ .importLCDetailsDoc .inputGroupRow .inputRow .inputGroup { width: 50% !important; display: block !important; } #ImportLCDetailsDoc .content-holder .content-item { margin-right: 0px; } .container .importLCDetailsDoc .participantSection .inputGroupRow .inputRow .acGroup .acWrapper { min-height: 426px !important; } .repaymentHistoryTab>.section { padding: 32px 0 0 16px; } .ImportLCCollectionDetails .heading-menu .functionButton.icon-glossary { cursor: pointer; } .TradeDetails .correspondenceTab .section, .TradeDetails .relatedRecordTab .section, .TradeDetails .repaymentHistoryTab .section { min-height:300px !important; padding:32px 32px 10px 16px; } .TradeDetails .section .nodataContent{ top:175px !important; } .TradeDetails.active{ min-height:500px; } .r220Detail .grey-line { border-bottom: 1px solid #dddddd; margin: 32px 0; } .r220Detail .advice-holder .grey-line { border-bottom: 1px solid #dddddd; margin: 16px 0; } .r220Detail .advice-subtitle { font-size: 24px; color: #222222; margin-bottom: 16px; margin-top: 32px; } .r220Detail .advice-subtitleTwo { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; margin-bottom: 30px; } .r220Detail .advice-box { margin-bottom: 48px; } .r220Detail .advice-holder .holder-title { font-size: 20px; color: #222222; } .r220Detail .advice-holder .holder-item:before { content: ''; border-top: 3px solid #7c878e; width: 10%; display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; } .r220Detail .advice-holder .holder-item:after { content: ''; border-top: 3px solid #9d2235; width: 90%; display: inline-block; position: absolute; top: 0; left: 10%; } .r220Detail .advice-holder .detail-box { margin-top: 4px; } .r220Detail .advice-holder .detail-title.line:after { content: ''; display: inline-block; margin: 0 8px; height: 16px; width: 1px; background-color: #dddddd; } .r220Detail .advice-holder .detail-content.bold { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .r220Detail .advice-holder .detail-content { font-size: 12px; color: #222222; } .r220Detail .advice-holder .detail-title { font-size: 12px; color: #222222; margin-bottom: 4px; } .r220Detail .advice-holder .detail-item { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; } .r220Detail .advice-holder .detail-data { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: baseline; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: baseline; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: baseline; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: baseline; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: baseline; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: baseline; } .r220Detail .advice-holder .holder-subtitle { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; } .r220Detail .small-title { font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } .r220Detail .small-content { font-size: 16px; margin-top: 2px; color: #222222; } .r220Detail .advice-holder .holder-item { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; min-height: 0; max-width: 50%; box-sizing: border-box; position: relative; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); background-color: #FFFFFF; padding: 20px 16px 30px; margin-right: 16px; margin-bottom: 16px; } .r220Detail .advice-holder { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: stretch; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; flex-basis: 50%; padding: 0 1px; } .r220Detail .advice-subtitle { font-size: 24px; color: #222222; margin-bottom: 16px; margin-top: 32px; } .r220Detail .advice-subtitleThree { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; margin-bottom: 16px; } .r220Detail .content-holder .content-item { margin-right: 0px; } .r220Detail .item-description { white-space: pre-line; } .r220Detail .advice-description { font-size: 14px; max-width: 70%; color: #666666; margin-bottom: 24px; } .r220Detail .content-item { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; min-height: 0; padding: 6px 0 7px; max-width: 50%; box-sizing: border-box; margin-bottom: 16px; margin-right: 16px; } .r220Detail .content-holder { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-basis: 50%; } #ImportLCDetailsDoc .paymentNavContainer::after{ left: 0 !important; right: 0 !important; } #ImportLCDetailsDoc .paymentContentContainer .correspondenceTab, #ImportLCDetailsDoc .paymentContentContainer .particularTab { padding: 0 !important; } #ImportLCDetailsDoc .paymentContentContainer .particularTab { min-height:500px !important; } .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.searchPopup label, .searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.searchPopup input { width: calc(100% - 30px) !important; } .scBuyerPaymentLanding.searchPanel .searchResultContainer .leftSearchContainer .searchPanel .inputGroup.searchPopup label{ width: auto !important; } .myTradeProfileLanding .searchResultContainer{ min-height:calc(100vh - 120px - 138px - 61px - 73px + 40px) !important; } .paymentContentContainer .r220Detail2 .section .subtitle.spaceBottom, .paymentContentContainer .correspondenceTab .section .subtitle.spaceBottom { margin-bottom: 16px !important; } .paymentContentContainer .r220Detail2 .section .subtitle.spaceExtraTop, .paymentContentContainer .correspondenceTab .section .subtitle.spaceExtraTop { margin-top: 32px !important; } .paymentContentContainer .r220Detail2 .section .subtitle{ font-size: 16px !important; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 700 !important; color: #222222; } [lang=zh_CN] .paymentContentContainer .r220Detail2 .section .subtitle{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important; } .bankGuaranteeAdmendmentDetail .correspondenceTab.TradeDetails .section{ padding-left:16px; } .approvedSupplierLanding.n120 .leftSearchContainer, .registrationMaintenanceLanding.n140 .leftSearchContainer { min-height: 570px !important; } /**********************wcb trd 970 detail start********************/ #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb .atb-subtitle { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; color: #222222; margin: 32px 0 0 0; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb .atb-subtitle { font-size: 12px; } [lang=km_KH] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb .atb-subtitle { font-size: 12px; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb .functionButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; background-position: left top; background-repeat: no-repeat; background-size: 22px; color: #666666; width: 22px; height: 22px; margin: 32px 0 0 0; cursor: pointer; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .expandatb .functionButton:hover { background-position-y: -22px; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container { transition: max-height 0.2s ease-out; overflow: hidden; max-height: 0px; padding: 0 16px 0 16px; background-color: #f8f8f8; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row { padding: 16px 0 16px 0; border-bottom: 1px solid #dddddd; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row:last-child { border-bottom: 0px; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-name { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; color: #222222; margin-bottom: 4px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-name { font-size: 12px; } [lang=km_KH] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-name { font-size: 12px; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-account { font-size: 12px; padding-top: 4px; } [lang=my_MM] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-account { font-size: 8px; } [lang=km_KH] #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-account { font-size: 8px; } #myTradeCounterpartyDetailsNonSCF .counterPartyDetails-main .details-row .atb-container .atb-row .atb-account .separator { display: inline-block; vertical-align: middle; color: #dddddd; margin: -1px 8px 0; } /**********************wcb trd 970 detail end********************/ /**********************lhn txnHeader start********************/ * { margin: 0; padding: 0; } .txnHeaderWrapper { position: relative; box-sizing: border-box; } .txnHeaderWrapper .viewMoreWrapper { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; margin: 32px 0 16px; } .txnHeaderWrapper .headerTitle.noMargin { margin: 0px !important; font-size: 24px; } .txnHeaderWrapper .viewMore { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 14px; color: #666666; cursor: pointer; } .txnHeaderWrapper .logAndCommentContainer { background-color: #f8f8f8; padding: 16px; } .txnHeaderWrapper .logAndCommentTitle { padding-bottom: 16px; border-bottom: 1px solid #dddddd; } .txnHeaderWrapper .logAndCommentTitle h3 { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; margin-bottom: 4px; } .txnHeaderWrapper .logNum { margin-right: 8px; } .txnHeaderWrapper .logAndCommentContainer ul { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 14px; padding-left: 20px; } .txnHeaderWrapper .logAndCommentContainer ul li { color: #f5a623; } .txnHeaderWrapper .logAndCommentContainer ul li span { position: relative; left: -5px; color: #f5a623; } .txnHeaderWrapper .lastAction { font-size: 11px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; margin: 4px 0 0; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .txnHeaderWrapper .comment { padding-top: 8px; padding-bottom: 16px; } .txnHeaderWrapper .commentTitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; margin-bottom: 8px; font-size: 12px; color: #666666; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .txnHeaderWrapper .commentContent { font-size: 12px; color: #666666; margin-bottom: 0; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /**********************lhn txnHeader end********************/ /************** M515 xiao yuzhong start ***********/ .icon-userHover { background-size: 22px; } /************** M515 xiao yuzhong end ************/ /********************** ding xiongshi start********************/ #container .formContent.preferredNameTop { padding-top: 15px; } #container .headerTitle.preferredNameTitle { padding-bottom: 0px; margin: 0px; } #container .inputGroupRow.preferredNameBottom { border-bottom: 0px; } .InformationManagement .informationManagementDownload .rightResultContainer .rightResultContainerWrapper{ overflow:hidden; } /********************** ding xiongshi end********************/ /**********************t280 xck start***********************/ .foreignExchangeSpotOrderAmendInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.debitAmt .unit, .foreignExchangeSpotOrderAmendInput #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .unit { display: inline-table; } body.foreignExchangeSpotOrderCreateInput #root #page #container { margin-top: 60px; } .quotesContainer .selectric-wrapper.selectric-open .selectric-items { max-height: 300px; opacity: 1; transition: max-height .8s, opacity .1s; } .quotesContainer .selectric-wrapper .selectric-items { display: block; max-height: 0; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .quotesContainer .selectric-wrapper .selectric { margin-top: 12px; } .quotesContainer .tableHeaderGroup { margin-top: 0px; padding: 8px 54px 8px 16px !important; } .quotesContainer .tableRow { padding: 16px 54px 16px 16px !important; } .foreignExchangeSpotOrderAmendInput #container .container .containerInner .containerRight .contentPage,.foreignExchangeForwardOrderAmendInput #container .container .containerInner .containerRight .contentPage { padding-bottom: 207px; } /**********************t280 xck end***********************/ /********************* s400 start***************************/ /* .collections #container .errorContent { background-color: transparent; } */ /********************* s400 end***************************/ /********************* m201 download start*************/ .accountActivities .uploadResultContactBox .accountActivityDownloadListContainer .requestSelection { margin-bottom: 8px; } .enquiry .accountActivities .uploadResultContactBox .accountActivityDownloadListContainer.showContainer { height: auto; } .enquiryContentContainer .accountActivities .enquiryTopBar .deleteModeDownloadListContainer.deleteModeDownloadListContainer .selectric-items.show { height: auto !important; } .enquiry .accountActivities .enquiryTopBar .deleteModeDownloadListContainer .selectric-items { height: auto !important; } /********************* m201 download end*************/ /********************** zhou yulan r711 start **********************/ /* body.GlobalTradeCentre #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer { margin-right: 15px; } */ body.GlobalTradeCentre #container .globalTradeCentre .globalTradeCentreContentContainer .billsAdvanceDADPLanding.searchPanel .profileCard input:checked+label { border: 0; } body.ExportDADPAdvanceDetail #container .exportDADPAdvanceDetail .paymentNavContainer{ max-width: 1600px; margin: auto; border-bottom:0; } body.ExportDADPAdvanceDetail #container .exportDADPAdvanceDetail .paymentNavContainer .paymentNavContainer_nav{ border-bottom: 1px solid #dddddd; margin: 0 16px; min-width: 992px; } body.ExportDADPAdvanceDetail #container .exportDADPAdvanceDetail .paymentContentContainer.paymentContentContainerWrapper{ margin-bottom:32px; } /********************** zhou yulan r711 end **********************/ /********************* r900 start***************************/ #container .searchPanel.recordEnquiryLanding .profileCard{ display: block; } .clickHere.forR900Detail a{ font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .clickHere.forR900Detail a { font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #recordEnquiryTransferIssuance .recordDetails-main .details-row.section{ padding-top: 0px; } .tab { padding: 0 16px; margin-bottom: 64px; } .correspondenceTab .section .gridLine.border { border-bottom: 1px solid #dddddd; } .correspondenceTab>.section { padding-top: 32px; } .correspondenceTab .section .subtitle, .relatedRecordTab .section .relatedRecord-subtitle { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; color: #222222; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .correspondenceTab>.section .correspondenceTable { width: 100%; } .correspondenceTab>.section .correspondenceTable tr { border: 1px solid #D8D8D8; } .correspondenceTab>.section .correspondenceTable tr th { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; font-size: 14px; background-color: #F1F1F1; border: 1px solid #D8D8D8; color: #222222; padding: 10px 21px; text-align: left; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #container .correspondenceTab>.section .correspondenceTable tr th, #container .correspondenceTab .section .subtitle, #container .relatedRecordTab .section .relatedRecord-subtitle, #container .repaymentHistoryTab.TradeDetails .tab-subtitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; } [lang=zh_CN] #container .correspondenceTab>.section .correspondenceTable tr th, [lang=zh_CN] #container .correspondenceTab .section .subtitle, [lang=zh_CN] #container .relatedRecordTab .section .relatedRecord-subtitle, [lang=zh_CN] #container .repaymentHistoryTab.TradeDetails .tab-subtitle{ font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .correspondenceTab>.section .correspondenceTable tr th { font-size: 10px; } [lang=km_KH] .correspondenceTab>.section .correspondenceTable tr th { font-size: 10px; } .correspondenceTab>.section .correspondenceTable tr td { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 16px; border: 1px solid #D8D8D8; color: #000000; padding: 10px 21px; vertical-align: middle; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #container .correspondenceTab>.section .correspondenceTable tr td { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } [lang=my_MM] .correspondenceTab>.section .correspondenceTable tr td { font-size: 12px; } [lang=km_KH] .correspondenceTab>.section .correspondenceTable tr td { font-size: 12px; } .correspondenceTab>.section .correspondenceTable tr td .name { cursor: pointer; } .correspondenceTab>.section .correspondenceTable tr td:last-child { background-image: url("../../img/btn-grey-arrow-right@3x.png"); background-position: right 16px center; background-repeat: no-repeat; background-size: auto 25px; } #tab-relatedRecord { padding-top: 28px; } #tab-relatedRecord .relatedRecord-header { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: stretch; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; margin-bottom: 15px; } #tab-relatedRecord .relatedRecord-header .relatedRecord-subtitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-size: 16px; color: #222222; line-height: 32px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #tab-relatedRecord .relatedRecord-header .relatedRecord-subtitle { font-size: 12px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-header .relatedRecord-subtitle { font-size: 12px; } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher { padding: 0; } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: stretch; list-style: none; border: 1px solid #dddddd; border-radius: 4px; overflow: hidden; } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li { cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 22px; border-right: 1px solid #dddddd; height: 30px; width: 53px; } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li[data-view-type="card"] { background-image: url("../../img/icn_list.png"); } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li[data-view-type="table"] { background-image: url("../../img/icn_table.png"); } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li[data-switch-on="true"] { background-color: #b51a25; } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li[data-switch-on="true"][data-view-type="card"] { background-image: url("../../img/icn_list_white.png"); } #tab-relatedRecord .relatedRecord-header .relatedRecord-control .cardTableSwitcher .iconNav li[data-switch-on="true"][data-view-type="table"] { background-image: url("../../img/icn_table_white.png"); } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: stretch; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card { cursor: pointer; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); box-sizing: border-box; height: 125px; margin-bottom: 16px; padding: 16px; width: calc(50% - 8px); } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card:nth-child(even) { margin-right: 16px; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card:last-child, #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card:nth-last-child(2) { margin-bottom: 0; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 12px; color: #222222; margin-bottom: 4px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem { font-size: 8px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem { font-size: 8px; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-extraLarge, #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-large { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-large { font-size: 14px; } [lang=my_MM] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-large { font-size: 10px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-large { font-size: 10px; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-extraLarge { font-size: 18px; margin-bottom: 8px; } [lang=my_MM] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-extraLarge { font-size: 14px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem.cardItem-extraLarge { font-size: 14px; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card .relatedRecord-cardItem:last-child { margin-bottom: 0; } #tab-relatedRecord .relatedRecord-content[data-view-type="card"] .relatedRecord-card.card-header { display: none; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] { border: 1px solid #dddddd; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: stretch; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 10px 16px; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem .relatedRecord-cardItemTitle { display: none; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem .relatedRecord-cardItemValue { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 14px; color: #222222; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem .relatedRecord-cardItemValue { font-size: 10px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem .relatedRecord-cardItemValue { font-size: 10px; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem .relatedRecord-cardItemValue.tableItem-bold { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem:first-child, #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem:nth-child(2) { width: 18%; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem:nth-child(3) { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; min-height: 0; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card .relatedRecord-cardItem:last-child { border-right: 0; width: 10%; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem { background-color: #b51a25; cursor: pointer; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem .relatedRecord-cardItemTitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 600; font-size: 14px; color: #FFFFFF; display: block; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem .relatedRecord-cardItemTitle { font-size: 10px; } [lang=km_KH] #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem .relatedRecord-cardItemTitle { font-size: 10px; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem .relatedRecord-cardItemTitle:after { content: ''; display: inline-block; height: 19px; width: 10px; vertical-align: top; margin-left: 4px; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem[data-sort-direction="down"] .relatedRecord-cardItemTitle:after { background-image: url("../../img/icn_sort_arrow_down_white.svg"); background-position: center; background-repeat: no-repeat; background-size: 10px 16px; display: inline-block; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card.card-header .relatedRecord-cardItem[data-sort-direction="up"] .relatedRecord-cardItemTitle:after { background-image: url("../../img/icn_sort_arrow_up_white.svg"); background-position: center; background-repeat: no-repeat; background-size: 10px 16px; display: inline-block; } #tab-relatedRecord .relatedRecord-content[data-view-type="table"] .relatedRecord-card:last-child .relatedRecord-cardItem { border-bottom: 0; } #tab-relatedRecord .relatedRecord-content.loading { height: 100px; } #tab-relatedRecord .relatedRecord-content.loading[data-view-type="table"] { background-image: url("../../img/loader.gif"); background-position: center 55px; background-repeat: no-repeat; background-size: 30px; } #tab-relatedRecord .relatedRecord-content.loading[data-view-type="table"] .relatedRecord-card:not(.card-header) { display: none; } #repaymentHistoryTab .bold { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family : "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #repaymentHistoryTab .tab-container { max-width: 1600px; margin: 55px auto 0; } #repaymentHistoryTab .tab-box { margin-bottom: 48px; } #repaymentHistoryTab .tab-title { position: relative; } #repaymentHistoryTab .tab-title .btn-tab { font-size: 16px; color: #666666; margin-right: 24px; } [lang=my_MM] #repaymentHistoryTab .tab-title .btn-tab { font-size: 12px; } [lang=km_KH] #repaymentHistoryTab .tab-title .btn-tab { font-size: 12px; } #repaymentHistoryTab .tab-title ul { list-style-type: none; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #dddddd; padding-bottom: 5px; } #repaymentHistoryTab .tab-title ul li { position: relative; } #repaymentHistoryTab .tab-subtitle { font-size: 24px; color: #222222; margin-bottom: 16px; margin-top: 32px; } [lang=my_MM] #repaymentHistoryTab .tab-subtitle { font-size: 20px; } [lang=km_KH] #repaymentHistoryTab .tab-subtitle { font-size: 20px; } #repaymentHistoryTab .tab-subtitle.shortcuts { margin-bottom: 8px; } #repaymentHistoryTab .tab-subtitle.small { font-size: 16px; } [lang=my_MM] #repaymentHistoryTab .tab-subtitle.small { font-size: 12px; } [lang=km_KH] #repaymentHistoryTab .tab-subtitle.small { font-size: 12px; } #repaymentHistoryTab .table-folder { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: vertical; box-direction: normal; box-pack: start; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: column; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: column; -webkit-justify-content: flex-start; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; align-items: stretch; border: 1px solid #dddddd; } #repaymentHistoryTab .table-tr { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: stretch; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: stretch; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: stretch; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: stretch; border-bottom: 1px solid #dddddd; } #repaymentHistoryTab .table-tr:last-child { border-right: 0; border-bottom: 0; } #repaymentHistoryTab .table-content, #repaymentHistoryTab .table-date, #repaymentHistoryTab .table-title { width: 50%; color: #222222; padding: 10px 21px; } #repaymentHistoryTab .table-content:nth-child(odd), #repaymentHistoryTab .table-date:nth-child(odd), #repaymentHistoryTab .table-title:nth-child(odd) { border-right: 1px solid #dddddd; } #repaymentHistoryTab .table-title { font-size: 14px; background-color: #F1F1F1; } [lang=my_MM] #repaymentHistoryTab .table-title { font-size: 10px; } [lang=km_KH] #repaymentHistoryTab .table-title { font-size: 10px; } #repaymentHistoryTab .table-date { font-size: 16px; } [lang=my_MM] #repaymentHistoryTab .table-date { font-size: 12px; } [lang=km_KH] #repaymentHistoryTab .table-date { font-size: 12px; } #repaymentHistoryTab .table-content { font-size: 16px; position: relative; } [lang=my_MM] #repaymentHistoryTab .table-content { font-size: 12px; } [lang=km_KH] #repaymentHistoryTab .table-content { font-size: 12px; } /********************* r900 end***************************/ /**************** treasury search button start **********/ .searchResultContainer .leftSearchContainer .btnWrap .disable { user-select: none; pointer-events: none; opacity: 0.5; } /**************** treasury search button end **********/ /********************* s404 erroe message start****/ body #container div[class*=ContainerWrapper] .reZero .errorContent { position: relative; top: 50px; margin-bottom: 100px; } body #container .reZeroT .errorContent { position: relative; top: 50px; margin-bottom: 100px; } body #container div[class*=ContainerWrapper] .reZero .nodataContent { position: relative; top: 50px; margin-bottom: 100px; } body #container .reZeroT .nodataContent { position: relative; top: 50px; margin-bottom: 100px; } body.Error404 .errorContainer .containerRight .contentPage { min-height: 0px; } .Error404 div#langBTNContent { transform: translate3d(-170px, 0px, 0px); position: relative; } .Error404 .header .bannerContainer .banner .right-banner .language .dropdown-menu .dropdown-item { width: 165px; } .Error404 .container .errorContainer .containerRight { height: auto; } .Error404 .language{ max-width: 36px; } .Error404 .container{ min-width: 1024px; } .Error404 .header .bannerContainer .banner .right-banner .language .dropdown-menu.show{ margin-right: -164px; } /********************* s404 erroe message end****/ /********************* trade wdf r310 r971 start***************************/ #r310Form .inputGroup.invalid .formLabelSpan { color: #b51a25; } #r310Form .inputGroup .formLabelSpan { font-weight: 400; } #r310Form .detailsOfCharges .cashmarginPopUpContainer { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: start; position: relative; } #r310Form .detailsOfChargesAccount { width: 100%; } .r310Refuse .detailChargesSection .textareabox { width: 100%; } #r310RefuseForm .inputGroup.invalid .formLabelSpan { color: #b51a25; } #r310RefuseForm .inputGroup .formLabelSpan { font-weight: 400; } #r310RefuseForm .detailsOfCharges .cashmarginPopUpContainer { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: start; position: relative; } #r310RefuseForm .detailsOfChargesAccount { width: 100%; } .r972EditAddTrade .newTradeEidt { color: #2885ad !important; } .r972EditAddTrade .oldTradeEdit { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 12px; line-height: 17px; color: #666666; padding-left: 20px; margin-top: 4px; background-image: url(/assets/img/icn_previous.png); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; } .r972EditAddTrade .oldTradeEditdouble { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; font-weight: 400; font-size: 12px; line-height: 17px; color: #666666; padding-left: 20px; margin-top: 4px; background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; } .r972EditAddTrade .applicantWrapperDouble { height: 210px !important; position: relative; width: 100%; margin-bottom: 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); padding: 16px 16px 4px; box-sizing: border-box; } .ImportCollectionAccept [data-targettab=general] .cashmarginPopUpContainer.invalid .cashMarginWrapper,.ImportCollectionRefuse [data-targettab=general] .cashmarginPopUpContainer.invalid .cashMarginWrapper{ border: 1px solid #b51a25; border-top: 0; } .ImportCollectionAccept [data-targettab=general] .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText,.ImportCollectionRefuse [data-targettab=general] .cashmarginPopUpContainer.invalid .cashMarginWrapper .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText{ color: #b51a25; } .r310txDetail .importCollectDetailsPending ul{ margin:0px!important; } .r310txDetail .participantSection .inputGroupRow .inputRow .acGroup .acWrapper { min-height: 426px!important; } .r310txDetail .inputGroupRow { padding-bottom:0!important; border-bottom: none!important; } .r310txDetail .inputGroupRow:last-child { padding-bottom: 32px; } .r310txDetail .inputRow .acWrapper { margin-bottom: 0!important; } .r310txDetail .subtitle.spaceTop{ margin-top: 16px!important; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體!important; } .r310txDetail .inputGroupRow .inputRow .inputGroup{ display: block!important; width:50%!important; height:auto!important; } .r310txDetail .docReceived .remindMessage{ font-size: 14px!important; color: #666666!important; word-break: break-all; } .r310txDetail .gridLine.border { border-top-width: 0!important; } .ImportCollectionAccept .cardContainer.r310Card{margin-bottom: 0!important;} .ImportCollectionAccept .settleAmount [form-component=inputCurrency] .inputGroup .fwdSpot .selectric-wrapper .selectric{ margin-top: 0px!important; } .ImportCollectionAccept .settleAmount [form-component=inputCurrency] .inputGroup .fwdSpot .selectric-wrapper{ width:auto!important; } .ImportCollectionAccept .tradeCard .tradeFwdSpot{ width:100%; } .ImportCollectionAccept [data-targettab=general] .docReceived .confirmInput,.ImportCollectionAccept span.companyName{ word-break: break-all; } .r310Refuse [data-targettab=general] .docReceived .confirmInput,.r310Refuse span.companyName{ word-break: break-all; } .ImportCollectionRefuse [data-targettab=general] .docReceived .confirmInput ,.ImportCollectionRefuse span.companyName{ word-break: break-all; } .ImportCollectionAcceptConfirmation .detailChargesSection { border-bottom: 1px solid #dddddd; padding-bottom: 10px; } .ImportCollectionAcceptConfirmation [data-targettab=acceptDisc]{ border-bottom: 1px solid #dddddd; } #r310RefuseConfirm .detailChargesSection { border-bottom: 1px solid #dddddd; padding-bottom:10px; } #r310RefuseConfirm [data-targettab=refuseDisc] .confirmGroupContainer .confirmSection{ border-bottom: 1px solid #dddddd; padding-bottom:32px; margin-bottom: 0px; } .SelectTradeCounterpartyDetails .inputGroupContainer.address .inputGroup { height: auto; flex-wrap: wrap; border-bottom: 0; } .SelectTradeCounterpartyDetails .inputGroupContainer.address .inputGroup .formLabel { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; transition: bottom 0.3s, font-size 0.3s; position: static; } .SelectTradeCounterpartyDetails .inputGroupContainer.address .inputGroup .formInput { position: relative; width: 100%; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; color: #222222; padding: 0px; margin: 0px; height: 38px; border-bottom: 1px solid #dddddd; } .SelectTradeCounterpartyDetails .inputGroupContainer.address .inputGroup.invalid .formInput{ border-bottom: 1px solid #b51a25; color: #b51a25; } .SelectTradeCounterpartyDetails .inputGroupContainer.address .inputGroup.invalid .formLabel{ color: #b51a25; } .SelectTradeCounterpartyResult .contentPage .completedWrapper .completedMsg .detail h3.ref{ cursor: initial; } .SelectTradeCounterpartyResult .contentPage .completedWrapper .completedMsg .detail h3 a:hover{ cursor: default !important; color: #666666 !important; } .SelectTradeCounterpartyResult .contentPage .completedWrapper .completedMsg .detail h3.ref:hover{ cursor: default !important; } .AcceptExportLCAmend .inputGroup.invalid .formLabelSpan{ color: #b51a25; } .AcceptExportLCAmend .inputGroup .formLabelSpan{ font-weight: 400; } .AcceptExportLCAmend [form-component=navBar] .formNavContainer ul li.haveError:after{ position: absolute; } .AcceptExportLCAmend .height350 { height: auto; min-height: 350px; } .AcceptExportLCAmend .beneficiaryPopupContainer, .AcceptExportLCAmend .accountContainer, .AcceptExportLCAmend .bankContainer { padding: 10px 0 32px; } .AcceptExportLCAmend span.companyName{ word-break: break-all; } .r241accept .beneficiaryPopupContainer,.r241accept .accountContainer,.r241accept .bankContainer{ padding : 10px 0 32px; } .r241accept .height350{ height : auto; min-height : 350px; } .r241accept span.companyName{ word-break: break-all; } .AcceptExportLCAmend .container .containerRight,.AcceptExportLCAmendConfirmation .container .containerRight, .ImportCollectionAccept .container .containerRight,.ImportCollectionAcceptConfirmation .container .containerRight, .ImportCollectionRefuse .container .containerRight{ box-sizing:content-box; } .ImportCollectionAccept [data-targettab=acceptDisc] .inputSection.settleAmt .tradeFwdSpot .selectric-items{ min-width: 200px!important; } .touchDevice .AcceptExportLCAmend #root,.touchDevice .AcceptExportLCAmendConfirmation #root,.touchDevice .AcceptExportLCAmendResult #root, .touchDevice .ImportLCDocCleanBillAccept #root,.touchDevice .ImportLCDocRefuse #root, .touchDevice .ImportCollectionAccept #root,.touchDevice .ImportCollectionAcceptConfirmation #root, .touchDevice .ImportCollectionRefuse #root{ z-index:auto!important; } .gib .EditTradeProfile [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li:nth-child(2):before{border-bottom: 1px solid #dddddd;} .EarlyPaymentDetailsWithInstruction .tab-folder .folder-subtitle,.BuyerPaymentMaintenanceDetailsFutureDated .id-container .insRecord-row .insRecord-name{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #N820InputForm .inputGroup.searchPopup .formLabel{width: calc(100% - 30px)!important;} .ScBuyerPayment .buttonContainer .buttonLeft .backHoverButton:hover , .EarlyPaymentDetails .buttonContainer .buttonLeft .backHoverButton:hover{ color: #b51a25 !important; } .ScBuyerPayment .buttonContainer .buttonLeft .backHoverButton:hover::before, .EarlyPaymentDetails .buttonContainer .buttonLeft .backHoverButton:hover::before { background-position: center bottom; } /********************* trade wdf r310 r971 end***************************/ /******************** t290 xck start ****************/ .foreignExchangeSpotOrderCancel #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper .debit.acTop { border-bottom: 0; } /******************** t290 xck end ****************/ /********************* trade cj start***************************/ .boxShaDowInvalid.invalid { box-shadow: 0 2px 4px 0 #b51a25 !important; } .borderInvalid.invalid { border: 1px solid #b51a25 !important; } .invalid .invalidText { color: #b51a25 !important; } .gib [form-component=navBar] .formNavContainer .formNav ul li{ margin-right: 16px !important; margin-left:16px; } .wordwrap{ word-wrap: break-word; width:100%; } .unitLabel{ width: 50%; flex: 1 1 auto; } .navContainer .companyItm .companyName{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:90%; } .navContainer .detailsOfChargesSection .companyItm .companyName{ width: 85%; } .gib [form-component=navBar] .navContainer .subTitle.recovery{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 14px; padding-bottom: 24px; margin-top: 0px; } .lastUpdateRow .lastUpdateTime .lastTime{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #666666; } #commonCreditLimit.showCreditLimitWrapper{ position: absolute; top: 55px; left: 0px; display: flex; cursor: pointer; margin-top: 4px; margin-bottom: 16px; } #viewPoNumberDetail.viewPoNumberWrapper{ top: 55px; left: 0px; display: flex; margin-top: 4px; margin-bottom: 16px; cursor: default; } #viewPoNumberDetail.viewPoNumberWrapper .viewPoNumberDetail{ cursor: pointer; } #commonCreditLimit.showCreditLimitWrapper.inactive{ opacity: 0.5; cursor: default; pointer-events: none; } #commonCreditLimit.showCreditLimitWrapper .showCreditLimit,#viewPoNumberDetail.viewPoNumberWrapper .viewPoNumberDetail{ color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; } #commonCreditLimit.showCreditLimitWrapper .showCreditLimit::after,#viewPoNumberDetail.viewPoNumberWrapper .viewPoNumberDetail::after{ content: ''; display: inline-block; position: absolute; margin-left: 4px; width: 8px; height: 22px; background-image: url(../../img/icn_arrow_right_hover.svg); background-repeat: no-repeat; background-size: 16px 22px; background-position: 0 0 !important; } #commonCreditLimit.showCreditLimitWrapper:not(.inactive):hover .showCreditLimit,#viewPoNumberDetail.viewPoNumberWrapper .viewPoNumberDetail:hover{ color: #b51a25; } #commonCreditLimit.showCreditLimitWrapper:not(.inactive):hover .showCreditLimit::after,#viewPoNumberDetail.viewPoNumberWrapper .viewPoNumberDetail:hover::after{ background-position: -8px 0 !important; } #overlay .overlayComponentContainer .addNewAccountContainer{ width:656px !important; } .container pre{ font-size: 100%; color: #000000; } .navContainer .expander .blockContent div>pre{ word-break: keep-all; white-space: pre-wrap; } .navContainer .confirmInput pre,.navContainer .inputTitle pre{ word-break: break-all; white-space: pre-wrap; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222; } .touchDevice.RepaymentInstrucSingle body #root, .RepaymentInstrucSingleConfirmation.touchDevice body #root{ z-index:auto!important; } .tradePointSubtitle{ font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; color: #222222; margin-bottom: 16px; } [lang=zh_CN] .tradePointSubtitle{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .tradePointSubtitle{ font-size: 12px; } [lang=km_KH] .tradePointSubtitle{ font-size: 12px; } .tradePointSmallremindMessage{ font-size: 14px; color: #222222; margin-bottom: 24px; } .col-3 .introImg.icn-home-gpi{ background-image: url(../../img/icn_GPI_hover_1.svg); } .showChargesContainer.trialBocGpi { margin-top: -36px; } .showChargesContainer.trialBocGpi .showCharges { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; display: inline-block; color: #666666; cursor: pointer; } [lang=zh_CN] .showChargesContainer.trialBocGpi .showCharges { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .showChargesContainer.trialBocGpi .showCharges.disabled { opacity: 0.5; } .showChargesContainer.trialBocGpi .showCharges:after { content: ''; position: relative; display: inline-block; width: 10px; height: 12px; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0px -1px; background-repeat: no-repeat; background-size: auto; left: 0px; } .showChargesContainer.trialBocGpi .showCharges:hover:after { background-position: -8px -1px; } .showChargesContainer.trialBocGpi .showCharges:hover { color: #b51a25; } .showChargesContainer.trialBocGpi .showCharges.disabled:hover { cursor: default; color: #666666; } .showChargesContainer.trialBocGpi .showCharges.disabled:hover:after{ background-position: 0px -1px; } /********************* trade cj end***************************/ /**********t260 xck start****************/ .foreignExchangeForwardOrderCreateIn .selectric-items .selectric-scroll{ max-height: 300px; } .foreignExchangeForwardOrderCreateIn #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.overHeight .selectric-wrapper.selectric-open .selectric-items { height: auto; } .TransactionDetailsComplete #container .container .containerInner .containerRight .contentPage .stepTwoForm .inputGroupRow.waiverWrap{ border-bottom: 0px solid #dddddd; } .foreignExchangeForwardOrderCreateIn #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.debitAmt .unit, .foreignExchangeForwardOrderCreateIn #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .unit { display: inline-table; } .foreignExchangeForwardOrderCreateIn #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .inputGroup.paymentAmt .payment.dropdown .selectric-wrapper .selectric{ padding-right: 15px; } .foreignExchangeForwardOrderCreateIn .inputGroupRow .double{ margin-top:54px } .foreignExchangeForwardOrderCreateIn .updateTime{ /* float: right; */ color: #666666; } .confirmGroupContainer.bottomD{ margin-bottom: 22px !important; margin-top: 5px !important; } #container .container .containerInner .bottomD .remarks { font-size: 16px; color: #222222; } .foreignExchangeForwardOrderCreateIn #container .container .containerInner .containerRight .contentPage .selectric-wrapper .selectric-items li { word-wrap: break-word; word-break: normal; } /**********t260 xck end****************/ /*******icon start*************/ .icon:hover .displayBlock { color: #b51a25; } .icon-rpp:before { background-image: url("/assets/img/icn_dashboard_home.png"); } .icon-rtgs:before { background-image: url("/assets/img/icn_RTGS_Copy_3.png"); } .icon-transfer:before { background-image: url("/assets/img/icn_TransferCopy_3.png"); } .icon-record-enquiry-hover:before{ background-image: url("/assets/img/icn_record_enquiry.png"); } .icon-commercial-financial-instrument-enquiry-hover:before{ background-image: url("/assets/img/icn_commercial_financial_instrument_enquiry.png"); } .icon-interest-enquiry-hover:before{ background-image: url("/assets/img/icn_interest_enquiry.png"); } .icon-credit-limit-enquiry-hover:before{ background-image: url("/assets/img/icn_credit_limit_enquiry.png"); } .icon-my-trade-profile-hover:before{ background-image: url("/assets/img/icn_my_trade_profile.png"); } .icon-my-transaction-template-maintenance-hover:before{ background-image: url("/assets/img/icn_my_transaction_template_maintenance.png"); } .icon-my-clause-template-maintenance-hover:before{ background-image: url("/assets/img/icn_my_clause_template_maintenance.png"); } .icon-my-trade-counterparty-maintenance-hover:before{ background-image: url("/assets/img/icn_my_trade_counterparty_maintenance.png"); } .icon-treasury-foreign-exchange-hover:before{ background-image: url("/assets/img/icn_foreign_exchange_forward_contracts.png"); } .icon-import-lc-issuance-hover:before{ background-image: url("/assets/img/icn_import_lc_issuance.png"); } .icon-import-lc-amendment-hover:before{ background-image: url("/assets/img/icn_import_lc_amendment.png"); } .icon-import-lc-document-hover:before { background-image: url("/assets/img/icn_import_lc_document.png"); } .icon-export-lc-advising-confirmation-hover:before { background-image: url("/assets/img/icn_export_lc_advising_confirmation.png"); } .icon-export-lc-collection-hover:before { background-image: url("/assets/img/icn_export_lc_collection.png"); } .icon-change-export-lc-collection-instruction-hover:before { background-image: url("/assets/img/icn_change_export_lc_collection_instruction.png"); } .icon-lc-transfer-issuance-hover:before { background-image: url("/assets/img/icn_lc_transfer_issuance.png"); } .icon-lc-transfer-amendment-hover:before { background-image: url("/assets/img/icn_lc_transfer_amendment.png"); } .icon-shipping-guarantee-hover:before { background-image: url("/assets/img/icn_shipping_guarantee.png"); } .icon-upload-payement-hover:before { background-image: url("/assets/img/icn_upload_payment.png"); } .icn_enquiry_hover:before { background-image: url("/assets/img/icn_enquiry_hover.png"); } .icon-funding-da-dp-hover:before { background-image: url("/assets/img/icn_funding_da_dp.png"); } .icon-import-collection-hover:before { background-image: url(../../img/icn_import_collection.png); } .icon-export-collection-hover:before { background-image: url(../../img/icn_export_collection.png); } .icon-change-export-collection-instruction-hover:before { background-image: url("../../img/icn_change_export_collection_instruction.png"); } .icon-sc-buyer-submission-hover:before { background-image: url("../../img/icn_sc_buyer_submission.png"); } .icon-sc-supplier-submission-hover:before { background-image: url("../../img/icn_sc_suplier_submission.png"); } .icon-sc-my-supplier-hover:before { background-image: url(../../img/icn_sc_my_supplier.png); } .icon-sc-my-registration-hover:before { background-image: url(../../img/icn_sc_my_registration.png); } .icon_checklist_hover:before { background-image: url(../../img/icn_checklist_hover.png); } .icon-trust-receipt-hover:before { background-image: url(../../img/icn_trust_receipt.png); } .icon-packing-loan-hover:before { background-image: url(../../img/icn_packing_loan.png); } .icon-pre-ship-fin-hover:before { background-image: url(../../img/icn_pre_ship_fin.png); } .icon-bills-adv-after-collection-hover:before { background-image: url(../../img/icn_bills_adv_after_collection.png); } .icon-repayment-hover:before { background-image: url(../../img/icn_repayment.png); } .icon-import-loan-hover:before { background-image: url(../../img/icn_import_loan.png); } .icon-import-invoice-fin-hover:before { background-image: url(../../img/icn_import_invoice_fin.png); } .icon-export-invoice-dis-hover:before { background-image: url(../../img/icn_export_invoice_dis.png); } .icon-receivables-finance-hover:before { background-image: url(../../img/icn_receivables_finance.png); } .icon-receivables-submission-hover:before { background-image: url(../../img/icn_receivable_submisssion.png); } .icon-stand:before { background-image: url(../../img/icn_standing_instruction_hover.png); } .icon-direct:before { background-image: url(../../img/icn_direct.png); } .icon-remitNew:before { background-image: url(../../img/icn_remittance_investigationNew_hover.png); } .icon-stopCheque:before { background-image: url(../../img/icn_stop_cheque_cashiers_order_hover.png); } .icon-cashier:before { background-image: url(../../img/icn_stop_cos_cashiers_order_hover.png); } .icon-requestCheque:before { background-image: url(../../img/icn_request_cheque_book.png); } .icon-instantPay:before { background-image: url(../../img/icn_Instant_Payment_hover_new.png); } .icon-addr:before { background-image:url(../../img/icn_fps_addressing__services_investigation.png); } .icon-regi:before { background-image: url(../../img/icn_nad_registration_hover.png); } .icon-maintenance:before { background-image: url(../../img/icn_nad_maintenance_hover.png); } .icon-crossBorderFlow:before { background-image: url(../../img/icn_cross_border_flow.png); } .icon-interCoFund:before { background-image: url(../../img/icn_inter_co_fund_transfer_setup.png); } .icon-crossBorderCashPool:before { background-image: url(../../img/icn_cross_border_cash_pool_setup.png); } .icon-irtp:before { background-image: url(../../img/icn_ir_n_tp_setting.png); } .icon-iscp:before { background-image: url(../../img/icn_iscp.png); } .icon-notionalPool:before { background-image: url(../../img/icn_notional_pooling.png); } .icon-paymentLimit:before { background-image: url(../../img/icn_payment_limit_control_settings.png); } .icon-schManSweep:before { background-image: url(../../img/icn_scheduled_sweep_setting_manual_sweep.png); } .icon-sweepHistory:before { background-image: url(../../img/icn_sweep_history.png); } .icon-message-to-bank-hover:before { background-image: url(../../img/icn_icn_message_to_bank_44x44.png); } .icon-sweep-history-hover:before { background-image: url(../../img/icn_sweep_history_44x44.png); } .icon-scheduled-sweep-hover:before { background-image: url(../../img/icn_scheduled_sweep_setting_n_manual_sweep_44x44.png); } .icon-sweep-irNtp-hover:before { background-image: url(../../img/icn_sweep_IR_n_TP_Setting_44x44.png); } .icon-payment-limit-control-hover:before { background-image: url(../../img/icn_payment_limit_control_settings_44x44.png); } .icon-payment-limit-file-upload-hover:before { background-image: url(../../img/icn_payment_limit_setting_file_upload.png); } .icon-vnp:before { background-image: url(../../img/icn_vnp.png); } .icon-billPayment:before { background-image: url(../../img/icn_bill_payment.png); } .icon-mpf-upload-hover:before { background-image: url("../../img/icn_upload_mpf_contributions_file.png"); } .icon-mpf-pay-contributions-hover:before { background-image: url("../../img/icn_pay_contributions.png"); } .icon-mpf-login-hover:before { background-image: url("../../img/icn_mpf_account_login.png"); } .icon-tt:before { background-image: url("/assets/img/icn_TT Copy.png"); } .icon-tt:hover:before { background-image: url("/assets/img/icn_TT_hover.png"); } .payment .paymentSolutions .entryMenuContainer .main .funcLink.icon.icon-overseas-payement:hover:before { background-position: 50% -72px !important; } .icon-transfer:hover:before { background-position: 50% -73px; } .icon-foreign-excahange-spot-order:before { background-image: url("../../img/icn_foreign_excahange_spot_order.png"); } .icon-foreign-excahange-forward-order:before { background-image: url(../../img/icn_foreign_excahange_forward_order.png); } .icon-foreign-excahange-forward-contracts:before { background-image: url(../../img/icn_foreign_excahange_forward_contracts.png); } .icon-fx-spot:before { background-image: url(../../img/icn_fx_spot.png); } .icon-fx-forward:before { background-image: url(../../img/icn_fx_forward.png); } .icon-fx-option:before { background-image: url("../../img/icn_fx_option.png"); } .icon-transaction-enquiry:before { background-image: url(../../img/icn_transaction_enquiry.png); } .icon-saq:before { background-image: url(../../img/icn_questionnaire_saq.png); } .icon-saq-enquiry:before { background-image: url(../../img/icn_questionnaire.png); } .icon-bochk-exchange-rate:before { background-image: url(../../img/icn_bochk_exchange_rate.png); } .icon-foreign-exchange-rates-details:before { background-image: url(../../img/icn_foreign_exchange_rates_details.png); } .icon-foreign-exchange-forward-contracts:before { background-image: url(../../img/icn_foreign_exchange_forward_contracts.png); } .icon-historical-exchange-rates:before { background-image: url(../../img/icn_historical_exchange_rates.png); } .icn_activity_log_enquiry:before { background-image: url(../../img/icn_activity_log_enquiry.png); } .icn_platform_profile_enquiry:before { background-image: url(../../img/icn_platform_profile_enquiry.png); } .icn_company_profile_enquiry:before { background-image: url(../../img/icn_company_profile_enquiry.png); } .icn_channel_enquiry:before { background-image: url(../../img/icn_channel_enquiry.png); } .icn_user_profile_enquiry:before { background-image: url(../../img/icn_user_profile_enquiry.png); } .icn_funtional_access_enquiry:before { background-image: url(../../img/icn_funtional_access_enquiry.png); } .icn_authorization_matrix_enquiry:before { background-image: url(../../img/icn_authorization_matrix_enquiry.png); } .icon-reg-bene-hover-red:before{ background-image: url(../../img/icn_icn_reg_bene_hover_s.png); } .icon-duitNow-payment:before{ background-image: url(../../img/icn-duitNowLogo.png); } .icon-template-red:before{ background-image: url(../../img/icn_icn_template_hover.png); } .icon-Remittance-Plus-s:before { background-image: url(../../img/icn_Remittance_Plus_s.png); } .icon-transfer-payment:before { background-image: url(../../img/icn_Transfer_s.png); } .icon-ACH-payment:before { background-image: url(../../img/icn_ACH_payement_hover.png); } .icon-payroll-enquiry:before { background-image: url(../../img/icn_payroll_enquiry_hover_s.png); } .icon-stop-cheque-cashier-order-hover:before { background-image: url(../../img/icn_request_cheque_book_s.png); } .icon-cos-cheque:before { background-image: url(../../img/icn_cos_cheque_hover_s.png); } .icon-cos-enquiry:before { background-image: url(../../img/icn_cos_enquiry_hover_s.png); } .icon-result:before { background-image: url(../../img/icn_result_hover_s.png); } .icon-upload-payment:before { background-image: url(../../img/icn_upload_payement_s.png); } .icon-CASS-payment:before { background-image: url(../../img/icn_ccass_payment.png); } .icon-billPayment:before { background-image: url(../../img/icn_bill_payment.png); } .icon-enquiry-payment:before { background-image: url(../../img/icn_payment_old.png); } .icon-enquiry-liquidity:before { background-image: url(../../img/icn_liquidity_hover.png); } .icon-enquiry-treasury:before { background-image: url(../../img/icn_treasury_hover_red.png); } .icon-enquiry-collections:before { background-image: url(../../img/icn_collections_hover_red.png); } .icon-enquiry-service:before { background-image: url(../../img/icn_service_hover_red.png); } .icon-enquiry-gtc:before { background-image: url(../../img/icn_gtc.png); } .icon-shortcutsTopBarWhite { background-image: url(../../img/icn_shortcuts_white.png); } .icon-treasury-depositPlacement:before{ background-image: url(../../img/icn_time_deposit_placement.png); } .icon-treasury-depositInformation:before{ background-image: url(../../img/icn_time_deposit_information_enquiry.png); } .icon-treasury-depositRate:before{ background-image: url(../../img/icn_time_deposit_rate_enquiry.png); } .icon-treasury-interestRate:before{ background-image: url(../../img/icn_time_interest_rate_enquiry.png); } .icon-overview-hover:before{ background-image: url(../../img/icn_overview.png); } .icon-credit-card-payment-hover:before{ background-image: url(../../img/icn_payment_hover1.png); } .icon-transaction-record-hover:before{ background-image: url(../../img/icn_transaction_record.png); } .icon-credit-limit-adjustment-hover:before{ background-image: url(../../img/icn_credit_limit_adjustment.png); } .icon-commerical-card-application-hover:before{ background-image: url(../../img/icn_commercial_card_application.png); } .icon-commerical-card-promotions-hover:before{ background-image: url(../../img/icn_commercial_card_promotions.png); } .icon-investment-hover:before{ background-image: url(../../img/icn_investment_hover.png); } .icon-sc-early-payment-hover:before{ background-image: url(../../img/icn_sc_early_payment.png); } .icon-sc-buyer-payment-hover:before{ background-image: url(../../img/icn_sc_buyer_payment.png); } .icon-sc-pre-ship-fin:before{ background-image: url("../../img/icn_sc_pre_ship_fin.png"); } .icon-securities-settlement-hover:before{ background-image: url("/assets/img/icn_securities_settlement.png"); } .icon-corprate-action-hover:before{ background-image: url("/assets/img/icn_corporate_action.png"); } .icon-portfolio-holding-hover:before{ background-image: url("/assets/img/icn_portfolio_holding.png"); } .icon-gen-report-hover:before{ background-image: url("/assets/img/icn_create_report.png"); } .icon-download-report-hover:before{ background-image: url("/assets/img/icn_download_report.png"); } .icon-template-maintenance-hover:before{ background-image: url("/assets/img/icn_template_maintenance.png"); } .icon-invoice-maintenance-hover:before { background-image: url("/assets/img/icn_invoice_maintenance.png"); } .icon-purchase-order-hover:before{ background-image: url("/assets/img/icn_purchase_order.png"); } .icon-auto-funding-arrangement-hover:before{ background-image: url("/assets/img/icn_auto_funding_arrangement.png"); } .icon-get-lc-fund-hover:before{ background-image: url("/assets/img/icn_get_lc_fund.png"); } .icon-sales-order-hover:before{ background-image: url("/assets/img/icn_sales_order.png"); } .icon-bills-exchange-hover:before{ background-image: url("/assets/img/icn_bills_of_excahange.png"); } .icon-custody-guide-hover:before{ background-image: url("/assets/img/icn_knowledge.png"); } .icon-insurance-enquiry-hover:before{ background-image: url("/assets/img/icn_insuranceEnquiry.png"); } /*******icon end *************/ /************data xck start data**********/ .dateBtn{ position: absolute; top: 14px; right: 0; width: 22px; height: 22px; background-image: url(../../img/icn_calendar_hover.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 22px; cursor: pointer; } .dateBtn:hover { background-image: url(../../img/icn_calendar_hover.png); background-position: 0px -22px; background-repeat: no-repeat; background-size: 22px; } /************data xck start data**********/ /************account balance xck will be delete start*********/ body .accountBanlance .rightResultContainer .rightResultContainerWrapper .enquiryTopBar .matchedResultdownloadListContainer .selectric-wrapper .selectric-items{ left: 0%; } /************account balance xck will be delete end*********/ /*************xck t300 start*************/ .confirmInput{ min-height: 22px; } .viewDetailWrapper{ display: table !important; } div.viewDetailWrapper:hover .viewDetail::after { background-position: -8px 1.2px !important; } div.viewDetailWrapper .viewDetail::after { background-position: 0 1.2px !important; } .quotebyCurContainer .tableRow { padding: 16px 60px 16px 50px !important; } .foreignExchangeForwardOrderCancel #container .container .containerInner .containerRight .contentPage .headerContainer .confirmationTitle ,.foreignExchangeSpotOrderCancel #container .container .containerInner .containerRight .contentPage .headerContainer .confirmationTitle{ font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; font-family: 微軟正黑體, "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial; font-weight: 600; font-size: 32px; line-height: 43px; color: #222222; } /*************xck t300 end*************/ /*************cj R800 start*************/ .importInvoiceFinancing .paymentTab .showCreditLimitWrapper{ position: absolute; top: 55px; left: 0px; display: flex; cursor: pointer; margin-top: 4px; margin-bottom: 16px; } .importInvoiceFinancing .paymentTab .showCreditLimitWrapper .showCreditLimit{ color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; } .importInvoiceFinancing .paymentTab .showCreditLimitWrapper .showCreditLimit::after{ content: ''; display: inline-block; position: absolute; margin-left: 4px; width: 8px; height: 22px; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: center; background-repeat: no-repeat; background-size: 16px 22px; background-position: 0 0 !important; } .importInvoiceFinancing .gib [form-component=goodItem] .expander .optionContent .profileBlock .blockContent > div{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 14px; line-height: 22px; color: #222222; box-sizing: border-box; background-repeat: no-repeat; } .importInvoiceFinancing [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer .goodFunctionButton.edit, .exportInvoiceDiscounting [form-component=goodItem] .expander .optionContent .profileBlock .blockContent .goodFunctionButtonContainer .goodFunctionButton.edit { cursor: pointer; width: 22px; height: 22px; background-image: url(../../img/icn_edit_hover.png); background-size: 22px; background-repeat: no-repeat; } .importInvoiceFinancingConfirmation .goodsConfirmation .functionBarContainer,.exportInvoiceDiscounting .goodsConfirmation .functionBarContainer{ position: relative; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: center; height: 58px; width: 100%; } .importInvoiceFinancingConfirmation .goodsConfirmation .functionBarContainer .functionWrap,.exportInvoiceDiscounting .goodsConfirmation .functionBarContainer .functionWrap{ margin-left: 24px; position: relative; } .importInvoiceFinancingConfirmation .goodsConfirmation .functionBarContainer .functionBtn,.exportInvoiceDiscounting .goodsConfirmation .functionBarContainer .functionBtn{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; cursor: pointer; user-select: none; background-position: 0 0; background-repeat: no-repeat; background-size: 22px; padding-left: 26px; color: #666666; } .importInvoiceFinancing .buttonContainer{ min-width: 450px; } .importInvoiceFinancing .buttonContainer .buttonLeft{ flex: 20%; } .importInvoiceFinancing .buttonContainer .buttonRight{ flex: 80%; } /*************cj R800 end*************/ /*************zsz clm-input start*************/ .accountPaymentLimitSettingFormCLM .resetPeriod .selectric-wrapper .selectric .label,.grpPaymentLimitSettingForm .resetPeriod .selectric-wrapper .selectric .label{ padding-right:17px; } /*************zsz clm-input end*************/ /****************xck t180***********/ .CurrencyExchangeInput .inputGroup.amt input.formInput{ width: 50%; flex: 1 1 auto; font-family: 微軟正黑體, "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial; } .CurrencyExchangeInput .inputGroup .unit{ display: inline-table; } .CurrencyExchangeInput .selectric-wrapper .selectric-items li { padding:16px 16px; } .CurrencyExchangeInput .selectric-wrapper .selectric { padding-right:15px; } /****************xck t180***********/ /*************L110 & L111 start*************/ .IrSetting .inputWidth-10{ width: calc(10% - 8px) !important; } .IrSetting .inputWidth-15{ width: calc(15% - 8px) !important; } .IrSetting .inputWidth-20{ width: calc(20% - 8px) !important; } .IrSetting .inputWidth-25{ width: calc(25% - 8px) !important; } .IrSetting .inputWidth-30{ width: calc(30% - 8px) !important; } .IrSetting .inputTitle{ border-bottom: none !important; align-items: center !important; } .IrSetting .flShow .selectric{ padding-bottom: 7px; } .IrSetting .flShow>input{ margin-left:50px; } .IrSetting .spanTitle{ margin-top: 20px; } /****************L110 & L111 end***********/ /*****************s420 start************/ /* .s420Search .rightResultContainer.whiteBack.load{ min-height: 604px; overflow: hidden; } */ /* #container .e160Search div[class*=ContainerWrapper] .errorContent .errorOccur { padding-top: 154px; } */ /*****************s420 end************/ /***************enquriy download xck start**********/ .Enquiry .enquiry .selectric-open .selectric-items { max-height: none; } .quotesContainer .selectric-items .selectric-scroll,.quotebyCurContainer .selectric-items .selectric-scroll { max-height: 300px; } /***************enquriy download xck end**********/ /****** search common ********/ .gib #container .rightResultContainerEmptyPage .productRightEmpty{ margin: 0 auto; display: flex; flex-direction: column; text-align: center; position: absolute; top: 220px; left: 50%; align-items: center; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); } .gib #container .rightResultContainerEmptyPage .productRightEmpty .iconSearch{ background-image: url(../../img/icn_search.svg); background-position: center; background-repeat: no-repeat; background-size: 72px 72px; width: 72px; height: 72px; } .gib #container .rightResultContainerEmptyPage .productRightEmpty .searchTitle { font-size: 16px; color: #222222; margin-top: 16px; } .gib[lang=my_MM] #container .rightResultContainerEmptyPage .productRightEmpty .searchTitle { font-size: 12px; } .gib #container .rightResultContainerEmptyPage .productRightEmpty .searchUserTips { margin-top: 16px; font-size: 14px; color: #666666; } .gib[lang=my_MM] #container .rightResultContainerEmptyPage .productRightEmpty .searchUserTips { font-size: 12px; } .IE[lang=my_MM] #container .rightResultContainerEmptyPage .productRightEmpty .searchUserTips { max-width: 76%; line-height: 22px; } .gib #container .load:not(.main ) > * { visibility: hidden; } .gib #container .load:not(.main) { background-image: url("../../img/loader.gif"); background-position: center; background-repeat: no-repeat; background-size: 32px; height: 32px; padding: 16px 0px; } .gib #container .uploadedItm.load:not(.main) { height: 80px; } .gib #container .loading > * { visibility: hidden; } .gib #container .loading { background-image: url(../../img/loader.gif); background-position: center 220px; background-repeat: no-repeat; background-size: 32px; position: absolute; height: 100%; width: 100%; top: 0; left:0; } .searchTransCommonError{ position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); display: flex; flex: 1; flex-direction: row; justify-content: center; align-items: center; } .searchTransCommonError .errorOccur{ position: relative; font-size: 14px; font-weight: 400; line-height: 22px; color: #222222; text-align: center; padding-top: 50px; padding-left: 16px; padding-right: 16px; max-width: 100%; } .searchTransCommonError .errorOccur:before{ position: absolute; top: 0; left: 0; width: 100%; height: 44px; content: ''; background-position: center center; background-size: 44px; background-repeat: no-repeat; background-image: url(/assets/img/icn_error.svg); } #container .nodataContent{ position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 52px; } #container .nodataContent .errorOccur{ background-image: url(../../img/icn_read.svg); background-position: center 0; background-repeat: no-repeat; background-size: 44px; font-size: 14px; font-weight: 400; line-height: 22px; color: #222222; text-align: center; padding-top: 54px; padding-left: 16px; padding-right: 16px; max-width: 100%; } /****** search common ********/ /****** credit limit ********/ .gib #overlay .overlayComponentContainer .creditLimitContainer .resultWrap,.gib #overlay .overlayComponentContainer .commentHistoryContainer .resultWrap { height: calc(7/10*100vh - 134px - 87px); display: none; position: relative; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: vertical; box-direction: normal; box-pack: center; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: center; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; } .gib #overlay .overlayComponentContainer .creditLimitContainer .resultWrap .showResult,.gib #overlay .overlayComponentContainer .commentHistoryContainer .resultWrap .showResult { display: block; } .gib #overlay .overlayComponentContainer .creditLimitContainer .emptyResult,.gib #overlay .overlayComponentContainer .commentHistoryContainer .emptyResult { padding-top: 50px; background-image: url("../../img/icn_check_balance.png"); background-position: top center; background-repeat: no-repeat; background-size: 44px; } .gib #overlay .overlayComponentContainer .creditLimitContainer .loader,.gib #overlay .overlayComponentContainer .commentHistoryContainer .loader { top: 50%; margin-top: -36px; height: 72px; position: absolute; /*top: 60px; */ left: 0px; width: 656px; background-image: url("../../img/loader.gif"); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; display: block; } .gib #overlay .overlayComponentContainer .creditLimitContainer .loader.hiddenLoader,.gib #overlay .overlayComponentContainer .commentHistoryContainer .loader.hiddenLoader { display: none; } /****** credit limit ********/ /**********new t650 xck start***************/ #container .enquiry .uploadResult .rightResultContainer { overflow: visible; } .enquiry .uploadResult .rightResultContainer .loading { padding: 0px 0; margin: 0 auto 0px auto; } #T650RSLeftForm .uploadClearSearch.inactive{ opacity: 0.5; cursor: default; } /**********new t650 end***************/ /*************common head*******************/ .profile .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .profile .dropdown-menu[x-placement^="top"],.profile .dropdown-menu[x-placement^="right"],.profile .dropdown-menu[x-placement^="bottom"],.profile .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .profile .dropdown-menu.show { display: block; } .profile .dropup, .dropright, .dropdown, .dropleft { position: relative; } select { background-color: transparent; } /*************common head*******************/ /* chengli start start*/ /**********M511,M512 start****************/ .EditAccessProfile [form-component=checkbox] input.active+label, .AccountAccessRight [form-component=checkbox] input.active+label, .CreateAccessProfile [form-component=checkbox] input.active+label { } .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton { box-sizing: border-box; width: 29% !important; } .headerContainer .formTitle, .headerContainer .confirmationTitle { font-weight: 700 !important; } /* .Enquiry #container .enquiryMain .searchTransCommonError, .Enquiry #container .myGlobalCashPoolView .searchTransCommonError{ top: 100px !important; } */ .gib #overlay .overlayComponentContainer .componentContainer.height-70 { min-height: 300px !important; } .entryLanding .pageBoxContainer { min-height: calc(100vh - 60px - 60px - 119px - 61px - 54px - 154px) !important; } .gib #container .treasuryEnquiryLanding .leftSearchContainer .smartFontT200, .gib #container .orderLanding .leftSearchContainer .transactionWrapper .smartFontT270 { font-weight: 700 !important; } /* chengli start end*/ /*****************quotesContainer xck start***************/ #overlay .overlayComponentContainer .quotebyCurContainer.exchangeContractContainer .bottomGradient, .gib #overlay .overlayComponentContainer .quotesContainer .bottomGradient { bottom: 67px; } #overlay .overlayComponentContainer .quotebyCurContainer.exchangeContractContainer .popUpOutWrappers, #overlay .overlayComponentContainer .quotesContainer .exchangeContractContainer .popUpOutWrappers { height: calc(100% - 58px - 75px) !important; } /*****************end***************/ /*****************useTemplateLC start***************/ .gib #overlay .overlayComponentContainer .useTemplateLCContainer .inputGroup .clear { background-image: url("../../img/icn_clear.png"); } .gib #overlay .overlayComponentContainer .useTemplateLCContainer .inputGroup .clear.right { right: 16px; } .gib #overlay .overlayComponentContainer .useTemplateLCContainer .inputGroup .clear.disappear { display: none; } /*****************useTemplateLC end***************/ /*****************t250 uat xck start************/ #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acGroup .acWrapper h4 { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acGroup .acWrapper h5 { font-weight: 700; font-size: 12px; color: #2885ad; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acWrapper .acTop h3 { display: flex; line-height: 17px; height: 17px; font-size: 12px; margin-bottom: 4px; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acGroup .acWrapper h2{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acGroup .acWrapper .acTop .rowItm.avaBalance, #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acGroup .acWrapper .acTop .rowItm.beneToAmt { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } #container .container .containerInner .containerRight .contentPage .confirmInputGroup.aChange .confirmInput { color: #d42b35 !important; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 700 !important; } #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow.cChange .acWrapper h3 .highlight { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } #container .container .containerInner .containerRight .contentPage .sChange .subtitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important } #container .container .containerInner .containerRight .contentPage .formDesc.cChange h5 { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } .gib #overlay .overlayComponentContainer .quotebyCurContainer.exchangeContractContainer .popUpOutWrappers .popUpOutWrapper .popUpWrapper .sectionBody .emptyResult { margin-top: 50px; padding-top: 50px; background-image: url(../../img/icn_check_balance.png); background-position: top center; background-repeat: no-repeat; background-size: 44px; text-align: center; } .noBottomNow{ padding-bottom: 0 !important; } .inputRow.lChange .control .acFooterConformation{ padding: 8px 0px !important; } .inputRow.lChange .control { padding: 0px 16px !important; } /*****************t250 uat xck start************/ /******************t230 xck start*************/ .FinancialSophisticationLevel.gib .companyName .inputGroup .selectric-wrapper .selectric-items .selectric-scroll { max-height: 288px; } .FinancialSophisticationLevel.gib .companyName .inputGroup .selectric-wrapper.selectric-open .selectric-items { transition: max-height .8s, opacity .1s; } /******************t230 xck end*************/ /*******************t270 download xck start**********/ .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction { position: relative; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: start; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: start; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction { font-size: 12px; } [lang=km_KH] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction { font-size: 12px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .addShortcuts { margin: 23px 0 18px 24px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .removeShortCut { margin: 23px 0 18px 24px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadReport { height: 22px; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; padding-left: 26px; line-height: 22px; color: #666666; margin: 23px 0 18px 24px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer { position: absolute; background-color: #FFFFFF; top: calc(100% + 18px); right: 0; z-index: 2; width: 322px; height: 0px; max-width: 322px; box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); padding: 0; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper { transition: all .3s, opacity .1s; width: 252px; position: absolute; right: 0; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric { margin-top: 14px; background-color: transparent; border: none; visibility: hidden; display: none; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .label, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .label { line-height: 32px; height: 32px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button { top: 0px; right: 0px; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: transparent; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button:after, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button:after { display: none; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open { z-index: 8; transition: all .3s; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open .selectric-items, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open .selectric-items { width: 252px; max-height: 222px; opacity: 1; transition: all .3s; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open .button, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .label, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .label { font-size: 16px; margin: 0px; margin-top: 8px; color: #222222; border-bottom: 1px solid #dddddd; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items { transition: all .3s; display: block; max-height: 0; width: 252px !important; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; left: -47%; top: -18px; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items.show, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items.show { display: block; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items .selectric-scroll { border-bottom: 1px solid #dddddd; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li, [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:hover, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:hover { background-color: none; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:before, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:last-child:before, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:last-child:before { border: none; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected:after, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.highlighted, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.keydown, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.keydown { background-color: transparent; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-disabled, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-disabled { opacity: 1; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter { width: 93px; height: 44px; float: right; margin: 8px 16px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter:after, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter:after { content: ''; clear: both; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; padding: 11px 14px 11px 15px; border-radius: 4px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; border-color: #b51a25; cursor: pointer; border-style: solid; opacity: 0.5; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=my_MM] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-size: 12px; } [lang=km_KH] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=km_KH] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-size: 12px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: end; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: end; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: end; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: end; -ms-flex-pack: end; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: end; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: end; display: flex; height: 59px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; float: right; width: 93px; line-height: 44px; border-radius: 4px; background-color: #b51a25; color: #FFFFFF; margin: 8px 6px 8px 0; text-align: center; } [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=zh_CN] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=my_MM] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-size: 12px; } [lang=km_KH] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=km_KH] .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-size: 12px; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items { left: 0%; } /*******************t270 download xck end**********/ /******************t200 download xck start *******************/ .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction { position: relative; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: start; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: start; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction { font-size: 12px; } [lang=km_KH] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction { font-size: 12px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .addShortcuts { margin: 23px 0 18px 24px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .removeShortCut { margin: 23px 0 18px 24px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadReport { height: 22px; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; padding-left: 26px; line-height: 22px; color: #666666; margin: 23px 0 18px 24px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer { position: absolute; background-color: #FFFFFF; top: calc(100% + 18px); right: 0; z-index: 2; width: 322px; height: 0px; max-width: 322px; box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); padding: 0; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper { transition: all .3s, opacity .1s; width: 252px; position: absolute; right: 0; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric { margin-top: 14px; background-color: transparent; border: none; visibility: hidden; display: none; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .label, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .label { line-height: 32px; height: 32px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button { top: 0px; right: 0px; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: transparent; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric .button:after, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric .button:after { display: none; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open { z-index: 8; transition: all .3s; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open .selectric-items, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open .selectric-items { width: 252px; max-height: 222px; opacity: 1; transition: all .3s; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-open .button, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .label, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .label { font-size: 16px; margin: 0px; margin-top: 8px; color: #222222; border-bottom: 1px solid #dddddd; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items { transition: all .3s; display: block; max-height: 0; width: 252px !important; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; left: -47%; top: -18px; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items.show, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items.show { display: block; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items .selectric-scroll { border-bottom: 1px solid #dddddd; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li, [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:hover, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:hover { background-color: none; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:before, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li:last-child:before, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li:last-child:before { border: none; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.selected:after, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.highlighted, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items li.keydown, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .selectric-items li.keydown { background-color: transparent; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper.selectric-disabled, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper.selectric-disabled { opacity: 1; } .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter, .searchPanel .rightResultContainer .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter { width: 93px; height: 44px; float: right; margin: 8px 16px; } .gib #root div.selectric-wrapper .dropDownFooter { min-width: 93px; width: auto; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter:after, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter:after { content: ''; clear: both; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; padding: 11px 14px 11px 15px; border-radius: 4px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; border-color: #b51a25; cursor: pointer; border-style: solid; opacity: 0.5; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=my_MM] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-size: 12px; } [lang=km_KH] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .dropDownFooter .requestBtn, [lang=km_KH] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .selectric-wrapper .dropDownFooter .requestBtn { font-size: 12px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: end; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: end; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: end; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: end; -ms-flex-pack: end; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: end; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: end; display: flex; height: 59px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; float: right; width: 93px; line-height: 44px; border-radius: 4px; background-color: #b51a25; color: #FFFFFF; margin: 8px 6px 8px 0; text-align: center; } [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=zh_CN] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=my_MM] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-size: 12px; } [lang=km_KH] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .requestBox .requestButton, [lang=km_KH] .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdetailListContainer .requestBox .requestButton { font-size: 12px; } .treasuryEnquiryLanding.searchPanel .rightResultContainerWrapper .functionalBar .editFunction .matchedResultdownloadListContainer .selectric-wrapper .selectric-items { left: 0%; } /******************t200 download xck end*******************/ /******************e151 e160 e611 s420 empty result position start*****/ .e151Search .content .empty-message .empty-img,.s420Search .content .empty-message .empty-img,.e611Search .content .empty-message .empty-img,.e160Search .content .empty-message .empty-img{ top: 300px; } .e151Search .content .empty-message .message,.s420Search .content .empty-message .message,.e611Search .content .e611Search .empty-message .message,.e160Search .content .empty-message .message{ top: 343px; } .s420Search .selectric-items .selectric-scroll,.e160Search .selectric-items .selectric-scroll,.e151Search .selectric-items .selectric-scroll{ max-height: 312px; } .e151Search .verification .detailBtn:hover::after { background-position: -8px center !important; } /******************e151 e160 e611 s420 empty result position end*****/ /****************t210 ck start ****************/ .foreignExchangeForwardSettlementInstructionForm.gib #container .container .containerInner .containerRight .contentPage .inputGroupRow .inputRow .acWrapper h6 { padding: 8px 0px; margin:0px 16px } /****************t210 ck start ****************/ /*****************t180 xck start******/ .inputGroup .disDrop .selectric b.button{ display: none; } .disDrop{ pointer-events: none; width: auto !important; } div.inputGroup .disDrop .selectric-wrapper .selectric { padding-right: 0px; } /*****************t180 xck end*********/ /*************s402xck start***************/ .subAccountCollectionTab .moreTemplateWrapper ul li:hover { color: #b51a25 !important; } .subAccountCollectionTab .moreTemplateWrapper ul li { color: #666666; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .collectionsContentContainer .accountBalanceCardContainer .moreTemplateWrapper ul li:not(:last-child):after { content: ''; position: absolute; bottom: 0; left: 16px; right: 16px; border-bottom: 1px solid #eeeeee; } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper ul li { border-bottom: 0px solid #dddddd !important; } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZZ ul li:before, .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.forGCMS ul li:before { background-image: url(../../img/icn_balance_hover.svg); } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZZ ul li:hover:before, .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.forGCMS ul li:hover:before { background-image: url(../../img/icn_balance_hover.svg); } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZF ul li.edit:before { background-image: url(../../img/icn_edit_hover.png); } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZF ul li.edit:hover:before { background-image: url(../../img/icn_edit_hover.png); } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZF ul li.delete:before { background-image: url(../../img/icn_close_hover.png); } .subAccountCollectionTab .collectionsContactBox .moreTemplateWrapper.fourZF ul li.delete:hover:before { background-image: url(../../img/icn_close_hover.png); } .AddNewSubAccount .containerInner .containerRight .contentPage .inputGroup.payerDetails label{ font-weight: 400; font-size: inherit; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccount.gib .containerInner .containerRight .contentPage .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccount.gib .containerInner .containerRight .stepOneForm .confirmInputGroup .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccountConfirmation.gib .containerInner .containerRight .contentPage .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccountConfirmation.gib .containerInner .containerRight .stepTwoForm .confirmInputGroup .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccount.gib .containerInner .containerRight .contentPage .inputGroup.payerDetails.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation .containerInner .containerRight .contentPage .inputGroup.payerDetails label{ font-weight: 400; font-size: inherit; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation.gib .containerInner .containerRight .contentPage .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation.gib .containerInner .containerRight .stepOneForm .confirmInputGroup .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .amendSubAccount.gib .containerInner .containerRight .contentPage .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .amendSubAccount.gib .containerInner .containerRight .stepTwoForm .confirmInputGroup .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .deleteSubAccount.gib .containerInner .containerRight .contentPage .inputGroup.focus .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .deleteSubAccount.gib .containerInner .containerRight .stepTwoForm .confirmInputGroup .formLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation .containerInner .containerRight .contentPage #amendSubAccount .inputRow .inputGroup.accInfoInput input.input2,.AddNewSubAccount .containerInner .containerRight .contentPage #addSubAccount .inputRow .inputGroup.accInfoInput input.input2{ width: calc(100% - 146px); font-family: "Noto Sans Semi", "Noto Sans Myanmar Semi", "Noto Sans Myanmar Semi", "Segoe UI", Arial, 微軟正黑體; } .AddNewSubAccount .containerInner .containerRight .contentPage .inputGroup.invalid .formInput,.AmendSubAccountConfirmation .containerInner .containerRight .contentPage .inputGroup .formInput{ font-family: "Noto Sans Semi", "Noto Sans Myanmar Semi", "Noto Sans Myanmar Semi", "Segoe UI", Arial, 微軟正黑體; } /*************s402xck start***************/ /********S420 wjy start*****************/ .s420Search .silver,.e160Search .silver,.e151Search .silver{ font-size: 12px; color: #666666; } .smalltitle.wan{ margin: 30px 0px 4px; font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } #enquirySelector.enquirySelector .inputGroup.focus .formLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } /********S420 wjy end*****************/ /*****************debitFrom alert start******/ .overlayComponentContainer .debitFromContainer .inputGroup input{ padding: 0 0 0 46px !important; } /*****************debitFrom alert end*********/ /*****************addBeneficiary alert start******/ .overlayComponentContainer .addBeneficiaryContainer .inputGroup input{ padding: 0 0 0 46px !important; } /*****************addBeneficiary alert end*********/ /*****************P210 start******/ .container .containerInner .containerRight .contentPage .completedWrapper .completedMsg .failIco{ cursor: default; display: inline-block; vertical-align: middle; background-image: url(../../img/icn_failure.png); background-position: center center; background-repeat: no-repeat; background-size: 44px; width: 44px; height: 44px; margin-right: 16px; } /*****************P210 end*********/ /****************t180 confirm xck start*************/ .fontBold.smalltitle{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .treasury .topBarContainer { display: block !important; padding: 0 0 !important; } /****************t180 confirm xck end*************/ /****************r900 bebp detail start***********/ #BARecordDetail .recordDetails-main .BARecordDetailContentContainer .BARecordDetail-generalTab .participant .participant-card .participant-container .participant-div .participant-row .contact-info{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: space-between; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: stretch; display: box; box-orient: vertical; box-direction: normal; box-pack: space-between; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: column; -ms-justify-content: space-between; -ms-flex-align: stretch; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: column; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; min-height: 124px; color: #222222; } #BARecordDetail .recordDetails-main .BARecordDetailContentContainer .BARecordDetail-generalTab .participant .participant-card .participant-container .participant-div .participant-row .contact-info .contact-item{ padding: 6px 0 7px; } #BARecordDetail .recordDetails-main .BARecordDetailContentContainer .BARecordDetail-generalTab .participant .participant-card .participant-container .participant-div .participant-row .contact-info .contact-item .small-title{ font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } #BARecordDetail .recordDetails-main .BARecordDetailContentContainer .BARecordDetail-generalTab .participant .participant-card .participant-container .participant-div .participant-row .contact-info .contact-item .small-content{ font-size: 16px; margin-top: 2px; color: #222222; } /****************r900 bebp detail end***********/ /****************M109 dingxiongshi start***********/ #overlay .hardTokenRegistration #Z30003 .eCertName .icon-arrowRightWhite { background-size: 8px 16px; right: 0px; position: absolute; bottom: 10px; width: 22px; height: 22px; cursor: pointer; color: #999999; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(../../img/icn_arrow_right.png); } /****************M109 dingxiongshi end***********/ /****************M540 huangyanliang start***********/ .ChannelSetting #overlay .editSettingContainer,.PlatformSetting #overlay .editSettingContainer { width:656px !important; } /****************M540 huangyanliang end***********/ /****************weichenbo treasury start*********/ #container .m570SelectList .profileCard .boldCur { font-weight: 700; font-size: 18px; } .t100Search .leftSearchContainer .smalltitle, .i210Search .leftSearchContainer .smalltitle, .i110search .leftSearchContainer .smalltitle { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; margin: 0 0 22px; font-size: 14px; color: #222222; margin-top: 32px; font-weight: 600; } .t100Search .profileCard .arrowleft{ background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; background-repeat: no-repeat; background-size: cover; background-size: 20px 22px; position: absolute; top: calc(50% - 8px); right: 16px; width: 10px; height: 22px; content: ""; } .t100Search .profileCard .userInfo:hover .arrowleft{ background-position: -10px center !important; } .t100Search .leftSearchContainer, .i210Search .leftSearchContainer { padding-bottom: 128px; } .t100Search .inputGroup.datePicker .dateBtn{ background-image: url("/assets/img/icn_calendar_hover.png"); } .noTouchDevice .t100Search .inputGroup.datePicker .dateBtn:hover{ background-image: url(../../img/icn_calendar_hover.png); background-position: 0px -22px; background-repeat: no-repeat; background-size: 22px; } /****************weichenbo treasury end*********/ /****************weichenbo enquiry start*********/ #container .myGlobalCashPoolView .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, #container .uploadResult .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, #container .uploadResult .enquiryTopBar .downloadListContainer .selectric-items .selectric-scroll, #container .enquiryManagement .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll, #container .enquiryManagement .enquiryTopBar .downloadListContainer .selectric-items .selectric-scroll { border-bottom: 1px solid #dddddd; } #container .myGlobalCashPoolView .downloadListContainer .selectric-wrapper .selectric-items li:last-child:before, #container .uploadResult .deleteModeDownloadListContainer .selectric-wrapper .selectric-items li:last-child:before, #container .uploadResult .enquiryTopBar .downloadListContainer .selectric-items li:last-child:before, #container .enquiryManagement .deleteModeDownloadListContainer .selectric-wrapper .selectric-items li:last-child:before, #container .enquiryManagement .enquiryTopBar .downloadListContainer .selectric-items li:last-child:before { border: none; } #container .enquiryManagement .deleteModeDownloadListContainer .selectric-wrapper .selectric-items.show { height: auto !important; } /****************weichenbo enquiry end*********/ /****************weichenbo common css start*********/ .break-word { word-wrap: break-word; } #container .daterangepicker { z-index: 19; } .payment .paymentEnquiry .profileCard .userInfo:hover:after { background-position: -10px center !important; } .payment .paymentEnquiry .profileCard .userInfo:after { height: 22px; width: 10px; background-size: 20px 22px; } #root #container .cardMainContainer{ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: stretch; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; } #root #container .cardMainContainer .acWrapper.participant-left, #root #container .cardMainContainer .acWrapper.participant-right { height: 100%; } .globalTradeCentre .searchPanel .profileCard .userInfo .cardTop .status .dot{ vertical-align: baseline; margin-bottom: 2px; } .localServicesBasic .searchPanel .searchResultContainer .rightResultContainer { padding: 0 16px 18px; } .payment .e180search .downloadListContainer .selectric-items .selectric-scroll, .payment .e310search .downloadListContainer .selectric-items .selectric-scroll, .payment .paymentManagement.m160 .downloadListContainer .selectric-items .selectric-scroll, .payment .m230 .downloadListContainer .selectric-items .selectric-scroll, .payment .e120 .downloadListContainer .selectric-items .selectric-scroll, .paymentInstructionToBank.m240 .downloadListContainer .selectric-items .selectric-scroll{ box-shadow: none; } .payment .e180search .downloadListContainer .selectric-items .dropDownFooter, .payment .e310search .downloadListContainer .selectric-items .dropDownFooter, .payment .paymentManagement.m160 .downloadListContainer .selectric-items .dropDownFooter, .payment .m230 .downloadListContainer .selectric-items .dropDownFooter, .payment .e120 .downloadListContainer .selectric-items .dropDownFooter, .paymentInstructionToBank.m240 .downloadListContainer .selectric-items .dropDownFooter{ box-shadow: none; padding: 0; } .IE .e180search .rightResultContainer .enquiryTopBar .more.function > ul, .IE .e310search .rightResultContainer .enquiryTopBar .more.function > ul, .IE .paymentManagement.m160 .rightResultContainer .enquiryTopBar .more.function > ul, .IE .m230 .rightResultContainer .enquiryTopBar .more.function > ul, .IE .e120 .rightResultContainer .enquiryTopBar .more.function > ul, .IE .paymentInstructionToBank.m240 .rightResultContainer .enquiryTopBar .more.function > ul{ list-style: none; } .IE .e180search .enquiryTopBar .downloadListContainer .selectric-items li:last-child, .IE .e310search .enquiryTopBar .downloadListContainer .selectric-items li:last-child, .IE .paymentManagement.m160 .enquiryTopBar .downloadListContainer .selectric-items li:last-child, .IE .m230 .enquiryTopBar .downloadListContainer .selectric-items li:last-child, .IE .e120 .enquiryTopBar .downloadListContainer .selectric-items li:last-child, .IE .paymentInstructionToBank.m240 .enquiryTopBar .downloadListContainer .selectric-items li:last-child{ border-bottom: 1px solid #dddddd !important; } .informationManagementDownload .searchResultContainer .leftSearchContainer .secondPart .inputGroup.dropdown:not(.focus) .selectric-wrapper .selectric .label { text-overflow: unset; } [lang=zh_CN] .FieldSelection #container [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .SubscriptionTheme #container [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected, [lang=zh_CN] .ReportDetails #container [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /****************weichenbo common css end*********/ /****************weichenbo i004 start*********/ .I004 .emptyStatus{ position: relative; min-height: 350px; } .I004 .emptyStatus .emptyTemplate{ display: flex; flex-direction: column; text-align: center; position: absolute; width: 100%; top: 50%; align-items: center; transform: translateY(-50%); } .I004 .emptyStatus .emptyTemplate .iconBalance{ background-image: url(../../img/icn_wallet_large.png); background-position: top; background-repeat: no-repeat; background-size: cover; width: 72px; height: 72px; } .I004 .emptyStatus .emptyTemplate .userTips{ width: 504px; font-size: 14px; color: #666666; margin-top: 32px; } .I004 .emptyStatus .emptyTemplate .buttonCreate{ width: 200px; height: 44px; border-radius: 4px; background-color: #b51a25; margin-top: 16px; text-align: center; cursor: pointer; position: relative; } .I004 .emptyStatus .emptyTemplate .buttonCreate .create{ font-size: 16px; padding-top: 11px; color: #FFFFFF; position: absolute; left: 0; right: 0; } .noTouchDevice .I004 .emptyStatus .emptyTemplate .buttonCreate:hover { background-color: #711a20; } .I003 .enquiryTopBar .editFunction .settingSearchSection .settingSearchBoxSection .settingAutoCompleteList > div, .I004 .enquiryTopBar .editFunction .settingSearchSection .settingSearchBoxSection .settingAutoCompleteList > div{ word-break: break-all; } /****************weichenbo i004 end*********/ /*************help page xck start***********/ .Error404 .container .containerRight .itemBox{ padding: 0px 30px; } .Error404 .container .containerRight .itemBox h3{ display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } .Error404 .container .containerRight .itemBox .insideWindowContent { padding: 0px 25px; } /*************help page end***********/ /**************s402-s406 bottom button xck****************/ .AddNewSubAccount .buttonContainer .buttonRight .redBtn,.AddNewSubAccount .buttonContainer .buttonLeft .actionButton,.AddNewSubAccount .buttonContainer .buttonRight .clearButton,.AddNewSubAccountConfirmation .buttonContainer .buttonRight .redBtn,.AddNewSubAccount .buttonContainer .buttonRight .resetButton,.AmendSubAccountConfirmation .buttonContainer .buttonRight .resetButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation .buttonContainer .buttonRight .redBtn,.AmendSubAccountConfirmation .buttonContainer .buttonLeft .actionButton,.AmendSubAccountConfirmation .buttonContainer .buttonRight .clearButton,.AmendSubAccountConfirmationConfirmation .buttonContainer .buttonRight .redBtn{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .DeleteSubAccountConfirmation .buttonContainer .buttonRight .redBtn,.DeleteSubAccountConfirmation .buttonContainer .buttonLeft .actionButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } /**************s402-s406 bottom button****************/ /*************common left page start*********/ .containerLeft .stepContent{ width: auto !important; } /*************common left page end*********/ /**************s420 uat***************/ .enquiryContentContainer.m570SelectList .rightResultContainerWrapper .profileCard .managementCardTitle.activeT{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; width: 95%; margin-bottom: 4.5px; position: relative; padding-right: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 22px; } .enquiryContentContainer.m570SelectList .profileCard .managementReference.activeR{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #4aaae2; padding-left: 0px; width: auto; } .enquiryContentContainer.m570SelectList .profileCard .managementReference.activeD{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 18px; color: #b51a25; padding-left: 0px; width: auto; } .enquiryContentContainer.m570SelectList .userLabel .userInfo .DRR{ font-size: 14px; color: #b51a25; padding: 0px 0 0 4px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .enquiryContentContainer.m570SelectList .userLabel .userInfo .CRR{ font-size: 14px; color: #4aaae2; padding: 0px 0 0 4px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .yBlue{ color: #4aaae2; } .enquiryContentContainer.m570SelectList .profileCard .managementReference.activeM{ font-size: 12px; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; line-height: 19px; color: #222222; } /**************s420 uat***************/ /**************t280 label xck************/ .blackFam .confirmInputGroup .formLabel,.blackFam .inputGroup.focus .formLabel,.formTitle.blackFam,.confirmationTitle.blackFam,.formDesc.blackFam h5,.blackFam .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體 !important; } [lang=zh_CN] .blackFam .confirmInputGroup .formLabel,[lang=zh_CN] .blackFam .inputGroup.focus .formLabel,[lang=zh_CN] .formTitle.blackFam,[lang=zh_CN] .confirmationTitle.blackFam,[lang=zh_CN] .formDesc.blackFam h5,[lang=zh_CN] .blackFam .confirmLabel{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑 !important } /**************t280 label xck************/ /************downbut ***************/ .downbut #container .buttonContainer .buttonRight .saveDraftButton,.downbut #container .buttonContainer .buttonRight .clearButton, .downbut #container .buttonContainer .buttonRight .resetButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; } .downbut #container .buttonContainer .buttonLeft .actionButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; } .downbut #container .buttonContainer .submitButton, .downbut #container .buttonContainer .confirmButton,.downbut #container .buttonContainer .doneButton,.downbut #container .buttonContainer .templateSubmitButton, .downbut #container .buttonContainer .amendtemplateSaveButton, .downbut #container .buttonContainer .deletetemplateconfirmButton, .downbut #container .buttonContainer .retryButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; } /************downbut ***************/ /*******enquriy download show box start******/ .myGlobalCashPoolView .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.myGlobalCashPoolView .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.myGlobalCashPoolView .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.myGlobalCashPoolView .downloadListContainer .dropDownFooter,.myGlobalCashPoolView .deleteModeDownloadListContainer .dropDownFooter,.myGlobalCashPoolView .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .accountBanlance .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountBanlance .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountBanlance .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountBanlance .downloadListContainer .dropDownFooter,.accountBanlance .deleteModeDownloadListContainer .dropDownFooter,.accountBanlance .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .enquiryMain .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryMain .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryMain .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryMain .downloadListContainer .dropDownFooter,.enquiryMain .deleteModeDownloadListContainer .dropDownFooter,.enquiryMain .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .accountActivities .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountActivities .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountActivities .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.accountActivities .downloadListContainer .dropDownFooter,.accountActivities .deleteModeDownloadListContainer .dropDownFooter,.accountActivities .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .accountActivities .deleteModeDownloadListContainer .selectric-wrapper .selectric-items { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3) !important; } .uploadResult .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.uploadResult .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.uploadResult .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.uploadResult .downloadListContainer .dropDownFooter,.uploadResult .deleteModeDownloadListContainer .dropDownFooter,.uploadResult .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .uploadResult .deleteModeDownloadListContainer .selectric-wrapper .selectric-items { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3) !important; } .enquiryManagement .downloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryManagement .deleteModeDownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryManagement .matchedResultdownloadListContainer .selectric-wrapper .selectric-items .selectric-scroll,.enquiryManagement .downloadListContainer .dropDownFooter,.enquiryManagement .deleteModeDownloadListContainer .dropDownFooter,.enquiryManagement .matchedResultdownloadListContainer .dropDownFooter{ box-shadow: none !important; } .enquiryManagement .deleteModeDownloadListContainer .selectric-wrapper .selectric-items { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3) !important; } /*******enquriy download show box******/ /*********s402downbuttom************/ .AddNewSubAccount .buttonContainer .buttonRight .submitButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600; font-size: 16px; color: #FFFFFF; padding: 11px 0; margin: 8px 16px 8px 24px; width: 152px; text-align: center; background-color: #b51a25; transition: all 0.3s; border-radius: 5px; border: none; outline-width: 0; cursor: pointer; } .AddNewSubAccount .buttonContainer .buttonRight .submitButton:disabled{ opacity: 0.5; cursor: default; } [lang=my_MM] .AddNewSubAccount .buttonContainer .buttonRight .submitButton{ font-size: 12px; } .AmendSubAccountConfirmation .buttonContainer .buttonRight .submitButton{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600; font-size: 16px; color: #FFFFFF; padding: 11px 0; margin: 8px 16px 8px 24px; width: 152px; text-align: center; background-color: #b51a25; transition: all 0.3s; border-radius: 5px; border: none; outline-width: 0; cursor: pointer; } .AmendSubAccountConfirmation .buttonContainer .buttonRight .submitButton:disabled{ opacity: 0.5; cursor: default; } [lang=my_MM] .AmendSubAccountConfirmation .buttonContainer .buttonRight .submitButton{ font-size: 12px } .AddNewSubAccount .containerInner .containerRight .stepOneForm .confirmInputGroup .confirmInput,.AddNewSubAccount .containerInner .containerRight .contentPage .inputGroup.accInfoInput .unit{ font-family: "Noto Sans Semi", "Noto Sans Myanmar Semi", "Noto Sans Myanmar Semi", "Segoe UI", Arial, 微軟正黑體; } .AmendSubAccountConfirmation .containerInner .containerRight .stepOneForm .confirmInputGroup .confirmInput,.AmendSubAccountConfirmation .containerInner .containerRight .contentPage .inputGroup.accInfoInput .unit,.DeleteSubAccountConfirmation .confirmInputGroup .confirmInput,.AddNewSubAccountConfirmation .confirmInputGroup .confirmInput,.AmendSubAccountConfirmation .confirmInputGroup .confirmInput{ font-family: "Noto Sans Semi", "Noto Sans Myanmar Semi", "Noto Sans Myanmar Semi", "Segoe UI", Arial, 微軟正黑體; } .collections .accountCard .accountOutWrapper .accountWrapper .accountInfo .cardHead .position { font-family: "Noto Sans Semi", "Noto Sans Myanmar Semi", "Noto Sans Myanmar Semi", "Segoe UI", Arial, 微軟正黑體 !important; } /*********s402downbuttom************/ /*buttonContainer add by zy*/ .scrollButton .buttonContainer { position: fixed; right: 16px !important; bottom: 16px; z-index: 19; } .scrollButton .buttonContainer.buttonAbsolute { position: fixed; bottom: 110px; } .scrollButton .buttonContainer .buttonAction { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); } .scrollButton .buttonContainer .buttonAction:hover .icon { background-position: 0 -22px !important; } .scrollButton .buttonContainer .buttonAction .icon { width: 22px; height: 22px; } .scrollButton .buttonContainer .buttonAction .icon.icon-onlineCs { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .scrollButton .buttonContainer .buttonAction .icon.icon-backToTop { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .scrollButton .buttonContainer .buttonAction:last-child { margin-bottom: 0; } .buttonContainer:not(.scrollButtonContainerWithFooter) { height: 58px; border-top: 1px solid #dddddd; width: 100%; max-width: 1600px; min-width: 450px; position: fixed; background-color: #FFFFFF; bottom: 0; z-index: 20; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: center; -ms-flex-pack: end; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; } .buttonContainer .submitButton, .buttonContainer .confirmButton, .buttonContainer .doneButton, .buttonContainer .templateSubmitButton, .buttonContainer .amendtemplateSaveButton, .buttonContainer .deletetemplateconfirmButton, .buttonContainer .retryButton, .buttonContainer .offlineAuthButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600; font-size: 16px; color: #FFFFFF; padding: 11px 0; margin: 8px 16px 8px 24px; width: 152px; text-align: center; background-color: #b51a25; transition: all 0.3s; border-radius: 5px; border: none; outline-width: 0; cursor: pointer; } .buttonContainer .offlineAuthButton { height: 44px; padding: 0; } [lang=zh_CN] .buttonContainer .submitButton, [lang=zh_CN] .buttonContainer .confirmButton, [lang=zh_CN] .buttonContainer .doneButton, [lang=zh_CN] .buttonContainer .templateSubmitButton, [lang=zh_CN] .buttonContainer .amendtemplateSaveButton, [lang=zh_CN] .buttonContainer .deletetemplateconfirmButton, [lang=zh_CN] .buttonContainer .retryButton, [lang=zh_CN] .buttonContainer .offlineAuthButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑 !important; } [lang=my_MM] .buttonContainer .submitButton, [lang=my_MM] .buttonContainer .confirmButton, [lang=my_MM] .buttonContainer .doneButton, [lang=my_MM] .buttonContainer .templateSubmitButton, [lang=my_MM] .buttonContainer .amendtemplateSaveButton, [lang=my_MM] .buttonContainer .deletetemplateconfirmButton, [lang=my_MM] .buttonContainer .retryButton, [lang=my_MM] .buttonContainer .offlineAuthButton { font-size: 12px; } [lang=km_KH] .buttonContainer .submitButton, [lang=km_KH] .buttonContainer .confirmButton, [lang=km_KH] .buttonContainer .doneButton, [lang=km_KH] .buttonContainer .templateSubmitButton, [lang=km_KH] .buttonContainer .amendtemplateSaveButton, [lang=km_KH] .buttonContainer .deletetemplateconfirmButton, [lang=km_KH] .buttonContainer .retryButton, [lang=km_KH] .buttonContainer .offlineAuthButton { font-size: 12px; } .buttonContainer .submitButton:disabled, .buttonContainer .confirmButton:disabled, .buttonContainer .doneButton:disabled, .buttonContainer .templateSubmitButton:disabled, .buttonContainer .amendtemplateSaveButton:disabled, .buttonContainer .deletetemplateconfirmButton:disabled, .buttonContainer .retryButton:disabled, .buttonContainer .offlineAuthButton:disabled { opacity: 0.5; cursor: default; } .buttonContainer .submitButton:disabled:hover, .buttonContainer .confirmButton:disabled:hover, .buttonContainer .doneButton:disabled:hover, .buttonContainer .templateSubmitButton:disabled:hover, .buttonContainer .amendtemplateSaveButton:disabled:hover, .buttonContainer .deletetemplateconfirmButton:disabled:hover, .buttonContainer .retryButton:disabled:hover, .buttonContainer .offlineAuthButton:disabled:hover { background-color: #b51a25; } .buttonContainer .submitButton:hover, .buttonContainer .confirmButton:hover, .buttonContainer .doneButton:hover, .buttonContainer .templateSubmitButton:hover, .buttonContainer .amendtemplateSaveButton:hover, .buttonContainer .deletetemplateconfirmButton:hover, .buttonContainer .retryButton:hover, .buttonContainer .offlineAuthButton:hover { background-color: #711a20; } .buttonContainer .buttonLeft { display: flex; flex: 20%; justify-content: flex-start; } .buttonContainer .buttonLeft .actionButton { font-size: 16px; color: #666666; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; cursor: pointer; } [lang=my_MM] .buttonContainer .buttonLeft .actionButton { font-size: 12px; } [lang=km_KH] .buttonContainer .buttonLeft .actionButton { font-size: 12px; } [lang=zh_CN] .buttonContainer .buttonLeft .actionButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .buttonContainer .buttonLeft .actionButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .IE[lang=my_MM] .backHoverButton { align-items: center; } .buttonContainer .buttonLeft .actionButton.submitButton, .buttonContainer .buttonLeft .actionButton.doneButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; color: #FFFFFF; padding: 11px 0; margin: 8px 16px 8px 24px; width: 152px; text-align: center; background-color: #b51a25; border-radius: 5px; border: none; outline-width: 0; } [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.submitButton, [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.doneButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.submitButton, [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.doneButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .buttonContainer .buttonLeft .actionButton.submitButton:disabled, .buttonContainer .buttonLeft .actionButton.doneButton:disabled { opacity: 0.5; } .buttonContainer .buttonRight { display: flex; flex: 80%; justify-content: flex-end; } .buttonContainer .buttonRight .saveDraftButton, .buttonContainer .buttonRight .clearButton, .buttonContainer .buttonRight .resetButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體 !important; font-weight: 600; font-size: 16px; color: #666666; cursor: pointer; margin: 19px 0; } [lang=zh_CN] .buttonContainer .buttonRight .saveDraftButton, [lang=zh_CN] .buttonContainer .buttonRight .clearButton, [lang=zh_CN] .buttonContainer .buttonRight .resetButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑 !important; } [lang=my_MM] .buttonContainer .buttonRight .saveDraftButton, [lang=my_MM] .buttonContainer .buttonRight .clearButton, [lang=my_MM] .buttonContainer .buttonRight .resetButton { font-size: 12px; } [lang=km_KH] .buttonContainer .buttonRight .saveDraftButton, [lang=km_KH] .buttonContainer .buttonRight .clearButton, [lang=km_KH] .buttonContainer .buttonRight .resetButton { font-size: 12px; } .buttonContainer .buttonRight .saveDraftButton.inactive, .buttonContainer .buttonRight .clearButton.inactive, .buttonContainer .buttonRight .resetButton.inactive { opacity: 0.5; cursor: default; } .buttonContainer .buttonRight .saveDraftButton { margin-right: 24px; } .buttonContainer .buttonRight [data-link=paymentEChequeConfirmation].submitButton { padding: 11px 40px; width: auto; } .buttonContainer.resultPage { height: 0; } .buttonContainer.resultPage .fromChatBox { bottom: 21px; } .buttonContainer .fromChatBox { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom: 80px; right: 16px; } .buttonContainer .fromChatBox:hover .icon { background-position: 0 -22px !important; } .buttonContainer .fromChatBox .icon { width: 22px; height: 22px; } .buttonContainer .fromChatBox .icon.icon-onlineCs { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .buttonContainer .fromChatBox:last-child { margin-bottom: 0; } /*buttonContainer add by zy*/ /* cheng li start */ .searchResultContainer .rightResultContainer, #footer { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .scrollButton .buttonAction { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); } .scrollButton .buttonAction:last-child { margin-bottom: 0; } .scrollButton .icon.icon-onlineCs { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .scrollButton .icon-onlineCs { background-image: url(/assets/img/icn_online_cs_hover.png); } .scrollButton .btn-onlineCs:hover .icon-onlineCs { background-position: 0 -22px; color: #b51a25; } .scrollButton .buttonAction .icon { width: 22px; height: 21px; padding: 0px; } .scrollButton .icon.icon-backToTop { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; } .scrollButton .icon-backToTop { background-image: url(/assets/img/icn_back_to_top_hover.png); } .scrollButton .icon-backToTop { background-position: 0 -22px; color: #b51a25; } .accountPosition .content .mapViewContainer .mapBoxDetailContainer .bocLine { box-sizing: border-box; } /* .payment .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .leftSearchContainerBen { box-sizing: border-box; } */ .payment .paymentManagement .registeredBeneficiaryManagementContainer .innerContainer .rightCardContainer { max-width: calc(100% - 357px); } .accountPosition .content .mapViewContainer .mapBoxDetailContainer .bocLine { box-sizing: border-box; } .containerLeft.absolute { position: absolute !important; } /* cheng li end */ /*********zheng ying start************/ .searchPanel .searchResultContainer .rightResultContainer .function.more .functionContainer, .searchPanel .searchResultContainer .rightResultContainer .function.moreDetail .functionContainer{ overflow: hidden; } /*********zheng ying end************/ .EditGlobalCashPoolResult .profileForm .completedWrapper .completedMsg .detail h3.ref { background: none !important; } .TransactionError .buttonContainer { left: 0; right: 0; margin: 0 auto; } .TransactionError .buttonContainer.scrollButtonContainerWithFooter, .TransactionError .buttonContainer.buttonAbsolute { left: inherit !important; } .toTopBtn.scrollButton .buttonContainer, .toTopBtn.scrollButton .scrollButtonContainer { background: none !important; border: none !important; width: auto !important; height: auto !important; display: block !important; padding: 0 !important; min-width: auto !important; } /*********Guo Guwen start************/ #accountPosition .accountPosition .content .twoBalanceContainer .balanceContainer:first-child::after, #cashPoolWidget .accountPosition .content .twoBalanceContainer .balanceContainer:first-child::after{ border-right: 1px solid #ddd; width:0px; } /*********Guo Guwen end************/ .completedMsg .detail h3.ref { background: none !important; } .completedWrapper .completedMsg .detail h3.ref:after{ display: none !important; } .completedWrapper .completedMsg .detail h3.ref .refData { position: relative; display: inline-block; min-height: 16px; padding-right: 10px; } .completedWrapper .completedMsg .detail h3.ref .refData:after { content: ''; display: block !important; position: absolute !important; right: 0px; top: 3px !important; width: 8px; height: 16px !important; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 16px; } .completedWrapper .completedMsg .detail h3.ref .refData:hover:after, .completedWrapper .completedMsg .detail h3.ref .refData:hover:after { background-position: -8px 0px !important; } .completedWrapper .completedMsg .detail h3 a { font-family: 微軟正黑體, "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial; } @media screen and (min-width: 1600px) { .buttonContainer { max-width: 100% !important; box-sizing: border-box !important; padding-left: calc((100% - 1600px) / 2) !important; padding-right: calc((100% - 1600px) / 2) !important; } } /*********ding xiongshi start************/ .workQueueTFSBorder .dropdown{ margin: 0 !important; border-bottom: 0 !important; } .workQueueTFSBorder .dropdown .selectric-wrapper{ width: auto !important; max-width: 100%; } .workQueueTFSBorder .dropdown .selectric-wrapper .selectric{ background-color: transparent !important; border: none !important; margin-top: 0 !important; } .workQueueTFSBorder .dropdown .selectric-wrapper .selectric .label{ width: auto !important; color: #222222 !important; font-size: 24px !important; } .workQueueManualSweepingDetails .container .containerInner .containerRight .selectHeader .selectric-wrapper .label{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } .workQueueManualSweepingDetails .container .containerInner .containerRight .selectric-wrapper .selectric .label{ line-height: 30px; height: 30px; } .workQueueManualSweepingDetails .container .containerInner .containerRight .selectric-wrapper .selectric-items li{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } .workQueueManualSweepingDetails .container .containerInner .containerRight .selectric-wrapper .selectric-items li.selected{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .workQueueManualSweepingDetails .container .containerInner .containerRight .selectric-wrapper .selectric-items li{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .workQueueManualSweepingDetails .container .containerInner .containerRight .selectric-wrapper .selectric-items li.selected{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /*********ding xiongshi end************/ /*********M162 start************/ [lang=zh_CN] .EditRegisteredBeneficiary.RegisteredBeneficiary .container .containerInner .stepOneForm .confirmInputGroup .confirmLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .EditRegisteredBeneficiary.RegisteredBeneficiary .container .containerInner .stepOneForm .confirmInputGroup .confirmLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .EditRegisteredBeneficiary.RegisteredBeneficiary .container .containerInner .stepOneForm .confirmInputGroup .confirmLabel { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 2px; } /*********M162 end************/ /*********lizhiyong start*******/ .buttonContainer .fromChatBox .icon.icon-onlineCs { background-position: 0 0; background-repeat: no-repeat; background-size: 21px; background-image: url(/assets/img/icn_online_cs_hover.png); } .buttonContainer .fromChatBox .icon { width: 22px; height: 21px; } .buttonContainer .fromChatBox:last-child { margin-bottom: 0; } .buttonContainer .fromChatBox { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background-color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; border: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom: 80px; right: 16px; } .buttonContainer .fromChatBox .icon-backToTop { background-position: 0 0; background-repeat: no-repeat; background-size: 22px; background-image: url("/assets/img/icn_back_to_top_hover.png"); } /**********lizhiyong end*************/ /**************m201 list****/ .Enquiry .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .nameWrapper .nameTitleSelectList .selectric-wrapper{ min-width: 350px !important; } .Enquiry .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .currencyWrapper .currencySelectionList .selectric-wrapper .selectric-items .selectric-scroll{ max-height: 311px; } .Enquiry .accountActivities .rightResultContainer .rightResultContainerWrapper .matchedResult .userResultDetail .userResultDetailTop .nameWrapper .nameTitleSelectList .selectric-wrapper .selectric-items .selectric-scroll{ max-height: 311px; } /**************m201 list****/ /**************file upload****/ .uploadedGroup .fileSide .fileIco.defaultIco { background-image: url(../../img/icn_empty_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .defaultIco { background-image: url(../../img/icn_empty_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .uploadedGroup .fileSide .fileIco.jpgIco,.uploadedGroup .fileSide .fileIco.jpegIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.xlsIco,.uploadedGroup .fileSide .fileIco.xlsxIco { background-image: url(../../img/icn_xls_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.docIco,.uploadedGroup .fileSide .fileIco.docxIco { background-image: url(../../img/icn_doc_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.gifIco { background-image: url(../../img/icn_gif_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.tifIco { background-image: url(../../img/icn_tif_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.bmpIco { background-image: url(../../img/icn_bmp_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.pngIco { background-image: url(../../img/icn_png_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .uploadedGroup .fileSide .fileIco.pdfIco { background-image: url(../../img/icn_pdf_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .jpegIco,.gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .jpgIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .xlsIco,.gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .xlsxIco { background-image: url(../../img/icn_xls_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .docxIco,.gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .docIco { background-image: url(../../img/icn_doc_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .pdfIco { background-image: url(../../img/icn_pdf_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .gifIco { background-image: url(../../img/icn_gif_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .tifIco { background-image: url(../../img/icn_tif_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .bmpIco { background-image: url(../../img/icn_bmp_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .pngIco { background-image: url(../../img/icn_png_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } .gib #overlay .overlayComponentContainer .dropFile .fileUploadContainer .uploadedFileField .jpgIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 41.5px 44px; width: 76px; height: 80px; position: absolute; background-color: #fbfbfb; bottom: 0; } /**************file upload****/ /**************P150****/ .demandDraftinputFam .container .containerInner .containerRight .contentPage .inputRow .textarea.inputGroup input,.demandDraftinputFam #overlay .componentAssistant.popupInputGroup input { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } /**************p150****/ /*******************Trade EditInfo*******************/ .tradeInfo .maskInfo { display: inline-block; vertical-align: middle; margin-top: 18px; color: #222222; } .tradeInfo .editOverlay { width: 100%; height: 100%; align-items: center; z-index: 2; position: absolute; top: 0; left: 0; } .tradeInfo .editOverlay .editButton { background-image: url(../../img/icn_edit_hover.png); background-position: left top; background-repeat: no-repeat; background-size: 22px; width: 22px; height: 22px; position: absolute; /* top: calc(50% - 11px); */ top: 20px; right: 0; cursor: pointer; background-size: cover; } .tradeInfo .editOverlay .editButton:hover { background-position-y: -22px; } .infoButtonContainer { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; margin: 16px 0px 0px; } .infoButtonContainer .cancelBtn { cursor: pointer; font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; margin: auto 16px; color: #666666; } .infoButtonContainer .doneBtn { cursor: pointer; color: #b51a25; padding: 6.5px 27px; border: 1px solid #b51a25; border-radius: 5px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 14px; } .infoButtonContainer .doneBtn:hover { color: #711a20; border: 1px solid #711a20; } /*******************Trade EditInfo*******************/ .e151Search .productDetailContainer .backHoverButton,.s420Search .productDetailContainer .backHoverButton{ color: #666666; } .e151Search .productDetailContainer .buttonLeft.recentAccountActivitiesTitle,.s420Search .productDetailContainer .buttonLeft.recentAccountActivitiesTitle{ padding:0px; } /*******************Trade EditInfo*******************/ /*******************collection menuefive sub xck start*******************/ .Collection .whiteBack.noEnquriyCs .productServiceTransaction { background-color: #f2f2f2; } .Collection .whiteBack.noEnquriyCs .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper { padding: 0 16px; padding-bottom: 128px; } .Collection .whiteBack.noEnquriyCs .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper .transcationTitle { margin-top: 16px; font-size: 18px; font-synthesis: style; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .Collection .whiteBack.noEnquriyCs .productServiceTransaction .searchResultContainer .leftSearchContainer .transactionWrapper .transcationRequire { margin-top: 24px; font-size: 12px; color: #666666; } .Collection .whiteBack.noEnquriyCs .productServiceTransaction .searchResultContainer .leftSearchContainer .inputGroup.first { margin-top: 24px; } /*******************collection menuefive sub xck end*******************/ /*******************trade overlay loadMore start*******************/ .overlayComponentContainer .cashMarginContainer .inputGroupTrial .tableLoad,.overlayComponentContainer .detailOfCreditContainer .inputGroupTrial .tableLoad,.overlayComponentContainer .chargesDebitFromContainer .inputGroupTrial .tableLoad { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; background-size: 0; background-color: #f8f8f8; height: 51px; width: calc(100% - 2px); border-bottom: 1px solid #dddddd; border-top: 0px; } .overlayComponentContainer .cashMarginContainer .inputGroupTrial .tableLoad span,.overlayComponentContainer .detailOfCreditContainer .inputGroupTrial .tableLoad span,.overlayComponentContainer .chargesDebitFromContainer .inputGroupTrial .tableLoad span { font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; cursor: pointer; color: #666666; padding: 16px 0; } .overlayComponentContainer .cashMarginContainer .inputGroupTrial .tableLoad.loadingMore,.overlayComponentContainer .detailOfCreditContainer .inputGroupTrial .tableLoad.loadingMore,.overlayComponentContainer .chargesDebitFromContainer .inputGroupTrial .tableLoad.loadingMore { background-image: url(../../img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: center; background-size: 22px; } .overlayComponentContainer .cashMarginContainer .inputGroupTrial .tableLoad.loadingMore span,.overlayComponentContainer .detailOfCreditContainer .inputGroupTrial .tableLoad.loadingMore span,.overlayComponentContainer .chargesDebitFromContainer .inputGroupTrial .tableLoad.loadingMore span { display: none; } /*******************trade overlay loadMore end*******************/ /*******************overlay icon start*******************/ .overlayComponentContainer .icon-closeHover:hover,.overlayComponentContainer .icon-increaseHover:hover { background-position: 0 -22px !important; } /*******************overlay icon end*******************/ /*******************r500 font family start*******************/ .bankGuaranteeConfirmation .ImportLCIssuanceConfirmation .inputGroupContainer .inputTitle .formLabel{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .bankGuaranteeConfirmation .ImportLCIssuanceConfirmation .inputGroupContainer .inputTitle .formLabel{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } /*******************r500 font family end*******************/ /*******************A140 font family start*******************/ .a140.searchPanel .searchResultContainer .leftSearchContainer .searchPanel .btnWrap .search{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } /*******************A140 font family end*******************/ /*******************paymentMain start*****************/ .paymentMain .widget .grid .main .header .title.hyperLink-primaryHover { padding-right: 4px; } .paymentMain .widget .grid .main .header .title.hyperLink-primaryHover::after { width: 8px; height: 24px; background-repeat: no-repeat; background-size: 16px 16px; content: ''; position: absolute; top: 0; left: 100%; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; } .noTouchDevice .paymentMain .widget .grid .main .header .title.hyperLink-primaryHover:hover::after { background-position: -8px center !important; } .paymentMain #useTemplate .grid .main.load { background-image: url(../../img/loader.gif); background-position: center 213px; background-repeat: no-repeat; background-size: 32px; } .paymentMain #useTemplate .grid .main.load .content { display: none; } .paymentMain #useTemplate .searchBox .placeholder { width: calc(80% - 46px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .paymentMain .widget .footer { margin-top: auto; } .paymentMain #useTemplate .grid .main .content .templateListResult ul li .download{ width: 100%; } .paymentMain #useTemplate .templateList .download .text > div, .paymentMain #useTemplate .templateListResult .textResult > div { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .paymentMain #useTemplate .templateList .download .text{ width: calc(100% - 16px); } .paymentMain #initiateLocalPayment .disable, .Dashboard #initiateLocalPayment .disable { user-select: none; pointer-events: none; opacity: 0.5; } .noTouchDevice .paymentMain #useTemplate .grid .main .content .templateListResult ul li:hover, .noTouchDevice .paymentMain #useTemplate .grid .main .content ul li:hover > *{ background-color: #f2f2f2; } .paymentMain #uploadPaymentFile .uploadPaymentFile .content{ height: 260px; } /*******************paymentMain end*****************/ /*******************overlay selectSolution noData start*********/ #overlay .selectSolutionContainer .nodataContent{ position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 52px; } #overlay .selectSolutionContainer .nodataContent .errorOccur{ background-image: url(../../img/icn_read.svg); background-position: top center; background-repeat: no-repeat; background-size: 44px; font-size: 14px; font-weight: 400; width: 100%; line-height: 22px; color: #222222; text-align: center; padding-top: 52px; padding-left: 16px; padding-right: 16px; max-width: 100%; } /*******************overlay selectSolution noData end*********/ .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup { appearance: none; height: 58px; position: relative; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown { border-bottom: 1px solid #dddddd; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric { cursor: pointer; background-color: transparent; border: none; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric .label { margin: 22px 0 0; width: calc(100% - 18px); color: #222222; font-size: 16px; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric .label { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric .label { font-size: 12px; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric .button { background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; top: calc(50% - 16px); background-color: transparent; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric .button:after { display: none; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items { border: none; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); top: calc(100% - 2px); background-color: #FFFFFF; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li { font-size: 16px; padding: 16px 28px 16px 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li { font-size: 12px; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; position: relative; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 16px; top: 0; bottom: 0; margin: auto; border-radius: 50%; background-color: #8faef4; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li.highlighted { background-color: #FFFFFF; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li:hover { background-color: #eeeeee; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.dropdown .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup label { color: #666666; position: absolute; bottom: 16px; font-size: 16px; transition: all 0.3s; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup label { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup label { font-size: 12px; } .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.focus label { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; bottom: 30px; font-size: 12px; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.focus label { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.focus label { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.focus label { font-size: 8px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .popupInputGroup.focus label { font-size: 8px; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken , .verification .mobileToken { margin-top: 16px; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step , .verification .mobileToken .step{ /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 12px; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step:last-child , .verification .mobileToken .step:last-child{ margin-bottom: 0; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step span{ font-size: 12px; position: relative; color: #222222; } .verification .mobileToken .step span{ font-size: 14px; position: relative; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step , .verification .mobileToken .step { display:block; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step > p, .verification .mobileToken .step > p { margin-bottom: 12px; font-size: 14px; display: table-row; } .verification .mobileToken .problemTitle{ font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step p span , .verification .mobileToken .step p span { display: table-cell; padding-right: 0; width: 50px } .gib #overlay .overlayComponentContainer .commonVerification .mobileToken .step p span:last-child , .verification .mobileToken .step p span:last-child { width:auto; } .gib #overlay .overlayComponentContainer .commonVerification span.padIcon:after , .verification span.padIcon:after { display: none !important; } .gib #overlay .overlayComponentContainer .commonVerification span.padIcon , .verification span.padIcon { background-image: url("../../img/icn_mobile_token.png"); background-position: center; background-repeat: no-repeat; background-size: 22px 22px; width: 35px !important; height: 22px; display: inline-block !important; vertical-align: middle; } .gib #overlay .overlayComponentContainer .commonVerification span.keyPic , .verification span.keyPic { background-image: url("../../img/icn_key.png"); background-position: center; background-repeat: no-repeat; background-size: 22px 22px; width: 35px !important; height: 22px; display: inline-block !important; vertical-align: middle; } .gib #overlay .overlayComponentContainer .commonVerification .loginInput { margin-top: 32px; } .gib #overlay .overlayComponentContainer .commonVerification .authGroup { margin-top: 32px; } .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupLabel { color: #666666; line-height: 17px; font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupLabel { font-size: 8px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupLabel { font-size: 8px; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupValue { color: #222; line-height: 19px; font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; } [lang=my_MM] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupValue { font-size: 12px; } [lang=km_KH] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupValue { font-size: 12px; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .commonVerification .authGroup .authGroupValue { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .gib #overlay .overlayComponentContainer .commonVerification .bottomBarContainer .disable { cursor: default !important; pointer-events: none; } .commonVerification .subtitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; color: #222222; margin-top: 32px; } /*******************payment overlay addBeneficiary start*********/ .gib #overlay .overlayComponentContainer .addBeneficiaryIPContainer .recentAccountList .swiper-slide .balanceCard, .gib #overlay .overlayComponentContainer .addBeneficiaryRTGSContainer .recentAccountList .swiper-slide .balanceCard, .gib #overlay .overlayComponentContainer .addBeneficiaryeChequeContainer .recentAccountList .swiper-slide .balanceCard, .gib #overlay .overlayComponentContainer .addBeneficiaryContainer .recentAccountList .swiper-slide .balanceCard { padding-right: 33px !important; } .gib #overlay .overlayComponentContainer .addBeneficiaryIPContainer .recentAccountList .swiper-slide input[type=radio] + label:before, .gib #overlay .overlayComponentContainer .addBeneficiaryRTGSContainer .recentAccountList .swiper-slide input[type=radio]:checked + label:before, .gib #overlay .overlayComponentContainer .addBeneficiaryeChequeContainer .recentAccountList .swiper-slide input[type=radio]:checked + label:before, .gib #overlay .overlayComponentContainer .addBeneficiaryContainer .recentAccountList .swiper-slide input[type=radio] + label:before { right: 16px !important; } /*******************payment overlay addBeneficiary end*********/ /*******************confirmpage highRisk select start*********/ .contentPage .verification .dropdown.select2FAType { margin: 16px 0 0; } .contentPage .verification .selectric-wrapper { width: 100%; } .contentPage .verification .selectric-wrapper .selectric { margin-top: 14px; background-color: transparent; border: none; } .contentPage .verification .selectverificationper .selectric .button, .contentPage .verification .selectric-wrapper .selectric .label { line-height: 32px; height: 32px; } .contentPage .verification .selectric-wrapper .selectric .button { top: 0px; right: 0px; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: transparent; } .contentPage .verification .selectric-wrapper .selectric .button:after { display: none; } .contentPage .verification .selectric-wrapper.selectric-open { z-index: 8; } .contentPage .verification .selectric-wrapper.selectric-open .selectric-items { max-height: 300px; opacity: 1; transition: max-height .8s, opacity .1s; } .contentPage .verification .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } .contentPage .verification .selectric-wrapper .label { font-size: 16px; margin: 0px; margin-top: 8px; color: #222222; border-bottom: 1px solid #dddddd !important; } .contentPage .verification .selectric-wrapper .selectric-items { display: block; max-height: 0; background-color: #FFFFFF; overflow: hidden; opacity: 0; z-index: auto; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .contentPage .verification .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px 16px; position: relative; } .contentPage .verification .selectric-wrapper .selectric-items li:hover { background-color: none; } .contentPage .verification .selectric-wrapper .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .contentPage .verification .selectric-wrapper .selectric-items li:last-child:before { border: none; } .contentPage .verification .selectric-wrapper .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .contentPage .verification .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .contentPage .verification .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .contentPage .verification .selectric-wrapper .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } .contentPage .verification .inputGroup{ border-bottom: none !important; margin-left: 0px !important; } .contentPage .verification .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } .contentPage .verification .selectric-wrapper .selectric-items li.keydown { background-color: transparent; } .contentPage .verification .inputHalf { width: calc(50% - 8px) !important; } .contentPage .verification .inputGroup.dropdown .selectric-items li.highlighted { background-color: #FFFFFF !important; } .contentPage .verification .inputGroup.dropdown .selectric-items li:hover { background-color: #eeeeee !important; } .contentPage .verification .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5 !important; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .contentPage .verification .inputGroup.focus .formLabel { color: #666666; font-size: 12px !important; position: absolute; left: 0; bottom: 31px !important; font-synthesis: style; transition: bottom 0.3s, font-size 0.3s; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=my_MM] .contentPage .verification .inputGroup.focus .formLabel { font-size: 8px; } [lang=km_KH] .contentPage .verification .inputGroup.focus .formLabel { font-size: 8px; } [lang=zh_CN] .contentPage .verification .inputGroup.focus .formLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .contentPage .verification .inputGroup.focus .formLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /*******************confirmpage highRisk select start*********/ /*******************n831 cheng zhimin Start*********/ .RequestEarlyPayment .inputSection .inputGroup .formLabel.datePickerLabel { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 12px; color: #666666; padding-bottom: 2px; } [lang=zh_CN] .RequestEarlyPayment .inputSection .inputGroup .formLabel.datePickerLabel{ font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .RequestEarlyPayment .inputSection .inputGroup .formLabel.datePickerLabel{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .RequestEarlyPayment .inputSection .inputGroup .formLabel.datePickerLabel{ font-size: 8px; } [lang=km_KH] .RequestEarlyPayment .inputSection .inputGroup .formLabel.datePickerLabel { font-size: 8px; } /*******************n831 cheng zhimin End*********/ /*******************T320 cheng zhimin start*********/ #quickFX .inputGroupTrial{ position: relative; } #quickFX .inputGroupTrial.focus:first-child .formLabel,#quickFX .inputGroupTrial.focus:first-child .fixedFormLabel{ font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; top: 6px; } [lang=my_MM] #quickFX .inputGroupTrial:first-child .formLabel, [lang=my_MM] #quickFX .inputGroupTrial:first-child .fixedFormLabel { font-size: 8px; } [lang=km_KH] #quickFX .inputGroupTrial:first-child .formLabel, [lang=km_KH] #quickFX .inputGroupTrial:first-child .fixedFormLabel { font-size: 8px; } [lang=zh_CN] #quickFX .inputGroupTrial:first-child .formLabel, [lang=zh_CN] #quickFX .inputGroupTrial:first-child .fixedFormLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] #quickFX .inputGroupTrial:first-child .formLabel, [lang=zh_CN] #quickFX .inputGroupTrial:first-child .fixedFormLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #quickFX .inputGroupTrial:first-child .label { font-size: 16px; line-height: 22px; height: 22px; padding-top: 25px; padding-bottom: 6px; color: #222222; margin-left: 16px; margin-right: 16px; } [lang=my_MM] #quickFX .inputGroupTrial:first-child .label { font-size: 12px; } [lang=km_KH] #quickFX .inputGroupTrial:first-child .label { font-size: 12px; } #quickFX .inputGroupTrial .formLabel { color: #666666; position: absolute; left: 0; top: 16px; margin-left: 0; font-size: 16px; transition: top 0.3s, font-size 0.3s; } [lang=my_MM] #quickFX .inputGroupTrial .formLabel { font-size: 12px; } [lang=km_KH] #quickFX .inputGroupTrial .formLabel { font-size: 12px; } #quickFX .inputGroupTrial .formLabel .star { color: #666666; } #quickFX .inputGroupTrial .formLabel.fixedLabel { font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; line-height: 17px; } [lang=my_MM] #quickFX .inputGroupTrial .formLabel.fixedLabel { font-size: 8px; } [lang=km_KH] #quickFX .inputGroupTrial .formLabel.fixedLabel { font-size: 8px; } [lang=zh_CN] #quickFX .inputGroupTrial .formLabel.fixedLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] #quickFX .inputGroupTrial .formLabel.fixedLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #quickFX .inputGroupTrial.focus .formLabel, #quickFX .inputGroupTrial.focus .fixedFormLabel { font-size: 12px; top: 6px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=my_MM] #quickFX .inputGroupTrial.focus .formLabel, [lang=my_MM] #quickFX .inputGroupTrial.focus .fixedFormLabel { font-size: 8px; } [lang=km_KH] #quickFX .inputGroupTrial.focus .formLabel, [lang=km_KH] #quickFX .inputGroupTrial.focus .fixedFormLabel { font-size: 8px; } [lang=zh_CN] #quickFX .inputGroupTrial.focus .formLabel, [lang=zh_CN] #quickFX .inputGroupTrial.focus .fixedFormLabel { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] #quickFX .inputGroupTrial.focus .formLabel, [lang=zh_CN] #quickFX .inputGroupTrial.focus .fixedFormLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #quickFX .inputGroupTrial .selectric-wrapper { width: 100%; } #quickFX .inputGroupTrial .selectric-wrapper .selectric { background-color: transparent; border: none; } #quickFX .inputGroupTrial .selectric-wrapper .selectric .label { font-size: 16px; line-height: 22px; height: 22px; padding-top: 25px; padding-bottom: 6px; color: #222222; margin-left: 0; margin-right: 0; border-bottom: 1px solid #dddddd; } [lang=my_MM] #quickFX .inputGroupTrial .selectric-wrapper .selectric .label { font-size: 12px; } [lang=km_KH] #quickFX .inputGroupTrial .selectric-wrapper .selectric .label { font-size: 12px; } #quickFX .inputGroupTrial .selectric-wrapper .selectric .button { height: 100%; width: 10px; background-color: transparent; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; transition: transform .3s; } #quickFX .inputGroupTrial .selectric-wrapper .selectric .button:after { display: none; } #quickFX .inputGroupTrial .selectric-wrapper.selectric-open { z-index: 20; } #quickFX .inputGroupTrial .selectric-wrapper.selectric-open .selectric-items { max-height: 208px; opacity: 1; transition: max-height .2s, opacity .1s; } #quickFX .inputGroupTrial .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items { display: block; max-height: 0; background-color: #FFFFFF; overflow: auto; opacity: 0; z-index: auto; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li { background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 16px 36px 16px 16px; position: relative; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li:hover { background-color: #eeeeee; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li:before { content: ''; position: absolute; top: 0; left: 0; margin: 0 16px; width: calc(100% - 32px); border-bottom: 1px solid #dddddd; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li:after { content: ''; display: inline-block; position: absolute; top: 21px; right: 18px; height: 10px; width: 10px; margin-right: 2px; border-radius: 50%; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li:nth-child(2):before { border-bottom: 0; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.selected:after { border: none; background-color: #8faef4; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.highlighted { background-color: #eeeeee; } #quickFX .inputGroupTrial .selectric-wrapper .selectric-items li.keydown { background-color: transparent; } #quickFX .inputGroupTrial .selectric-wrapper.selectric-disabled { opacity: 1; } /*******************T320 cheng zhimin End*********/ /******************availableCreditLimit overlay start**********/ .gib #overlay .overlayComponentContainer .availableCreditLimitContainer .availableCreditLimitWrapper .rowWrapper .itemLeft.OTH { padding-top: 14px; font-size: 18px; color: #222222; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .gib #overlay .overlayComponentContainer .availableCreditLimitContainer .availableCreditLimitWrapper .rowWrapper .OTHRight { padding-top: 18px; font-size: 14px; color: #222222; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .gib #overlay .overlayComponentContainer .availableCreditLimitContainer .availableCreditLimitWrapper .rowWrapper .itemLeft.OTH { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /******************availableCreditLimit overlay end**********/ /******************I410 search start****************/ .subsribeAndManage .header .titleContainer .singleTitle { font-size: 24px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; line-height: 32px; color: #222222; position: relative; } [lang=zh_CN] .subsribeAndManage .header .titleContainer .singleTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /******************I410 search end******************/ /******************m109 detail start******************/ .MySetting .subHeaderTitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 14px; margin: 16px 0px; color: #666666; } [lang=zh_CN] .MySetting .subHeaderTitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .MySetting .subHeaderTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .MySetting .subHeaderTitle { font-size: 10px; } [lang=km_KH] .MySetting .subHeaderTitle { font-size: 10px; } .MySetting .confirmAccessProfileWrapper { width: 100%; margin-bottom: 64px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard { box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); margin-bottom: 16px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard:last-child { margin-bottom: 0px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .accessProfileContent { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; padding: 18px 16px; cursor: default; position: relative; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .accessProfileContent::after { content: ""; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .icon { width: 44px; height: 44px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .icon.icon-AccessProfileBeforeUpload { background-image: url("../../img/Access_profile_before_upload.png"); background-position: center center; background-repeat: no-repeat; background-size: auto 44px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .icon.selected.icon-AccessProfileBeforeUpload { background-image: url("../../img/Access_profile_uploaded.png"); background-position: center center; background-repeat: no-repeat; background-size: auto 44px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .titleContent { padding-left: 24px; flex-grow: 1; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .mainTitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; color: #222222; padding-bottom: 8px; } [lang=zh_CN] .MySetting .confirmAccessProfileWrapper .accessProfileCard .mainTitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .MySetting .confirmAccessProfileWrapper .accessProfileCard .mainTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .MySetting .confirmAccessProfileWrapper .accessProfileCard .mainTitle { font-size: 12px; } [lang=km_KH] .MySetting .confirmAccessProfileWrapper .accessProfileCard .mainTitle { font-size: 12px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .remark { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 12px; color: #666666; } [lang=zh_CN] .MySetting .confirmAccessProfileWrapper .accessProfileCard .remark { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .MySetting .confirmAccessProfileWrapper .accessProfileCard .remark { font-size: 8px; } [lang=km_KH] .MySetting .confirmAccessProfileWrapper .accessProfileCard .remark { font-size: 8px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .accessProfileContent.selected::after { content: ""; position: absolute; top: calc(50% - 11px); right: 16px; width: 11px; height: 22px; background-image: url(/assets/img/icn_arrow_right_hover.svg); background-position: 0 center; background-repeat: no-repeat; background-size: 22px 22px; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .accessProfileContent:hover::after { background-position: -11px center; } .MySetting .confirmAccessProfileWrapper .accessProfileCard .accessProfileContent.selected{ cursor: pointer !important; } /******************m109 detail end******************/ /******************t700 custody report detail start*********/ .T700InfoDetail .stepTwoForm { padding-bottom: 0px !important; } .TransactionDetailsComplete.T700InfoDetail .container .containerInner .containerRight .headerBtnWrapper .actionButton{ cursor: default; } .TransactionDetailsComplete.T700InfoDetail .headerBtnWrapper .backHoverButton{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .T700InfoDetail .headerBtnWrapper .actionBarContainer { display: flex; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: center; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: center; padding-right: 16px; } .T700InfoDetail .functionButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; background-position: left top; background-repeat: no-repeat; background-size: 22px; line-height: 22px; color: #666666; padding-left: 26px; margin-left: 24px; cursor: pointer; } [lang=zh_CN] .T700InfoDetail .functionButton { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } /******************t700 custody report detail end*********/ /******************a130 download start*********/ .a130search .editFunction { position: absolute; right: 16px; top: 0; /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: start; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: start; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: start; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: start; } .a130search .editFunction .function.more { position: relative; cursor: pointer; } .a130search .editFunction .function.more > ul { position: absolute; top: calc(100% + 18px); right: 0; background: #FFF; list-style: none; z-index: 5; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); max-height: 0; user-select: none; pointer-events: none; overflow: hidden; transition: all .3s linear; } .a130search .editFunction .function.more > ul.show { animation-duration: .6s; -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */ -moz-animation-fill-mode: forwards; /* FF 5+ */ -o-animation-fill-mode: forwards; /* Not implemented yet */ -ms-animation-fill-mode: forwards; /* IE 10+ */ animation-fill-mode: forwards; overflow: visible; max-height: 300px; user-select: auto; pointer-events: all; } @keyframes overflowBugFix2 { from { overflow: hidden; } to { overflow: visible; } } .a130search .editFunction .function.more > ul > li > a { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; line-height: 22px; min-width: 220px; margin: 0; color: #666; position: relative; cursor: pointer; white-space: nowrap; display: block; width: 100%; box-sizing: border-box; height: 54px; padding: 16px 36px 16px 42px; } [lang=zh_CN] .a130search .editFunction .function.more > ul > li > a { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .a130search .editFunction .function.more > ul > li > a { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .a130search .editFunction .function.more > ul > li > a { font-size: 12px; } [lang=km_KH] .a130search .editFunction .function.more > ul > li > a { font-size: 12px; } .a130search .editFunction .function.more > ul > li > a .downloadListContainer { top: 0; right: calc(100% + 2px); width: 320px; max-width: 320px; } /* .a130search .editFunction .function.more > ul > li > a .downloadListContainer .selectric-items { height: 170px !important; } */ .noTouchDevice .a130search .editFunction .function.more > ul > li > a:hover { background: #eeeeee; color: #b51a25; } .noTouchDevice .a130search .editFunction .function.more > ul > li > a:hover:before { background-position: 0 -22px; } .a130search .editFunction .function.more > ul > li > a:before { content: ''; display: block; width: 22px; height: 22px; position: absolute; background-size: 22px; background-position: 0 0; background-repeat: no-repeat; top: 16px; left: 16px; } .a130search .editFunction .function.more > ul > li > a.addShortcuts:before { background-image: url("../../img/icn_add_shortcut.png"); } .a130search .editFunction .function.more > ul > li > a.removeShortCut:before { background-image: url("../../img/icn_decrease_hover.png"); } .a130search .editFunction .function.more > ul > li > a.fileUpload:before { background-image: url("../../img/icn_file_upload.png"); } .a130search .editFunction .function.more > ul > li > a.bulkRegistration:before { background-image: url("../../img/icn_bulk.png"); } .a130search .editFunction .function.more > ul > li > a.downloadReport:before { background-image: url("../../img/icn_download_hover.png"); } .a130search .editFunction .function.more > ul > li > a:after { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #ddd; position: absolute; top: 100%; left: 16px; } .a130search .editFunction .function.more > ul > li:last-child a:after { display: none; } .a130search .editFunction .downloadReport { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; background-position: 0 0; color: #666666; line-height: 22px; padding: 0 0 0 26px; margin: 18px 0 18px 24px; background-repeat: no-repeat; background-size: 22px; cursor: pointer; } [lang=zh_CN] .a130search .editFunction .downloadReport { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .a130search .editFunction .downloadReport { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .a130search .editFunction .downloadReport { font-size: 12px; } [lang=km_KH] .a130search .editFunction .downloadReport { font-size: 12px; } .a130search .editFunction .downloadListContainer, .a130search .editFunction .detailListContainer { position: absolute; background-color: #FFFFFF; top: calc(100% + 18px); right: 0; z-index: 2; width: 322px; max-height: 0; max-width: 322px; box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); padding: 0; } .a130search .editFunction .downloadListContainer .selectric-items, .a130search .editFunction .detailListContainer .selectric-items { height: 278px; } .a130search .editFunction .downloadListContainer .selectric-wrapper .selectric, .a130search .editFunction .detailListContainer .selectric-wrapper .selectric { display: none; visibility: hidden; background-color: transparent; border: none; } .a130search .editFunction .downloadListContainer .selectric-wrapper .selectric .button, .a130search .editFunction .downloadListContainer .selectric-wrapper .selectric .label, .a130search .editFunction .detailListContainer .selectric-wrapper .selectric .button, .a130search .editFunction .detailListContainer .selectric-wrapper .selectric .label { line-height: 54px; } .a130search .editFunction .downloadListContainer .selectric-wrapper .selectric .button, .a130search .editFunction .detailListContainer .selectric-wrapper .selectric .button { top: 0px; right: 0px; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: #FFFFFF; } .a130search .editFunction .downloadListContainer .selectric-wrapper .selectric .button:after, .a130search .editFunction .detailListContainer .selectric-wrapper .selectric .button:after { display: none; } .a130search .editFunction .downloadListContainer .selectric-wrapper .button, .a130search .editFunction .detailListContainer .selectric-wrapper .button { top: 0px; right: 0px; background-image: url("../../img/icn_arrow_down.png"); background-position: right center; background-repeat: no-repeat; background-size: 10px 16px; width: 10px; transition: transform .3s; background-color: #FFFFFF; } .a130search .editFunction .downloadListContainer .selectric-wrapper .button:after, .a130search .editFunction .detailListContainer .selectric-wrapper .button:after { display: none; } .a130search .editFunction .downloadListContainer .label, .a130search .editFunction .detailListContainer .label { font-size: 16px; margin: 0px; margin-top: 8px; color: #222222; border-bottom: 1px solid #dddddd; } .a130search .editFunction .downloadListContainer .selectric-items, .a130search .editFunction .detailListContainer .selectric-items { min-width: 320px; display: block; visibility: hidden; opacity: 0; height: 278px !important; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); transition: all 0.3s; } .a130search .editFunction .downloadListContainer .selectric-items .selectric-scroll, .a130search .editFunction .detailListContainer .selectric-items .selectric-scroll { height: auto; } .a130search .editFunction .downloadListContainer .selectric-items.show, .a130search .editFunction .detailListContainer .selectric-items.show { visibility: visible; opacity: 1; height: 224px; } .a130search .editFunction .downloadListContainer .selectric-items li, .a130search .editFunction .detailListContainer .selectric-items li { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; width: 288px; line-height: 54px; background-color: #FFFFFF; font-size: 16px; color: #222222; padding: 0px 16px; position: relative; transition: all 0.3s; } [lang=zh_CN] .a130search .editFunction .downloadListContainer .selectric-items li, [lang=zh_CN] .a130search .editFunction .detailListContainer .selectric-items li { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .noTouchDevice .a130search .editFunction .downloadListContainer .selectric-items li:hover, .noTouchDevice .a130search .editFunction .detailListContainer .selectric-items li:hover { background-color: none; } .a130search .editFunction .downloadListContainer .selectric-items li:before, .a130search .editFunction .detailListContainer .selectric-items li:before { content: ''; width: calc(100% - 32px); position: absolute; bottom: 0; left: 0; margin: 0 16px; border-bottom: 1px solid #dddddd; } .a130search .editFunction .downloadListContainer .selectric-items li:last-child:before, .a130search .editFunction .detailListContainer .selectric-items li:last-child:before { margin: 0; width: 100%; border-bottom: 1px solid #dddddd; } .a130search .editFunction .downloadListContainer .selectric-items li.selected, .a130search .editFunction .detailListContainer .selectric-items li.selected { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .a130search .editFunction .downloadListContainer .selectric-items li.selected, [lang=zh_CN] .a130search .editFunction .detailListContainer .selectric-items li.selected { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .a130search .editFunction .downloadListContainer .selectric-items li.selected, [lang=zh_CN] .a130search .editFunction .detailListContainer .selectric-items li.selected { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .a130search .editFunction .downloadListContainer .selectric-items li.selected:after, .a130search .editFunction .detailListContainer .selectric-items li.selected:after { content: ''; position: absolute; display: inline-block; height: 10px; width: 10px; right: 18px; top: 21px; margin-right: 2px; border-radius: 50%; background-color: #8faef4; } .a130search .editFunction .downloadListContainer .selectric-items li.highlighted, .a130search .editFunction .detailListContainer .selectric-items li.highlighted { background-color: #eeeeee; } .a130search .editFunction .downloadListContainer .selectric-items li.keydown, .a130search .editFunction .detailListContainer .selectric-items li.keydown { background-color: transparent; } .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter, .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter { min-width: 93px; height: 44px; float: right; margin: 8px 16px; } .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter:after, .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter:after { content: ''; clear: both; } .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter .requestBtn, .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter .requestBtn { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; padding: 11px 14px 11px 15px; border-radius: 4px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; border-color: #b51a25; cursor: pointer; border-style: solid; opacity: 0.5; } [lang=zh_CN] .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter .requestBtn, [lang=zh_CN] .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter .requestBtn { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter .requestBtn, [lang=my_MM] .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter .requestBtn { font-size: 12px; } [lang=km_KH] .a130search .editFunction .downloadListContainer .selectric-items .dropDownFooter .requestBtn, [lang=km_KH] .a130search .editFunction .detailListContainer .selectric-items .dropDownFooter .requestBtn { font-size: 12px; } .a130search .editFunction .downloadListContainer.selectric-disabled, .a130search .editFunction .detailListContainer.selectric-disabled { opacity: 1; } .a130search .editFunction .downloadListContainer .requestBox, .a130search .editFunction .detailListContainer .requestBox { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: end; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: end; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: end; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: end; -ms-flex-pack: end; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: end; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-end; align-items: end; display: flex; height: 59px; } .a130search .editFunction .downloadListContainer .requestBox .requestButton, .a130search .editFunction .detailListContainer .requestBox .requestButton { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 16px; float: right; width: 93px; line-height: 44px; border-radius: 4px; background-color: #b51a25; color: #FFFFFF; margin: 8px 6px 8px 0; text-align: center; } [lang=zh_CN] .a130search .editFunction .downloadListContainer .requestBox .requestButton, [lang=zh_CN] .a130search .editFunction .detailListContainer .requestBox .requestButton { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=my_MM] .a130search .editFunction .downloadListContainer .requestBox .requestButton, [lang=my_MM] .a130search .editFunction .detailListContainer .requestBox .requestButton { font-size: 12px; } [lang=km_KH] .a130search .editFunction .downloadListContainer .requestBox .requestButton, [lang=km_KH] .a130search .editFunction .detailListContainer .requestBox .requestButton { font-size: 12px; } /******************a130 download end*********/ /******************masterAccount start*********/ .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; background-size: 0; background-color: #f8f8f8; height: 51px; width: calc(100% - 2px); border-bottom: 1px solid #dddddd; border-top: 0px; } .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad.loadingMore { background-image: url("../../img/loader.gif"); background-position: center; background-repeat: no-repeat; background-size: center; background-size: 22px; } .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad.loadingMore span { display: none; } .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad span { font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; cursor: pointer; color: #666666; padding: 16px 0; } [lang=my_MM] .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad span { font-size: 10px; } [lang=km_KH] .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad span { font-size: 10px; } [lang=zh_CN] .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad span { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } [lang=zh_CN] .overlayComponentContainer .masterAccountContainer .inputGroupTrial .tableLoad span { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } /******************masterAccount end*********/ /******************overlay hover start*********/ #overlay .overlayComponentContainer .inputGroupTrial .formLabel:hover { background: none; } /******************overlay hover end*********/ /******************downloadReport start*********/ .downloadReport:not(:hover){ color: #666666 !important; } /******************downloadReport end*********/ /******************header Nav start*********/ .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer { visibility: hidden; opacity: 1; } .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer.active { visibility: visible; opacity: 1; } /******************header Nav end*********/ /********************* guo bin start ***********************/ .i110search .icon-moreCenterHover.redColor{ background-position: 0 -22px !important; color: #b51a25 !important; } .a130search .editFunction .downloadListContainer .selectric-items li:hover, .a130search .editFunction .detailListContainer .selectric-items li:hover{ color: #b51a25 !important; } .t100Search .pullDownList .selectric-wrapper .selectric-scroll li:hover{ color: #b51a25 !important; } .t100Search .pullDownList .selectric-wrapper .selectric-items{ cursor: initial; } .t100Search .downloadMouseUp, .a130search .downloadMouseUp{ background-color: #eeeeee !important; } /********************** guobin end *************************/ /********************** N171 start *************************/ .supplierSubmissionCreateSubmission .all-attachment-container .uploadedGroup .fileSide .fileIco { width: 44px; height: 44px; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .inputRow { width: calc(50% + 8px); padding: 0 8px; box-sizing: border-box; margin: 0 -8px; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup { width: 100%; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .uploadedItm { position: relative; width: 100%; height: 80px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .fileSide { display: inline-block; vertical-align: middle; width: 76px; height: calc(100% - 1px); padding: 18px; background-color: #fbfbfb; box-sizing: border-box; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .fileDesc { display: inline-block; vertical-align: middle; margin-left: 6px; width: calc(100% - 130px); } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .fileDesc h4 { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 24px; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn { font-size: 12px; margin-right: 6px; color: #666666; padding-left: 24px; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .supplierSubmissionCreateSubmission [data-targettab="other"] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } .supplierSubmissionCreateSubmission [data-targettab=other] .uploadFieldWrapper .uploadedGroup .closeBtn { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; background-image: url(../../img/icn_close_hover.png); background-position: center top; background-repeat: no-repeat; background-size: 22px auto; overflow: hidden; cursor: pointer; } .gib #overlay .overlayComponentContainer .fileUploadResultContainer .fileUploadResult .loading { background-image: url(../../img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 30px; position: absolute; height: calc(100% - 168px); width: calc(100% - 32px); } .supplierSubmissionCreateSubmission .transactionCard .controlBtn .moreBtn .sortItm.highligthed { background-color: #f2f2f2; } .supplierSubmissionCreateSubmission .needValid.invalid { border: 1px solid #b51a25; border-top: 0; } .supplierSubmissionCreateSubmission [data-targettab=acceptance] .boxWrapper .boxContainer.needValid.invalid .firstBeneficiaryContainer .firstBeneficiaryRow .proceedPopUpText, .supplierSubmissionCreateSubmission [data-targettab=acceptance] .boxWrapper .boxContainer.needValid.invalid .proceedPopUpContainer .proceedPopUpRow .proceedPopUpText, .supplierSubmissionCreateSubmission [data-targettab=acceptance] .instruRecordBoxWrapper.needValid.invalid .instruRecordContainer .instruRecordRow .proceedPopUpText { color: #b51a25; } .supplierSubmissionCreateSubmission .needAuth .formLabel { width: 95%; } .supplierSubmissionCreateSubmission .tncSection .TnCtitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 24px; color: #222222; margin-top: 26px; margin-bottom: 16px; } .supplierSubmissionCreateSubmission .tncSection .tncFormLabel { color: #222222; margin-left: 14px; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection { user-select: none; pointer-events: none; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox { width: 100%; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer; position: relative; margin: 0 0 32px; font-size: 14px; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .tickIcon { margin-bottom: 32px !important; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox input.tickIcon:checked + label:before { border: 1px solid #999999 !important; background-color: white !important; border-radius: 50%; background-image: url(../../img/icn_tick.png); background-position: center center; background-repeat: no-repeat; background-size: 22px 22px; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label.tickIcon:before { min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; content: ""; display: block; border-radius: 50%; border: 1px solid #999999; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label .tncFormLabel { margin-left: 14px; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .sectionBlock { border-bottom: 1px solid #dddddd; } .supplierSubmissionCreateSubmissionConfirmation .instrumentRecordSection .profileCard { cursor: pointer; height: auto; } #n172Input .inputGroupContainer .inputHalf { margin-bottom: 29px; } #n172Input .inputGroupContainer .inputHalf label { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 12px; color: #666666; padding-bottom: 2px; } #container .scSubmissionStatus .cardContentContainer .statusActive .cardStatus, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusActive .userInfo .cardTop .status { color: #01bc88; } #container .scSubmissionStatus .cardContentContainer .statusActive .dot, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusActive .userInfo .cardTop .status .dot { background-color: #01bc88; } #container .scSubmissionStatus .cardContentContainer .statusReject .cardStatus, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusReject .userInfo .cardTop .status { color: #b51a25; } #container .scSubmissionStatus .cardContentContainer .statusReject .dot, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusReject .userInfo .cardTop .status .dot { background-color: #b51a25; } #container .scSubmissionStatus .cardContentContainer .statusPending .cardStatus, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusPending .userInfo .cardTop .status { color: #f5a623; } #container .scSubmissionStatus .cardContentContainer .statusPending .dot, .scSubmissionConStatus .instrumentRecordSection .profileCard.statusPending .userInfo .cardTop .status .dot { background-color: #f5a623; } .BuyerSubmissionCreateSubmission [data-targettab=acceptance] .boxWrapper .boxContainer .proceedPopUpSelectedRow .companyAddress p, .supplierSubmissionCreateSubmissionConfirmation [data-targettab=general] .supplierAndBuyerSection .supplierAndBuyerContainer .accountRow .companyAddress p { min-height: 16px; } .supplierSubmissionCreateSubmission .tncFormLabel { cursor: initial; } .supplierSubmissionCreateSubmission .tncFormLabel .tradeDownload.subSmallTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; cursor: pointer; } [lang=zh_CN] .supplierSubmissionCreateSubmission .tncFormLabel .tradeDownload.subSmallTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .supplierSubmissionCreateSubmissionConfirmation .instrumentRecordSection .profileCard .userInfo .cardTop .cardTitle1 { margin-bottom: 4px; } .noTouchDevice .supplierSubmissionCreateSubmission .buttonContainer .buttonRight .saveDraftButton:hover, .noTouchDevice .supplierSubmissionCreateSubmission .buttonContainer .buttonRight .clearButton:hover, .noTouchDevice .supplierSubmissionCreateSubmission .buttonContainer .buttonRight .defaultButton:hover, .noTouchDevice .supplierSubmissionCreateSubmission .buttonContainer .buttonRight .resetButton:hover{ color: #666666; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label .tncFormLabel { pointer-events: auto; cursor: text; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label .tncFormLabel .subSmallTitle.tradeDownload { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; cursor: pointer; } [lang=zh_CN] .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formTickSection .tickbox label .tncFormLabel .subSmallTitle.tradeDownload { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .supplierSubmissionCreateSubmission #n171Input .confirmInputGroup { width: 100%; } [lang=zh_CN] .supplierSubmissionCreateSubmission .scPaymentTitle { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .supplierSubmissionCreateSubmission .scPaymentTitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 24px; margin-bottom: 32px; } .gib .supplierSubmissionCreateSubmission .formNavContainer .formNav .formMagicLine:after, .gib .supplierSubmissionCreateSubmissionConfirmation .formNavContainer .formNav .formMagicLine:after { left: 29%; } .supplierSubmissionCreateSubmissionConfirmation .containerRight .contentPage { padding-bottom: 120px !important; } .supplierSubmissionCreateSubmissionConfirmation [data-targettab=others] .formLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .gib .supplierSubmissionCreateSubmission [form-component=tickbox] label { font-size: 14px; } .scPaymentTitle.n171subTitle { margin-top: 24px; } /********************** N171 end *************************/ /********************** N161 start ***********************/ .gib .buyerSubmissionCreateSubmission [form-component=navBar] .formNavContainer .formMagicLine:after, .gib .buyerSubmissionCreateSubmissionConfirmation [form-component=navBar] .formNavContainer .formMagicLine:after, .gib.ProvideAcceptance [form-component=navBar] .formNavContainer .formMagicLine:after, .gib.ProvideAcceptanceConfirmation [form-component=navBar] .formNavContainer .formMagicLine:after{ left: 29%; } .buyerSubmissionCreateSubmissionConfirmation .stepTwoForm .uploadedGroup .fileDesc .previewBtn { color: #666666; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .buyerSubmissionCreateSubmissionConfirmation .stepTwoForm .uploadedGroup .fileDesc .previewBtn{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .buyerSubmissionCreateSubmissionConfirmation [data-targettab=others] .uploadSmallTitle, .ProvideAcceptanceConfirmation [data-targettab=others] .uploadSmallTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .buyerSubmissionCreateSubmissionConfirmation [data-targettab=others] .uploadSmallTitle, [lang=zh_CN] .ProvideAcceptanceConfirmation [data-targettab=others] .uploadSmallTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .gib .stepTwoForm [form-component=navBar] .formNavContainer.forScNavContainer .formNav { position: relative; } .gib .stepTwoForm [form-component=navBar] .formNavContainer.forScNavContainer .formNav ul li.active { font-size: 16px; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; display: inline-block; margin-left: 0; position: relative; } [lang=zh_CN] .gib .stepTwoForm [form-component=navBar] .formNavContainer.forScNavContainer .formNav ul li.active{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /********************** N161 end ************************/ /********************** N161 detail start ****************/ .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-heading{ background-color: #FFFFFF !important; } .forScAccept .mainDeatilTx .loadWrapper{ position: absolute; top: 70px; left: 0px; width: 100%; height: 100%; padding: 24px 0; background-color: #FFFFFF; text-align: center; box-sizing: border-box; overflow: hidden; display: none; padding: 0 8px; } .forScAccept .mainDeatilTx .loadWrapper .loader{ width: 32px; height: 32px; background-image: url(/assets/img//loader.gif); background-position: top top; background-repeat: no-repeat; background-size: 32px auto; position: absolute; top: 50px; left: 50%; margin-left: -16px; } .forScAccept .mainDeatilTx .loadWrapper.show{ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: center; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: center; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: center; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; z-index: 2; } .forScAccept #InvoiceNo .invoice-title{ font-size: 24px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; padding: 25px 0 25px 16px; max-width: 1584px; margin: auto; } .forScAccept #InvoiceNo .grey-line.noMargin{ margin: 0; border-bottom: 1px solid #dddddd; } [lang=zh_CN] .forScAccept #InvoiceNo .invoice-title{ font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper { padding: 19px 0 19px 0; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric .label { font-size: 24px; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric{ max-width: 340px; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .button { transition: transform .3s; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper.selectric-open .button { transform: rotate(180deg); } .noTouchDevice .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric:hover .button::after { margin-top: 8px; background-position-y: -12px; } .noTouchDevice .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric:hover .button::after { margin-top: 8px; background-position-y: -12px; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li{ font-size: 16px; padding: 16px 30px 16px 16px; margin: 0; word-break: break-word; word-wrap: break-word; position: relative; } .noTouchDevice .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li:hover { background-color: #eeeeee; } .noTouchDevice .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li:not(.selected):hover:after{ background-color: #eeeeee; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li:not(.selected) { font-weight: 400; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li:not(.selected) { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items { overflow: auto; max-width: 304px; height: auto; max-height: 0; opacity: 0; z-index: auto; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper.selectric-open .selectric-items { max-height: 300px; opacity: 1; } .forScAccept #buyerPaymentMaintenanceDetailsPending .buyerPaymentMaintenanceDetailsPending-main .selectric-wrapper .selectric-items li.highlighted:after{ width: 10px; height: 10px; margin-top: -5px; top: 50%; } #container #buyerPaymentMaintenanceDetailsFutureDated .buyerPaymentMaintenanceDetailsFutureDated-main .instrumentRDContentContainer .buyerPaymentMaintenanceDetailsFutureDated-paymentInstructionTab { min-height: 0; } .forScAccept #buyerPaymentMaintenanceDetailsFutureDated .buyerPaymentMaintenanceDetailsFutureDated-main .tabBarWithMagicLine-container .tabBarWithMagicLine-tabs { padding-bottom: 0; } .forScAccept #buyerPaymentMaintenanceDetailsFutureDated .buyerPaymentMaintenanceDetailsFutureDated-main .tabBarWithMagicLine-container { margin-bottom: 4px; } /********************** N161 detail end ******************/ /********************** N172 detail start ****************/ .forScAccept #buyerPaymentMaintenanceDetailsPending .statusActive .content-subtitle { color: #01bc88; } .forScAccept #buyerPaymentMaintenanceDetailsPending .statusReject .content-subtitle { color: #b51a25; } .forScAccept #buyerPaymentMaintenanceDetailsPending .statusPending .content-subtitle { color: #f5a623; } .forScAccept #buyerPaymentMaintenanceDetailsPending .statusActive .content-subtitle:before { background-color: #01bc88; } .forScAccept #buyerPaymentMaintenanceDetailsPending .statusReject .content-subtitle:before { background-color: #b51a25; } .forScAccept #buyerPaymentMaintenanceDetailsPending .statusPending .content-subtitle:before { background-color: #f5a623; } /********************** N172 detail end ****************/ /********************** N181 create start ****************/ .n181Create [data-targettab=myDetails] .participantSection .participantContainer .applicantContainer .applicantWrapper, .n181Create [data-targettab=myDetails] .participantSection .participantContainer .beneficiaryContainer .beneficiaryWrapper{ height:240px !important; } .n181Create [data-targettab="upload"] .uploadFieldContainer .uploadFieldWrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 8px; margin-bottom: 24px; } .n181Create [data-targettab="upload"] .uploadFieldContainer .uploadFieldWrapper .inputRow { width: calc(50% + 8px); padding: 0 8px; box-sizing: border-box; margin: 0 -8px; } .n181Create [data-targettab="upload"] .uploadFieldContainer{ width: calc(50% + 8px); padding: 0 8px; box-sizing: border-box; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField { position: relative; width: 100%; height: 80px; border: 1px dashed #999999; padding: 18px 8px; box-sizing: border-box; cursor: pointer; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField .icoSide { display: inline-block; vertical-align: top; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField .icoSide .updloadIco { width: 44px; height: 44px; background-image: url(/assets/img/icn_upload_doc.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField .desc { display: inline-block; vertical-align: middle; margin-left: 8px; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField .desc h4 { font-weight: 700; font-size: 16px; color: #666666; margin-bottom: 8px; } .n181Create [data-targettab="upload"] .uploadFieldContainer .inputRow .uploadField .desc h6 { font-size: 12px; color: #666666; margin-bottom: 0; } .n181Create .subSmallTitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; cursor: pointer; } .n181Create #redError .proceedPopUpText{ color: #b51a25; } .n181Create #redError .accountPopUpText{ color: #b51a25; } .n181Create #redError{ border: 1px solid #b51a25; border-top: 0; } .n181Create #myDetails .proceedPopUpSelectedRow .accountName{ font-size: 16px; font-weight: 700; color: #222222; } .n181Create #myDetails [form-component=inputPhone] .inputGroup .tips{ background-size: 15px; width: 20px; height: 15px; } .n181Create #myDetails .alginFixed .accountContainer,.n181Create #myDetails .alginFixed .proceedPopUpContainer,.n181Create #myDetails .alginFixed .proceedPopUpSelected{ border:none; } /********************** N181 create end ****************/ /**************M201 icon start*****************/ .bocGPIindicator{ background-image:url(../../img/icn_gpi_grey.png); } .icn_received_by_bank{ background-image:url(../../img/icn_received_by_bank.png); } .icn_processing_white{ background-image:url(../../img/icn_processing_white.png); } .icn_completed{ background-image:url(../../img/icn_completed.png); } .icn_processing_bank{ background-image:url(../../img/icn_processing_bank.png); } .icn_credit_bene{ background-image:url(../../img/icn_credit_bene.png); } /**************M201 icon end*****************/ /**************Goods Overlay start*****************/ [form-component="goodItem"].invalid .goodTitle:after { background-image: url(../../img/icn_reg_error.png); background-position: center; background-repeat: no-repeat; background-size: 16px; content: ""; display: inline-block; vertical-align: top; width: 16px; height: 22px; margin-left: 4px; } /**************Goods Overlay end*****************/ /**************IE bottom line start*****************/ .IE .needBottomLine .selectric-items li:last-child { border-bottom: 1px solid #dddddd !important; } /**************IE bottom line end*****************/ /**************Dashboard And Enquiry Balance Refresh tips start******************/ .Dashboard #accountPosition .footer .refreshTips, .enquiry .enquiryContentContainer .accountPosition .footer .refreshTips, .enquiry .enquiryContentContainer .accountCard .arrowWrapper .accountFooter .refreshTips { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; color: #666666; } [lang=zh_CN] .Dashboard #accountPosition .footer .refreshTips, [lang=zh_CN] .enquiry .enquiryContentContainer .accountPosition .footer .refreshTips, [lang=zh_CN] .enquiry .enquiryContentContainer .accountCard .arrowWrapper .accountFooter .refreshTips { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } .Dashboard #accountPosition .footer .tipsNewLine { display: none; } [lang=en_US] .Dashboard #accountPosition .footer .tipsNewLine, [lang=vi_VN] .Dashboard #accountPosition .footer .tipsNewLine { display: block; width: 100%; height: 1px; } #container .dashboardGridContainer .dashboardContainer #accountPosition .grid .main .footer, .enquiry .enquiryContentContainer .grid.accountPosition .footer { display: block; } .enquiry .enquiryContentContainer .accountCard .arrowWrapper .accountFooter { height: auto; } .Dashboard #accountPosition .footer .cursLink, .enquiry .enquiryContentContainer .accountPosition .footer .cursLink, .enquiry .enquiryContentContainer .accountBanlance .cursLink { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; cursor: pointer; color: #222222; } [lang=zh_CN] .Dashboard #accountPosition .footer .cursLink, [lang=zh_CN] .enquiry .enquiryContentContainer .accountPosition .footer .cursLink, [lang=zh_CN] .enquiry .enquiryContentContainer .accountBanlance .cursLink { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟雅黑; } .Dashboard .grid .footer *,.enquiry .grid .footer * { color: #999999; } .enquiry .refreshTips *,.enquiry .userDetailMiddleFooter * { color: #666666; } .Dashboard .grid .footer .remarkLink,.enquiry .grid .footer .remarkLink, .enquiry .refreshTips .remarkLink,.enquiry .userDetailMiddleFooter .remarkLink { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; cursor: pointer; color: #222222; } .Dashboard #container .dashboardGridContainer .dashboardContainer .widget { height: auto; min-height: 418px; max-height: 478px; } .enquiry .enquiryContentContainer .accountBanlance .balanceCalTips { margin-bottom: 16px; font-weight: 400; font-size: 11px; color: #666666; } .enquiry .enquiryContentContainer .enquiryMain #accountPosition { min-height: 422px; height: auto; } .IE .enquiry .enquiryContentContainer .enquiryMain #accountPosition { height: 422px; overflow: visible; } /**************Dashboard And Enquiry Balance Refresh tips end********************/ /**************Free Trade Zone Library Start**********************************/ .icn-home-library { background-image: url("../../img/icn_home_library.png"); } .icn_shortcut_library { background-image: url("../../img/icn_shortcut_library.png"); } /**************Free Trade Zone Library End**********************************/ .msgLink{ font-size: 20px; font-weight: bold; color: #711a20; } /**************PIDM terms tick start****************/ .treasuryPIDMTickBox .formTickSection label { /** SAFARI **/ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; /** FIREFOX LEGACY **/ display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; /** LEGACY **/ display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; /** IE 10+ **/ display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; /** CHROME **/ display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; /** NATIVE **/ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer; position: relative; margin: 16px 0; font-size: 14px; } .treasuryPIDMTickBox.noTick .formTickSection { pointer-events: none; user-select: none; } .treasuryPIDMTickBox .formTickSection label:before { width: 22px; height: 22px; content: ""; display: block; border-radius: 50%; border: 1px solid #999999; } .treasuryPIDMTickBox .formTickSection label .formLabel { margin-left: 14px; } .treasuryPIDMTickBox .formTickSection .tickbox input { display: none; } .treasuryPIDMTickBox .formTickSection .tickbox input:checked + label:before { border: 1px solid #8faef4; background-color: #8faef4; } .treasuryPIDMTickBox .formTickSection .tickbox input.tickIcon:checked + label:before { border: 1px solid #999999 !important; background-color: white !important; border-radius: 50%; background-image: url("/assets/img/icn_tick.png"); background-position: center center; background-repeat: no-repeat; background-size: 22px 22px; } .treasuryPIDMTickBox .formTickSection label .formLabel span.termsItem { pointer-events: auto; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .treasuryPIDMTickBox .formTickSection label .formLabel span.termsItem { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .forPIDMTerms.bold { padding: 6px 0; font-weight: 700; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .forPIDMTerms.bold { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } /*****************PIDM terms tick end***********************/ /********************** dkf r251 start **********************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R251InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R251InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R251InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R251InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R251InputForm .inputGroup.invalid .formLabel { display: block; } .ExportLCCollectionDetails .uploadedGroup .uploadedItm.noBorder { border: none; } .ExportLCCollectionDetails .uploadedGroup .uploadedItm { position: relative; width: 100%; height: 80px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .ExportLCCollectionDetails .uploadedGroup .fileSide { display: inline-block; vertical-align: middle; width: 76px; height: calc(100% - 1px); padding: 18px; background-color: #fbfbfb; box-sizing: border-box; } .ExportLCCollectionDetails .uploadedGroup .fileSide .fileIco { width: 44px; height: 44px; } .ExportLCCollectionDetails .uploadedGroup .fileSide .fileIco.jpgIco, .InvoiceDetails .uploadedGroup .fileSide .fileIco.jpegIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .ExportLCCollectionDetails .uploadedGroup .fileDesc { display: inline-block; vertical-align: middle; margin-left: 6px; width: calc(100% - 130px); } .ExportLCCollectionDetails .uploadedGroup .fileDesc h4 { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ExportLCCollectionDetails .stepTwoForm .uploadedGroup .fileDesc .previewBtn { color: #666666; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .ExportLCCollectionDetails .uploadedGroup .fileDesc .previewBtn { font-size: 12px; margin-right: 6px; } .ExportLCCollectionDetails .uploadedGroup .fileDesc .previewBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } body .ExportLCCollectionDetails .hyperLink-primaryHover::after { background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; } .ExportLCCollectionDetails .documentsAndTermsTab .inputGroupRow { position: relative; border-bottom: none; margin-top: 0; padding-bottom: 8px; } .ExportLCCollectionDetails .documentsAndTermsTab .inputGroupRow .confirmInputGroup { margin-top: 16px; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: start; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; } .ExportLCCollectionDetails .documentsAndTermsTab .inputGroupRow .confirmInputGroup .confirmLabel { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 12px; line-height: 17px; color: #666666; margin-bottom: 2px; } .ExportLCCollectionDetails .documentsAndTermsTab .inputGroupRow .confirmInputGroup .confirmInput:last-child { margin-bottom: 0; font-weight: normal; } .ExportLCCollectionDetails .documentsAndTermsTab .inputGroupRow .confirmInputGroup .confirmInput { width: 100%; font-size: 16px; line-height: 22px; color: #222222; min-height: 22px; } .ExportLCCollectionDetails .documentsAndTermsTab .sectionSeparator { margin-top: 39px; margin: 32px 0; height: 1px; width: 100%; background-color: #dddddd; } .ExportLCCollectionDetails .documentsAndTermsTab .section.noBottom { border-bottom: none; } /************************N320 start***********************************/ .InvoiceDetails .generalsubtitle { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; color: #222222; margin-bottom: 22px; } .InvoiceDetails .invoiceDetails-othersTab.active .uploadSmallTitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } .gib .InvoiceDetails .inputGroupContainer { width: 100%; } .InvoiceDetails .invoiceDetails-othersTab.active .inputGroupContainer{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; } .InvoiceDetails .inputGroupContainer .inputTitle { margin-bottom: 29px; } .InvoiceDetails .inputGroupContainer .inputHalf { width: calc(50% - 8px); } .InvoiceDetails .uploadedGroup .uploadedItm.noBorder { border: none; } .InvoiceDetails .uploadedGroup .uploadedItm { position: relative; width: 100%; height: 80px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .InvoiceDetails .uploadedGroup .fileSide { display: inline-block; vertical-align: middle; width: 76px; height: calc(100% - 1px); padding: 18px; background-color: #fbfbfb; box-sizing: border-box; } .InvoiceDetails .uploadedGroup .fileSide .fileIco { width: 44px; height: 44px; } .InvoiceDetails .uploadedGroup .fileSide .fileIco.jpgIco, .InvoiceDetails .uploadedGroup .fileSide .fileIco.jpegIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } .InvoiceDetails .uploadedGroup .fileDesc { display: inline-block; vertical-align: middle; margin-left: 6px; width: calc(100% - 130px); } .InvoiceDetails .uploadedGroup .fileDesc h4 { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .InvoiceDetails .stepTwoForm .uploadedGroup .fileDesc .previewBtn { color: #666666; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } .InvoiceDetails .uploadedGroup .fileDesc .previewBtn { font-size: 12px; margin-right: 6px; } .InvoiceDetails .uploadedGroup .fileDesc .previewBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } body .InvoiceDetails .hyperLink-primaryHover::after { background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .selectric-items{ margin-top : 5px; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items{ right: 0 !important; width: 300px !important; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper.selectric-open .selectric-items, #InvoiceDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items, .purchaseOrderMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper.selectric-open .selectric-items, #BillOfExchangeDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items, .creditNoteMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper.selectric-open .selectric-items, #CreditNoteDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items{ max-height: 312px ! important; right: 0 !important; width: 300px !important; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items li:last-child:before , #InvoiceDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items li:last-child:before, .purchaseOrderMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items li:last-child:before, .salesOrderMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items li:last-child:before, .billOfExchangeMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items li:last-child:before, #BillOfExchangeDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items li:last-child:before, .creditNoteMaintenanceLanding .editFunctions .function .functionSelectric .selectric-wrapper .selectric-items li:last-child:before, #CreditNoteDetails .tradeDownloadType .selectric-wrapper.selectric-open .selectric-items li:last-child:before{ border-bottom: 1px solid #dddddd; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter, #InvoiceDetails .invoiceDetails-heading .tradeDownloadType .dropDownFooter, .purchaseOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter, .salesOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter, .billOfExchangeMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter, #BillOfExchangeDetails .billOfExchangeDetails-heading .tradeDownloadType .dropDownFooter, .creditNoteMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter, #CreditNoteDetails .creditNoteDetails-heading .tradeDownloadType .dropDownFooter{ display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: stretch; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: stretch; height: 44px; padding: 8px 16px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn, #InvoiceDetails .invoiceDetails-heading .tradeDownloadType .dropDownFooter .requestBtn, .purchaseOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn, .salesOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn, .billOfExchangeMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn, #BillOfExchangeDetails .billOfExchangeDetails-heading .tradeDownloadType .dropDownFooter .requestBtn, .creditNoteMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn, #CreditNoteDetails .creditNoteDetails-heading .tradeDownloadType .dropDownFooter .requestBtn{ font-synthesis: style; font-size: 16px; padding: 5px 14px 11px 15px; text-align: center; color: #FFFFFF; border-radius: 4px; background-color: #b51a25; cursor: pointer; opacity: 0.5; } .invoiceMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn.show, #InvoiceDetails .invoiceDetails-heading .tradeDownloadType .dropDownFooter .requestBtn.show, .purchaseOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn.show, .salesOrderMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn.show, .billOfExchangeMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn.show, #BillOfExchangeDetails .billOfExchangeDetails-heading .tradeDownloadType .dropDownFooter .requestBtn.show, .creditNoteMaintenanceLanding .editFunctions .function .functionSelectric .dropDownFooter .requestBtn.show, #CreditNoteDetails .creditNoteDetails-heading .tradeDownloadType .dropDownFooter .requestBtn.show{ opacity: 1; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N320InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N320InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N320InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N320InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N320InputForm .inputGroup.invalid .formLabel { display: block; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: stretch; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; padding: 0 1px; margin-bottom: 20px; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-item { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; min-height: 0; max-width: 49%; width: calc(50% - 8px); box-sizing: border-box; position: relative; box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); background-color: #FFFFFF; padding: 20px 16px 16px; margin-right: 10px; margin-bottom: 16px; } /* #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-item:nth-last-child(-n+2) { margin-bottom: 0; } */ #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-item:before { content: ''; border-top: 3px solid #7c878e; width: 10%; display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-title { font-size: 20px; color: #222222; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-subtitle { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .detail-box { margin-top: 4px; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .detail-item { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: start; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: start; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .detail-data { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: baseline; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: baseline; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: baseline; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: baseline; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: baseline; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: baseline; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .detail-title { font-size: 12px; color: #222222; margin-bottom: 4px; } #InvoiceDetails .item-address { white-space: pre-line; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .folder-item:after { content: ''; border-top: 3px solid #9d2235; width: 90%; display: inline-block; position: absolute; top: 0; left: 10%; } #InvoiceDetails .invoiceDetailsContainer .invoiceDetails-amountTab .tab-folder .detail-data .separator { font-size: 12px; color: #dddddd; margin-left: 8px; margin-right: 8px; } /************************N320 end***********************************/ /****************************R331 start**********************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R331InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R331InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R331InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R331InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #R331InputForm .inputGroup.invalid .formLabel { display: block; } #exportLCCollectionDetails .section .generalsubtitle { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; color: #222222; margin-bottom: 22px; } #exportLCCollectionDetails .uploadedGroup .uploadedItm.noBorder { border: none; } #exportLCCollectionDetails .uploadedGroup .uploadedItm { position: relative; width: 100%; height: 80px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } #exportLCCollectionDetails .uploadedGroup .fileSide { display: inline-block; vertical-align: middle; width: 76px; height: calc(100% - 1px); padding: 18px; background-color: #fbfbfb; box-sizing: border-box; } #exportLCCollectionDetails .uploadedGroup .fileSide .fileIco { width: 44px; height: 44px; } #exportLCCollectionDetails .uploadedGroup .fileSide .fileIco.jpgIco, .InvoiceDetails .uploadedGroup .fileSide .fileIco.jpegIco { background-image: url(../../img/icn_jpg_file.png); background-position: center center; background-repeat: no-repeat; background-size: 44px auto; } #exportLCCollectionDetails .uploadedGroup .fileDesc { display: inline-block; vertical-align: middle; margin-left: 6px; width: calc(100% - 130px); } #exportLCCollectionDetails .uploadedGroup .fileDesc h4 { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #exportLCCollectionDetails .stepTwoForm .uploadedGroup .fileDesc .previewBtn { color: #666666; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } #exportLCCollectionDetails .uploadedGroup .fileDesc .previewBtn { font-size: 12px; margin-right: 6px; } #exportLCCollectionDetails .uploadedGroup .fileDesc .previewBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } body #exportLCCollectionDetails .hyperLink-primaryHover::after { background-image: url(../../img/icn_arrow_right_hover.svg); background-position: 0 center; } /************************R331 end***********************************/ /****************************N190 start**********************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N190InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N190InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N190InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N190InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N190InputForm .inputGroup.invalid .formLabel { display: block; } /************************N190 end***********************************/ /********************** N321 start *************************/ .CreateInvoice .all-attachment-container .uploadedGroup .fileSide .fileIco { width: 44px; height: 44px; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .inputRow { width: calc(50% + 8px); padding: 0 8px; box-sizing: border-box; margin: 0 -8px; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup { width: 100%; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .uploadedItm { position: relative; width: 100%; height: 80px; margin-bottom: 16px; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .fileSide { display: inline-block; vertical-align: middle; width: 76px; height: calc(100% - 1px); padding: 18px; background-color: #fbfbfb; box-sizing: border-box; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .fileDesc { display: inline-block; vertical-align: middle; margin-left: 6px; width: calc(100% - 130px); } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .fileDesc h4 { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 24px; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn { font-size: 12px; margin-right: 6px; color: #666666; padding-left: 24px; font-weight: 600; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .CreateInvoice [data-targettab="others"] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn{ font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .fileDesc .previewBtn::after { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 18px; margin-top: -1px; margin-left: 3px; background-position: 0 center; background-repeat: no-repeat; background-size: 16px 16px; } .CreateInvoice [data-targettab=others] .uploadFieldWrapper .uploadedGroup .closeBtn { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; background-image: url(../../img/icn_close_hover.png); background-position: center top; background-repeat: no-repeat; background-size: 22px auto; overflow: hidden; cursor: pointer; } .gib #overlay .overlayComponentContainer .fileUploadResultContainer .fileUploadResult .loading { background-image: url(../../img/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 30px; position: absolute; height: calc(100% - 168px); width: calc(100% - 32px); } /********************** N321 end *************************/ /********************** N300 start *************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N300InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N300InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N300InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N300InputForm .inputGroup.invalid .formLabel { display: block; } /********************** N300 end *************************/ /********************** N840 start *************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N840InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N840InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N840InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N840InputForm .inputGroup.invalid .formLabel { display: block; } /********************** N840 end *************************/ /********************** P540/P550 start *************************/ .confirm.p540logo,.detail.p540logo { position: absolute; width: 46px; height: 46px; margin-left: 3px; background: url(/assets/img/JomPAY_logo.png); background-position: center center; background-repeat: no-repeat; background-size: 46px; margin-top: -4px; } .input.p540logo { position: absolute; width: 46px; height: 46px; margin-left: 3px; background: url(/assets/img/JomPAY_logo.png); background-position: center center; background-repeat: no-repeat; background-size: 46px; margin-top: 1px; } .confirm.p550logo,.detail.p550logo { position: absolute; width: 46px; height: 46px; margin-left: 3px; background: url(/assets/img/icn-duitNowLogo.png); background-position: center center; background-repeat: no-repeat; background-size: 46px; margin-top: -4px; } .input.p550logo { position: absolute; width: 46px; height: 46px; margin-left: 3px; background: url(/assets/img/icn-duitNowLogo.png); background-position: center center; background-repeat: no-repeat; background-size: 46px; margin-top: 1px; } /********************** P540/P550 end *************************/ /********************** R640/R641 start *************************/ .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer { position: relative; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard { position: relative; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; font-size: 18px; width: 100%; height: 300px; margin-bottom: 16px; color: #222222; background-color: #FFFFFF; box-sizing: border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -webkit-transition: all 0.2s; transition: all 0.2s; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 100%; padding: 0 0 16px; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm .controlItmTxt { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 16px; color: #666666; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm { position: relative; display: flex; align-items: center; justify-content: center; margin-left: 24px; cursor: pointer; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm .icoSelect { background-image: url(../../img/icn_select_hover.png); background-position: center top; background-repeat: no-repeat; background-size: 22px; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm:hover .controlItmTxt { color: #b51a25; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm:hover .iconThumb { background-position: center bottom; } .RepaymentInstrucSingle [data-targettab=general] .controlPanel .controlItm .iconThumb { width: 22px; height: 22px; margin-right: 4px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard label { position: relative; display: block; height: 250px; cursor: pointer; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard label:before { content: ''; position: absolute; top: 50%; right: 16px; margin-top: -10px; width: 10px; height: 22px; background-image: url(../../img/icn_arrow_right_hover.svg); background-position: -1px center; background-repeat: no-repeat; background-size: 22px auto; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardHeader { padding-top: 16px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardHeader .titleContainer { position: relative; padding: 0 16px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardHeader .titleContainer .cardTitle { font-size: 16px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; margin-bottom: 4px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardHeader .titleContainer .cardSubTitle { font-size: 14px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #222222; margin-bottom: 4px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .verLine { display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: 0 8px; background-color: #dddddd; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardContent { margin-bottom: 16px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardContent .cardInfo { display: flex; align-items: center; justify-items: flex-start; padding: 0 16px; line-height: 17px; margin-bottom: 4px; font-size: 12px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; color: #222222; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardContent .cardInfo .bold { font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; margin-left: 3px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardContent .cardInfo .date { margin-left: 3px; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard label:after { content: ''; position: absolute; top: 24px; right: 16px; display: block; margin: -11px 0 0; width: 16px; height: 16px; background-color: #FFFFFF; border-radius: 50%; border: 1px solid #999999; opacity: 0; visibility: hidden; transition: opacity 0.1s; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard label:hover:before { background-position: right center; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard.checked label:after { border: 1px solid #8faef4; background-color: #8faef4; } .RepaymentInstrucSingle.selectMode .cardContentContainer .contentCardViewContainer .transactionCard:not(.dim) label:after { opacity: 1; visibility: visible; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 49px; padding: 8px; border-top: 1px solid #dddddd; box-sizing: border-box; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter .cardFooterBtn { display: flex; align-items: center; justify-content: flex-end; } .RepaymentInstrucSingle.selectMode .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter .cardFooterBtn { display: none; } .RepaymentInstrucSingle [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter .cardBtn { display: flex; align-items: center; justify-content: center; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; font-weight: 600; font-size: 14px; color: #666666; background-color: #FFFFFF; border: 1px solid #dddddd; border-radius: 5px; height: 32px; margin: 0 8px; padding: 0 24px; box-sizing: border-box; cursor: pointer; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter .cardBtn:hover { color: #FFFFFF; background-color: #b51a25; border: 1px solid #b51a25; } .RepaymentInstrucSingle.noTouchDevice .cardContentContainer .contentCardViewContainer .transactionCard .cardFooter .cardBtn.active { color: #FFFFFF; background-color: #b51a25; border: 1px solid #b51a25; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.repay { width: 92px; height: 32px; border: 1px solid #b51a25; border-radius: 5px; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.inactive { opacity: 0.5; pointer-events: none; cursor: default; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.repay .controlItmTxt { color: #b51a25; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.repay.active:not(.inactive) ,.RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.repay:hover:not(.inactive) { background-color: #b51a25; } .RepaymentInstrucSingle.noTouchDevice [data-targettab=general] .controlPanel .controlItm.repay:hover:not(.inactive) .controlItmTxt { color: #FFFFFF; } .RepaymentInstrucSingle.selectMode .cardContentContainer .contentCardViewContainer .transactionCard label:before { opacity: 0; visibility: hidden; } .RepaymentInstrucSingle.selectMode .cardContentContainer .contentCardViewContainer .transactionCard.checked { -webkit-box-shadow: 0px 0px 2px 2px #8faef4; -moz-box-shadow: 0px 0px 2px 2px #8faef4; box-shadow: 0px 0px 2px 2px #8faef4; } /********************** R640/R641 end *************************/ /********************** P570 start *************************/ .confirm.p570logo,.detail.p570logo { position: absolute; width: 70px; height: 35px; margin-left: 3px; background: url(/assets/img/icn_prompt_pay.png); background-position: center 35%; background-repeat: no-repeat; background-size: 75px; } .input.p570logo { position: absolute; width: 70px; height: 58px; margin-left: 3px; background: url(/assets/img/icn_prompt_pay.png); background-position: center center; background-repeat: no-repeat; background-size: 75px; margin-top: 1px; } /********************** P570 end *************************/ /********************** N310 start *************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N310InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N310InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N310InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N310InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N310InputForm .inputGroup.invalid .formLabel { display: block; } /********************** N310 end *************************/ /********************** N330 start *************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N330InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N330InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N330InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N330InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N330InputForm .inputGroup.invalid .formLabel { display: block; } /********************** N330 end *************************/ /********************** hdd start *************************/ .addBtnForThai { width: auto !important; display: inline-block !important; padding: 0 30px !important; } /********************** hdd end *************************/ /********************** duitNow collection start **************/ #duitNowCollection .duitNowContent { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: center; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-flow: wrap; } #duitNowCollection a[class^='funcLink icon'] { width: calc(48% - 25px); font-size: 12px; margin: 0px !important; padding-left: 8px; padding-right: 8px; align-items: start; min-height: auto; } #duitNowCollection .icon-duitNow::before { background-image: url(/assets/img/icn-duitNowLogo.png); background-size: 62px; background-position: center bottom; top: 12px; } /********************** duitNow collection end ****************/ /********************** N340 start *************************/ .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N340InputForm .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N340InputForm .inputGroup.invalid label { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N340InputForm .inputGroup.invalid input { color: #b51a25; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N340InputForm .inputGroup.invalid .formErrorMsg { display: none; } .gib #container .globalTradeCentre .globalTradeCentreContentContainer .leftSearchContainer .transactionWrapper .searchPanel #N340InputForm .inputGroup.invalid .formLabel { display: block; } .icon-credit-debit-note-hover:before{ background-image: url("/assets/img/icn_credit_note.png"); } /********************** N340 end *************************/ /********************** GTC functionButton MM start *************************/ .heading-div .heading-menu .heading-content .heading-item .functionButton { line-height: 22px; display: inline-block; } /********************** GTC functionButton MM end *************************/ .Home .transactionSection .sectionContainer .introContainer .introList .introNode div.introImg.Request-Audit-Confirmation{ background-image: url(/assets/img/icn_questionnaire_saq.png); background-size: 72px; background-position: 0 0px; } .Home .transactionSection .sectionContainer .introContainer .introList .introNode:hover div.introImg.Request-Audit-Confirmation{ background-position: 0 -72px; } /*****************************I701 start****************************************/ .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i7011 .inputGroup.invalid { border-bottom: 1px solid #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i7011 .inputGroup.invalid label { color: #b51a25; } .gib #container .informationManagement .informationManagementContentContainer .informationManagementDownload .searchResultContainer .leftSearchContainer .transactionWrapper .secondPart #i7011 .inputGroup.invalid input { color: #b51a25; } /*********************************I701 end***********************************/ /*********************************P57A start***********************************/ .confirm.p57alogo,.detail.p57alogo{ position: absolute; width: 70px; height: 35px; margin-left: 3px; background: url(/assets/img/icn_prompt_pay.png); background-position: center 35%; background-repeat: no-repeat; background-size: 75px; } .input.p57alogo{ position: absolute; width: 70px; height: 58px; margin-left: 3px; background: url(/assets/img/icn_prompt_pay.png); background-position: center center; background-repeat: no-repeat; background-size: 75px; margin-top: 1px; } /*********************************P57A end***********************************/ /*************** statement bulk download start *************/ .informationManagementDownload .smallStatementFuns { display: none; } .informationManagementDownload .smallAccountStatement .smallStatementFuns { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: end; -moz-box-align: stretch; display: box; box-orient: horizontal; box-direction: normal; box-pack: end; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: row; -ms-justify-content: flex-end; -ms-flex-align: stretch; -ms-flex-pack: end; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: stretch; width: 100%; } .informationManagementDownload .smallAccountStatement .smallStatementFuns .function { margin: 18px 0 18px 24px; } .informationManagementDownload .smallAccountStatement .smallStatementFuns .multiSelect { background-image: url(/assets/img/icn_checkbox_nochecked.png); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .multiSelect.allSelect { background-image: url(/assets/img/icn_checked.png); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .multiSelect.partSelect { background-image: url(/assets/img/checkbox_netural.svg); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .function.multiDownload { color: #b51a25; background-image: url(/assets/img/icon_download_red.svg); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .function.multiDownload.inactive { user-select: none !important; pointer-events: none !important; color: #666666; background-image: url(/assets/img/icon_download_grey.svg); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .function.multiSendStatement { color: #b51a25; background-image: url(/assets/img/icon_send-statement_red.svg); } .informationManagementDownload .smallAccountStatement .smallStatementFuns .function.multiSendStatement.inactive { user-select: none !important; pointer-events: none !important; color: #666666; background-image: url(/assets/img/icon_send-statement_grey.svg); } .informationManagementDownload .statementCheckBox{ display: none; } .informationManagementDownload .smallAccountStatement .statementCheckBox{ min-width: 24px; height: 24px; content: ""; background-image: url(/assets/img/icn_checkbox_nochecked.png); background-size: 22px; background-position: center; background-repeat: no-repeat; pointer-events: auto; border: none; left: -40px; top: 50%; transform: translateY(-50%); display: inline-block; position: absolute; cursor: pointer; } .informationManagementDownload .smallAccountStatement .profileCard input:checked + label .statementCheckBox { background-image: url(/assets/img/icn_checked.png); background-position: center center; background-repeat: no-repeat; } .informationManagementDownload .smallAccountStatement .profileCard { margin-left: 40px; width: calc(100% - 40px); } @media only screen and (min-width: 1599px) { .informationManagementDownload .smallAccountStatement .contactBox .profileCard { margin-left: 40px; margin-bottom: 18px; width: calc(100% - 40px); } .informationManagementDownload .smallAccountStatement .smallStatementFuns { padding-right: 16px; } } .Dashboard .reportRetrieval.smallAccountWidget .header { padding-bottom: 7px !important; } .Dashboard .reportRetrieval.smallAccountWidget.searchMode .header { padding-bottom: 16px !important; } .Dashboard .reportRetrieval.smallAccountWidget.searchMode .nav-tab-scroll { display: none; } .Dashboard .reportRetrieval .main .header .searchReportSection { background-color: #ffffff; } .Dashboard .reportRetrieval .header .nav-tabs { margin-right: -16px; border: none; overflow: auto; padding: 0; } .Dashboard .reportRetrieval .header .nav-tabs li { margin-right: 20px; padding-top: 10px; padding-bottom: 9px; } .Dashboard .reportRetrieval .header .nav-tabs li.magicLine { position: absolute; bottom: 0px; left: 16px; width: 43px; height: 4px; transition: all 0.3s; padding: 0; } .Dashboard .reportRetrieval .header .nav-tabs li.magicLine:before, .Dashboard .reportRetrieval .header .nav-tabs li.magicLine:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; } .Dashboard .reportRetrieval .header .nav-tabs li.magicLine:before { background-color: #7c878e; width: 30%; } .Dashboard .reportRetrieval .header .nav-tabs li.magicLine:after { left: 30%; width: 70%; background-color: #9d2235; } .Dashboard .reportRetrieval .header .nav-tabs li:hover a, .Dashboard .reportRetrieval .header .nav-tabs li.active a { color: #222222; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; } [lang=zh_CN] .Dashboard .reportRetrieval .header .nav-tabs li:hover a, [lang=zh_CN] .Dashboard .reportRetrieval .header .nav-tabs li.active a { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .Dashboard .reportRetrieval .header .nav-tabs li a { font-size: 14px; color: #666666; } [lang=my_MM] .Dashboard .reportRetrieval .header .nav-tabs li a { font-size: 10px; } [lang=km_KH] .Dashboard .reportRetrieval .header .nav-tabs li a { font-size: 10px; } .Dashboard .reportRetrieval .footer a.title.hyperLink-primaryHover:after { width: 8px; height: 24px; background-repeat: no-repeat; background-size: 2700px 1440px; content: ''; position: absolute; top: -4px; left: 100%; opacity: 0.6; } .Dashboard .reportRetrieval .footer a.title.hyperLink-primaryHover { display: inline-block; position: relative; padding-right: 4px; font-weight: 700; font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體; } [lang=zh_CN] .Dashboard .reportRetrieval .footer a.title.hyperLink-primaryHover { font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; } .Dashboard #reportRetrieval .grid .main .content .statementList { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; min-height: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; display: box; box-orient: vertical; box-direction: normal; box-pack: start; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: flex-start; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: stretch; max-width: 100%; } .Dashboard #reportRetrieval .grid .main .content .statementList ul { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; min-height: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: start; -webkit-box-align: stretch; display: -moz-box; -moz-box-orient: vertical; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: stretch; display: box; box-orient: vertical; box-direction: normal; box-pack: start; box-align: stretch; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -ms-justify-content: flex-start; -ms-flex-align: stretch; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column; -webkit-justify-content: flex-start; -webkit-align-items: stretch; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: stretch; list-style: none; max-width: 100%; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-box-align: start; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: start; -moz-box-align: start; display: box; box-orient: horizontal; box-direction: normal; box-pack: start; box-align: start; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: flex-start; -ms-flex-align: start; -ms-flex-pack: start; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; background-color: #FFFFFF; padding: 0; margin: 12px 16px 0 16px; max-width: calc(100% - 32px); overflow: hidden; position: relative; -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); -moz-box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); box-shadow: 0px 2px 4px 0px rgba(34, 34, 34, 0.3); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li:hover, .Dashboard #reportRetrieval .grid .main .content .statementList ul li:hover > * { background-color: #FFFFFF !important; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon{ background-image: url(/assets/img/icn_empty_file.png); background-color: #fbfbfb; background-position: 17px; background-repeat: no-repeat; background-size: 42px; height: 80px; width: 76px; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-zipFile { background-image: url("/assets/img/icn_empty_file.png"); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-docFile, .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-docxFile { background-image: url("/assets/img/icn_doc_file.png"); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-xlsFile, .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-xlsxFile { background-image: url("/assets/img/icn_xls_file.png"); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-pdfFile { background-image: url("/assets/img/icn_pdf_file.png"); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .defaultIcon.icon-csvFile { background-image: url("/assets/img/icn_csv_file.png"); } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download { flex: 1; background-color: #FFFFFF; display: flex; align-items: center; justify-content: space-between; margin: 0 8px; width: calc(100% - 92px); cursor: text; height: 80px; box-sizing: border-box; padding: 11px 0; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText { width: calc(100% - 30px); padding: 0; margin: 0; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .icon-downloadHover { background-position: -480px -30px; background-repeat: no-repeat; background-size: 900px 480px; height: 22px; width: 22px; background-image: url(/assets/img/dashboard.png); cursor: pointer; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementName { color: #172733; font-size: 16px; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; width: 100%; line-height: 21px; text-align: left; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [lang=my_MM] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementName { font-size: 12px; } [lang=km_KH] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementName { font-size: 12px; } [lang=zh_CN] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementName { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementDate, .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementSeq { color: #172733; line-height: 16px; font-size: 10px; font-synthesis: style; font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體; font-weight: 400; text-align: left; } [lang=my_MM] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementDate, [lang=my_MM] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementSeq { font-size: 8px; } [lang=km_KH] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementDate, [lang=km_KH] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementSeq { font-size: 8px; } [lang=zh_CN] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementDate, [lang=zh_CN] .Dashboard #reportRetrieval .grid .main .content .statementList ul li .download .statementText .statementSeq { font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; } /*************** statement bulk download end *************/ /*************** Approval in Principle Loan start *************/ .Dashboard #principleLoan .grid .main .content { overflow-y: auto; padding-bottom: 0 !important; padding-top: 0 !important; } .Dashboard #principleLoan .grid .main .content .loanContent { font-size: 12px; } .Dashboard #principleLoan .grid .main .content .loanContent .tipsText { border-bottom: 1px solid #dddddd; padding: 8px 0; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } .Dashboard #principleLoan .grid .main .content .loanContent .loanGroup { margin: 16px 0; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: space-between; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-direction: normal; -moz-box-pack: space-between; -moz-box-align: center; display: box; box-orient: horizontal; box-direction: normal; box-pack: space-between; box-align: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; -ms-flex-direction: row; -ms-justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; display: -webkit-flex; -webkit-flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; } .Dashboard #principleLoan .grid .main .content .loanContent .tipsText+.loanGroup { margin: 8px 0 16px 0; } .Dashboard #principleLoan .grid .main .content .loanContent .loanGroup .loanItem { font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; flex: 1; } .Dashboard #principleLoan .grid .main .content .loanContent .reminderGroup { margin: 16px 0 8px 0; } .Dashboard #principleLoan .grid .main .content .loanContent .reminderGroup .loanText + .loanText { margin-top: 16px; } .Dashboard #principleLoan .grid .main .content .loanContent .reminderGroup .reminderItem { text-decoration: underline; font-synthesis: style; font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體; font-weight: 700; color: #666666; } [lang=zh_CN] .Dashboard #principleLoan .grid .main .content .loanContent .tipsText, [lang=zh_CN] .Dashboard #principleLoan .grid .main .content .loanContent .loanGroup .loanItem, [lang=zh_CN] .Dashboard #principleLoan .grid .main .content .loanContent .reminderGroup .reminderItem { font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; } #container #principleLoan .main.load .header, #container #principleLoan .main.load .footer { display: none; } /*************** Approval in Principle Loan end *************/