@import "defaultvariables.less"; /*#region @TIBlue*/ /*COLOR*/ a, .aucWizardStyling .aucWizardChevron, .srgWizardStyling .srgWizardChevron, .eRFXWizardStyling .eRFXWizardChevron, .dvContactUsTitle .lblBigHelpTitle, .aucWizardUnselectedOption .fa, .srgWizardUnselectedOption .fa, .eRFXWizardUnselectedOption .fa, .aucWizardStyling .lblAucWizardTitle, .btn-default.popup:hover, .btn-default.spmTemplate:hover, .btn-default.auctionButtonStyling:hover, h1, a, a:Visited, .CSideMenuTitle, .CSideMenuTitleHover, .CSideMenuTitleHome, .CSideMenuTitleHoverHome, .CSideMenuItem, .CSideMenuItemHover, .CTableHyperLink, .CTableHyperLink:Visited { color: @TIBlue; } /*COLOR IMPORTANT*/ .chkDashboardViewToggle label, .systemUserPromptStar, h1, #footer a, #footer a:visited, .dxbButton.dxbButtonPressed:not(.disabledBtn) div.dxb, .dxbButton:not(.disabledBtn).dxbButtonHover div.dxb, .dxbButton:not(.disabledBtn).dxbButtonHover .dx-vam, .dxbButton:not(.disabledBtn).activeDashboardView .dx-vam, .srgSupplier360ViewSurround .pagination > .active > a:hover, .srgSupplier360ViewSurround .pagination > .active > span:hover, .dxbButton.dxbButtonPressed:not(.disabledBtn) .dx-vam, .dxbButton.dxbButtonHover.fa, .dxnb-itemHover .dx-vam, .dxnb-headerHover .dx-vam, .dxnb-headerCollapsedHover .dx-vam, .dxnb-itemSelected .dx-vam, .InlineEditSaveBtnWithChanges, .InlineEditSaveBtnWithChanges.dxbButtonHover [src*="ButtonImages"], .InlineEditSaveBtnWithChanges.dxbButtonPressed [src*="ButtonImages"], .btnShowReportMobile:hover, .lblRFXWizardTitle, a.fm-scale-minus, a.fm-scale-plus, .dxbButton.dxbButtonHover.fa, .spmTemplateEditSurround .btn-default:hover, .QuestionnaireFooterTop .btn-default:hover, .loginSurround .btn-default:hover, .ErrorPage .btn-default:hover, .helpSurround .btn-default:hover, .divSelectResult .btn-default:hover, .helpPopupContent .btnSalesLink:hover, .helpPopupContent .btnSalesLink:hover span, .helpPopupContent .btnOpenHelp:hover, .dvContactUsTab .btnSalesHelp:hover, .dvContactUsTab .btnARCUSHelp:hover, .imageButton.btn-default:hover, .addNoteDefaultStyling:hover, .lblSectionName, .aucWizardStyling .aucWizardSelectedOption:hover, .srgWizardStyling .srgWizardSelectedOption:hover, .eRFXWizardStyling .eRFXWizardSelectedOption:hover, .btn-default.documentButton, #ctl00_body_btnParticipantView, #btnParticipantView, #ctl00_body_grdWorkflows a, .AbcSearch a, #ctl00_body_pnlUpload a, #ctl00_body_lnkbtnCompanyTypeConvert, .proSummarySurround a, .rfxQuestionnaireSummarySupplierSurround a, .aucAuctionSuppliersSurround .dxgvTable a, #ctl00_body_updCompanyDetails a, #noteSurroundModal .addNoteDefaultStyling:hover, .btn-default.documentButton, .dxbButton.btnViewNotesReportMobile:hover, .btn-default.popup:focus:hover, #ctl00_body_btnShowRoleReorderModal:hover #ctl00_body_btnReorderWorkflowRoles, .btn-default.bootboxButtonStyle:hover, .btn-default.browseButton:hover, .CTableHyperLink span, .dxgvTable .wordWrappingClass, .dxgvTable a, .dxdpLite a:hover, .dvContactUsTitle .lblBigHelpTitle, .aucWizardStyling .aucWizardUnselectedOption span, .srgWizardStyling .srgWizardUnselectedOption span, .eRFXWizardStyling .eRFXWizardUnselectedOption span, .dxgvCommandColumnItem span, .CustomTableStyle a, .CTableBackground a, .unlockedQuestionsPopup a, .CStandardTextSize a, .questionRow a, .dxgvControl a, .grd-report-buttons, .grd-btn-chkbox, .dxpcLite a, .dxdpLite a, .dxpcLite a:Visited, .dxdpLite a:Visited, #validationRuleFailuresModal .documentDownloadLink .fa-download, .engineIsAPIAnsweredIcon, .eRFXWizardSelectedOption:hover #lblERFXWizWelcome, .eRFXWizardSelectedOption:hover .eRFXWizardIcon, .aucWizardSelectedOption:hover .aucWizardIcon, .eRFXWizardStyling .eRFXWizardSelectedOption:hover span, .aucWizardStyling .aucWizardSelectedOption:hover span, .proItemsMenuSurround a:hover, .proItemsMenuSurround a.current:hover, .proERFXMenuSurround a:hover, .proERFXMenuSurround a.current:hover, .spmTemplate:hover .fa, .btn-default.popup:hover .fa { color: @TIBlue !important; } /*BACKGROUND COLOR*/ .fm-scale-display div, .imageButton.btn-default, .CSectionMenu ul li .current, .CSectionMenu ul li .current span, .dxbButton.btnViewNotesReportMobile, .dvContactUsTab .btnSalesHelp, .lblImage, .userInitials { background-color: @TIBlue; } /*BACKGROUND COLOR IMPORTANT*/ div.dxbButton, #validationRuleFailuresModal a.dxbButton, .btnShowReportMobile:not(.disabledBtn), .dxbButton.dxb-outline, .tooltip-inner, .dxbButton.dxb-outline, .spmTemplateEditSurround .btn-default, .QuestionnaireFooterTop .btn-default, .loginSurround .btn-default, .ErrorPage .btn-default, .helpSurround .btn-default, .divSelectResult .btn-default, .helpPopupContent .btnSalesLink, .helpPopupContent .btnOpenHelp, #noteSurroundModal .addNoteDefaultStyling, #ctl00_body_ucxSectionTabs_dxSectionTabs_SBR.dxSectionTabsScrollBtn, #ctl00_body_ucxSectionTabs_dxSectionTabs_SBR.dxSectionTabsScrollBtn:active, #ctl00_body_ucxSectionTabs_dxSectionTabs_SBL.dxSectionTabsScrollBtn, #ctl00_body_ucxSectionTabs_dxSectionTabs_SBL.dxSectionTabsScrollBtn:active, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active, #ctl00_body_btnShowRoleReorderModal, .btn-default.bootboxButtonStyle, .srgSupplier360ViewSurround .pagination > .active > a, .srgSupplier360ViewSurround .pagination > .active > a:focus, .srgSupplier360ViewSurround .pagination > .active > span, .srgSupplier360ViewSurround .pagination > .active > span:focus, .btn-default.browseButton, .CustomTableStyle .dxgvPagerTopPanel .dxp-current, .CustomTableStyle .dxgvPagerBottomPanel .dxp-current { background-color: @TIBlue !important; } /*BACKGROUND*/ .btn-default.documentButton:focus, .btn-default.documentButton, .btn-default.popup, .aucWizardStyling .aucWizardSelectedOption, .srgWizardStyling .srgWizardSelectedOption, .eRFXWizardStyling .eRFXWizardSelectedOption, .btn-default.spmTemplate, .btn-default.auctionButtonStyling, .btn-default.popup:focus, .NewPasswordRequestStepsOL li:before, .proItemsMenuSurround a.current, .proERFXMenuSurround a.current, .btn-default.spmTemplate:focus{ background: @TIBlue; } /*BACKGROUND IMPORTANT*/ .proSummarySurround ::-webkit-scrollbar-thumb, .QuestionnaireQueryReportSurround ::-webkit-scrollbar-thumb, .DashboardProjectStatisticsSurround ::-webkit-scrollbar-thumb, .proAuctionSummaryReportSurround ::-webkit-scrollbar-thumb, .proAuctionKPIReportSurround ::-webkit-scrollbar-thumb, .proMessagesSurround ::-webkit-scrollbar-thumb, .srgMessagingSurround ::-webkit-scrollbar-thumb, .aucAuctionMessagingSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireMessagesSurround ::-webkit-scrollbar-thumb, .proAuctionsSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireAnswerReportSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireCompletionReportSurround ::-webkit-scrollbar-thumb, .ducAuctionBidStatusSurround ::-webkit-scrollbar-thumb, .homepageSurround .widgetColSurround ::-webkit-scrollbar-thumb, .spmDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb, .proDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb, .srgDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb, .aucAuctionReportSummarySurround ::-webkit-scrollbar-thumb, .jpnAuctionReportSummarySurround ::-webkit-scrollbar-thumb, .jpnAuctionBidStatusMultiSurround ::-webkit-scrollbar-thumb, .jpnAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb, .AuctionBidJapaneseMultiSurround ::-webkit-scrollbar-thumb, .wrfSummarySurround ::-webkit-scrollbar-thumb, .wrfManageWorkflowSurround ::-webkit-scrollbar-thumb, .proSetupWizardSurround ::-webkit-scrollbar-thumb, .proDocumentsSurround ::-webkit-scrollbar-thumb, .ViewAuctionCeilingsSurround ::-webkit-scrollbar-thumb, .aucAuctionSupplierAuctionItemsSurround ::-webkit-scrollbar-thumb, .AuctionBid2Surround ::-webkit-scrollbar-thumb, .rfxQuestionnaireScoresReportSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireScoresReportForUserSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireScoreSuppliersSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireScoringCommentaryReportSurround ::-webkit-scrollbar-thumb, .rfxQuestionnaireScoringReport ::-webkit-scrollbar-thumb, .aucAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb, #ctl00_dxTabs_SBL, #ctl00_dxTabs_SBR, .dxSectionTabsScrollBtn, .dxSectionTabsScrollBtn:active{ background: @TIBlue !important; } /*background/background-color combo for devexpress report panel in all browsers*/ .dxnb-headerCollapsed, .dxnb-header, .dxnb-item { background: none !important; background-color: @TIBlue !important; background: @TIBlue !important; } /*BORDERS*/ .tooltip-arrow { border-top-color: @TIBlue !important; } .helpSurround .btnHelpSearch, .divSelectResult .btn-default:hover { border-color: @TIBlue !important; } .srgCustomReportFullScreenSurroundFooter, .CSideMenuSubMenu { border-top: 1px solid @TIBlue !important; } #TopNavContainer, .scrollNavContainer { border-bottom: 1px solid @TIBlue; } .mainPageTabs .dxtc-activeTab, .dxSectionTabs .dxtc-activeTab { border-bottom: 3px solid @TIBlue !important; } .InlineEditSaveBtnWithChanges, .InlineEditSaveBtnWithChanges.dxbButtonHover, .dxbButtonPressed:not(.disabledBtn), .dxbButtonHover:not(.disabledBtn), .activeDashboardView:not(.disabledBtn), .dxnb-itemHover, .dxnb-headerHover, .dxnb-headerCollapsedHover, .ReportListItem.dxnb-itemSelected, .spmTemplateEditSurround .btn-default:hover, .QuestionnaireFooterTop .btn-default:hover, .loginSurround .btn-default:hover, .ErrorPage .btn-default:hover, .helpSurround .btn-default:hover, .divSelectResult .btn-default:hover, .helpPopupContent .btnSalesLink:hover, .dvContactUsTab .btnSalesHelp:hover, .dvContactUsTab .btnARCUSHelp:hover, .imageButton.btn-default:hover, .btnShowReportMobile:hover:not(.disabledBtn), .btn-default.documentButton:not(.dxbDisabled), .dxbButtonChecked.dashboardTimerChecked, #noteSurroundModal .addNoteDefaultStyling:hover, #ctl00_body_btnShowRoleReorderModal:hover, .btn-default.bootboxButtonStyle:hover, .btn-default.browseButton:hover, .srgSupplier360ViewSurround .pagination > .active > a { border-color: @TIBlue !important; } .aucWizardStyling .aucWizardSelectedOption, .srgWizardStyling .srgWizardSelectedOption, .eRFXWizardStyling .eRFXWizardSelectedOption, .aucWizardStyling .aucWizardUnselectedOption:hover, .aucWizardStyling .aucWizardSelectedOption:hover, .srgWizardStyling .srgWizardUnselectedOption:hover, .srgWizardStyling .srgWizardSelectedOption:hover, .eRFXWizardStyling .eRFXWizardUnselectedOption:hover, .eRFXWizardStyling .eRFXWizardSelectedOption:hover, .btn-default.popup:hover, .btn-default.spmTemplate:hover, .btn-default.auctionButtonStyling:hover, .proItemsMenuSurround a.current, .proItemsMenuSurround a.current:hover, .proItemsMenuSurround a:hover, .proERFXMenuSurround a.current, .proERFXMenuSurround a.current:hover, .proERFXMenuSurround a:hover { border-color: @TIBlue; } .aucWizardStyling .aucWizardUnselectedOption, .srgWizardStyling .srgWizardUnselectedOption, .eRFXWizardStyling .eRFXWizardUnselectedOption { border: 1px solid @TIBlue; } /*#endregion @TIBlue*/ /*#region @White*/ /*COLOR*/ .btn-default.documentButton, .btn-default.documentButton:focus, .btn-default.popup:disabled:hover, .btn-default.popup, .btn-default.spmTemplate, .btn-default.auctionButtonStyling, .CSectionMenu ul li .current, .dvContactUsTab .btnSalesHelp, .userInitials, .NewPasswordRequestStepsOL li:before { color: @White; } /*COLOR IMPORTANT*/ .aucWizardStyling .aucWizardSelectedOption span, .srgWizardStyling .srgWizardSelectedOption span, .eRFXWizardStyling .eRFXWizardSelectedOption span, .dxbButton div.dxb, dx-vam.dx-wrap, .dxnb-headerCollapsed, .dxnb-header, .dxnb-itemHover, .spmTemplateEditSurround .btn-default, .QuestionnaireFooterTop .btn-default, .loginSurround .btn-default, .ErrorPage .btn-default, .helpSurround .btn-default, .divSelectResult .btn-default, .helpPopupContent .btnSalesLink, .helpPopupContent .btnSalesLink span, .helpPopupContent .btnOpenHelp, .helpSurround .btnOpenHelp .mainBody .documentButton, .dxnb-link span, .imageButton.btn-default, .disabledBtn:hover, #noteSurroundModal .addNoteDefaultStyling, .dxbButton.btnViewNotesReportMobile, .btn-default:focus, #ctl00_body_btnReorderWorkflowRoles, .btn-default.bootboxButtonStyle, .btn-default.browseButton, .dxbButton .dx-vam, .CSectionMenu .current span, .srgSupplier360ViewSurround .pagination > .active > a, .srgSupplier360ViewSurround .pagination > .active > a:focus, .srgSupplier360ViewSurround .pagination > .active > span, .srgSupplier360ViewSurround .pagination > .active > span:focus, #validationRuleFailuresModal #informationSearchTooltipBubbleText, #aiTooltipBubbleText, #validationRuleFailuresModal #lblDocumentName, #pnlPhraseDateError #DocumentRulesMoreInfoBubbleText, #pnlPhraseDateError #AIMoreInfoBubbleText, .lblImage, .dxBB .dxucBrowseButton .btnBrowse, .dxucBrowseButton a, .questionTitle, .fa-camera.fa, .dxbButton, .btn .fa, .btn .icon, .aucWizardSelectedOption .fa, .srgWizardSelectedOption .fa, .eRFXWizardSelectedOption .fa, .btn-default.popup:disabled:hover .fa, .CustomTableStyle .dxgvPagerTopPanel .dxp-current, .CustomTableStyle .dxgvPagerBottomPanel .dxp-current, .userInitials span, .proItemsMenuSurround a.current, .proERFXMenuSurround a.current { color: @White !important; } /*BACKGROUND COLOR*/ .dxgvGroupRow, .dxgvGroupPanel, .CSideMenuItem:hover, #wrapper, .bg-white { background-color: @White; } /*BACKGROUND COLOR IMPORTANT*/ body, .CPageTabNoLink, .CustomTableStyle .dxgvHeader, .navbar-default, .navbar-light, .mobileTopMenu, .mobileTopMenu #sidebarToggle, .divHomepageWidgetBtns{ background-color: @White !important; } /*BACKGROUND COLOR*/ .CustomTableStyle .dxgvDataRowAlt, .dxgvDataRow:not(.dxgvFocusedRow):not(.dxgvSelectedRow) { background-color: @White; } /*BACKGROUND*/ .CustomTableStyle:not(.inlineEditableGridView):not(.proSpectatorRoles) .dxgvGroupPanel_DevEx, .CustomTableStyle:not(.inlineEditableGridView):not(.proSpectatorRoles) .dxgvFilterRow_DevEx, .dxgvCSD, .CustomTableStyle .dxgvPagerTopPanel, .CustomTableStyle .dxgvPagerBottomPanel, .widgetColSurround { background: @White; } /*BACKGROUND IMPORTANT*/ #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_navbarCustomReports, #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_0_CC, #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_1_CC, #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_0_CC, #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_1_CC { background: @White!important; } /*#endregion @White*/ /*#region @TIBlueLightOpacity*/ /*COLOR*/ .aucWizardStyling .aucWizardSelectedOption span, .srgWizardStyling .srgWizardSelectedOption span, .eRFXWizardStyling .eRFXWizardSelectedOption span, .proItemsMenuSurround a, .proERFXMenuSurround a { color: @TIBlueLightOpacity; } /*BACKGROUND COLOR*/ .btn-default.popup:hover, .btn-default.spmTemplate:hover, .btn-default.auctionButtonStyling:hover, .dxbButton.btnViewNotesReportMobile:hover { background-color: @TIBlueLightOpacity; } /*BACKGROUND COLOR IMPORTANT*/ .dxbButton.dxbButtonHover, .dxbButton.activeDashboardView, .srgSupplier360ViewSurround .pagination > .active > a:hover, .srgSupplier360ViewSurround .pagination > .active > span:hover, .dxbButton.dxbButtonPressed, .dxnb-headerCollapsed.dxnb-headerCollapsedHover, .dxnb-header.dxnb-headerHover, .dxnb-itemHover, .dxnb-itemSelected, .btnShowReportMobile:hover, .InlineEditSaveBtnWithChanges.dxbButtonPressed, .btn-default.btn-mandatoryDocument.documentButton:hover, .dxbButtonChecked.dashboardTimerChecked, .btn-default.popup:focus:hover, #ctl00_body_btnShowRoleReorderModal:hover, .dxucBrowseButton:hover { background-color: @TIBlueLightOpacity !important; } /*BACKGROUND*/ .aucWizardStyling .aucWizardUnselectedOption:hover, .aucWizardStyling .aucWizardSelectedOption:hover, .srgWizardStyling .srgWizardUnselectedOption:hover, .srgWizardStyling .srgWizardSelectedOption:hover, .eRFXWizardStyling .eRFXWizardUnselectedOption:hover, .eRFXWizardStyling .eRFXWizardSelectedOption:hover, .proItemsMenuSurround a:hover, .proERFXMenuSurround a:hover { background: @TIBlueLightOpacity; } /*BACKGROUND IMPORTANT*/ .spmTemplateEditSurround .btn-default:hover, .QuestionnaireFooterTop .btn-default:hover, .loginSurround .btn-default:hover, .ErrorPage .btn-default:hover, .helpSurround .btn-default:hover, .helpPopupContent .btnSalesLink:hover, .helpPopupContent .btnOpenHelp:hover, .helpSurround .btnOpenHelp:hover, .dvContactUsTab .btnSalesHelp:hover, .dvContactUsTab .btnARCUSHelp:hover, .imageButton.btn-default:hover, .InlineEditSaveBtnWithChanges.dxbButtonHover, .btn-default.documentButton:hover, #noteSurroundModal .addNoteDefaultStyling:hover, .btn-default.bootboxButtonStyle:hover, .dxbButton .btn-default .browseButton:hover, .dxucBrowseButton, .documentButton:hover { background: @TIBlueLightOpacity !important; } /*#endregion @TIBlueLightOpacity*/ /*#region @TIBlueImageFilter*/ /*FILTER*/ .dxbButton.dxbButtonPressed img[src*="ButtonImages"], .dxbButton.dxbButtonHover img[src*="ButtonImages"], .dxbButton.activeDashboardView img[src*="ButtonImages"], .dxbButton.dxbButtonHover img[src*="Images/star"], .dxbButton.dxbButtonHover img[src*="Images/icons/360.png"], .dxbButton.dxbButtonHover img[src*="Images/copy"], .dxbButton.dxbButtonHover img[src*="Images/lockedpadlock"], .dxbButton.dxbButtonHover img[src*="Images/unlockedpadlock"], .dxnb-headerCollapsedHover img[src*="ButtonImages"], .rfxQuestionnaireQuestionsNotCompleteSurround img[src*="Images/tick.png"], .dxnb-headerHover img[src*="ButtonImages"], .dxnb-itemHover img[src*="ButtonImages"], .dxnb-itemSelected img[src*="ButtonImages"], .btnShowReportMobile:hover img, .InlineEditSaveBtnWithChanges.dxbButtonHover [src*="ButtonImages"], .dxnb-headerHover .dxWeb_nbCollapse_DevEx.dxnb-btn, .dxnb-headerCollapsedHover .dxWeb_nbExpand_DevEx.dxnb-btn, #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_imgCustomReportsPinToDashboard, .dxbButtonChecked.dashboardTimerChecked img, .rfxQuestionnaireSupplierHardCopySurroundFooter img[src*="Images/ButtonImages/download.png"], .rfxQuestionnaireScoringCommentaryReportSurroundFooter img[src*="Images/ButtonImages/download.png"], .rfxQuestionnaireScoringReportSurroundFooter img[src*="Images/ButtonImages/download.png"], .rptSinglePageSurroundFooter img[src*="Images/ButtonImages/download.png"], .srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter img[src*="Images/ButtonImages/download.png"], #ctl00_body_btnShowRoleReorderModal:hover i, .helpSurround .btn-default:hover img[src*="ButtonImages"], img[src*="Images/infoSymbol"]:not(#ctl00_body_btnWidgetMenuSIMInstructionalTextImg):not(#ctl00_body_btnWidgetMenuSIMOptionsImg):not(#ctl00_body_btnWidgetMenuFreeTextSearchImg):not(#ctl00_body_btnWidgetMenuSIMSearchSuppliersImg):not(#ctl00_body_btnWidgetUnlockedQuestionsImg):not(#ctl00_body_btnWidgetMenuWorkflowOptionsImg):not(#ctl00_body_btnWidgetMenuWorkflowSearchSuppliersImg):not(#ctl00_body_btnWidgetMenuWorkflowInstructionalTextImg):not(#ctl00_body_pnlSelectWorkflow_btnEditSupplierInstructionsImg), img[src="Images/close.png"], img[src="Images/copy.png"], img[src*="Images/Comments-32.png"], img[src="Images/compare.png"], img[src*="icons/home"], img[src*="icons/de-lang"], img[src*="icons/en-lang"], img[src*="icons/en-us-lang"], img[src*="icons/fr-lang"], img[src*="icons/it-lang"], img[src*="icons/ne-lang"], img[src*="icons/no-lang"], img[src*="icons/po-lang"], img[src*="icons/pt-lang"], img[src*="icons/zh-lang"], img[src*="icons/es-lang"], img[src*="icons/management"], img[src*="icons/account"], img[src*="icons/help"], img[src="Images/QuestionMark.png"], .dxGridView_CTExportPdf, .dxGridView_CTExportXls, .dxGridView_CTExportXlsx, .dxGridView_CTExportDocx, .dxGridView_CTExportCsv, img[src*="Images/messagingNewMessage"], img[src="Images/email.png"], img[src="Images/Add.png"], img[src="Images/add.png"], img[src="Images/Questionnaire.png"], img[src="Images/TaskSmall.png"], img[src="Images/Task.png"], img[src="Images/report.png"], .dxgvDataRow input[type="image"]:not([src="Images/Remove.png"]), .aucFutureLiveAuctionsSurround .nonAdaptive, .imgSurround, .dxgvDataRow img:not(.dxGridView_gvDetailCollapsedButton):not(.dxGridView_gvDetailExpandedButton):not(.dxGridView_gvCellError):not([src="Images/ButtonImages/confirm.png"]):not([src="Images/ButtonImages/preview.png"]):not([src="images/TaskEarly.png"]):not([src="images/TaskOnTime.png"]):not([src="images/TaskOverDue.png"]):not([src*="Images/Remove.png"]):not([src="Images/traffic_light_yellow.png"]):not([src="Images/traffic_light_red.png"]):not([src="Images/traffic_light_green.png"]):not([src="Images/alert.png"]):not([src="../Images/alert.png"]):not([src="Images/triangle-exclamation.png"]):not([src="Images/ButtonImages/close.png"]):not([src="../images/messagingReadMessage.png"]):not([src="../images/messagingNewMessage.png"]):not([src="../images/messagingReply.png"]), .InlineEditSaveBtnWithChanges [src*="ButtonImages"], img[src*="Images/ExportIcons"], .dxgvEditFormDisplayRow input[type="image"], img[src*="icons/messaging"], .aiConfigPopupClose { filter: @TIBlueImageFilter; -moz-filter: @TIBlueImageFilter; } /*FILTER IMPORTANT*/ .btn-mandatoryDocument:not(.dxbDisabled) img { filter: @TIBlueImageFilter !important; -moz-filter: @TIBlueImageFilter !important; } /*#endregion @TIBlueImageFilter*/ /*#region @Gradient*/ /*BACKGROUND*/ body:not(.UIBody), .UIBody .mainPageContentSurround { background: @Gradient !important; } /*#endregion @Gradient*/ /*#region @Grey1*/ /*BACKGROUND*/ body:not(.UIBody), .UIBody .mainPageContentSurround { background: @Grey1; } .divFullFooterContainerFixed { border-top: 1px solid @Grey1 !important; } /*BACKGROUND IMPORTANT*/ .mainPageTabs .dxtc-activeTab, .mainPageTabs .dxtc-tab, #scrollNav { background: @Grey1 !important; } /*#endregion @Grey1*/ /*#region @Grey2*/ /*BACKGROUND COLOR IMPORTANT*/ .mainPageTabs .dxtc-activeTabHover, .dxSectionTabs .dxtc-activeTabHover, .mainPageTabs .dxtc-tab.dxtc-tabHover, .dxSectionTabs .dxtc-tab.dxtc-tabHover, .mainPageTabs .dxtc-tab:not(.dxtc-activeTab):hover, .dxSectionTabs .dxtc-tab:not(.dxtc-activeTab):hover, .divHomepageWidgetBtns:hover, .dxgvGroupRow td.dxgv { background-color: @Grey2 !important; } div.navBarULButton:hover, a.btn.btn-toggle.navBarULButton.navBarActive { background-color: @Grey2 !important; } button.btn.btn-toggle.navBarULButton:hover, a.btn.btn-toggle.navBarULButton:hover, .navBarDropdownUL li:hover, a#aMessageMenuItem:hover, a#hypHelpButton:hover { background-color: #b4b4b4 !important; } /*BACKGROUND IMPORTANT*/ .cGreyBox, .dxtc-tab.dxtc-tabHover, .dxgvDataRow td.dxgvIndentCell, .dxgvGroupRow td.dxgvIndentCell { background: @Grey2 !important; } /*BORDERS*/ .cGreyBox, .btnApi, .txtApiSearch, #infoDiv { border: 1px solid @Grey2 !important; } .form-control, .our-form-control, .dxeMemo:not(.our-form-control) .dxeMemoEditAreaSys, .dxeButtonEdit, .QuestionnaireFooterDropDownList, .FooterContainerTextBoxLeft, .FooterContainerDropDownListLeft, .FooterContainerLabel, .dxeTextBox, .select2-selection, .select2-search__field, .btn-mandatoryDocument, .aucAuctionBidStatusSurround .genericResponsiveControl, .aucAuctionDocumentsSurround .genericResponsiveControl, .rfxQuestionnaireAuditReportSurround .auditResultsTable .dxeTextBox, .ctlQueryPerformanceSurround .dxeButtonEdit .dxeEditArea, .toolCreateNewEventSurround .genericResponsiveControl, .manTeamsSurround .dxeButtonEdit .dxeEditArea, .manTeamsSurround .dxeTextBox .dxeEditArea, .srgBuyerSupplierDetailsSurround .responsiveTextBoxSurround .dxeButtonEdit .dxeEditArea, .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit .dxeEditArea, .srgWizNewsletterSurround .supplierSelectionContainer .dxeButtonEdit .dxeEditArea, .rfxQuestionnaireQuestionsSurround .dxeTextBoxSys td.dxic, .wrfTasksSurround .dxeButtonEditSys td.dxic, .QuestionnaireQueryReportAccessSurround .dxic, .supplierSelectionComboBox .dxic, .rfxQuestionnaireSummaryBuyerSurround #ctl00_body_txtQuestionnaireName, .spmDashboardSurround .dxeTextBox, .srgDashboardSurround .dxeTextBox, .wrfTasksSurround .editWorkflowContainer .workflowNameTextbox, .wrfGroupsSurround .dxeTextBox, #ctl00_body_dockPanelWorkflowOptions_txtWorkflowSearch, #ctl00_body_dockPanelWorkflowOptions_txtWorkflowDocSearch, #ctl00_body_ucxEventMessaging2_txtSearchInbox, #ctl00_body_ucxEventMessaging2_txtSearchSentItems, #ctl00_body_ucxDashboardProjectMyTasks_dockPanelWorkflowMyTasks_drpTaskDueFilter, #ucDocumentAttach_TextBox0 { border: 1px solid @Grey2 !important; } .select2-dropdown--below { border-right: 1px solid @Grey2 !important; border-bottom: 1px solid @Grey2 !important; border-left: 1px solid @Grey2 !important; } /*#endregion @Grey2*/ /*#region @Grey3*/ /*BACKGROUND COLOR*/ .ducAuctionAutoTrainerSurround .auctionItemStepsControlButtonSurroundInner, .ducAuctionSupplierBidsSurround .auctionItemStepsControlButtonSurroundInner, .chatItem.selected .chatElement, .messageBody, .chatItem:hover:not(.selected) .chatElement { background-color: @Grey3; } /*BACKGROUND COLOR IMPORTANT*/ #drpProjectChildrenTasks, .roundedDrpDown, .dxgvFilterRow, .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:first-child, .aucAuctionBidStatusSurround .aucAuctionLeftRow div:first-child, .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:first-child, .ducAuctionAutoTrainerSurround #ctl00_body_ucxAuctionBidDutch_pnlBid_txtBidValue, .ducAuctionSupplierBidsSurround #ctl00_body_ucxAuctionBidDutch_pnlBid_txtBidValue { background-color: @Grey3 !important; } /*BACKGROUND*/ .roundedDrpDown, .pagination-container { background: @Grey3; } /*BACKGROUND IMPORTANT*/ .panel-full-ux { background: @Grey3!important; } /*#endregion @Grey3*/ /*#region @Grey4*/ /*BORDERS*/ .mainPageTabs #ctl00_dxTabs_SVA, .dxSectionTabs #ctl00_dxTabs_SVA, .mainPageTabs .dxtc-stripContainer, .mainPageTabs #dxTabs_SVA, .dxSectionTabs #dxTabs_SVA { border-bottom: solid 1px @Grey4; } hr, .CLineBreak2, .CLineBreak, .dashboardAdvancedSearchHR, .srgWizTblDivide2 { border-top: solid 1px @Grey4 !important; } .CustomTableStyle, .WebFormsGridView, .WebFormsGridView td, .WebFormsGridView th, .aucAuctionBidChartSurround .WebFormsGridView .CTableHeading, .aucAuctionBidChartSurround .WebFormsGridView .CTableBackground, .aucAuctionBidAnalysisSurround .WebFormsGridView .CTableHeading, .aucAuctionBidAnalysisSurround .WebFormsGridView .CTableBackground, .jpnAuctionBidAnalysisSurround .WebFormsGridView .CTableHeading, .jpnAuctionBidAnalysisSurround .WebFormsGridView .CTableBackground, .aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading, .aucAuctionBidStatusSurround .WebFormsGridView .CTableBackground, .dxgvTable, .dxgvHeader, .CustomTableHeading, .dxgvHeader td, .CustomTableHeading td, .dxgvGroupPanel, .dxgvGroupPanel td, .dxgvFilterRow, .dxgvFilterRow td, .LastItemToExtendSurround .aucAuction, .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:first-child, .aucAuctionBidStatusSurround .aucAuctionLeftRow div:first-child, .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:first-child, .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:nth-child(2), .aucAuctionBidStatusSurround .aucAuctionLeftRow div:nth-child(2), .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:nth-child(2) { border-color: @Grey4 !important; } .QuestionnaireQueryReportSurround .ui-accordion-header { background: @Grey4; } /*#endregion @Grey4*/ /*#region @Grey5*/ /*COLOR IMPORTANT*/ .eRFXWizardStyling .disabledeRFXWizardOption .eRFXWizardIcon, .aucWizardStyling .disabledAucWizardOption .aucWizardIcon, .srgWizardStyling .disabledsrgWizardOption .srgWizardIcon, .eRFXWizardStyling .disabledeRFXWizardOption .eRFXWizardIcon, .eRFXWizardStyling .disabledeRFXWizardOption:hover, .aucWizardStyling .disabledAucWizardOption:hover, .srgWizardStyling .disabledsrgWizardOption:hover .aucWizardStyling, .eRFXWizardStyling .disabledeRFXWizardOption span, .aucWizardStyling .disabledAucWizardOption, .srgWizardStyling .disabledsrgWizardOption, .aucWizardStyling .disabledAucWizardChevron, .srgWizardStyling .disabledSrgWizardChevron, .eRFXWizardStyling .disabledeRFXWizardChevron, .disabledAucWizardOption:hover .fa, .disabledsrgWizardOption:hover .fa, .disabledeRFXWizardOption:hover .fa, .disabledAucWizardOption:hover, .disabledSrgWizardOption:hover, .disabledeRFXWizardOption:hover, .disabledAucWizardOption, .disabledSrgWizardOption, .disabledeRFXWizardOption { color: @Grey5 !important; } /*BACKGROUND COLOR IMPORTANT*/ .questionTitle, .dxbButton.disabledBtn, div.dxbButton.disabledBtn, #validationRuleFailuresModal a.dxbButton.disabledBtn, .disabledBtn:hover, .disabledBtn { background-color: @Grey5 !important; } /*BACKGROUND*/ .systemMessageTitle:before, .sourcingMessageTitle:before, .systemMessageTitle:after, .sourcingMessageTitle:after { background: @Grey5; } /*BACKGROUND IMPORTANT*/ .tasksProjects:hover { background: @Grey5!important; } /*BORDERS*/ .messageInputContainer, #txtChatSearchTerm { border: 1px solid @Grey5; } #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_CustomReportsFullScreenSurround, #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_reportEmailSettingsSurround, #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_CustomReportsFullScreenSurround, #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_reportEmailSettingsSurround { border-left: solid 0.2em @Grey5 !important; } #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_cellCustomReportDelete, #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_cellCustomReportDelete { border-right: solid 0.2em @Grey5 !important; } .disabledAucWizardOption:hover, .disabledSrgWizardOption:hover, .disabledeRFXWizardOption:hover, .disabledAucWizardOption, .disabledSrgWizardOption, .disabledeRFXWizardOption, .disabledBtn, .systemMessageSurround { border-color: @Grey5 !important; } /*#endregion @Grey5*/ /*#region @Grey6*/ /*BACKGROUND COLOR*/ .status-filter, .custom-checkbox input#status + label > .status-switch { background-color: @Grey6; } /*#endregion @Grey6*/ /*#region @Grey9*/ /*COLOR*/ .btn-default.documentButton:focus, .panel-body .read-only, label, .CTableBackground, .CAltTableBackground, .dxgvDataRow, .wizardText, #rfxWizForm, .dxeMemoEditAreaSys, .unlockedQuestionsPopup, .security-panel, .rowNameText, .dxgvGroupRow td.dxgv{ color: @Grey9; } /*COLOR IMPORTANT*/ .CTitle, .CSubTitle, .CTitle span, .CSubTitle span, .dxpc-headerContent span, .CustomTableStyle .dxgvPagerTopPanel .dxpLite .dxp-summary, .CustomTableStyle .dxgvPagerTopPanel .dxpLite .dxp-num:not(.dxp-current), .CustomTableStyle .dxgvPagerBottomPanel .dxpLite .dxp-summary, .CustomTableStyle .dxgvPagerBottomPanel .dxpLite .dxp-num:not(.dxp-current), .CustomTableStyle .CustomTableHeading td, .CustomTableStyle .CustomTableHeading span, .CustomTableStyle .CustomTableHeading a, .CustomTableStyle .dxgvGroupRow .CTableHyperLink span, #LayoutRowBreadCrumbTime .breadCrumbs, #LayoutRowBreadCrumbTime .breadCrumbs a, #LayoutRowBreadCrumbTime .breadCrumbs span, #LayoutRowBreadCrumbTime #Time, #LayoutRowBreadCrumbTime #Time .CLabel, .CLabel, .CLabelBold, .rdoSurround, .responsiveRadioButtonSurround, .mainPageTabs .dxtc-activeTab .dxtc-link, .dxSectionTabs .dxtc-activeTab .dxtc-link, .mainPageTabs .dxtc-tabHover .dxtc-link, .dxSectionTabs .dxtc-tabHover .dxtc-link, .dxSectionTabsHover .dx-vam, .form-group .control-label, .CTimer, .btn-mandatoryDocument .fa.fa-binoculars, .questionEditSingleControlSurround .fa:not(.questionEditTrashIcon), .navBarULButton, .navBarULButton .fa, .navBarDropdownUL li a, #detailQuestionnaireBtnInner { color: @Grey9 !important; } /*#endregion @Grey9*/ /*#region @Grey9ImageFilter*/ /*FILTER*/ img[src*="DashboardIcons"], li img[src*="360.png"], .panel-heading img[src*="ButtonImages"]:not(#btnChangePinnedReportImg):not(#btnFullscreenImg):not([id^="lnkEditQuestions_"]):not([id^="lnkCancelEditQuestions_"]):not([id^="lnkSaveEditQuestions_"]) { filter: @Grey9ImageFilter; -moz-filter: @Grey9ImageFilter; } /*#endregion @Grey9ImageFilter*/ /*#region @Grey10 */ /*COLOR*/ .messageSender, .forwardMessageSender, #divMessageThreadNewMessageSender > div, #divMessageThreadNewMessageSender > select { color: @Grey10; } /*#endregion @Grey10*/ /*#region @LightBlue */ /*BACKGROUND COLOR IMPORTANT*/ .showUserColour .messageBody { background-color: @LightBlue; } /*#endregion @LightBlue*/ /*#region @AIBlue */ div.dxbAIButton, div.dxbAIButton.dxbButtonHover, div.dxbAIButton.dxbButtonPressed { background-color: @AIBlue !important; border-color: @AIBlue !important; } /*#endregion @AIBlue */ /*#region @AIBlueImageFilter */ /*FILTER*/ div.dxbAIButton.dxbButtonHover .dx-vam, div.dxbAIButton.dxbButtonPressed .dx-vam, div.dxbAIButton.dxbButtonHover img[src*="ai-icon-star"], div.dxbAIButton.dxbButtonPressed img[src*="ai-icon-star"], div.dxbAIButton.dxbButtonHover img[src*="refresh"], div.dxbAIButton.dxbButtonPressed img[src*="refresh"] { filter: @AIBlueImageFilter; -moz-filter: @AIBlueImageFilter; } /*#endregion @AIBlueImageFilter*/ /*#region @AIBlueLightOpacity*/ /*BACKGROUND COLOUR IMPORTANT*/ div.dxbAIButton.dxbButtonHover, div.dxbAIButton.dxbButtonPressed { background-color: @AIBlueLightOpacity !important; } /*#endregion @AIBlueLightOpacity*/ /*#region Date picker (Calendar partial)*/ /* The app loads a mix of Bootstrap 3 and stray Bootstrap 5 rules. Pin the bootstrap-datetimepicker (v4.17, Bootstrap 3) date control to the BS3 inline-table input-group layout it expects, so the calendar addon stays attached to the right of the input instead of wrapping onto a new line. Scoped to .input-group.date, so it only affects date pickers and is reused by every page that renders the shared Calendar partial. (MH - 03/06/2026) */ .input-group.date { display: inline-table !important; width: 100%; border-collapse: separate; > .form-control { display: table-cell !important; float: none !important; } > .input-group-addon { display: table-cell !important; width: 1%; white-space: nowrap; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; // The app forces .form-control to height:25px; zero the addon's vertical padding // (otherwise 4px top+bottom makes the icon box taller than the input) so the // input-group table equalises both cells to the same height. padding-top: 0 !important; padding-bottom: 0 !important; } } /*#region Create New Event (Tools) - row gutter fix */ // The view markup uses `row mx-0` to zero each row's negative gutter margin so that the // option-label column lines up under the step's question text (and the controls sit inset from the // panel edge, as in the legacy app). The Bootstrap 4/5 `.mx-0` utility is NOT defined in this // Bootstrap 3 app, so the rows kept their negative margins: content sat flush instead of inset and // the labels were pulled ~15px left of the question text. Realise the intended margin:0 for this // page's rows. (Root cause — an undefined `.mx-0` utility — likely affects other migrated pages that // use `row mx-0`; a global `.mx-0` definition would be the holistic fix if wanted.) .toolCreateNewEventSurround .row { margin-left: 0 !important; margin-right: 0 !important; } /*#endregion Create New Event (Tools) - row gutter fix*/ /*#region Manage Workflow (Workflow) - row gutter fix */ // Same undefined-`.mx-0` issue as toolCreateNewEventSurround above: the centred col-md-3/col-md-6/ // col-md-3 wrapper (added per developer correction, Pass 2 - 2026-07-02, to match the legacy page's // narrower centred layout) needs the row's negative gutter margin zeroed, or the noPadding columns // bleed ~15px past the intended edges. .wrfManageWorkflowSurround .row { margin-left: 0 !important; margin-right: 0 !important; } /*#endregion Manage Workflow (Workflow) - row gutter fix*/ /*#region Ad-Hoc Task (Workflow) - row gutter fix */ // Same undefined-`.mx-0` issue as above (MH - 02/07/2026): the ported view uses `row mx-0` // throughout, matching the legacy markup, so the negative gutter margin needs zeroing here too. .proAdHocTaskSurround .row { margin-left: 0 !important; margin-right: 0 !important; } /*#endregion Ad-Hoc Task (Workflow) - row gutter fix*/ /*#region Supplier Categories (SIM) - row gutter fix & language picker alignment */ // Same undefined-`.mx-0` issue as above (MH - 03/07/2026): the ported view uses `row mx-0` for the // question-level and language picker rows, so the negative gutter margin needs zeroing or the // noPadding columns bleed ~15px past the main content's right edge. .srgSupplierCategoriesSurround .row { margin-left: 0 !important; margin-right: 0 !important; } // Vertically centre the language picker's label against its dropdown (the shared // SelectQuestionnaireLanguage component). flex-wrap keeps the col-12 stacking on mobile. .srgSupplierCategoriesSurround #pnlQuestionLevel .row { display: flex; flex-wrap: wrap; align-items: center; } /*#endregion Supplier Categories (SIM) - row gutter fix & language picker alignment*/ /*#region Supplier Welcome Screen (SIM) - row gutter fix & language picker alignment */ // Same fixes as SupplierCategories (MH - 03/07/2026): this page uses the identical `row mx-0` // wrapper and the shared SelectQuestionnaireLanguage/SIMPreviewQuestionLevel components, so it // needs the same negative-gutter zeroing (or the language dropdown bleeds past the right edge) // and the same vertical-centre of the picker label against its dropdown. .srgSupplierWelcomeScreenSurround .row { margin-left: 0 !important; margin-right: 0 !important; } .srgSupplierWelcomeScreenSurround #pnlQuestionLevel .row { display: flex; flex-wrap: wrap; align-items: center; } /*#endregion Supplier Welcome Screen (SIM) - row gutter fix & language picker alignment*/ /*#endregion Date picker (Calendar partial)*/ /*#region Control Panel - API History Log */ // Scoped styling for the ported ctlPanelAPITransactionHistory page. `.preStyle` reproduces the // legacy view's inline