/* CoralVersion:4.9.001.1310 */ /* CoralVersion:4.7.000.6533 */ :root { --mainBackground: #fff; --colorTextBrand: #1589ee; --color-text-link: #006dcc; --colorBorder: #dddbda; --toolTip: #16325c; --colorBackground: #f3f2f2; --color-background-selection: #d8edff; --brandAccessible: #0070d2; --brandAccessibleActive: #005fb2; --color-text-link-active: #00396b; --color-text-link-focus: #005fb2; --color-text-link-hover: #005fb2; --borderRadiusLarge: 0.5rem; --borderRadiusMedium: 0.25rem; --border-lightgray : #dddbda 1px solid; --borderWidthThin: 1px; --main-color-pink: #EE3E54; --main-color-yellow: #F4B248; --main-color-blue: #75CFED; --main-color-green: #8BC541; --main-color-gray: #424143; --main-color-lightgray: #777777; --main-color-white: #fff; --main-color-black: #000; --colorTextDefault:#000; --main-font: arial; --main-background-white: #fff; --main-background-lightgray: #F3F4F5; --main-fontsize-title: 20px; --main-fontsize-subtitle: 16px; --main-fontsize-button: 14px; --main-fontsize-small: 12px; --border-gray: 1px solid #CCCCCC; --border-custom: 1px solid #EE3E54; --border-lightgray: 1px solid #dfdfdf; --main-button-padding: 4px 10px; --main-small-button-padding: 2px 4px; --main-button--withicon-padding: 4px 10px 4px 25px; --main-small-button--withicon-padding: 2px 4px 2px 15px; --key-color: #868787; --value-colon: 0;g: #000; --disabled-button-background-color: #e6e6e6; --disabled-button-text-color: #cccccc; --text-input-border: 1px solid #cccccc; --search-input-ckground-size: 28px !important; background: url() no-repeat 95% center; --search-input-background-size: 15px; --search-input-padding: 2px 17px 2px 2px; --main-color1: #41BC9C; --main-color2: #F58964; --main-color3: #D24927; --main-color4: #F37A84; --main-color5: #91CA64; --main-color6: #E2D952; --main-color7: #6F9CD3; --main-color8: #C676B1; --main-color9: #80a2c2; --main-color0: #B65E5B; } @font-face { font-family: 'SalesforceSans-Regular, arial'; /* regular */ src:url('SalesforceSans-Regular, arial.woff') format('woff'), url("SalesforceSans-Regular, arial.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'SalesforceSans-Bold'; /* bold */ src:url('SalesforceSans-Bold.woff') format('woff'), url("SalesforceSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'SalesforceSans-Light'; /* light */ src:url('SalesforceSans-Light.woff') format('woff'), url("SalesforceSans-Light.ttf") format("truetype"); font-weight: 200; font-style: normal; } /*dark mode radio button*/ .dark #ONEM .csdkDWindContentWindow .csdkTabSet.interactionTabsWrapper > .csdkTabSetHeader, .dark #ONEM .csdkDWindContentWindow .csdkTabSet .csdkTabSetContent .interactionTabContentTblRow { background:unset !important; } label#darkModeLabel { position:absolute; left: 10px; bottom: 3px; display: flex; align-items: center; font-size: 12px; } .csdkDialogBoxInside .csdkDialog button:disabled, .csdkDialogBoxInside .csdkDialog button:disabled:hover, .csdkDialogBoxInside .csdkDialog button:disabled:active, div#coral_AlertPopUpDiv button:disabled, div#coral_AlertPopUpDiv button:disabled:hover, div#coral_AlertPopUpDiv button:disabled:active, .showQuery_Button:disabled, .showQuery_Table #buttonDiv button:disabled { color: #808284 !important; pointer-events: none; opacity: 0.4; } /* old KVP style start*/ #callDataDiv.coralkvptable { display: flex; flex-direction: column; padding: 10px; max-width: 250px; } #callDataDiv.coralkvptable .kvpTableRow { display: flex; align-items: center; } #callDataDiv.coralkvptable .kvpTableRow span { padding: 3px 3px 3px 6px !important; } /* old KVP style END*/ /* drawer style*/ div#leftColumn.leftColumn.closed #CreditApplianceGoesHere #redButton[value="HotDesk"], div#leftColumn.leftColumn.closed #CreditApplianceGoesHere #redButton[value="Change Number"], div#leftColumn.leftColumn.closed { left: -270px; } div#shrinkHandle:hover { background:url(../images/ocmIcon_arrowLeft.svg) no-repeat center, #fff; background-size: 7px; } div#shrinkHandle { left: 271px; background: #fff; opacity: 0.9; width: 9px; border-radius: 0 5px 5px 0; background-size: 7px; } .leftColumn.closed div#shrinkHandle:hover { background:url(../images/ocmIcon_arrowRight.svg) no-repeat center, #fff; background-size: 7px; } /* drawer style END*/ /* to make varible works better*/ .dark #oneMessageHW_mainWinGoesHere .interactionTabContentTblRow .interactionContentWrapper .interactionContentHeader, .agentScriptDialogWrapper.expanded .agentScriptDialogHeaderWrapper, input#previousCallCallBackButton, #AgentScript .agentScriptDialogWrapper.expanded .agentScriptDialogContentWrapper, .showQueryMenuTableCellTextTitle, .showQueryMenuTableCellTextTitle, #creditAppliance_logoutReasons_menuPlace #startMenuButton, div#coral_AlertPopUpDiv.nrr #startMenuButton.hierarchicalMenuButton, .defaultCoralCalendarDayPopup, div.coralDraggableWindowTitleBar, .acb_NoteInput, .acb_PrepInput, .acb_DateInput, .acb_NumberInput, .acb_NameInput, #acbWidgetGoesHere, div.coralDraggableWindowContentWindow, .coralkvptable, .showQuery_Expansion, #transferDiv, #actionDiv, #previousCallDataDiv, #callDataDiv, #callStatusDiv, #affinityStatusDiv, SPAN.HierarchicalMenuFrame, div#ocmea_dockContent div, div#ocmea_dockContent div:hover, #NotificationsGoesHere, .TabContent, ul.WidgetTabBar li.active, .acbWidgetDock ul.WidgetTabBar li, .acb_tableTitleCell, #ASW #favourites .setupCallWrapper, #CampaignRunnerMainBtnsWrapper .csdkRow, #coral_AlertPopUpDiv, div.keypadDigitClass, .infoListWrapper .infoListRow, .csdkDirBrowser.hierarchical.CampaignRunner_CompleteCallReasons_Select .csdkRow.open, .csdkDirBrowser.CampaignRunner_CancelCallReasons_Select .csdkRow.item.is-selected, .csdkDirBrowser.hierarchical.CampaignRunner_CancelCallReasons_Select .csdkRow.open, #ONEM #ONE_QueueBinsWrapper .infoListWrapper .infoListRow.queueRow, .csdkDirBrowser.hierarchical.CampaignRunner_CompleteCallReasons_Select .csdkRow.folder.open .csdkRow.item:hover, .csdkDirBrowser.hierarchical.CampaignRunner_CancelCallReasons_Select .csdkRow.folder.open .csdkRow.item:hover, .csdkDirBrowser.hierarchical.CampaignRunner_CompleteCallReasons_Select .csdkRow, .csdkDirBrowser.hierarchical.CampaignRunner_CancelCallReasons_Select .csdkRow, .csdkDirBrowser.CampaignRunner_CancelCallReasons_Select .csdkRow.item, #ONEM #ONE_QueueBinsWrapper .infoListWrapper .infoListRow.binRow, #ONEM .infoListRow.queueRow > div .infoListTitle, #ONEM .infoListRow.binRow > div .infoListTitle, div.csdkPopOutBoxContent, #oneMessageHW_mainWinGoesHere .interactionTabContentTblRow .interactionContentWrapper, #oneMessageHW_mainWinGoesHere > .csdkTabSet.customerTabs, .defaultCoralCalendarHeading, #ONEM .csdkDWindContentWindow .csdkTabSet, #ONEM .csdkDWindContentWindow .csdkTabSet .csdkTabSetContent .interactionContentWrapper, #ONEM #ONE_QueueBinsWrapper .infoListWrapper .infoListRow.queueRow, #ONEM #ONE_QueueBinsWrapper .infoListWrapper .infoListRow.binRow, .csdkCell.attachmentGeneralInfo, #ONEM .csdkDWindContentWindow .csdkTabSet > .csdkTabSetHeader .customerTab.selected .csdkTabLabel, .csdkDialogBoxInside .csdkDialog .showQuery_ButtonRow, div#coral_AlertPopUpDiv .showQuery_ButtonRow, #NotificationsGoesHere, .showQuery_Table span.showQueryTableCellTextTextSpan, div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion, .infoListWrapper, .dashboardSubTabsWrapper .csdkTab.selected .csdkTabLabel, .dashboardSubTabsWrapper .csdkTab.selected, #hotdeskMaster .navigation li, #hotdeskContent, span#hotdeskSpanID, #hotdeskMaster .name_filed, #hotdeskMaster .switch_pw_field, .csdkDWind .csdkDWindTitle, .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive, #searchCallerWindow .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive, #CSIP .csdkDWindTitle, #MMD .csdkDWindTitle, #AgentScript .csdkDWindTitle, #Tink .csdkDWindTitle, .defaultCoralCalendarPast, .defaultCoralCalendarCell, .dashboardSubTabsWrapper .csdkTab, #oneMessageHW_mainWinGoesHere .interactionHistoryWrapper, #actionDiv { background: var(--mainBackground) !important; color: var(--colorTextDefault) !important; } .csdkDirBrowser.hierarchical.CampaignRunner_CompleteCallReasons_Select .csdkRow:hover {} .csdkDialog.CampaignRunner_DialogBox button:disabled { filter: none !important; opacity: 0.3; } button.Completion_Outcome, button.Rejection_Outcome { background-color: var(--main-color-pink); } button.Completion_Outcome:hover, button.Rejection_Outcome:hover { background-color: var(--main-color-pink); opacity:0.7; } #OCMEA .ocmea_campaigns:hover, #OCMEA .ocmea_resources:hover, #OCMEA .ocmea_campaigns, #OCMEA .ocmea_resources { line-height: 46px; background: url(../images/campaignIcon.svg) no-repeat 24px center !important; background-size: 25px 25px !important; height: 43px !important; padding-left: 61px; border-bottom: none; font-size: 14px; } /*coral-6342*/ #notReadyTime.hideTimer { display: none; } /*coral-6342 END*/ /* to make varible works better END*/ button, a, li { transition: unset ; } button, a { cursor: pointer; } div#alertPopUpOverlay { position: fixed !Important; } .coralDock li div a:hover, .coralDock li a.heading:hover { color: initial; } #tempMaster .csdkPopOutBox { margin-top: 0px; } /*page layout*/ /*html{overflow: hidden;}*/ .leftColumn + .master_ { left: 270px !important; background: #f3f2f2; background: var(--mainBackground) ; border-left: 1px solid var(--colorBorder); } .left_Master { width: 270px !important; } #standardHeading .coralDockRightIconWrapper .plus { background: url(../images/icon_arrowUp.svg) no-repeat 0% 11px; background-size: 12px; transform: rotateZ(90deg); } #standardHeading .coralDockRightIconWrapper .minus { background: url(../images/icon_arrowDown.svg) no-repeat right 13px; background-size: 11px; } .coralkvptable .kvpTableValueCell { text-transform: none !important; } /**WEB RTC **/ #hotdeskMaster .name_filed:hover, #hotdeskMaster .switch_pw_field:hover { background: #fcfdd3; } #hotdeskMaster .name_filed:focus, #hotdeskMaster .switch_pw_field:focus { background: var(--mainBackground); outline: 2px solid #c14b81 !important; } /*floating window bar style*/ div.csdkDWind, div.coralDraggableWindow { box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.3); border-radius: var(--borderRadiusLarge) !important; border: 1px solid !important; border-color: var(--colorBorder) !important; } button.csdkDWindMinimizeButton, button.csdkWindowCloseButton { background: url(../images/close.svg) no-repeat center !important; background-size: 8px !important; position: relative; top: 3px; cursor: pointer; } button.csdkDWindSettingsButton, button.coralDraggableWindowSettingsButton { background: url(../images/settingIcon.svg) no-repeat center !important; background-size: 13px !important; position: relative; top: 3px; cursor: pointer; } button.coralDraggableWindowMinimizeButton, button.csdkDWindMinimizeButton { background: url(../images/minimisedIcon.svg) no-repeat center 81% !important; background-size: 10px !important; position: relative; top: 3px; cursor: pointer; } #StatisticsView button.csdkDWindMinimizeButton { display: block; } button.csdkDWindCloseButton, button.coralDraggableWindowCloseButton { background: url(../images/close.svg) no-repeat center !important; background-size: 8px !important; position: relative; top: 3px; cursor: pointer; } button.csdkDWindMaximizeButton { background: url(../images/windowMaximised.svg) no-repeat center !important; background-size: 9px !important; position: relative; top: 3px; cursor: pointer; } .fullscreen button.csdkDWindMaximizeButton { background: url(../images/windowMinimisedFullScreen.svg) no-repeat center !important; background-size: 13px !important; position: relative; top: 3px; cursor: pointer; } .csdkDWind .csdkDWindTitle, .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive, #searchCallerWindow .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive, #CSIP .csdkDWindTitle, #MMD .csdkDWindTitle, #AgentScript .csdkDWindTitle, #Tink .csdkDWindTitle { font-family: SalesforceSans-Regular, arial ; border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0 !important; opacity: 1 !important; height: 25px; line-height: 25px; } #searchCallerWindow .coralDraggableWindowTitleBar.coralDraggableWindowTitleBar .coralDraggableWindowTitle, #searchCallerWindow .coralDraggableWindowTitleBar.coralDraggableWindowTitleBarActive .coralDraggableWindowTitle { font-family: SalesforceSans-Regular, arial ; border-radius:0 } div.coralDraggableWindowContentWindow, div.csdkDWindContentWindow { border: 0px solid !important; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; } .csdkDWindContentWindow { border: 1px solid lightgray !important; border-top: none !important; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; } div[widget].csdkDWind.raised .csdkDWindTitleBar { border:none; border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0 !important; height: 26px; background: var(--mainBackground); border-bottom: 1px solid #e4e4e4; } div[widget].csdkDWind .csdkDWindTitleBar { border-bottom: var(--border-lightgray); } div.csdkDWindTitleBar { border:none; border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0 !important; height: 26px; } .coralDraggableWindowTitleBar { display:flex; background: #cac7c573 ; border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0; border-bottom: 1px solid ; border-color: var(--colorBorder); opacity: 0.5 !important; position:relative; line-height: 25px; height: 25px; border-bottom: 1px solid !important; border-color: var(--colorBorder) !important; } .coralDraggableWindowTitleBarButtonDock { display:flex; position:relative; } .coralDraggableWindowTitleBar span.coralDraggableWindowTitle { text-shadow: none; font-size: 13px; color: var(--colorTextDefault); flex-basis: 100%; align-self: center; } /*floating window bar style END*/ ul#ocmea_dock #standardHeading { padding: 5px 10px 5px 6px; } button.csdkDWindMaximiseButton, div.csdkDWindButtonDock, .coralDock:hover button.csdkDWindMaximiseButton, .coralDock:hover div.csdkDWindButtonDock { margin:0 !important; display:flex; } #EATESTHARNESS .csdkDWindDockedSpan, #OCMEA .csdkDWindDockedSpan, .csdkDWindDockedSpan, .growAnimate .coralDraggableWindowDockedSpan { color: var(--colorTextDefault) !important; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; font-size: 14px !important; line-height: 24px !important; margin-left: 11px !important; max-width: 165px; width: 165px; } .AgentStatistics.growAnimate .coralDraggableWindowDockedSpan { margin-left: 7px !important; } .csdkInputInput.agentScriptDialogContentItemInputInput { margin-top:3px !important; } .Minnow div, .Minnow span, .Minnow input, .agentScriptDialogContentItemSpeechWrapper { font-family: SalesforceSans-Bold, arial ; } #AGENTNOTEPAD .csdkDWindDockedSpan, #OCMEA .csdkDWindDockedSpan, .acbWidgetDock.growAnimate .coralDraggableWindowDockedSpan { vertical-align: top !important ; padding-top: 7px !important ; } /*Scroll bar style*/ .scrollable-element { scrollbar-color: #939598 #d1d3d4 !important; } /*welcome&logout button*/ #backgroundFrame { position: fixed !important; bottom: 40px !important; left: 270px !important; height: calc(100% - 40px) !important; } .LeftsAdmin { border-top:none; position: fixed !important; bottom: 0px !important; top: auto !important; color: var(--colorTextDefault) !important; font-family: SalesforceSans-Regular, arial ; background: var(--mainBackground); top: unset !important; padding:0 !important; width:270px !important; height: 35px !important; left:0; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; } .leftColumn.closed .LeftsAdmin { left: -270px; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; } body.salesforce .LeftsAdmin { height: 35px !important; background: white; } .login_btn_out { height: 25px !important; position: absolute !important; bottom: 8px !important; border-bottom: none !important; } #coralChangePasswordDiv::before { content: 'Change Password'; width:92px; height:22px; left:0; top:0; } #coralChangePasswordDiv { width: 92px; text-transform: capitalize !important; font-size: 11px !important; font-family: SalesforceSans-Regular, arial ; position: fixed; left: 6px; bottom: 8px; line-height: 22px; margin: 0; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; border: 1px solid lightgray; color: var(--brandAccessible); padding: 2px 5px; border-radius: 4px; z-index: 1000; text-align: center; cursor: pointer; } button#cpCancelButton, button#cpOkButton, #coralChangePasswordDiv:hover { background: transparent; opacity:0.8; } body.salesforce .login_btn_out { } .left_Master { padding-top:0 !important; background: var(--mainBackground) !important; padding-bottom: 38px !important; border-bottom: none; } body.salesforce .left_Master { padding-bottom: 78px !important; } .LeftsAdmin .userbtn { display: inline-block !important; height: 40px !important; margin: 0 !important; text-align: left !important; position: absolute; right: 0; bottom: 0px; } .LeftsAdmin #userNameTag { display: none !important; } .LeftsAdmin button#logoutButton { width: 66px; background: url(/images/icon_logout.svg) no-repeat 6px center, transparent !important; background-size: 9px 9px !important; text-transform: capitalize !important; font-size: 11px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 1.2rem !important; padding-right: 0.5rem; position: fixed; left:196px; bottom: 8px; line-height: 22px; margin:0; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; height:28px; } .closed .LeftsAdmin button#logoutButton { left:-81px; -webkit-transition: left 1s ease-out; -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; transition: left 1s ease-out; } .LeftsAdmin button#logoutButton:disabled, .LeftsAdmin button#logoutButton:disabled:hover { text-shadow: none !important; background: url(../images/icon_logoutWhite.svg) no-repeat 6px center, #e6e6e6 !important; background-size: 9px !important; color: var(--disabled-button-text-color) !important; } .dark #ONEM .csdkDWindContentWindow .csdkTabSet .csdkTabSetContent .csdkTable.customerTabContentTable > .csdkTableBody > .csdkRow, .Minnow > .csdkTabSet > .csdkTabSetHeader, .Minnow > .csdkTabSet > .csdkTabSetContent, .dark #ONEM .csdkDWindContentWindow .csdkTabSet .csdkTabSetContent .csdkTabContent.selected .interactionTabsWrapper, .dark #ONEM .csdkDWindContentWindow .csdkCell.attachmentGeneralInfo, .dark #ONEM .csdkDWindContentWindow, body.dark #ONEM .csdkDWindContentWindow .csdkTabSet.interactionTabsWrapper > .csdkTabSetHeader,/* {background: transparent !important;}*/ div.csdkDWind, select.csdkSelect.supNoti_action_selector, textarea#supNoti_message, .dark .csdkTabSet.customerTabs > .csdkTabSetHeader, .csdkTabSet.customerTabs > .csdkTabSetContent, div#leftColumn { background: var(--mainBackground) !important; color: var(--colorTextDefault) !important; } .leftMasterBackground { background: var(--mainBackground) !important; width: 270px; } .heading_logo { display: none !important; } .infoListWrapper .infoListRow DIV.copy, .detailedExtraWrapper .infoListRow DIV.copy { background: url(../images/copy.svg) transparent center no-repeat; background-size: 12px 13px; padding: 0px; cursor: pointer; background-position: 2px center; } /*Genesys Contact Style*/ .GCONTACTDock #gContactQueryString { margin: 0px 5px 5px 7px; vertical-align: bottom; width: 153px; padding: 4px 10px; border: 1px solid lightgray; border-radius: 4px; vertical-align: top; } .GCONTACTDock input[type="button"]#gContactQueryButton { padding: 6px 12px; } #gContact_searcResultshWindow input, #gContact_searcResultshWindow div { font-size:12px; } #gContact_searcResultshWindow .gContactRightMainRow:first-child input { padding: 4px 10px; border: 1px solid lightgray; border-radius: 4px; } .gContactSeachVarsCell, .gContactSeachVarsCellDiv { font-size:12px; min-width:63px; } .gContactSeachVarsCellDiv { width: 150px; } .gContactSeachVarsCellDiv input {width:90%;} #gContact_searcResultshWindow button.gContactSeachVarsButton { background: url(../images/AccountSearch.svg) center no-repeat, var(--colorTextBrand); background-size: 34px; border-radius:4px; font-size:0; width: 30px; height:52px; } #gContactSeachHistoryWrapper { padding:16px 0; } #gContact_searcResultshWindow .kvpTableValueCell { background: transparent; border:none; } .gContactDetailClientDetailsWrapper .coralkvptable .kvpTableKeyCell { max-width:107px !important; width:107px !important; } #gContactSeachDetailsWrapper .gContactLabelDiv { line-height: 30px; } .gContactDetailClientListDiv, .gContactDetailClientDetailsDiv, #gContactSeachHistoryWrapper, #gContactChatHistoryArea { position:relative; padding-top:10px; } #gContactSeachDetailsWrapper, .gContactDetailClientDetailsWrapper .coralkvptable { display: flex; flex-direction: column; } .gContactDetailClientDetailsWrapper .coralkvptable .kvpTableRow {flex:1;} .gContactDetailClientDetailsWrapper {height:124px; display:flex;} .gContactListName { color: var(--value-color);} #gConatctClientList {padding: 4px 0;} #gContact_searcResultshWindow .gContactSeachVarsButtonWrapper { position:relative; right:unset; flex-basis: 50px; margin-top: 2px; margin-right:8px; } .gContactListWrapper {padding:6px;} #gContact_searcResultshWindow .gContactSeachVarsWrapper { flex-basis:calc(100% - 50px); } .gContactRightMainRow:first-child {padding: 15px 8px;} .gContactSeachVarsRow .gContactSeachVarsCell:nth-child(3) { padding: 2px 8px 2px 18px; } #gContact_searcResultshWindow .gContactSeachVarsRow, #gContact_searcResultshWindow .gContactSeachVarsDiv, #gContact_searcResultshWindow .gContactSeachVarsWrapper, #gContact_searcResultshWindow .gContactRightMainRow:first-child { display:flex; align-items: center; } #gContact_searcResultshWindow .gContactSeachVarsDiv { flex-direction: column; } #gContactSeachDetailsWrapper .gContactSeachDetailsRow:first-child {height:175px;} .gContactDetailClientDetailsDiv .gContactLabelDiv::before { height: 22px; width:22px; background: url(../images/contact_detail.svg) center center / 22px no-repeat, 0% 0% ; border-radius: 4px; position:absolute; left: 2px; top:14px; content:''; } #gContactSeachHistoryWrapper .gContactLabelDiv::before { height: 22px; width:22px; background: url(../images/contact_history.svg) center center / 22px no-repeat, 0% 0% ; border-radius: 4px; position:absolute; left: 2px; top:14px; content:''; } .gContactDetailClientListDiv .gContactLabelDiv::before { height: 22px; width:22px; background: url(../images/groupChat.svg) center center / 15px no-repeat, 0% 0% / 100% rgb(210, 73, 39); border-radius: 4px; position:absolute; left: 2px; top:14px; content:''; } #gContactChatHistoryArea .gContactLabelDiv::before { height: 22px; width:22px; background: url(../images/contact_more.svg) center center / 22px no-repeat, 0% 0% ; border-radius: 4px; position:absolute; left: 2px; top:3px; content:''; } #gContactChatHistoryArea {padding-top:0;} .gContact_history_table_body_tr:hover, .gContactListWrapper.clientListSelected:hover {background: #e8e8e8 !important;} .historySelected.coraldivtable_body_tr:nth-child(2n), .gContactListWrapper.clientListSelected, .coraldivtable_body_tr.historySelected{ background: var(--color-background-selection); } #gChatMainDiv .partyInfoLi, .gContactSeachDetailsRow .partyInfoLi { height:23px; width: 99%; border:none !important; display: flex; align-items: center; margin: 12px 5px 3px 5px; } .gChatContent .gChat2BoundingRect .gChatTextInsert { background: transparent; } .gChatContent.proVersion #gChatMainDiv .partyInfoLi, .gChatContent.proVersion .gContactSeachDetailsRow .partyInfoLi { height: 1rem; margin: 0; } #gChatMainDiv .partyInfoLi {margin-left:0;} #gChatMainDiv .partyInfoLi text, #gChatMainDiv .partyInfoLi span { line-height:20px; height: 20px; border-radius: 0.25rem; justify-content: flex-end; } .gChatContent.proVersion #gChatMainDiv .partyInfoLi text, .gChatContent.proVersion #gChatMainDiv .partyInfoLi span { color: var(--colorTextBrand) !important; } .gChatContent .gChat2BoundingRect { top: 8px; } .gChatContent .gChat2BoundingRect .expandEdit { width: 12px; height: 12px; position: absolute; top: 3px; right: -36px; left:auto; background-size: 12px !important; cursor: pointer; } .gChatContent.proVersion .gChat2BoundingRect .expandEdit { right: -44px; top: 1px; left: inherit; } .gChatContent.proVersion .gChat2BoundingRect .gChatTextInsert { background: transparent; font-size:13px; } .gChatContent .gChat2BoundingRect .partyInfoUser { margin-top: 2px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatRightUser { padding-left: 27px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .partyInfoLiWrapper {margin:unset !important;} .gContactSeachDetailsRow .groupChatLeftUser {margin-right:13px;} .gContactSeachDetailsRow .groupChatRightUser {margin-left:0px;} .gContactSeachDetailsRow .you {margin-left: 15px;} .gContactSeachDetailsRow .me {margin-right:15px;} .gContactSeachDetailsRow .you, .gContactSeachDetailsRow .me {background:none;} .gContactSeachDetailsRow .you text { background: var(--color-text-link-active); } .gChatContent #gChatMainDiv .gChat2BoundingRect SPAN.HierarchicalMenuFrame { min-width: auto; width: auto; display: block; } .gChatContent #gChatMainDiv .gChat2BoundingRect SPAN.HierarchicalMenuFrame ul { display: block; width: 100%; } .GChat2Dock #gWorkbinItem { width: 100%; margin: 0; border: 0; } #gChat2Conference #ConferenceMenuButton span ul li div a, #gChat2Transfer #TransferMenuButton span ul li div a { padding: 0; width: unset; max-width: unset; font-size: 12px; padding-left: 10px; background: none !important; color: var(--colorTextDefault) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect SPAN.HierarchicalMenuFrame ul li:hover { background: #e5f0f7 !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect SPAN.HierarchicalMenuFrame ul li .srText { float: none; width: unset; min-width: unset; } .gChatContent #gChatMainDiv .gChat2BoundingRect span.HierarchicalMenuFrame ul li a.disclosureAnchor, .gChatContent .gChat2BoundingRect SPAN.HierarchicalMenuFrame ul li .srText a { box-sizing: unset; font-size: 12px; color: var(--colorTextDefault) !important; text-align: left; background-position: calc(100% - 10px) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect #gChat2StandardResponses SPAN.HierarchicalMenuFrame ul li .srText a { width: calc(100% - 20px); background: transparent; font-size: 12px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatListIcon.statusTyping { width: 20%; height: 10px; display: inline-block; float: right; background: url(../images/typingCoralChat.gif) no-repeat center center; padding: 4px 0px; background-size: 20px 16px; } .gContactSeachDetailsRow .groupChatBubble text { padding:10px; border-radius:4px; } .proVersion .gContactSeachDetailsRow .groupChatBubble text { color: var(--colorTextDefault); } .gContactSeachDetailsRow .partyLeftInfo, .gContactSeachDetailsRow .partyJoinInfo { height:23px; line-height: 23px; } #gContact_searcResultshWindow .coraldivtable_header_th, #gContact_searcResultshWindow .coraldivtable_body_td, #gContact_searcResultshWindow .coraldivtable_footer_th { padding:6px 2px; } .coraldivtable_body_tr:hover {background: #d4f2fc ;} .gContact_history_table_body_tr, .coraldivtable_body_tr.historySelected {height:32px;} #gChatMainDiv .partyLeftInfo, .gContactSeachDetailsRow .partyLeftInfo { background: url(../images/contact_chat_leave.svg) no-repeat left center; background-size: 23px; height:23px !important; } #gChatMainDiv .partyJoinInfo, .gContactSeachDetailsRow .partyJoinInfo { background: url(../images/contact_chat_add.svg) no-repeat left center; background-size: 23px; height:23px !important; } .historySelected .historyType_voiceOutbound, .historyType_voiceOutbound { background: url(../images/contact_out_call.svg) no-repeat center center; background-size: 23px; width:100%; height: 25px; } .historySelected .historyType_voiceInbound, .historyType_voiceInbound { background: url(../images/contact_in_call.svg) no-repeat center center; background-size: 23px; width:100%; height: 25px; } .historySelected .historyType_emailOutbound, .historyType_emailOutbound { background: url(../images/contact_out_email.svg) no-repeat center center; background-size: 23px; width:100%; height: 25px; } .historySelected .historyType_emailInbound, .historyType_emailInbound { background: url(../images/contact_in_email.svg) no-repeat center center; background-size: 23px; width:100%; height: 25px; } .historySelected .historyType_chatInbound, .historyType_chatInbound { background: url(../images/contact_in_msg.svg) no-repeat center center; background-size: 23px; width:100%; height: 25px; } #gContactRightMainDiv .gContactLabelDiv { font-size: 13px; color: #000; padding-left: 30px; } /*Genesys Contact Style END*/ /*Notepad Style*/ #AgentNotePadGoesHere .selected .name { font-weight: 900 !important; color: var(--colorTextDefault) !important; } #AgentNotePadGoesHere .selected { background-color: #F1F1F2 !important; } #AgentNotePadGoesHere .topPanel .noteTitle, #AgentNotePadGoesHere:before { background: var(--color-background-selection); } #AgentNotePadGoesHere #notePad_created { color: var(--color-text-link); } #AGENTNOTEPAD .resize { background: var(--main-background-white); color: var(--colorTextDefault); max-height: 700px; } /*Notepad Style END*/ /*credit Appliance*/ div#lineIndicatorRowDiv div { font-size: 12px !important; } .lineIndicatorCellInIconDiv.hold, .lineIndicatorCellOutIconDiv.hold { display: table-cell; background: url('../images/lineIndicatorHold.svg') no-repeat 3px center; background-size:8px; width:14px; } .lineIndicatorCellInIconDiv.inactive, .lineIndicatorCellOutIconDiv.inactive { display: table-cell; background: url('../images/lineIndicatorInactive.svg') no-repeat 3px center; background-size:8px; width:14px; } .lineIndicatorCellInIconDiv.active, .lineIndicatorCellOutIconDiv.active { display: table-cell; background: url('../images/lineIndicatorActive.svg') no-repeat 3px center; background-size:8px; width:14px; } .coralDock li div.standardHeading.expanded + #expandedContent { border-bottom: 1px solid var(--colorBorder) !important; font-size: 12px; background: var(--mainBackground) ; color: var(--colorTextDefault) ; } .coralDock li div.standardHeading { background: var(--mainBackground) !important; color: var(--colorTextDefault) !important; border-top: 0px solid var(--colorBorder); min-height: 40px !important; position:relative; } .coralDock li div.standardHeading.expanded { border-bottom: 0px solid var(--colorBorder); } .coralDock li div.standardHeading.collapsed { border-bottom: 1px solid var(--colorBorder); } .CreditApplianceDock .coralDock li div.standardHeading { position:static; } .standardHeading.collapsed.toolHeader_0 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_0 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_6 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_6 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconInitial.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; opacity:0.8; } #HELLOWORLD .csdkDWindLeftDockedWindowIcon { background-repeat: no-repeat; background-position: center; } div#standardHeading.toolHeader_0, div#standardHeading.toolHeader_6, div#standardHeading.toolHeader_9, div#standardHeading.toolHeader_10 { background: #e0e0e0 !important; border-top: none; } .standardHeading.collapsed.toolHeader_1 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_1 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_13 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_13 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_14 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_14 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconFatal.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_9 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_9 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_10 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_10 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconNoCall.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_3 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_3 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconIncomming.gif) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_4_nr .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_4_nr .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_4 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_4 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/onACall.gif) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_4_nr .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_4_nr .coralDraggableWindowLeftDockedWindowIcon { filter: grayscale(1); } .standardHeading.collapsed.toolHeader_5 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_5 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.collapsed.toolHeader_11 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_11 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconHold.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_7 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_7 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconMakeCall.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_8 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_8 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconDialing.gif) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .standardHeading.collapsed.toolHeader_12 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_12 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/mainIconOutOfService.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/iconReady.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } .coralDraggableWindowLeftDockedWindowIcon.agentStatusIcon_4 , .standardHeading.collapsed.toolHeader_2 .coralDraggableWindowLeftDockedWindowIcon, .standardHeading.expanded.toolHeader_2 .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/iconReady.svg) no-repeat 4px center !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; } #previousCallCallBackButton { margin-bottom: 5px !important; } /* adding labels when in a call*/ #standardHeading.toolHeader_4_nr #agentStatusText, #standardHeading.toolHeader_3 #agentStatusText, #standardHeading.toolHeader_4 #agentStatusText, #standardHeading.toolHeader_5 #agentStatusText, #standardHeading.toolHeader_6 #agentStatusText, #standardHeading.toolHeader_7 #agentStatusText, #standardHeading.toolHeader_8 #agentStatusText, #standardHeading.toolHeader_9 #agentStatusText, #standardHeading.toolHeader_10 #agentStatusText, #standardHeading.toolHeader_11 #agentStatusText { color: transparent !important; font-size: 0 !important; } #standardHeading.toolHeader_4_nr #agentStatusText:before, #standardHeading.toolHeader_4 #agentStatusText:before, #standardHeading.toolHeader_5 #agentStatusText:before, #standardHeading.toolHeader_6 #agentStatusText:before, #standardHeading.toolHeader_9 #agentStatusText:before, #standardHeading.toolHeader_10 #agentStatusText:before, #standardHeading.toolHeader_11 #agentStatusText:before { content: 'Connected'; position: absolute; width: 185px; height: 15px; left: 6px; top: 0px; color: #000 !important; font-size: 14px !important; } #standardHeading.toolHeader_5 #agentStatusText:before { content: 'On Hold'; } #standardHeading.toolHeader_6 #agentStatusText:before { content: 'Wrap Up'; } #standardHeading.toolHeader_4 #agentStatusText:before { content: 'Connected / Ready'; } #standardHeading.toolHeader_4_nr #agentStatusText:before { content: 'Connected / Not Ready'; } #standardHeading.toolHeader_3 #agentStatusText:before, #standardHeading.toolHeader_7 #agentStatusText:before, #standardHeading.toolHeader_8 #agentStatusText:before { content: 'Ringing'; position: absolute; width: 185px; height: 15px; left: 6px; top: 0px; color: #000 !important; font-size: 14px !important; } /* END */ /*DN info on Credit appliance's bar*/ div#CreditApplianceGoesHere { border-top: 1px solid !important; border-color: var(--colorBorder) !important; } .growAnimate.CreditApplianceDock #standardHeading .coralDraggableWindowDockedSpan { font-size: 12px !important; color: var(--colorTextBrand) !important; font-family : SalesforceSans-Regular, arial ; text-transform: lowercase !important; text-shadow: none !important; margin-top: 20px !important; line-height: 15px !important; } #container .CreditApplianceDock #agentStatusText { color: var(--colorTextDefault) ; font-family : SalesforceSans-Regular, arial ; text-transform: capitalize !important; text-shadow: none !important; top: 8px !important; font-size: 14px !important; margin-left: 42px; } .CreditApplianceDock #agentStatusText.creditApplianceGrumpyStatus { margin-left: 47px !important; } /*plus,minus and maximised icon*/ div.coralDraggableWindowButtonDock { display:flex; justify-content:center; } #standardHeading button.csdkDWindMaximiseButton, #standardHeading button.coralDraggableWindowMaximiseButton, #standardHeading button.coralDockMaximizeButton, #standardHeading button.csdkDockMaximizeButton { background:none; } #standardHeading:hover button.csdkDWindMaximiseButton, #standardHeading:hover button.coralDraggableWindowMaximiseButton, #standardHeading:hover button.coralDockMaximizeButton, #standardHeading:hover button.csdkDockMaximizeButton { background: url(../images/maximiseIcon.svg) no-repeat center 6px; background-size: 10px; height: 31px !important; vertical-align: unset !important; top: 5px; position: relative; right: 8px; } #standardHeading:hover button.csdkDWindMaximiseButton, #standardHeading:hover button.coralDraggableWindowMaximiseButton, #standardHeading:hover button.coralDockMaximizeButton, #standardHeading:hover button.csdkDockMaximizeButton, #standardHeading:hover .csdkDWindButtonDock > button.csdkDWindMaximiseButton { background: url(../images/openWindow.svg) no-repeat center 6px; background-size: 14px; height: 31px !important; vertical-align: unset !important; top: 10px; position: relative; right: -1px; } .growAnimate.supervisorDock #standardHeading:hover button.coralDockMaximizeButton { top: 14px !important; } #ONEM #standardHeading:hover .csdkDWindButtonDock > button.csdkDWindMaximiseButton { height: 34px !important; vertical-align: unset !important; position: relative; left: 4px; top:9px; border: 0px; } .coralDockRightIconWrapper:hover .minus:before, .coralDockRightIconWrapper:hover .minus:after, .coralDockRightIconWrapper:hover .plus:before, .coralDockRightIconWrapper:hover .plus:after, .coralDockRightIconWrapper .plus:before, .coralDockRightIconWrapper .plus:after, .coralDockRightIconWrapper .plus, .coralDockRightIconWrapper .minus { background: none; } .coralDockRightIconWrapper .plus:before, .coralDockRightIconWrapper .plus:after, .coralDockRightIconWrapper .minus:before { display:none; } #standardHeading:hover .coralDockRightIconWrapper .plus, #standardHeading:hover .coralDockRightIconWrapper .minus { opacity:0.7; } .coralDockRightIconWrapper { height: 34px !important; vertical-align: unset !important; position: relative; left: 4px; border: 0px; top:6px; } .CreditApplianceDock .coralDockRightIconWrapper { margin-right: 2px !important; border: 0px; } .coralDockRightIconWrapper .minus:before { color: transparent; background: none; } .growAnimate.CreditApplianceDock #standardHeading.standardHeading { min-height: 80px; min-height: 43px !important; padding-left: 12px; position:relative; } /*display none for footer for now*/ div#copyRightFooter { display: none; } /*Widget Icons*/ .csdkDWindLeftDockedWindowIcon, .coralDraggableWindowLeftDockedWindowIcon { width: 36px; } #default .csdkDWindLeftDockedWindowIcon, #default #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background-repeat: no-repeat; filter: grayscale(0);opacity: 1;border-radius: 5px; margin: 3px 0px 0px 10px !important; background-image: url("../images/iconW_star.svg") !important; background-size: 15px !important; background-color: var(--main-color-pink) !important; background-position: center !important; width: 32px !Important; height: 32px; } .OpenUIDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/openUIIcon.svg) no-repeat center center !important; background-size: 24px !important; } #AGENTNOTEPAD .csdkDWindLeftDockedWindowIcon { background: url(../images/icon_agentNotePad.svg) no-repeat right center !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } #AgentScript .csdkDWindLeftDockedWindowIcon { background: url(../images/agentScriptIcon.svg) no-repeat center right !important; background-size: 25px !important; height: 30px; } .hotdeskIcon { background: url(../images/iconRegisterNumber.svg) no-repeat center right !important; margin-left: 5px !important; background-size: 32px !important; position: relative !important; top: 2px !important; width: 36px; height: 35px; line-height: 25px !important; } .gEmailDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/genesysEmailIcon.svg) no-repeat center right !important; background-size: 25px !important; } .UrlMakerDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/urlMakerIcon.svg) no-repeat center right !important; background-size: 24px !important; } .GWorkItemDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/genesysWorkItemIcon.svg) no-repeat center right !important; background-size: 22px !important; } #GBIT ul.Answer div.csdkDWindLeftDockedWindowIcon { background: url(../images/GBITIcon.svg) no-repeat center !important; background-size: 23px !important; } #GBIT ul div.csdkDWindLeftDockedWindowIcon { background: url(../images/GBITIconGrey.svg) no-repeat center !important; background-size: 23px !important; } .coralDraggableWindowLeftDockedWindowIcon, .csdkDWindLeftDockedWindowIcon { height: 35px !important; width:37px; } .csdkDWindLeftDockedWindowIcon { width:36px; margin: 3px 2px 0 6px; } #CHAT .csdkDWindLeftDockedWindowIcon, .CCHAT3Dock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/coralChatIcon.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } #ONEM .csdkDWindLeftDockedWindowIcon { background: url(../images/oneIcon.svg) right bottom no-repeat; margin-top: 3px; } #CONTACTHISTORY #standardHeading .csdkDWindLeftDockedWindowIcon { background: url(../images/icon_contact.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } #CHAT .csdkDWindLeftDockedWindowIcon, .CCHAT3Dock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/coralChatIcon.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } .GChat2Dock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/widget_genesysChat.svg) right center no-repeat !important; background-size: 32px !important; filter:grayscale(1); opacity:0.6; width:41px; } .GChat2Dock #standardHeading .coralDraggableWindowLeftDockedWindowIcon.ready { filter:grayscale(0); opacity:1; } .growAnimate.GChat2Dock .coralDraggableWindowDockedSpan { vertical-align: top; padding-top: 2px; } .GChat2Dock .leftExtension .leftGChatCheckboxLabel { display:block; position:absolute; left: 51px; top: 29px; width: 200px; } #gChatStatusDiv {display:none;} #gChatStatusText { text-shadow:none; display: block; font-size: 12px !important; color: var(--colorTextBrand) !important; font-family: SalesforceSans-Regular, arial ; padding-left: 7px; } .gChatContent.proVersion .gChat2SearchRect { background: white; border-radius: 0.25rem; } .gChatContent.proVersion .gChatLeftButtonSR > div:before, .gChatContent.proVersion .gChatLeftButtonEnd > div:before, .gChatContent.proVersion .gChatLeftButtonTransfer > div:before, .gChatContent.proVersion .gChatLeftButtonConference > div:before { content: 'Standard Response'; position: absolute; color: var(--color-text-link); top: -15px; width: 50px; display: block; text-indent: 0px; font-size: 12px; line-height: 0.8rem; text-align: center; letter-spacing: -0.01rem; display:none; } .gChatContent.proVersion .gChatLeftButtonSR > div:before { top: -20px; line-height: 0.6rem; } .gChatContent.proVersion .gChatLeftButtonEnd > div:before { content: 'End Chat'; } .gChatContent.proVersion .gChatLeftButtonTransfer > div:before { content: 'Transfer'; } .gChatContent.proVersion .gChatLeftButtonConference > div:before { content: 'Conference'; } .gChatContent.proVersion .gChatLeftButtonSR:hover > div:before, .gChatContent.proVersion .gChatLeftButtonEnd:hover > div:before, .gChatContent.proVersion .gChatLeftButtonTransfer:hover > div:before, .gChatContent.proVersion .gChatLeftButtonConference:hover > div:before { display: block } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .me text, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .you text { padding: 0px 0px 0px 9px !important; background: none !important; color: #000; margin: 0; text-align: left; font-size:12px; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .groupChatLeftLi, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .groupChatLeftAgentLi { background-size: 22px !important; } .gChatContent.proVersion .gChat2BoundingRect .groupChatUserDatePro { padding-left: 24px; } .gChatContent.proVersion #gChatMainDiv .partyJoinInfo, .gChatContent.proVersion #gChatMainDiv .partyLeftInfo { background: none !important; padding: 0; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .groupChatRightUser { padding-left: 0px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .button_oh, .gChatContent.proVersion .gChat2BoundingRect .gChatTransferIcon, .gChatContent.proVersion .gChat2BoundingRect .gChatConferenceIcon, .gChatContent.proVersion .gChat2BoundingRect .gChatEndChatIcon, .gChatContent.proVersion .gChat2BoundingRect .gChatStandardResponsesIcon { background-image: url(../images/iconB_plus.svg); background-repeat: no-repeat; border: 1px solid var(--colorBorder); border-radius: var(--borderRadiusMedium); color: var(--color-text-link); cursor: pointer; background-color: var(--mainBackground); background-size: 10px; font-size: 11px; padding: 3px 12px; background-position: 6px center; text-shadow: none; } .gChatContent #gChatMainDiv .gChat2BoundingRect input.button_oh[value='Cancel'] { position: absolute; right: 8px; color: transparent; width: 25px; padding: 0px; min-width: 25px; background-position: center center; background-image: url(../images/iconDropConference.svg) !important; background-repeat: no-repeat !important; background-size: 10px !important; background-position: center !important; } .gChatContent .gChat2SearchFindLabel input[type='text'] { width: calc(100% - 73px); } .gChatContent #gChatMainDiv .gChat2BoundingRect .me text, .gChatContent #gChatMainDiv .gChat2BoundingRect .you text { margin-right: auto; margin-left: 25px; padding: 0 0 0 17px; background-size: 12px; background-position: 6px 5px; font-weight: bold; text-shadow: none; color: rgb(255, 255, 255); word-break: break-all; text-align: right; padding: 7px 12px; background: var(--main-color-gray); margin-right: unset; margin-top: 3px; margin-left: auto; border-radius: 10px 0px 7px 7px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .you text{ text-align: left; color: #333; border-radius: 0px 10px 10px 10px; margin-right: auto; margin-left: unset; font-family: SalesforceSans-Bold, arial ; background: #ececec !important; border-radius: 0 7px 7px 10px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatLeftAgentLi .groupChatBubble.you text { border-radius: 0 5px 5px 10px; background: #709dd2 !important; color: white; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .groupChatLeftAgentLi .groupChatBubble.you text { background: none !important; color: rgb(0, 0, 0); WIDTH: CALC(100% - 25PX); text-align: left; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatLeftAgentLi { background: url(../images/avatarAgent.svg) 7px top / 25px no-repeat !important; } .groupChatLeftLi { background: url(../images/avatar.svg) 7px top / 25px no-repeat !important; filter: hue-rotate(130deg); } .gChatContent.proVersion .gChat2BoundingRect .groupChatLeftLi { background-size: 15px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .you { margin-left: 25px; background-image: none !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .me, .gChatContent #gChatMainDiv .gChat2BoundingRect .you { background: none; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .me, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .you { width: -webkit-fill-available; width: -moz-available; } .gChatContent.proVersion .gChat2BoundingRect .me text, .gChatContent.proVersion .gChat2BoundingRect .you text { font-size:12px; } .gChatContent.proVersion .gChat2BoundingRect .gChatAreaUL li { margin-top: 6px; border-top: 1px dashed #d3d3d373; padding-top: 6px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatUserName { text-shadow: none; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd { height: 53px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatListName { width: calc(100% - 50px); } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInactive .gChatEndChatIcon { background: url(../images/gChatEndChatD.png); background-size: 38px; background-position: left bottom; background-repeat: no-repeat; border-radius: 0px !important; border-left: 0px !important; border-right: 0px !important; padding: 0; } .GCONTACTDock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/widget_genesysContact.svg) right center no-repeat !important; background-size: 32px !important; width:41px; } #callRecord .csdkDWindLeftDockedWindowIcon { background: url(../images/widget_recordOnDemand.svg) right bottom no-repeat; background-size: 32px; margin-left: 5px; } #CLCallInfo .csdkDWindLeftDockedWindowIcon { background: url(../images/widget_callInfo.svg) right bottom no-repeat; background-size: 32px; } ul#ocmea_dock #leftContentAnchor {display: inline;} #OCMEA .csdkDWindLeftDockedWindowIcon { background: url(../images/ocmIcon.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } .acbWidgetDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/widgetIcon_agentCallback.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; margin-right: 2px; } .AgentStatistics .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/widgetIcon_stats.svg) no-repeat right center !important; background-size: 32px !important; margin-left: 5px; margin-right: 6px; } #GVM .csdkDWindLeftDockedWindowIcon { background: url(../images/widget_voicemail.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; height: 36px; } #ASW .csdkDWindLeftDockedWindowIcon { background: url(../images/widgetIcon_ASW.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; height: 36px; } #SecurePay .csdkDWindLeftDockedWindowIcon { background: url(../images/widgetIcon_securePay.svg) no-repeat center right !important; background-size: 32px !important; margin-left: 6px; height: 36px; } #GAMEMASTER .csdkDWindLeftDockedWindowIcon { background: url(../images/icon_gamemaster.svg) no-repeat center !important; background-size: 26px !important; height: 30px; } #MMD .csdkDWindDockedSpan, #CSIP .csdkDWindDockedSpan { position: relative; top: -2px; } #ONEMESSAGE .csdkDWindDockedSpan { vertical-align: unset !important; } #ONEMESSAGE .csdkDWindLeftDockedWindowIcon { background: url(../images/widgetIcon_ONE.svg) no-repeat 4px 5px !important; background-size: 24px !important; } #MMD .csdkDWindLeftDockedWindowIcon { background: url(../images/widgetIcon_ONE.svg) no-repeat center right !important; height: 36px; opacity: 1 !important; background-size: 33px !important; margin-left: 6.5px; margin-right: 2px; } #ONEM .csdkDWindLeftDockedWindowIcon { background-color: #a8a9ac; background-size: 18px; background-position: center center; border-radius: 5px; height: 32px !important; margin-left: 10px; width: 32px; } #ONEM .csdkDWindLeftDockedWindowIcon.ONEREADY { background-color: #88bf00; } #ONEM #leftContentAnchor { position:relative; } #ONEM #OneMessage_AgentReadyStatus { padding: 0; top: -2px; left: 12px; font-size: 12px !important; color: var(--colorTextBrand) !important; } #CSIP .csdkDWindLeftDockedWindowIcon { background: url(../images/csipIcon.svg) no-repeat center right !important; background-size: 26px !important; height: 30px; margin-left: 2px; } #Tink .csdkDWindLeftDockedWindowIcon { background: url(../images/coBrowseIcon.svg) no-repeat center right !important; background-size: 24px !important; height: 30px; } /*button style*/ #previousCallDataShowLabel { text-transform: capitalize !important; font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 2rem !important; background-color: white; padding: 0.3rem 1.1rem !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; color: var(--color-text-link) !important; margin: 10px auto 10px !important; } input.authenticateCallerButton, #previousCallDataShowLabel, #startMenuButton, #previousCallCallBackButton { padding: 4.5px 5px !important; border: 1px solid #D1D2D4 !important; background: white !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: 4px !important; } #previousCallDataShowLabelDiv .infoListWrapper > .infoListRow > .infoListCell:nth-child(2) {flex:1 !important;} #previousCallDataShowLabelDiv .infoListWrapper > .infoListRow { width: calc(100% - 39px) !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0.3rem 0.2rem; margin: 0 auto 10px auto; display: flex !important; } #previousCallDataShowLabel {width:150px;} #previousCallDataShowLabel { width: 150px; } /*Credit Appliance Details*/ #transferDiv div, #actionDiv div, #previousCallDataDiv div, #callDataDiv div, #callStatusDiv div, #affinityStatusDiv div, #previousCallDataShowLabel, #CreditApplianceGoesHere input[type="button"] { color: var(--colorTextDefault) ; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; font-size: 13px; } .transferPopUpActions { margin-top: -1px !important; } input#authenticateCallerButton { font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; background-image: url(../images/authenticateIcon.svg) !important; background-repeat: no-repeat !important; background-position: 10px 9px !important; background-size: 11px !important; padding: 0.3rem 0.7rem 0.3rem 1.7rem !important; border-radius: var(--borderRadiusMedium) !important; color: var(--color-text-link) !important; font-size: 12px !important; } input#authenticateCallerButton:hover { } input#previousCallCallBackButton { height:30px; background-image: url(../images/iconImmediateCallBack.svg) !important; background-repeat: no-repeat !important; background-position: 13px center !important; background-size: 11px !important; text-transform: capitalize !important; font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 2rem !important; background-color: white; z-index: 100; padding: 0.3rem 1rem 0.3rem 2rem !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; left: 22px; color: var(--color-text-link) !important; margin: 10px auto 10px !important; } input#previousCallCallBackButton:hover { text-shadow: none !important; } #CreditApplianceGoesHere .remoteDestinationDiv { width: 267px; padding-top:5px; font-size: 13px !important; margin-top: 15px; } .transferPopUpActions + .remoteDestinationDiv .remoteDestinationLabel:first-child { display: none; } .transferPopUpActions + .remoteDestinationDiv.Accordion .remoteDestinationLabel:first-child { display: block; } #CreditApplianceGoesHere .remoteDestinationDiv .remoteDestinationLabel { text-align: left; padding-left: 16px; font-size: 12px !important; } #CreditApplianceGoesHere .remoteDestinationDiv div { color: var(--colorTextDefault); } .remoteDestinationDiv .remoteDestinationLabel:nth-child(3) { margin-top:12px; } SPAN.HierarchicalMenuFrame ul li .liRowWrapper.item .itemLabel { padding-left:9px; } .TextInputAccelerator#CTIA_remoteDestinationText { max-height: 400px; height: unset; overflow-y: auto; border-radius: var(--borderRadiusMedium) !important; width: 236px; box-shadow: 0 0 3px #cac7c5; display: inline-block; margin-left: 16px; background:var(--main-background-white); margin-top:-2px; } #applianceMaster .HierarchicalMenuFrame .EWTFresh, #applianceMaster .HierarchicalMenuFrame .EWTRefreshing, #applianceMaster .HierarchicalMenuFrame .EWTStale { width: 45px; min-width: 45px; font-size: 11px !important; line-height: 18px; text-align: center; border-radius: 10px; font-family: SalesforceSans-Bold, arial ; } .HierarchicalMenuFrame .EWTUpTo2Mins, .HierarchicalMenuFrame .EWTUpTo3Mins { color: #fff !important; background: #3fbb9a !important; } .HierarchicalMenuFrame .EWTUpTo5Mins { color: #fff !important; background :#f59121 !important; } .HierarchicalMenuFrame .EWTVeryLong { color: #fff !important; background: #d14727 !important; } .HierarchicalMenuFrame .EWTIsClosed { color: #fff !important; background : #444 !important; } SPAN.HierarchicalMenuFrame ul li { padding:8px 2px 8px 4px; font-family: SalesforceSans-Regular, arial ; } #CTIA_remoteDestinationText ul li { font-family: SalesforceSans-Regular, arial ; } #CTIA_remoteDestinationText.TextInputAccelerator li a { padding:8px 2px 8px 4px; width: unset; overflow: visible; white-space: normal; color: var(--color-text-link) !important; font-size: 13px; line-height: 14px; } #CTIA_remoteDestinationText.TIA_remoteDestinationText { display: none !important; } #CTIA_remoteDestinationText ul li .itemLabel + .rightIconSlot { flex-basis: 24px; min-width:22px; } #CTIA_remoteDestinationText ul li .itemLabel { flex-grow:1; } #CTIA_remoteDestinationText .EWTStale { opacity: 0.3; } #CTIA_remoteDestinationText .EWTUpTo2Mins, #CTIA_remoteDestinationText .EWTUpTo3Mins, #CTIA_remoteDestinationText .EWTUpTo5Mins, #CTIA_remoteDestinationText .EWTVeryLong { padding: 1px 4px; border-radius: var(--borderRadiusMedium) !important; font-size: 10px !important; margin-top: calc(50% - 5px); content: ' '; height: 14px; width: 30px; text-align: center; color: white !important; z-index: 100 !important; position: relative; letter-spacing: -0.02rem; } #CTIA_remoteDestinationText .EWTUpTo2Mins:before, #CTIA_remoteDestinationText .EWTUpTo3Mins:before { content: ' '; position: absolute; right: 0px; width: 45px; height: 15px; z-index: -1; background: #4bca81; border-radius: 5px; margin-top: 2px; } #CTIA_remoteDestinationText .EWTUpTo5Mins:before { content: ' '; position: absolute; right: 0px; width: 45px; height: 15px; z-index: -1; background: #ffb75d; border-radius: 5px; margin-top: 2px; } #CTIA_remoteDestinationText .EWTVeryLong:before { content: ' '; position: absolute; right: 0px; width: 45px; height: 15px; z-index: -1; background: #c23934; border-radius: 5px; margin-top: 2px; } #CTIA_remoteDestinationText .TextInputAccelerator li:hover { background: #f3f2f2; } .activateFavouritesManager:active, .activateFavouritesManager:hover, .activateFavouritesManager { position: absolute; background: transparent; width: 30px; margin-left: -30px; margin-top: -20px; cursor: pointer; } .activateFavouritesManager:before { content:''; background-color: transparent; background: url(../images/favIcon.svg) no-repeat center !important; background-size: 14px !important; cursor: pointer; height: 20px; width: 20px; position: absolute; right: 0px; top: 0px; margin-top: unset; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; } .activateFavouritesManager:hover:before, .activateFavouritesManager:hover {opacity:0.7;} #CreditApplianceGoesHere SPAN.HierarchicalMenuFrame ul li.MenuAccelerator div.itemLabel, #CreditApplianceGoesHere SPAN.HierarchicalMenuFrame ul li.MenuAccelerator:hover div.itemLabel { padding-left:4px !important; } #CreditApplianceGoesHere SPAN.HierarchicalMenuFrame ul li:hover div { color: white !important; } SPAN.HierarchicalMenuFrame ul li:hover { background: #58585b !important; } SPAN.HierarchicalMenuFrame ul li .liTableWrapper.Current { background: none !important; } .resourceContentWrapper .csdkTab.selected, .campaignSummaryTabsWrapper .csdkTab.selected { border-top: 0px solid gray; } .rightIconSlot.disclosureAnchor:hover, SPAN.HierarchicalMenuFrame ul li:hover .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li div.disclosureAnchor:hover, SPAN.HierarchicalMenuFrame ul li a.disclosureAnchor:hover { background: url(../images/hierarchical_menuDisclosureInvert.svg) no-repeat center !important; background-size:7px !important; } .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li div.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li a.disclosureAnchor { background: url(../images/hierarchical_menuDisclosure.svg) no-repeat center !important; background-size:7px !important; } #startMenuButton.hierarchicalMenuButton { font-size: 13px !important; } #crDockContent input, #CreditApplianceGoesHere .remoteDestinationText { color: var(--colorTextDefault) !important; width: 199px; border-radius: 0.25rem; padding: 7px 30px 7px 8px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 5px 0; background: url(../images/searchIcon.svg) no-repeat 96%; background-size: 13px 13px; transition: none; text-overflow: ellipsis; } #crDockContent input { background: transparent !important; padding: 5px 7px !important; } /* Alert style*/ .csdkDialogBoxInside .csdkDialog div, div#coral_AlertPopUpDiv div { font-family: SalesforceSans-Regular, arial; } .csdkDialogBoxInside .csdkDialog, div#coral_AlertPopUpDiv { padding: 0px; background: var(--mainBackground); border-radius: var(--borderRadiusLarge) !important; } .csdkDialogBoxInside .csdkDialog .showQuery_TableCell, div#coral_AlertPopUpDiv .showQuery_TableCell { display: none; } .csdkDialogBoxInside .csdkDialog .showQueryTableCellTextTitle, div#coral_AlertPopUpDiv .showQueryTableCellTextTitle { width: 100%; text-align: center; margin-top:0; } .csdkDialogBoxInside .csdkDialog .showQuery_ButtonRow, div#coral_AlertPopUpDiv .showQuery_ButtonRow { text-align: right; padding: 5px 10px 10px; border-top: 2px solid; border-color: var(--colorBorder) !important; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; } .csdkDialogBoxInside .csdkDialog.manageFavourites .showQuery_ButtonRow, div#coral_AlertPopUpDiv.manageFavourites .showQuery_ButtonRow { border-top:1px solid; } .csdkDialogBoxInside .csdkDialog.manageFavourites .showQuery_ButtonRow, div#coral_AlertPopUpDiv.manageFavourites .showQuery_ButtonRow { padding:10px; } .csdkDialogBoxInside .csdkDialog .showQuery_Table, div#coral_AlertPopUpDiv .showQuery_Table { width: 100%; display: flex; flex-direction: column; } .csdkDialogBoxInside .csdkDialog .showQueryTableCellText, div#coral_AlertPopUpDiv .showQueryTableCellText { width: 100%; display: flex; flex-grow: 1; } .showQuery_Table span.showQueryTableCellTextTextSpan, .csdkDialogBoxInside .csdkDialog .showQuery_Expansion, div#coral_AlertPopUpDiv .showQuery_Expansion { background: transparent !important; word-break: normal; display: block; padding: 0px; font-size: 12px; line-height: 14px; border: none; padding-top: 4px; word-wrap: break-word; word-break: break-word; padding: 10px 20px; text-align: left; width: calc(100% - 40px) !important; border-top: 2px solid ; border-color: var(--colorBorder) !important; min-height: 50px; font-family: SalesforceSans-Regular, arial ; width:calc(100% - 40px) !important; } .showQuery_Table span.showQueryTableCellTextTextSpan:empty, .csdkDialogBoxInside .csdkDialog .showQuery_Expansion:empty, div#coral_AlertPopUpDiv .showQuery_Expansion:empty { display:none; } .showQuery_Table span.showQueryTableCellTextTextSpan { max-width: 270px; } .csdkDialog.edit span.showQueryTableCellTextTextSpan { min-height: 0; } .csdkDialogBoxInside .csdkDialog.stepUpAuth .showQueryTableCellTextTextSpan div#coral_AlertPopUpDiv.stepUpAuth .showQueryTableCellTextTextSpan { display: none; } /* favourite destination style*/ .manaeFavourites .showQuery_TableCell { width: 36px; display: none; } .manageFavourites .showQuery_TableCellText { width: unset; } #manageFavs_wrapper .coraldivtable_body_wrapper { max-height: 120px; height: calc(100% - 20px); } .coral_AlertPopUpDiv.manageFavourites#coral_AlertPopUpDiv .statusLine { position: absolute; bottom: 5px; left: 10px; font-size: 11px; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table { border: none !important; border-top: 1px solid gray !important; height: 176px; border-color: var(--colorBorder) !important; } #manageFavs_table .coraldivtable_header.manageFavs_thead { padding: 6px 0 !important; } #manageFavs_table .coraldivtable_body.manageFavs_body .coraltable_altinatingClass { background: var(--colorBackground); } .showQuery_Button, .showQuery_ButtonRow button { font-size: 13px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 2rem !important; background-color: white; z-index: 100; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; left: 22px; color: var(--color-text-link) !important; padding: 3px 17px !important; } .showQuery_Button:hover, .showQuery_ButtonRow button:hover, .showQuery_Button:hover, .showQuery_ButtonRow button:hover { background-color: transparent; text-shadow: none !important; opacity:0.7; } #coraldivtable_footer .coraldivtable_header, #manageFavs_wrapper .coraldivtable_header { background: transparent; } #manageFavs_wrapper .coraldivtable_header_th, #manageFavs_wrapper .coraldivtable_body_td, #manageFavs_wrapper .coraldivtable_footer_th { border-right: none !important; } #manageFavs_wrapper .coraldivtable_body, #manageFavs_wrapper .coraldivtable_body input, #manageFavs_wrapper .coraldivtable_header.manageFavs_thead, #manageFavs_wrapper .coraldivtable_header.manageFavs_thead input { background: transparent !important; color: var(--colorTextDefault) !important; font-size: 12px !important; } #manageFavs_wrapper .coraldivtable_body input { padding: 2px 0; } #manageFavs_wrapper input.coraltable_body_td:focus { background: #fbfaf2 !important; } .coraldivtable_footer_tr.manageFavs_table div { padding: 5px !important; background: transparent; border-top: 1px solid #dedbda; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer_tr.manageFavs_table #actions { background: transparent !important; font-size:0 !important; } #manageFavs_wrapper .coraldivtable_header_th.manageFavs_header_th.actions {pointer-events:none;} #manageFavs_wrapper .coraldivtable_header_th.manageFavs_header_th.actions input { color: transparent !important; font-size:0 !important; } .coraldivtable_header_th.manageFavs_header_th.actions, #manageFavs_wrapper .coraldivtable_table.manageFavs_table #actions { width: 50px !important; vertical-align: middle; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table #friendly, #manageFavs_wrapper .coraldivtable_table.manageFavs_table #name, .coraldivtable_header_th.manageFavs_header_th.friendly.coraltable_header_th_sortable, .coraldivtable_header_th.manageFavs_header_th.name.coraltable_header_th_sortable { width: 130px !important; padding-left: 7px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table #value, .coraldivtable_header_th.manageFavs_header_th.value.coraltable_header_th_sortable { width: unset; } #manageFavs_wrapper .coraldivtable_footer_tr.manageFavs_table div#Name { padding: 7px 7px 7px 0 !important; } .coraldivtable_header_th.manageFavs_header_th.friendly.coraltable_header_th_sortable {padding-left: 3px !important; } .coraldivtable_header_th.manageFavs_header_th.value.coraltable_header_th_sortable {padding-left:0 !important;} .coraldivtable_header.manageFavs_thead { border-bottom: 1px solid var(--colorBorder) !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table #value input { } #manageFavs_wrapper .coraldivtable_body > div { border-bottom: 1px solid var(--colorBorder) !important; display: flex; } #manageFavs_wrapper .coraldivtable_body > div:hover { background: #f3f2f2; cursor: pointer; } .coraldivtable_body_tr:nth-child(even) { background: var(--mainBackground); } .coral_AlertPopUpDiv.manageFavourites#coral_AlertPopUpDiv { width: 500px !important; height: 273px !important; } .manageFavourites .showQuery_Expansion { height: 185px !important; margin-bottom: 4px; } .coraldivtable_table.manageFavs_table #actions button.delete:active, .coraldivtable_table.manageFavs_table #actions button.delete { z-index: 500; height: 20px; cursor: pointer; width:38px; background: url(../images/favDelete.svg) right center no-repeat !important; background-size: 14px !important; } .coraldivtable_table.manageFavs_table #actions button.delete:hover { opacity: 0.8; } .coraldivtable_table.manageFavs_table #actions button.add:active, .coraldivtable_table.manageFavs_table #actions button.add { background: url(../images/newCustomerIcon.svg) center no-repeat !important; background-size: 10px !important; color: transparent !important; cursor: pointer; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) ; height: 26px !important; } .coraldivtable_table.manageFavs_table #actions button.add:hover { opacity: 0.8; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer input { padding: 5px 4px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-size: 12px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer #value { text-align:left; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer #value input { width: 108px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer #friendly { text-align: left; padding-left: 0 !important; width: 124px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer #friendly input { width: 111px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer #name input { width: 112px !important; } #manageFavs_wrapper .coraldivtable_table.manageFavs_table input.coraltable_header_th_input { text-align: left !important; } /*Enter Remote Destination box FIDO 769*/ #CreditApplianceGoesHere .remoteDestinationText:hover, #CreditApplianceGoesHere .remoteDestinationText:focus { background: url(/images/searchIcon.svg) no-repeat 96%; background-size: 13px 13px; background-color: var(--mainBackground); outline: 0; border-color: #1589ee; box-shadow: 0 0 3px #0070d2; } /*Call info section*/ #callStatusDiv { width: 100% !important; border: 0px; padding-bottom: 7px; margin-top: 15px; } label.keypadRevealer_inputClass { font-size: 13px !important; color: var(--color-text-link) !important; background-image: url(../images/iconKeyPad.svg) !important; background-repeat: no-repeat !important; background-position: 10px center !important; background-size: 11px !important; text-transform: capitalize !important; font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0.4rem 0.7rem 0.4rem 1.8rem; margin-bottom: 10px; cursor: pointer; margin-right:auto; margin-left:auto; } .keypadRevealer_inputClass:checked ~ label.keypadRevealer_inputClass:before, label.keypadRevealer_inputClass:before { display: none; } label.keypadRevealer_inputClass:hover { opacity:0.7; } div.keyPadDiv { margin-top: 19px; margin-bottom: 10px; } .keypadRevealer_inputClass ~ label ~ .keypadContentClass { margin-top: 15px; outline: none; user-select: none; } div.keypadDigitClass { width:73px !important; color: var(--colorTextDefault) !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; } div.keypadDigitClass.on { background: #8687872e !important; } span.callStatusLabel { color: var(--colorTextDefault) !important; font-size: 12px !important; min-width: 105px !important; padding-left: 13px; } .callStatusDivRow #output, #timeOnHoldTimer, #timeInCallTimer { padding-left: 4px !important; } #timeOnHoldTimer.orange .coral_timer { background: orange; padding: 0 5px; } #timeOnHoldTimer.orange div { color:white; } #timeOnHoldTimer.red .coral_timer { background: #d34628; padding: 0 5px; color:white; } #timeOnHoldTimer.red .coral_timer div { color: white; } #timeOnHoldTimer div, #timeInCallTimer div, #timeCustomerCallTimer div, .callStatusDivRow #output { text-align: right; font-size: 12px !important; font-weight: normal; } #callStatusDiv .callStatusDivRow .coral_timer { float: right !important; font-size: 13px; color: var(--colorTextDefault) !important; border-radius: var(--borderRadiusMedium) !important; } .callStatusDivRow span.callStatusLabel { } /*Credit Appliance buttons*/ #previousCallDataShowLabel:hover, #CreditApplianceGoesHere input[type="button"]:hover { text-shadow: none !important; } #CreditApplianceGoesHere input[type="button"] { font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; margin: 20px 15px 0 0; } #CreditApplianceGoesHere #transferDiv input[type="button"] { margin: 8px 0px 0 0; border: 1px solid ; border-color: var(--colorBorder) !important; font-size: 12px; padding: 7px 5px; vertical-align:top !important; } #CreditApplianceGoesHere #transferDiv input[type="button"]:hover { text-shadow: none !important; } #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Klicken Sie für Zielliste"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Transfer List"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="An Zielliste übertragen"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Click for Transfer Destination List"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Weiterleiten an Agent oder Warteschlange"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="An Weiterleitung übertragen"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Click For Favourites and History"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Click For Favourites"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Click For Favorites and History"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Favorites"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Click For Favorites"], #CreditApplianceGoesHere .remoteDestinationDiv input[type="button"][value="Click for Remote Destination List"] { color: var(--colorTextDefault) !important; width: 239px; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 5px !important; text-align: left; padding-left: 24px !important; background: url(../images/iconTransferList.svg) no-repeat 6px 8px !important; background-size: 14px 14px !important; margin-top: 5px; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Weiterleiten an Agent oder Warteschlange"] { letter-spacing: -0.05rem; } #CreditApplianceGoesHere #purpleButton[value="Transfer"], #CreditApplianceGoesHere #purpleButton[value="Weiterleiten"] { background: url(../images/iconTransfer.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 40px !important; border: none !important; } #CreditApplianceGoesHere #purpleButton[value="Transfer"]:hover, #CreditApplianceGoesHere #purpleButton[value="Weiterleiten"]:hover { opacity: 0.7; } #CreditApplianceGoesHere #purpleButton[value="Transfer"]:active, #CreditApplianceGoesHere #purpleButton[value="Weiterleiten"]:active { opacity: 0.5; } #CreditApplianceGoesHere #purpleButton:disabled, #CreditApplianceGoesHere #redButton:disabled, #CreditApplianceGoesHere #greenButton:disabled, #CreditApplianceGoesHere #yellowButton:disabled { filter: grayscale(1) !important; color: #a9a9a9 !important; opacity: 0.5; pointer-events: none; } #CreditApplianceGoesHere .purpleButton[value="Abbrechen"], #CreditApplianceGoesHere .purpleButton[value="Drop Conference"], #CreditApplianceGoesHere .redButton[value="End Call"], #CreditApplianceGoesHere #redButton[value="End Call"], #CreditApplianceGoesHere .redButton[value="Beenden"], #CreditApplianceGoesHere #redButton[value="Beenden"], #CreditApplianceGoesHere .redButton[value="Release"], #CreditApplianceGoesHere #redButton[value="Release"] { background: url(../images/iconRelease.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 41px !important; letter-spacing: 0 !important; border: none !important; } #CreditApplianceGoesHere .redButton[value="End Call"], #CreditApplianceGoesHere #redButton[value="End Call"] { margin: 20px 0 0; } #CreditApplianceGoesHere .purpleButton[value="Abbrechen"]:disabled, #CreditApplianceGoesHere .purpleButton[value="Drop Conference"]:disabled { background: url(../images/iconRelease.svg) no-repeat center top !important; background-size: 33px !important; filter: grayscale(1) !important; color: #a9a9a9 !important; opacity: 0.2 !important; pointer-events: none; } #CreditApplianceGoesHere .purpleButton[value="Abbrechen"]:hover, #CreditApplianceGoesHere .purpleButton[value="Drop Conference"]:hover, #CreditApplianceGoesHere .redButton[value="Beenden"]:hover, #CreditApplianceGoesHere #redButton[value="Beenden"]:hover, #CreditApplianceGoesHere .redButton[value="End Call"]:hover, #CreditApplianceGoesHere #redButton[value="End Call"]:hover, #CreditApplianceGoesHere .redButton[value="Release"]:hover, #CreditApplianceGoesHere #redButton[value="Release"]:hover { opacity: 0.8; } #CreditApplianceGoesHere .purpleButton[value="Abbrechen"]:active, #CreditApplianceGoesHere .purpleButton[value="Drop Conference"]:active, #CreditApplianceGoesHere .redButton[value="Beenden"]:active, #CreditApplianceGoesHere #redButton[value="Beenden"]:active, #CreditApplianceGoesHere .redButton[value="End Call"]:active, #CreditApplianceGoesHere #redButton[value="End Call"]:active, #CreditApplianceGoesHere .redButton[value="Release"]:active, #CreditApplianceGoesHere #redButton[value="Release"]:active { opacity: 0.5; } #CreditApplianceGoesHere .transferPopUpActions .redButton[value="End Call"], #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Beenden"], #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Release"] { padding: 6px 5px !important; height:30px; color: var(--color-text-link) !important; background-color: white !important; background-image: url(../images/iconRelease_1.svg) !important; background-repeat: no-repeat; background-size: 14px !important; background-position: 24px 7px !important; width: 123px !important; border-radius: 0 0.25rem 0.25rem 0; padding-left: 25px !important; font-size: 13px !important; opacity: 1 !important; border: 1px solid !important; border-color: var(--colorBorder) !important; height:32px !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Alternate"]:hover, #CreditApplianceGoesHere .transferPopUpActions .redButton[value="End Call"]:hover, #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Beenden"]:hover, #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Release"]:hover { opacity:0.8 !important; } #CreditApplianceGoesHere .transferPopUpActions .redButton[value="End Call"]:disabled, #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Beenden"]:disabled, #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Release"]:disabled { color: var(--disabled-button-text-color) !important; background-color: var(--disabled-button-background-color) !important; opacity: 0.7 !important; background-repeat: no-repeat !important; background-size: 14px !important; background-position: 24px 7px !important; width: 123px !important; border-radius: 0 0.25rem 0.25rem 0; padding-left: 25px !important; font-size: 13px !important; pointer-events: none; margin-top: 20px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton:disabled:hover, #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Toggle"]:disabled:hover, #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Swap"]:disabled:hover, #CreditApplianceGoesHere #transferDiv .transferPopUpActions .redButton[value="End Call"]:disabled:hover, #CreditApplianceGoesHere #transferDiv .transferPopUpActions .redButton[value="Release"]:disabled:hover { background-color: #CAC7C5 !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton:disabled, #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Toggle"]:disabled, #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Swap"]:disabled { background-size: 14px !important; background-position: 24px 7px !important; padding-left: 25px !important; font-size: 13px !important; opacity: 0.7 !important; pointer-events: none; margin-top: 20px !important; border-right: none !important; color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton, #CreditApplianceGoesHere .transferPopUpActions .yellowButton[value="swap"], #CreditApplianceGoesHere .transferPopUpActions .yellowButton[value="Hold"] { width: 121px !important; padding: 5px 8px 5px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-right: 0px solid !important; background-color: var(--mainBackground) !important; border-radius: 0.25rem 0 0 0.25rem; color: var(--color-text-link) !important; padding-left: 30px !important; font-size: 13px !important; background-image: url(../images/iconHandOff.svg) !important; background-repeat: no-repeat !important; background-size: 15px !important; background-position: 31px center !important; opacity: 1 !important; margin-top: 20px; height: 32px; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Alternate"] { background-position: 24px 7px !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Off Hold"] { background-position: 24px center !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Alternate Hold"], #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Alternate OffHold"] { background-image: none !important; font-size: 12px !important; padding: 6px 8px !important; } #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Toggle"], #CreditApplianceGoesHere .transferPopUpActions .yellowButton#alternateButton[value="Swap"] { background-image: url(../images/iconChangeNumber.svg) !important; background-repeat: no-repeat !important; background-size: 15px !important; background-position: 24px 7px !important; } #CreditApplianceGoesHere .inTransfer > #yellowButton[vlue="Off Hold"], #CreditApplianceGoesHere .inTransfer > #yellowButton[vlue="Hold"] { margin-left: -4px; margin-right: 10px; } #CreditApplianceGoesHere .inTransfer > #purpleButton {margin-left:0px; margin-right:5px;} #CreditApplianceGoesHere input[type="button"]:hover {opacity:0.8;} #CreditApplianceGoesHere #redButton[value="Nummer Wechseln"], #CreditApplianceGoesHere #redButton[value="HotDesk"], #CreditApplianceGoesHere #redButton[value="Login Panel"], #CreditApplianceGoesHere #redButton[value="Change Number"] { bottom: 8px; position: fixed; background: url(../images/iconChangeNumber.svg) no-repeat 10px center, transparent !important; background-size: 13px !important; text-transform: capitalize !important; font-size: 12px !important; padding-left: 2rem !important; background-color: white; z-index: 10; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; left: 75px; color: var(--color-text-link) !important; background-repeat: no-repeat !important; background-position: 6px center !important; background-size: 9px !important; text-transform: capitalize !important; font-size: 11px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 1.2rem !important; padding-right: 0.5rem; line-height: 24px; padding-top:0; padding-bottom:0; } #CreditApplianceGoesHere #redButton[value="HotDesk"] { left: 117px; } body.salesforce #CreditApplianceGoesHere #redButton[value="HotDesk"], body.salesforce #CreditApplianceGoesHere #redButton[value="Change Number"] { background-color: #f4f6f9 !important; line-height: 24px; } #CreditApplianceGoesHere #redButton[value="HotDesk"]:hover, #CreditApplianceGoesHere #redButton[value="Change Number"]:hover { opacity:0.7; text-shadow: none !important; } #CreditApplianceGoesHere #redButton[value="HotDesk"]:active, #CreditApplianceGoesHere #redButton[value="Change Number"]:active { opacity:1; text-shadow: none !important; } #CreditApplianceGoesHere #redButton[value="HotDesk"]:disabled, #CreditApplianceGoesHere #redButton[value="Change Number"]:disabled { background: url(../images/hotdeskD.svg) no-repeat center top !important; background-size:42px !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Beitreten"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Join"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Konferenz"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Join Conference"] { border-radius: 0.25rem 0 0 0.25rem; background-color: var(--mainBackground) !important; border-right: 0px !important; background-image: url(../images/iconJoinConference.svg) !important; background-repeat: no-repeat !important; background-position: 6px 10px !important; background-size: 14px !important; color: var(--color-text-link) !important; padding: 0 5px 0 24px; line-height: 1em !important; text-align: left; height: 30px; letter-spacing: -0.03rem; min-width: 87px !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Join Conference"]:hover { } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Drop"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Drop Conference"] { border-radius: 0 !important; background-image: url(../images/iconDropConference.svg) !important; background-repeat: no-repeat !important; background-position: 6px 11px !important; background-size: 8px !important; padding: 0 0 0 19px; width: 76px; color: var(--colorTextBrand) !important; height: 30px; line-height: 1em !important; text-align: left; letter-spacing: -0.02rem; min-width: 85px !important; color: var(--color-text-link) !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Drop Conference"]:hover { } #standardHeading + #expandedContent #CreditApplianceGoesHere #muteButton:disabled { display:none !important; } #actionDiv > div:nth-child(2) { position:relative; } #CreditApplianceGoesHere input[type="button"].voicemailButton { background: url(../images/voicemail.svg) no-repeat 9px center, var(--mainBackground) !important; background-size: 18px, 100% !important; height:27px; display: inline-block; border: 1px solid var(--colorBorder) !important; border-radius: 5px; padding: 4px 9px 4px 31px !important; margin-left: 10px !important; margin-right: 0 !important; margin-top: 11px; color: var(--color-text-link) !important; font-size: 12px; } #CreditApplianceGoesHere input[type="button"].voicemailButton.inactive { background: url(../images/voicemail.svg) no-repeat 9px center, lightgray !important; background-size: 18px, 100% !important; filter:grayscale(1); opacity:0.6; color: gray !important; cursor: auto; } #muteButtonTransfer, #standardHeading.toolHeader_4_nr + #expandedContent #CreditApplianceGoesHere #muteButton, #standardHeading.toolHeader_4 + #expandedContent #CreditApplianceGoesHere #muteButton, #standardHeading.toolHeader_5 + #expandedContent #CreditApplianceGoesHere #muteButton, #standardHeading.toolHeader_10 + #expandedContent #CreditApplianceGoesHere #muteButton, #standardHeading.toolHeader_11 + #expandedContent #CreditApplianceGoesHere #muteButton { background: url(../images/MuteIcon.svg) !important; background-color: var(--mainBackground) !important; background-repeat: no-repeat !important; background-position: 9px center !important; background-size: 10px !important; display: inline-block !important; border: 1px solid var(--colorBorder); border-radius: 0.25rem; padding: 5px 9px 5px 25px; margin-left: auto; margin-right: auto; margin-top: 11px; color: var(--color-text-link) !important; font-size: 12px; } #muteButtonTransfer[value="Unmute"], #muteButtonTransfer[value="Audio ein"], #standardHeading.toolHeader_4_nr + #expandedContent #CreditApplianceGoesHere #muteButton.muted, #standardHeading.toolHeader_4 + #expandedContent #CreditApplianceGoesHere #muteButton.muted, #standardHeading.toolHeader_5 + #expandedContent #CreditApplianceGoesHere #muteButton.muted, #standardHeading.toolHeader_10 + #expandedContent #CreditApplianceGoesHere #muteButton.muted, #standardHeading.toolHeader_11 + #expandedContent #CreditApplianceGoesHere #muteButton.muted, #standardHeading.toolHeader_4_nr + #expandedContent #CreditApplianceGoesHere #muteButton[value="Unmute"], #standardHeading.toolHeader_4 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Unmute"], #standardHeading.toolHeader_5 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Unmute"], #standardHeading.toolHeader_10 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Unmute"], #standardHeading.toolHeader_11 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Unmute"], #standardHeading.toolHeader_4_nr + #expandedContent #CreditApplianceGoesHere #muteButton[value="Audio ein"], #standardHeading.toolHeader_4 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Audio ein"], #standardHeading.toolHeader_5 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Audio ein"], #standardHeading.toolHeader_10 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Audio ein"], #standardHeading.toolHeader_11 + #expandedContent #CreditApplianceGoesHere #muteButton[value="Audio ein"] { background: url(../images/UnMuteIcon.svg), #f48c0f !important; background-repeat: no-repeat !important; background-position: 9px center !important; background-size: 12px !important; border: 1px solid #f48c0f; color: #fff !important; font-size: 12px; } #muteButtonTransfer {padding-left:22px !important;} #muteButtonTransfer[value="Unmute"], #muteButtonTransfer[value="Audio ein"] { border:none !important; padding-top: 9px !important; padding-bottom: 9px !important; } #muteButtonTransfer:disabled, #standardHeading.toolHeader_4_nr + #expandedContent #CreditApplianceGoesHere #muteButton:disabled, #standardHeading.toolHeader_4 + #expandedContent #CreditApplianceGoesHere #muteButton:disabled, #standardHeading.toolHeader_5 + #expandedContent #CreditApplianceGoesHere #muteButton:disabled, #standardHeading.toolHeader_10 + #expandedContent #CreditApplianceGoesHere #muteButton:disabled, #standardHeading.toolHeader_11 + #expandedContent #CreditApplianceGoesHere #muteButton:disabled { background: url(../images/MuteIcon.svg), lightgray !important; background-repeat: no-repeat !important; background-position: 9px center !important; background-size: 10px !important; filter:grayscale(1); opacity:0.6; color: gray !important; cursor: auto; } #standardHeading + #expandedContent #CreditApplianceGoesHere #muteButton.muted { background-image: url(../images/iconMute.svg) !important; } #standardHeading + #expandedContent #CreditApplianceGoesHere #muteButton:hover { opacity:0.7; } #standardHeading + #expandedContent #CreditApplianceGoesHere #muteButton.muted { background-image: url(../images/iconMute.svg) !important; } #CreditApplianceGoesHere #greenButton[value="Add Call"] { border: 1px solid var(--colorBorder); border-radius: 5px; padding: 2px 9px; margin-right: -2px; margin-top: 11px; font-size: 12px; background-color: var(--mainBackground) !important; color: var(--color-text-link) !important; height: 25px; font-size: 13px !important; margin-right: 8px; background-image: url(../images/newCustomerIcon.svg); background-size: 10px; background-repeat: no-repeat; background-position: 7px 6px; padding-left: 23px; } #CreditApplianceGoesHere #actionDiv input[type="button"][value="Anrufen"], #CreditApplianceGoesHere #greenButton[value="Place"], #CreditApplianceGoesHere #greenButton[value="Call"] { background: url(../images/iconCall.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 40px !important; border: none !important; } #CreditApplianceGoesHere #greenButton[value="Place"]:hover, #CreditApplianceGoesHere #greenButton[value="Call"]:hover { opacity: 0.8; } #CreditApplianceGoesHere #greenButton[value="Place"]:active, #CreditApplianceGoesHere #greenButton[value="Call"]:active { opacity: 0.5; } #CreditApplianceGoesHere #greenButton[value="Place"]:disabled, #CreditApplianceGoesHere #greenButton[value="Call"]:disabled { background: url(../images/iconCallD.svg) no-repeat center top !important; background-size:33px !important; color: #c9c6c4 !important; } #CreditApplianceGoesHere #actionDiv #yellowButton[value="Off Hold"], #CreditApplianceGoesHere #actionDiv #yellowButton[value="Halten beenden"], #CreditApplianceGoesHere #yellowButton[value="Halten"], #CreditApplianceGoesHere .yellowButton[value="Halten"], #CreditApplianceGoesHere #yellowButton[value="Hold"], #CreditApplianceGoesHere .yellowButton[value="Hold"] { background: url(../images/iconHold.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 40px !important; border: none !important; font-size: 12px !important; } #CreditApplianceGoesHere #transferDiv #actionDiv #yellowButton[value="Off Hold"], #CreditApplianceGoesHere #transferDiv #actionDiv #yellowButton[value="Halten beenden"], #CreditApplianceGoesHere #transferDiv #yellowButton[value="Halten"], #CreditApplianceGoesHere #transferDiv .yellowButton[value="Halten"], #CreditApplianceGoesHere #transferDiv #yellowButton[value="Hold"], #CreditApplianceGoesHere #transferDiv .yellowButton[value="Hold"] { background-color: var(--mainBackground) !important; border-right: 0px !important; } #CreditApplianceGoesHere #transferDiv #actionDiv #yellowButton[value="Aus Halten"]:disabled, #CreditApplianceGoesHere #transferDiv #actionDiv #yellowButton[value="Halten beenden"]:disabled, #CreditApplianceGoesHere #transferDiv #yellowButton[value="Halten"]:disabled, #CreditApplianceGoesHere #transferDiv .yellowButton[value="Halten"]:disabled, #CreditApplianceGoesHere #transferDiv #yellowButton[value="Hold"]:disabled, #CreditApplianceGoesHere #transferDiv .yellowButton[value="Hold"]:disabled { width: 121px !important; padding: 7px 8px !important; border-right: 0px solid !important; border-radius: 0.25rem 0 0 0.25rem; padding-left: 30px !important; font-size: 12px !important; background-position: 31px center !important; pointer-events: none; color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } #CreditApplianceGoesHere #actionDiv #yellowButton[value="Halten beenden"]:disabled, #CreditApplianceGoesHere #actionDiv #yellowButton[value="Off Hold"]:disabled { background-image: url(../images/iconHoldD.svg) !important; color: #c9c6c4 !important; } #CreditApplianceGoesHere .yellowButton[value="Hold"]:hover, #CreditApplianceGoesHere #yellowButton[value="Hold"]:hover { opacity:0.8; } #CreditApplianceGoesHere .yellowButton[value="Hold"]:active, #CreditApplianceGoesHere #yellowButton[value="Hold"]:active { opacity: 0.5; } #CreditApplianceGoesHere .yellowButton[value="Hold"]:disabled, #CreditApplianceGoesHere #yellowButton[value="Hold"]:disabled { } #CreditApplianceGoesHere #redButton[value="Reject"], #CreditApplianceGoesHere #redButton[value="Ablehnen"] { background: url(../images/iconRelease.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 41px !important; letter-spacing: 0 !important; border: none !important; } #CreditApplianceGoesHere #redButton[value="Reject"]:hover, #CreditApplianceGoesHere #redButton[value="Reject"]:active, #CreditApplianceGoesHere #redButton[value="Ablehnen"]:hover, #CreditApplianceGoesHere #redButton[value="Ablehnen"]:active { opacity: 0.8; } #CreditApplianceGoesHere #redButton[value="Reject"]:disabled, #CreditApplianceGoesHere #redButton[value="Ablehnen"]:disabled { background: url(../images/iconReleaseD.svg) no-repeat center top !important; background-size: 33px !important; color: #c9c6c4 !important; } #CreditApplianceGoesHere #greenButton[value="Accept"] { background: url(../images/iconCall.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 40px !important; border: none !important; } #CreditApplianceGoesHere #greenButton[value="Accept"]:hover, #CreditApplianceGoesHere #greenButton[value="Accept"]:active, #CreditApplianceGoesHere #greenButton[value="Akzeptieren"]:hover, #CreditApplianceGoesHere #greenButton[value="Akzeptieren"]:active { opacity: 0.8; } #CreditApplianceGoesHere #greenButton[value="Accept"]:disabled, #CreditApplianceGoesHere #greenButton[value="Akzeptieren"]:disabled, #CreditApplianceGoesHere #greenButton[value="Akzeptieren"] { background: url(../images/iconCallD.svg) no-repeat center top !important; background-size: 33px !important; color: #c9c6c4 !important; pointer-events: none !important; } #CreditApplianceGoesHere #redButton[value="Weiterleiten"], #CreditApplianceGoesHere #redButton[value="Hand Off"] { background: url(../images/newHandoff.svg) no-repeat center top !important; background-size: 33px !important; padding-top: 35px !important; border: none !important; } #CreditApplianceGoesHere #redButton[value="Weiterleiten"]:hover, #CreditApplianceGoesHere #redButton[value="Hand Off"]:hover { opacity: 0.8; } #CreditApplianceGoesHere #redButton[value="Weiterleiten"]:active, #CreditApplianceGoesHere #redButton[value="Hand Off"]:active { opacity: 0.5; } #CreditApplianceGoesHere #redButton[value="Weiterleiten"]:disabled, #CreditApplianceGoesHere #redButton[value="Hand Off"]:disabled { background: url(../images/newHandoff.svg) no-repeat center top !important; background-size: 33px !important; color: #dedbd9 !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Weiterleiten"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Hand Off"] { margin-left: 0px !important; border-left: 0px !important; border-radius: 0 0.25rem 0.25rem 0; color: var(--colorTextBrand) !important; } input.transferTypeButton[value="Abbrechen"], input.transferTypeButton[value="Drop Conference"] { width: 83px !important; min-width: 83px !important; vertical-align: middle !important; border: none !important; } input.transferTypeButton[value="Weiterleiten"], input.transferTypeButton[value="Hand Off"] { padding: 8px 0 !important; vertical-align: middle !important; margin-left: 4px !important; border: none !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Weiterleiten"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Hand Off"] { background-color: var(--mainBackground) !important; margin-left: 0px !important; border-left: 0px !important; border-radius: 0 0.25rem 0.25rem 0; background-image: url(../images/handoff_B.svg) !important; background-repeat: no-repeat !important; background-position: 4px 9px !important; background-size: 10px !important; color: var(--color-text-link) !important; padding: 0 0 0 18px !important; line-height: 1em !important; text-align: left; height: 30px; min-width: 72px; } #CreditApplianceGoesHere input[type="button"][value="Weiterleiten"], #CreditApplianceGoesHere input[type="button"][value="Off Hold"] { background: url(../images/iconOffHold.svg) no-repeat 24px 8px !important; padding: 5px 8px 5px 27px !important; margin-top: 15px !important; border-radius: var(--borderRadiusMedium) 0 0 var(--borderRadiusMedium) !important; font-size: 13px !important; letter-spacing: 0 !important; width: 121px !important; background-size: 13px !important; border-right: 0px !important; color: var(--color-text-link) !important; margin-top: 20px !important; } #CreditApplianceGoesHere input[type="button"][value="Off Hold"]:hover { } #CreditApplianceGoesHere #actionDiv #yellowButton[value="Weiterleiten"], #CreditApplianceGoesHere #actionDiv #yellowButton[value="Off Hold"] { padding-left: 7px !important; width: 40px !important; color: var(--colorTextDefault) !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"] { background: url(../images/iconCancel.svg) 8px 9px no-repeat !important; background-size: 13px 13px !important; padding-left: 22px; width: 76px; color: var(--color-text-link) !important; border-radius: 0 !important; height:30px; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"]:hover, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"]:hover { } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"]:disabled, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"]:disabled { color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"] + input.transferTypeButton[value="Weiterleiten"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"] + input.transferTypeButton[value="Hand Off"] { margin-left: 0px !important; border-radius: 0 0.25rem 0.25rem 0; padding: 7px 6px 7px 22px !important; border-left: 0px !important; background-image: url(../images/handoff_B.svg) !important; background-size: 11px !important; background-repeat: no-repeat !important; background-position: 8px 8px !important; min-width: 84px; color: var(--color-text-link) !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"] + input.transferTypeButton[value="Weiterleiten"]:hover, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"] + input.transferTypeButton[value="Hand Off"]:hover { text-shadow: none !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Abbrechen"] + input.transferTypeButton[value="Weiterleiten"]:disabled, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Drop Conference"] + input.transferTypeButton[value="Hand Off"]:disabled, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Cancel"] + input.transferTypeButton[value="Hand Off"]:disabled { color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } input.transferTypeButton[value="Weiterleiten"]:disabled, input.transferTypeButton[value="Hand Off"]:disabled { padding: 3px !important; vertical-align: unset !important; margin-left: 0px !important; } input.transferTypeButton[value="An der Konferenz teilnehmen"], input.transferTypeButton[value="Join Conference"] { width: 82px !important; min-width: 82px !important; vertical-align: middle !important; border: none !important; } .transferPopUpActions input[type="button"], .transferPopUpActions[type="button"], input.transferTypeButton[type="button"], .mmdPop button, .mmdPop input[type="button"], #CreditApplianceGoesHere #transferCancelButton { background: var(--mainBackground); border: 1px solid lightgray !important; text-transform: capitalize !important; font-family: SalesforceSans-Regular, arial ; } #CreditApplianceGoesHere input.transferTypeButton[value="Transfer"], #CreditApplianceGoesHere input.transferTypeButton[value="Warm Transfer"], #CreditApplianceGoesHere input.transferTypeButton[value="Cold Transfer"] { background: url(../images/iconTransferFlat.svg) no-repeat 8px center !important; background-size: 12px !important; width: 46% !important; padding: 6px 5px 5px 25px !important; margin-top: 22px !important; border-radius: 0.25rem 0 0 0.25rem !important; font-size: 13px !important; letter-spacing: 0 !important; color: var(--color-text-link) !important; } #CreditApplianceGoesHere input.transferTypeButton[value="Transfer"]:disabled, #CreditApplianceGoesHere input.transferTypeButton[value="Warm Transfer"]:disabled, #CreditApplianceGoesHere input.transferTypeButton[value="Cold Transfer"]:disabled { background: url(../images/iconTransferFlatWhite.svg) no-repeat 8px center !important; background-size: 12px !important; filter: grayscale(1); background-color: var(--disabled-button-background-color) !important; color: var(--disabled-button-text-color) !important; } #CreditApplianceGoesHere input.transferTypeButton[value="Cold Transfer"] { border-radius: 0 0.25rem 0.25rem 0 !important; border-left: none !important; padding: 6px 5px 5px 17px !important; width: 46% !important; } #CreditApplianceGoesHere .transferTypeButton[value="Weiterleiten"], #CreditApplianceGoesHere .transferTypeButton[value="Conference"], #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"], #CreditApplianceGoesHere .transferTypeButton[value="Conference Transfer"] { background: url(../images/iconConferenceTransfer.svg) no-repeat 48px 7px !important; background-size: 18px !important; width: 90% !important; padding: 6px 5px 6px 30px !important; border-radius: var(--borderRadiusMedium) !important; font-size: 13px !important; letter-spacing: 0 !important; color: var(--color-text-link) !important; height:30px; } #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"] { background: url(../images/autoConference.svg) no-repeat 48px 7px !important; background-size: 22px !important; } #CreditApplianceGoesHere .transferTypeButton[value="Weiterleiten"]:hover, #CreditApplianceGoesHere .transferTypeButton[value="Conference"]:hover, #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"]:hover, #CreditApplianceGoesHere .transferTypeButton[value="Conference Transfer"]:hover { text-shadow: none !important; } #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"]:disabled, #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"]:disabled:active, #CreditApplianceGoesHere .transferTypeButton[value="Auto Conference"]:disabled:hover, #CreditApplianceGoesHere .transferTypeButton[value="Conference"]:disabled, #CreditApplianceGoesHere .transferTypeButton[value="Conference"]:disabled:active, #CreditApplianceGoesHere .transferTypeButton[value="Conference"]:disabled:hover, #CreditApplianceGoesHere .transferTypeButton[value="Weiterleiten"]:disabled, #CreditApplianceGoesHere .transferTypeButton[value="Weiterleiten"]:disabled:active, #CreditApplianceGoesHere .transferTypeButton[value="Weiterleiten"]:disabled:hover, #CreditApplianceGoesHere .transferTypeButton[value="Conference Transfer"]:disabled:active, #CreditApplianceGoesHere .transferTypeButton[value="Conference Transfer"]:disabled, #CreditApplianceGoesHere .transferTypeButton[value="Conference Transfer"]:disabled:hover, #CreditApplianceGoesHere #transferDiv input[type="button"]:disabled { color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Komplett"], #CreditApplianceGoesHere #transferDiv input[type="button"][value="Complete"] { border-radius: 0.25rem 0 0 0.25rem; background-image: url(../images/iconComplete.svg) !important; background-repeat: no-repeat !important; background-size: 10px !important; background-position: 6px center !important; background-color: #fff; padding-left: 22px; border-right: 0px !important; min-width: 83px; color: var(--color-text-link) !important; height:32px; } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Komplett"]:hover, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Complete"]:hover { } #CreditApplianceGoesHere #transferDiv input[type="button"][value="Komplett"]:disabled, #CreditApplianceGoesHere #transferDiv input[type="button"][value="Complete"]:disabled { color: #898989 !important; opacity: 0.5 !important; background-color: #dbdbdb !important; pointer-events: none; filter: grayscale(1); border-color: #ccc !important; } .CreditAppliance_leftInfoWrapper .transferPopUpActions { position: relative; top: -2px; } /*mmd style*/ .bodyPopOutMsgBox .CoralChatInput.chatInputDiv input.chatInputText { width: 319px !important; } .bodyPopOutMsgBox .CoralChatInput.chatInputDiv button.PostButton { background: url(../images/sendChat.svg) no-repeat center, var(--mainBackground) !important; background-size: 16px !important; width: 23px !important; height: 20px !important; } #MMDSupportGoesHere .Selected { background: var(--mainBackground) !important; } #MMDSupportGoesHere .profilePageWrapper .custDetails button.infoBanner { display: none; } div.csdkPopOutBoxContent.mmdPop { background: var(--mainBackground) !important; } #MMD .csdkDWindContentWindow { min-height: 591px !important; } div#ChatTabWrapper ul.CoralChatPanel { min-height: 360px !important; height: 360px !important; } #mmd_binWrapper.binWrapper { padding-left: 9px !important; } ul.WidgetTabBar li, .expandedContent, .mmdPop div, #MMD div { color: var(--colorTextDefault) !important; font-family: SalesforceSans-Regular, arial ; } #MMD .chatHeader div { } .chatContainer #ChatTabWrapper .chatTitle { } .customerInteraction.completed, .customerInteraction.complete, .customerInteraction.expire { background: var(--mainBackground) !important; } .agentInteractionTextSnippet { margin-top: 2px !important; } .agentInteractionTextSnippet { color: gray !important; } /**call simulator style*/ /*** Make ASW Great again **/ #coral6 #ASW #asw_mainWind_selectMaxCallTimer, #coral6 #ASW #favourites #selectTargetDN { margin: 6px 0px 0 1px !important; } #ASW .logOutPutPopOut {right: 32px;} #ASW #favourites #selectTargetDN { width: 85px !important; padding: 5px !important; position: absolute; top: 25px; left: 7px; line-height: 17px; margin-left: 0 !important; background: url(../images/icon_arrowDown.svg) no-repeat right 8px bottom 10px / 10px; } #ASW #favourites .setupCallWrapper { height: 55px; margin: 1px; } #ASW .csdkTabSetContent .tabContentWrapper .dockContentWrapper { padding:10px 0 0 0; } #ASW #favourites .selectMaxCallTimerWrapper span.selectMaxCallIcon { width: 60px !important; font-size: 13px; margin-left: 100px; } #ASW #asw_mainWind_selectMaxCallTimer { width: 80px !important; position: absolute; top: 25px; padding: 5px; left: 123px; border-radius: var(--borderRadiusMedium) !important; background: url(../images/icon_arrowDown.svg) no-repeat right 8px bottom 10px / 10px; border: var(--border-lightgray) !important; } #ASW #favourites .csdkTabSet .csdkTab .csdkTabLabel { line-height:15px; border-top: none; flex-grow: 1; text-align: center; } #ASW .settingDiv { right:10px; } #ASW #favourites .csdkTabSet .csdkTab:last-child .csdkTabLabel { border-right: none; } #ASW #favourites .csdkTab.selected > .csdkTabLabel { border-top: 3px solid #0070d2 !important; } /* #ASW #favourites .csdkTab.selected { border-top: 3px solid rgb(0 112 210); } */ #ASW #favourites .csdkTabSet .csdkTab .csdkTabLabel:hover { background: rgb(128 128 128 / 7%); } #ASW #favourites .csdkTabSetHeader .csdkTab { display: flex; flex-grow: 1; border-top: 1px solid lightgray; } #ASW #favourites .csdkTabSetHeader { display: flex; flex-grow: 1; flex-shrink: 1; margin-top:-1px; } button#asw_testWind_runCanCelTestcase, button#asw_testWind_runCanCelTestcase:hover { opacity: 1 !important; text-transform: capitalize !important; color: var(--color-text-link) !important; min-width: 54px !important; background: var(--mainBackground) !important; font-size: 12px; } button#asw_testWind_runCanCelTestcase:disabled:hover, button#asw_testWind_runCanCelTestcase:disabled { color: gray !important; background-color: #CAC7C5 !important; } #AgentNotePadGoesHere .showNotes { max-height: calc(100% - 115px) !important; min-height: calc(100% - 115px) !important; } #ASW #favourites .csdkTabSet .csdkTab .addNewTCFolderIcon { top:4px; right:2px; width: 13px; background-size:13px; } #ASW .infoListTextWrapper .infoListSubTitleWrapper { width: 260px !important; margin-left:10px; border-top:none; padding-bottom: 5px; } #ASW .infoListSubTitleContent {margin-bottom:3px;} #ASW .infoListSubTitleContent:after { background: transparent; } #ASW .infoListSubTitleContent .tcRunIcon { right: 74px !important; top: 4px !important; } #ASW .infoListSubTitleContent .tcRemoveIcon { right: 40px !important; } #ASW .infoListSubTitleContent .tcCopyIcon { top: 4px !important; right: 58px !important; } #ASW .csdkDWindDockedSpan { top: -3px; position: relative; } .salesforce #ASW #favourites .csdkTabSetHeader:before { content: ' '; display: block; width: 100%; height: 1px; background: #d2d2d2; position: absolute; top: 37px; } span.settingContainerLabel, .csdkPopOutBoxContent.lm.testcaseKvpTableWrapper .testcaseNameHeader, .csdkPopOutBoxContent.lm.logOutPutWrapper .agentsim1 .logOutput { font-family: SalesforceSans-Regular, arial ; } #ASW .executedWind .nameAndStatus { color: var(--colorTextDefault) !important; background: #efefef; border-top: 1px solid #d5d4d4; } #ASW .setupCallWrapper .runCancelBtnDiv { right: 77px !important; } #ASW .executedWind .nameAndStatus { width: 75% !important; } .executedWind .runForceCancelled, .executedWind .runFailed, .executedWind .runError, .executedWind .runCancelled { color: #ff0000 !important; } .executedWind .attemptingTimeControlDiv .runTimerSpan { color: var(--main-color5) !important; } .executedWind .attemptingTimeControlDiv .runTimerLabel { background: url(../images/icon-remaining.svg) 0px 0px/100% no-repeat !important; } #ASW .infoListSubTitleContent .tcName { width: 140px; } #ASW .infoListSubTitleContent .openTestcaseKvps { right:15px; } #ASW #favourites .csdkPopOutBox.openTestcaseKvps input[type="button"]:hover { background: transparent !important; } #ASW .infoListTextWrapper .infoListTitle { width: 170px !important; padding-left: 5px; margin: 4px 0 7px 0; left:30px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ */ #ASW .tcIconsWrapper { right: 2px !important; } } /*Call Outcomes*/ .showQuery_Expansion select.outcomes { line-height: 30px; height: 30px; width: calc(100% - 30px); margin-bottom: 5px; } .csdkDialogBoxInside .csdkDialog.csdkDialog.calloutcomes, div#coral_AlertPopUpDiv.csdkDialog.calloutcomes { top: 25% !important; } .csdkDialogBoxInside .csdkDialog.csdkDialog.calloutcomes .showQuery_Table span.showQueryTableCellTextTextSpan, .csdkDialogBoxInside .csdkDialog.csdkDialog.calloutcomes div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion, div#coral_AlertPopUpDiv.csdkDialog.calloutcomes .showQuery_Table span.showQueryTableCellTextTextSpan, div#coral_AlertPopUpDiv.csdkDialog.calloutcomes div#coral_AlertPopUpDiv.stepUpAuth .showQuery_Expansion { min-height: 20px; } /*call info widget style*/ .callStatusWrapper .infoListWrapper { width: calc(92% - 0.4rem) !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0.3rem 0.2rem; margin: 10px auto; display: flex; flex-direction: column; } .callStatusWrapper .infoListWrapper .infoListRow { display: flex; width: 100%; padding-bottom: 0; padding: 5px 0 0; } .callStatusWrapper .infoListWrapper .infoListRow .infoListCell:nth-child(1) { padding-left: 5px !important; } .callStatusWrapper .infoListWrapper .infoListRow .infoListCell:nth-child(2) { width: 170px; } .infoListWrapper .infoListSubTitle { font-size: 11px; color: var(--colorTextBrand) !important; } .infoListSubTitle.contactInfoContactPhone.link { margin-top:6px; } .infoListWrapper .infoListRow { border-right: 0px solid #d5d4d4; border-bottom: 0px; height: auto; } .previousCaller.open .infoListRow.primaryCustomerInfo .infoListCell { height: unset !important; } .previousCaller.open .infoListCell .menu { height:15px !important; right: 0; position: relative; top: 3px; margin-right:0; } .infoListRightIcon.menu { display: block; background: url(../images/singleArrow.svg) center no-repeat !important; background-color: var(--mainBackground) !important; width: 15px; height: 15px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; background-size: 33% !important; background-position: center !important; position: absolute; right:5px; } #CreditApplianceGoesHere #tableDiv .infoListRightIcon.menu { right: 15px; } .profilePageContent .infoListRow.primaryCustomerInfo .infoListRightIcon.menu { top: 16px; } .CreditApplianceDock .infoListRow.primaryCustomerInfo .infoListRightIcon.menu { top: 15px; } .previousCallerCloser + .infoListRow.primaryCustomerInfo .infoListRightIcon.menu { position: relative; top: 3px; } .infoListRow > div .infoListTitle { } .infoListRow.customerJourneyGraph DIV:nth-child(2).infoListCell .infoListTitle { background: url(../images/journeyDate.svg) no-repeat center 40px !important; background-size: 100% !important; height: 56px; max-width: 180px; } .infoListWrapper .infoListRow:first-child .infoListCell:first-child { border-left: none !important; } #ONEM .infoListRightIcon.menu {right: 8px;} #ONEM .profilePageContent .contactInfoContactPhone { line-height: 15px; margin-left: 26px; } .csdkTable.attachmentGeneralInfoTbl .infoListRow.primaryCustomerInfo .infoListTitle {height:25px !important;} .csdkTable.attachmentGeneralInfoTbl .infoListRow.primaryCustomerInfo.authenticated .infoListTitle { background: url(../images/tick.svg) 0px 4px no-repeat !important; background-size: 19px !important; } .infoListRow.wiTransferReason DIV:first-child.infoListCell { background: url(../images/infoPreviousCall.svg) no-repeat center !important; background-size: 29px !important; } .infoListRow.piTransferMessage DIV:first-child.infoListCell { background: url(../images/infoSale.svg) no-repeat center !important; background-size: 29px !important; } .infoListRow.internalAgentName DIV:first-child.infoListCell { background: url(../images/infoCustomerName.svg) no-repeat center !important; background-size: 29px !important; } .infoListRow.callType DIV:first-child.infoListCell { background: url(../images/infoNumber.svg) no-repeat center !important; background-size: 27px !important; } .infoListRow.customerQueueTime DIV:first-child.infoListCell { background: url(../images/infoTime.svg) no-repeat center !important; background-size: 27px !important; } .infoListRow.branchDetails DIV:first-child.infoListCell { background: url(../images/infoOut.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.callerName DIV:first-child.infoListCell { background: url(../images/CI_CO_outbound.svg) no-repeat center !important; background-size: 29px !important; } .infoListRow.transferReason DIV:first-child.infoListCell { background: url(../images/CI_CO_transfer.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.serviceRequestID DIV:first-child.infoListCell { background: url(../images/CI_CM_campaign.svg) no-repeat center !important; background-size: 22px !important; } .infoListRow.webTopic DIV:first-child.infoListCell { background: url(../images/transferNote.svg) no-repeat center !important; background-size: 20px !important; } .infoListRow.customerFullName DIV:first-child.infoListCell { background: url(../images/myAccount.svg) no-repeat center !important; background-size: 21px !important; } .csdkPopOutBox.infoListPopout.customerFullName .infoListRow.customerFullName DIV:first-child.infoListCell { background-position: center 31px !important; } .csdkPopOutBox.infoListPopout.customerFullName .infoListRow.customerFullName .infoListCell { padding-top:15px; } .infoListRow.CLI DIV:first-child.infoListCell { background: url(../images/infoNumber.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.previousCaller DIV:first-child.infoListCell { background: url(../images/infoPreviousCall.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.outage DIV:first-child.infoListCell { background: url(../images/infoOut.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.portOutCode DIV:first-child.infoListCell { background: url(../images/infoPort.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CAN DIV:first-child.infoListCell { background: url(../images/infoSubAbout.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.callOrigin DIV:first-child.infoListCell { background: url(../images/infoCallOrigin.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_transfer DIV:first-child.infoListCell { background: url(../images/CI_CO_transfer.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_outbound DIV:first-child.infoListCell { background: url(../images/CI_CO_outbound.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_escalation DIV:first-child.infoListCell { background: url(../images/CI_CO_escalation.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_callback DIV:first-child.infoListCell { background: url(../images/CI_CO_callback.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_queue DIV:first-child.infoListCell { background: url(../images/CI_CO_queue.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_inbound DIV:first-child.infoListCell { background: url(../images/CI_CO_inbound.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_CCtransfer DIV:first-child.infoListCell { background: url(../images/CI_CO_CCtransfer.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_CCchat DIV:first-child.infoListCell { background: url(../images/CI_CO_CCchat.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.CI_CO_CC247 DIV:first-child.infoListCell { background: url(../images/CI_CO_CC247.svg) no-repeat center !important; background-size:28px !important; } .infoListRow.Language DIV:first-child.infoListCell { background: url(../images/custInfo_language.svg) no-repeat center !important; background-size:20px !important; } .infoListRow.billSrc DIV:first-child.infoListCell { background: url(../images/custInfo_bill.svg) no-repeat center !important; background-size:16px !important; } .infoListRow.authenticated DIV:first-child.infoListCell { background: url(../images/custInfo_padlock.svg) no-repeat center !important; background-size:20px !important; } /* Ensure that the Call Origin Text Wraps correctly */ .infoListRow.CI_CO_transfer DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_outbound DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_escalation DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_callback DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_queue DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_inbound DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_CCtransfer DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_CCchat DIV:nth-child(2).infoListCell div.infoListTitle, .infoListRow.CI_CO_CC247 DIV:nth-child(2).infoListCell div.infoListTitle { white-space: pre-line; } #ONEM .profilePageContent .clientDetails .infoListWrapper .infoListRow DIV:first-child.infoListCell, .profilePageContent .clientDetails .infoListWrapper .infoListRow DIV:first-child.infoListCell { background: url(../images/infoOut.svg) no-repeat center !important; background-size:28px !important; } #ONEM .infoListRow.ContactReason DIV:first-child.infoListCell, #ONEM .infoListRow.BAN DIV:first-child.infoListCell, .infoListRow.ContactReason DIV:first-child.infoListCell, .infoListRow.BAN DIV:first-child.infoListCell { background: url(../images/infoCustomer.svg) no-repeat center !important; background-size:28px !important; } #ONEM .infoListRow.enquiryType DIV:first-child.infoListCell, .infoListRow.enquiryType DIV:first-child.infoListCell { background: url(../images/infoSale.svg) no-repeat center !important; background-size:28px !important; } #ONEM .infoListRow.ivrUtterance DIV:first-child.infoListCell, .infoListRow.ivrUtterance DIV:first-child.infoListCell { background: url(../images/infoQuestion.svg) no-repeat center !important; background-size:28px !important; } #ONEM .infoListRow.CallingFrom DIV:first-child.infoListCell, #ONEM .infoListRow.CallInformationMenu DIV:first-child.infoListCell, .infoListRow.CallingFrom DIV:first-child.infoListCell, .infoListRow.CallInformationMenu DIV:first-child.infoListCell { background: url(../images/infoCall.svg) no-repeat center !important; background-size: 28px !important; } #ONEM .infoListRow.repeatCallerData DIV:first-child.infoListCell, .infoListRow.repeatCallerData DIV:first-child.infoListCell { background: url(../images/infoTime.svg) no-repeat center !important; background-size:28px !important; } #ONEM .infoListRow.CustomerDialed DIV:first-child.infoListCell, .infoListRow.CustomerDialed DIV:first-child.infoListCell { background: url(../images/infoSubDialed.svg) no-repeat center !important; background-size: 28px !important; } #ONEM .infoListRow.CallingAbout DIV:first-child.infoListCell, .infoListRow.CallingAbout DIV:first-child.infoListCell { background: url(../images/infoSubAbout.svg) no-repeat center !important; background-size: 28px !important; } #ONEM .infoListRow.CallContactType DIV:first-child.infoListCell, .infoListRow.CallContactType DIV:first-child.infoListCell { background: url(../images/infoSubType.svg) no-repeat center !important; background-size: 28px !important; } #ONEM .infoListRow.CATMAP DIV:first-child.infoListCell, .infoListRow.CATMAP DIV:first-child.infoListCell { background: url(../images/infoSubMap.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.GetBackInTouchMenu DIV:first-child.infoListCell, .infoListRow.GetBackInTouchMenu DIV:first-child.infoListCell.Unknown { background: url(../images/infoNoData.svg) no-repeat center !important; background-size: 28px !important; } .infoListRow.SkillType DIV:first-child.infoListCell { background: url(../images/infoSkillType.svg) transparent center center no-repeat !important; background-size: 28px !important; padding: 0px; } .infoListRow.CATMAP DIV:first-child.infoListCell { background: url(../images/infoSubMap.svg) transparent center center no-repeat !important; background-size: 28px !important; padding: 0px; } .infoListRow.ReasonGroup DIV:first-child.infoListCell { background: url(../images/infoReasonGroup.svg) transparent center center no-repeat !important; background-size: 28px !important; padding: 0px; } .infoListRow.Product DIV:first-child.infoListCell { background: url(../images/infoProduct.svg) transparent center center no-repeat !important; background-size: 28px !important; padding: 0px; } /**compatible with Cust Editor tool**/ .infoListRow.icon_Campaign DIV:first-child.infoListCell { background: url('/images/CI_CM_campaign.svg') no-repeat center !important; background-size:20px !important; } .infoListRow.icon_ID DIV:first-child.infoListCell { background: url('/images/infoCustomer.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Inbound DIV:first-child.infoListCell { background: url('/images/CI_CO_inbound.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Outbound DIV:first-child.infoListCell { background: url('/images/CI_CO_outbound.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Queue DIV:first-child.infoListCell { background: url('/images/CI_CO_Queue.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Contact_Number DIV:first-child.infoListCell { background: url('/images/CI_CM_contactNumber.svg') no-repeat center !important; background-size:19px !important; } .infoListRow.icon_Map DIV:first-child.infoListCell { background: url('/images/custInfo_map.svg') no-repeat center !important; background-size:16px !important; } .infoListRow.icon_Name DIV:first-child.infoListCell { background: url('/images/infoCustomerName.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Transfer DIV:first-child.infoListCell { background: url('/images/CI_CO_transfer.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Escalation DIV:first-child.infoListCell { background: url('/images/custInfo_CustomerProgress.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Information DIV:first-child.infoListCell { background: url('/images/infoOut.svg') no-repeat center !important; background-size:26px !important; } .infoListRow.icon_Description DIV:first-child.infoListCell { background: url('/images/infoSubAbout.svg') no-repeat center !important; background-size:26px !important; } .csdkPopOutBoxContent .infoListRow.detailedCallInfoRowName .infoListTitle { margin: 0 !important; } /*customer info style for campaign runner*/ .infoListRow.contactnumber .infoListIcon { background: url(../images/CI_CM_contactNumber.svg) no-repeat center !important; background-size: 20px !important; } .infoListRow.campaign .infoListIcon { background: url(../images/CI_CM_campaign.svg) no-repeat center !important; background-size: 22px !important; } .infoListRow.campaigndesc .infoListIcon { background: url(../images/CI_CM_description.svg) no-repeat 9px center !important; background-size: 22px !important; } .infoListRow.campaignenddate .infoListIcon { background: url(../images/CI_CM_enddate.svg) no-repeat center !important; } .infoListRow.customerName .infoListIcon { background: url(../images/CI_CM_name.svg) no-repeat center !important; } /* fonts for cust info from config**/ .infoListRow.tcolour_Green > div .infoListTitle { color: #65a235; } .infoListRow.tcolour_Red > div .infoListTitle { color: var(--main-color3); } .infoListRow.tsize_Title_Large > div .infoListTitle { font-size: 22px; } .infoListRow.tsize_Title_Small > div .infoListTitle { font-size: 12px; } .infoListRow.tsize_Title_Small > div .infoListTitle { font-size: 12px; } .infoListRow.stsize_Subtitle_Large > div .infoListSubTitle { font-size: 14px; } .infoListRow.stbackground_Blue_Background > div .infoListSubTitle, .infoListRow.tbackground_Blue_Background > div .infoListSubTitle { background-color: var(--main-color7); } .infoListRow.stbackground_Red_Background > div .infoListSubTitle, .infoListRow.tbackground_Red_Background > div .infoListSubTitle { background-color: var(--main-color3); } .infoListRow.stbackground_Green_Background > div .infoListSubTitle, .infoListRow.tbackground_Green_Background > div .infoListSubTitle { background-color: var(--main-color5); } .infoListRow.stbackground_Default_Background > div .infoListSubTitle, .infoListRow.tbackground_Default_Background > div .infoListSubTitle { background-color: white; } .infoListRow.stcolour_Default > div .infoListSubTitle { color: var(--colorTextBrand); } .infoListRow.stcolour_Gray > div .infoListSubTitle { color: #ccc; } .infoListRow.stcolour_White > div .infoListSubTitle { color: #fff; } .infoListRow.tcolour_Default > div .infoListSubTitle { color: var(--colorTextDefault); } .infoListRow.stcolour_Green > div .infoListTitle { color: #65a235; } .infoListRow.stcolour_Red > div .infoListTitle { color: var(--main-color3); } .infoListRow.customerJourneyGraph { height:100px; } .infoListRow.customerJourneyGraph .infoListCell:nth-child(2) {width: 186px !important;} .infoListRow.customerJourneyGraph > .infoListCell:last-child {display:none !important;} .infoListRow.customerJourneyGraph .infoListIcon { background: url(../images/customerJourney.svg) no-repeat right center !important; } .infoListRow.ivrjourney_success .infoListIcon { background: url(../images/botIcon.svg) no-repeat 9px center !important; background-size: 22px !important; } .infoListSubTitle.customerJourneyButton { background: url(../images/customerJourneyButton.svg) no-repeat 11px center; background-size: 13px; border: 1px solid lightgray; padding: 5px 10px 5px 29px; border-radius: 5px; max-width: 95px !important; min-width: 95px !important; margin-left: 51px; color: var(--color-text-link) !important; } .csdkTable.custJourneyTable .csdkCell.interaction {flex: 1.3 !important;} .csdkTable.custJourneyTable .csdkCell.timestamp, .csdkTable.custJourneyTable .csdkCell.propositon { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; flex:1.5 !important; } .csdkTable.custJourneyTable .csdkHeader .csdkCell.interaction {flex:1.45 !important;} .csdkTable.custJourneyTable .csdkHeader .csdkCell.timestamp, .csdkTable.custJourneyTable .csdkHeader .csdkCell.propositon {flex:1.65 !important;} .csdkTable.custJourneyTable { margin-bottom: 10px; min-width:700px; max-width:700px; } .csdkTable.custJourneyTable .csdkTableBody .csdkRow:nth-child(odd) { background:rgb(244, 242, 242); } .csdkTable.custJourneyTable .csdkTableBody .csdkCell { padding: 7px; flex: 1; font-size: 12px; font-family: SalesforceSans-Regular, arial ; } .csdkTable.custJourneyTable .csdkHeader .csdkCell { padding: 8px 5px; font-family: SalesforceSans-Bold, arial ; font-size: 12px; flex:1.1; } .infoListRow .infoListIcon { background-size: 25px !important; width: 35px; height: 35px; } .infoListRow.journey_fault .infoListIcon { background-size: 21px !important; filter: grayscale() !important; opacity: 0.55 !important; background-position-x: 65% !important; } .infoListRow.journey_success .infoListIcon { background-size: 21px !important; background-position-x: 65% !important; } .infoListRow.customerJourneyGraph .infoListTextWrapper { pointer-events:all; } .journeyWrapper { max-height: 600px; overflow-y: auto; overflow-x: hidden; } .infoListRow.ivrUtterance .infoListTitle { font-size: 12px; background: rgba(240, 240, 240, 0.67); border-radius: 5px; padding: 8px 11px; margin-left: -10px; } .infoListWrapper.journey_fault .infoListTextWrapper .infoListTitle, .infoListWrapper.journey_success .infoListTextWrapper .infoListTitle { flex-basis: 150px !important; min-width: 150px !important; } .infoListWrapper.journey_fault .popOutTitle .infoListTextWrapper .infoListTitle, .infoListWrapper.journey_success .popOutTitle .infoListTextWrapper .infoListTitle { flex-basis: 200px !important; min-width: 200px !important; } .tandcConferenceButton .infoListTitle { background: url(../images/termsAndCondition.svg) no-repeat 20px center; background-size: 15px; border: 1px solid lightgray; padding: 5px 25px 5px 41px; border-radius: 5px; margin-left: 0; color: var(--color-text-link) !important; font-size: 12px !important; position: absolute; max-width: 180px !important; left: -16px; } .csdkPopOutBox.infoListPopout.previousCaller .infoListRow.previousCallerCloser { background: #8687871a !important; display: table-caption; margin-bottom: 10px !important; } .csdkPopOutBox.infoListPopout.previousCaller .tandcConferenceButton .infoListTitle { left: 0; bottom: 3px; border-bottom: 1px solid lightgray !important; color: var(--color-text-link) !important; } .infoListWrapper.journey_fault .popOutTitle, .infoListWrapper.journey_success .popOutTitle { background: url(../images/termsCondition.png) no-repeat center 67% !important; background-size: 97px !important; height: 250px !important; display: table-caption; } .infoListWrapper.journey_fault .summary, .infoListWrapper.journey_success .summary { display:none; } .infoListWrapper.IVRJourney_success .popOutTitle .infoListSubTitle { padding-bottom:10px; } .infoListWrapper.IVRJourney_success { width:350px; } .infoListWrapper.IVRJourney_success .summary { display:none; } .infoListRow.obot.progress + .infoListRow.data.progress .infoListTextWrapper, .infoListRow.cust.progress + .infoListRow.data.progress .infoListTextWrapper { margin-top:20px !important; } .infoListRow.data.progress + .infoListRow.obot.progress .infoListTextWrapper, .infoListRow.data.progress + .infoListRow.cust.progress .infoListTextWrapper { margin-top: 20px !important; } .infoListRow.data.progress .infoListTitle { color: gray !important; } .infoListRow.data.progress .infoListTextWrapper { width: 80%; margin-left:auto !important; margin-right:auto !important; } .journeyWrapper .infoListRow.data .infoListTextWrapper { margin-top: 0 !important; margin-bottom: 0 !important; } .journeyWrapper .infoListRow.data DIV:nth-child(2).infoListCell .infoListTextWrapper .infoListSubTitle { font-family: SalesforceSans-Bold, arial ; } .journeyWrapper .infoListRow.data DIV:nth-child(2).infoListCell .infoListTextWrapper .infoListSubTitle, .journeyWrapper .infoListRow.data DIV:nth-child(2).infoListCell .infoListTextWrapper .infoListTitle { flex-basis: unset; min-width: unset; flex:1; } .infoListRow.null.progress .infoListSubTitle, .infoListRow.cust.progress .infoListSubTitle {display:none;} .infoListRow.null.progress .infoListTitle, .infoListRow.cust.progress .infoListTitle { font-size: 13px; white-space: pre-wrap; background: #63b946; color: #fff; padding: 13px 17px !important; border-radius: 5px; margin-left: 0px; text-align: right; width: -webkit-fit-content; width: -moz-fit-content; flex-basis: auto !important; min-width: -webkit-fit-content !important; min-width: -moz-fit-content !important; margin-left: auto; margin-right: 45px; font-family: SalesforceSans-Bold, arial ; } .infoListRow.cust.progress .infoListTitle { margin-left:0; margin-right:auto; text-align:left; } .infoListRow.obot.progress .infoListTextWrapper, .infoListRow.null.progress .infoListTextWrapper. .infoListRow.cust.progress .infoListTextWrapper { margin: 10px 0 !important; } .infoListRow.null.progress, .infoListRow.cust.progress { background:url(/coral/widgets/MENSKY/images/chatCustomer.svg) no-repeat calc(100% - 2px) 8px; background-size:30px; } .infoListRow.system.progress .infoListTitle { flex-basis: 250px !important; min-width: 250px !important; color: gray !important; padding: 10px !important; } .infoListRow.agent.progress .infoListTitle { line-break: anywhere; white-space: pre-wrap; } .infoListRow.system.progress .infoListSubTitle, .infoListRow.agent.progress .infoListSubTitle, .infoListRow.obot.progress .infoListSubTitle {display:none;} .infoListRow.agent.progress .infoListTitle, .infoListRow.obot.progress .infoListTitle { font-size: 13px; white-space: pre-wrap; background: rgb(241, 241, 241); padding: 13px 17px !important; border-radius: 5px; margin-left:40px; margin-right: auto; text-align: left; width: -moz-fit-content; min-width: -moz-fit-content !important; width: -webkit-fit-content; flex-basis: auto !important; min-width: -webkit-fit-content !important; } .infoListRow.obot.progress { background:url(/coral/widgets/MENSKY/images/chatAgent.svg) no-repeat 1px 20px; background-size:35px; } .infoListRow.agent.progress { background:url(../images/iconPerson.svg) no-repeat 4px 7px; background-size:30px; } .infoListRow.customerJourneyGraph .point { width: 13px; height: 13px; position: absolute; margin-top: -0.5px; margin-left: -3.5px; } .infoListRow.customerJourneyGraph .point.Accounts { background:url(../images/journeyEmail.svg) no-repeat center; background-size:13px; } .infoListRow.customerJourneyGraph .point.Chat { background:url(../images/journeyChat.svg) no-repeat center; background-size:13px; } .infoListRow.customerJourneyGraph .point.Home { background:url(../images/journeyHome.svg) no-repeat center; background-size:13px; } .infoListRow.customerJourneyGraph .point.Shop { background:url(../images/journeyShop.svg) no-repeat center; background-size:11px; } .infoListRow.customerJourneyGraph .point.Call { background:url(../images/journeyCall.svg) no-repeat center; background-size:14px; } .customerJourneyGraph .headingDiv { margin: 10px; text-align: center; } .customerJourneyGraph .headingDiv .csdkRow { width: 100%; margin-left: 0px !important; text-align: left; margin-top: 8px !important; display: flex; margin-bottom: 10px; background-color: #f5f5f5; cursor: pointer; transition: all 0.2s; padding: 3px 10px; font-size: 12px; font-family: arial; } .customerJourneyGraph .headingDiv .csdkCell { display: inline-block; } .customerJourneyGraph .headingDiv .csdkCell:first-child { width: calc(100% - 83px); } .customerJourneyGraph .headingDiv .csdkCell:last-child, .customerJourneyGraph .headingDiv .csdkCell:nth-child(2) { } .csdkPopOutBox.contentPopout.customerJourneyGraph .headingDiv img { width:200px; } .csdkPopOutBox.contentPopout.customerJourneyGraph .headingDiv { display: none; flex-direction: column; align-items: center; font-size: 12px; color: var(--main-color-pink); margin-bottom: 10px; margin-right: 11px; line-height: 22px; } .csdkPopOutBox.contentPopout.customerJourneyGraph .headingDiv button { padding: 3px 8px; border-radius: 0 !important; background: transparent; border: var(--border-lightgray); color: var(--main-color-black); margin-left: 6px; line-height: 10px; } .csdkPopOutBox.contentPopout.customerJourneyGraph .headingDiv button:disabled { opacity:0.5; } .csdkPopOutBox.contentPopout.customerJourneyGraph .csdkPopOutBoxContent { padding: 20px 20px 5px 20px; } /*delete some lines for a looking reason*/ .infoListRow.CATMAP, .infoListRow.CustomerDialed, .infoListRow.portOutCode { display: none ; } .authenticated.primaryCustomerInfo .infoListSubTitle.stepUpButton { left: -4px !important; } .primaryCustomerInfo .infoListSubTitle.changeCustomerButton { right: -17px !important; left: unset !important; width: 50px; } .primaryCustomerInfo .infoListSubTitle.authenticateButton, .primaryCustomerInfo .infoListSubTitle.stepUpButton { left: -23px !important; } .infoListRow.previousCallerCloser .infoListCell .infoListTextWrapper { left: -60px !important; } .infoListPopout .infoListRow.previousCallerCloser > div .infoListTitle { top:8px !important; } .infoListRow.previousCallerCloser .infoListIcon { height: 35px !important; } .infoListRow.previousCallerCloser { height: 49px !important; } .infoListWrapper .infoListRow:last-child { border-bottom: none !important; } #expandedContent .infoListWrapper .infoListRow.previousCaller { } #standardHeading.toolHeader_4_nr + #expandedContent .infoListWrapper .infoListRow.previousCaller, #standardHeading.toolHeader_4 + #expandedContent .infoListWrapper .infoListRow.previousCaller { } .primaryCustomerInfo .infoListSubTitle.stepUpButton, .primaryCustomerInfo .infoListSubTitle.changeCustomerButton, .primaryCustomerInfo .infoListSubTitle.authenticateButton { border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-size: 10px !important; color: var(--color-text-link) !important; white-space: unset; line-height: 0.7rem; height: 25px; display: flex; align-items: center; padding: 0.20rem 0.4rem 0.15rem 1.9rem !important; } .primaryCustomerInfo .infoListSubTitle.stepUpButton:hover, .primaryCustomerInfo .infoListSubTitle.changeCustomerButton:hover, .primaryCustomerInfo .infoListSubTitle.authenticateButton:hover { text-shadow: none !important; } .primaryCustomerInfo .infoListSubTitle.stepUpButton:before, .primaryCustomerInfo .infoListSubTitle.changeCustomerButton:before, .primaryCustomerInfo .infoListSubTitle.authenticateButton:before { content: none; } .primaryCustomerInfo .infoListSubTitle.changeCustomerButton { background-image: url(../images/iconChangeCustomer.svg) !important; background-repeat: no-repeat !important; background-position: 9px 5px !important; background-size: 14px !important; padding: 0.05rem 0.5rem 0.05rem 2rem !important; line-height: 1em !important; } .primaryCustomerInfo .infoListSubTitle.authenticateButton { background-image: url(../images/authenticateIcon.svg) !important; background-repeat: no-repeat !important; background-position: 8px 10px !important; background-size: 12px !important; padding: 0.05rem 0.7rem 0.05rem 1.7rem !important; } .primaryCustomerInfo .infoListSubTitle.stepUpButton { background-image: url(../images/enhancedAuthenticateIcon.svg) !important; background-repeat: no-repeat !important; background-position: 7px 9px !important; background-size: 17px !important; padding: 0.05rem 1rem 0.05rem 1.9rem !important; line-height: 1em !important; } .infoListRow DIV:last-child.infoListCell { width: 11% !important; vertical-align: middle !important; } .infoListRow DIV:first-child.infoListCell { width: 18% !important; } .previousCaller .infoListRow DIV:first-child.infoListCell { width:13% !important; padding-left:6px; } .profilePageContent .infoListWrapper .infoListRow DIV:first-child.infoListCell { max-width: 26px; } .infoListRow DIV:last-child.infoListCell { min-width: 20px !important; } .primaryCustomerInfo .infoListSubTitle.stepUpButton, .primaryCustomerInfo .infoListSubTitle.changeCustomerButton, .primaryCustomerInfo .infoListSubTitle.authenticateButton { bottom: 12px !important; top: 44px; width:55px; } .primaryCustomerInfo .infoListSubTitle.stepUpButton {width: 39px; margin-right: 3px;} .infoListRow.primaryCustomerInfo .infoListCell:first-child, .infoListRow.primaryCustomerInfo .infoListCell:nth-child(2) { top: 0 !important; padding-top: 14px !important; } .infoListRow.primaryCustomerInfo DIV:first-child.infoListCell { background: url(../images/cross.svg) transparent center 2px no-repeat !important; background-size: 20px !important; } .infoListRow.primaryCustomerInfo.authenticated DIV:first-child.infoListCell { background: url(../images/tick.svg) transparent 14px 7px no-repeat !important; background-size: 20px !important; } .infoListRow.primaryCustomerInfo.enhanced DIV:first-child.infoListCell { background: url(../images/doubletick.svg) transparent center 10px no-repeat !important; background-size: 20px !important; } .infoListRow.notesPlugin > .infoListCell:first-child { background: url(../images/transferNote.svg) transparent center 29px no-repeat !important; background-size: 18px !important; } .infoListPopout.CallInformationMenu .infoListRow.TranferReason DIV:first-child.infoListCell, .infoListPopout.CallInformationMenu .infoListRow.TransferFrom DIV:first-child.infoListCell { background: url(/coral/widgets/CUSTINFO/images/transferFrom.png) transparent center center no-repeat !important; background-size: 24px !important; opacity: 0.6; } .infoListRow.primaryCustomerInfo DIV:first-child.infoListCell + .infoListCell { padding-top: 0px !important; } .previousCaller.open .infoListRow.primaryCustomerInfo DIV:first-child.infoListCell + .infoListCell { } .infoListRow.primaryCustomerInfo.authenticated DIV:first-child.infoListCell + .infoListCell, .infoListRow.primaryCustomerInfo.enhanced DIV:first-child.infoListCell + .infoListCell { } .previousCaller .infoListRightIcon.menu { border-bottom: 0px solid lightgray; } .previousCaller .infoListRow.primaryCustomerInfo DIV:first-child.infoListCell { background-position-y: 3.5px !important; } .infoListPopout .csdkPopOutBoxContent .infoListRow .copy { right: 17px !important; background: url(../images/copy.svg) transparent center no-repeat; background-size: 12px 13px; padding: 0px; cursor: pointer; } .infoListPopout .csdkPopOutBoxContent, .infoListPopout .csdkPopOutBoxContent div { font-family: SalesforceSans-Regular, arial ; color: var(--colorTextDefault) !important; border-bottom: 0px; } #CreditAppliance_leftInfoWrapper .infoListRow.primaryCustomerInfo { height: 75px; } #CreditAppliance_leftInfoWrapper .infoListRow.primaryCustomerInfo.authenticated, #CreditAppliance_leftInfoWrapper .infoListRow.primaryCustomerInfo.enhanced {height:70px;} .previousCaller.open .infoListRow.primaryCustomerInfo { border-bottom: 7px solid white; } .infoListPopout .csdkPopOutBoxContent { filter: drop-shadow(0 1px 5px rgba(0,0,0,.2)); padding-bottom: 10px; } .detailedInfoRowName { border-bottom: 1px solid #dedbda !important; margin-bottom: 10px; } .infoListPopout .csdkPopOutBoxContent div.infoListSubTitle.customerJourneyButton { border-bottom: 1px solid lightgray; } .infoListPopout .csdkPopOutBoxContent div.infoListSubTitle { font-size: 11px; color: var(--colorTextBrand) !important; } .infoListPopout .csdkPopOutBoxContent .detailedInfoRowName div.infoListSubTitle { font-size: 12px; } .infoListPopout .infoListRow.repeatCallerData { height: auto !important; } .infoListPopout .infoListRow.repeatCallerData > .infoListCell:nth-child(2) { position:relative !important; } .infoListPopout .csdkPopOutBoxContent .infoListRow.previousCallerCloser div { color: var(--colorTextDefault) !important; font-size: 13px; padding-left: 5px; padding-top: 4px; } .infoListRightIcon.close { background: url(../images/close.svg); background-size: 8px 8px; background-repeat: no-repeat; background-position: center; width: 10px; height: 10px; right: 10px; top: 10px; } .infoListRow.detailedInfoRowName.enhanced .infoListCell:first-child { display: none !important; } /*info pop out menu*/ .detailedInfoRowName .infoListSubTitle { line-height: 14px !important; } .infoListRow.detailedInfoRowName .infoListCell:first-child, .infoListRow.detailedInfoRowName.enhanced .infoListCell:first-child { display: none; } .infoListRow.detailedInfoRowName .infoListCell:nth-child(2), .infoListRow.detailedInfoRowName.enhanced .infoListCell:nth-child(2) { width: 235px !important; padding: 8px 15px !important; } .detailedInfoRowName { background: var(--mainBackground) !important; border-top: #d24727 8px solid; } .infoListRow.previousCallerCloser { background: var(--mainBackground) !important; } .infoListRow.detailedCallInfoRowName.authenticated, .detailedInfoRowName.authenticated, .detailedInfoRowName.enhanced { background: var(--mainBackground) !important; border-top: #62b946 8px solid; } .infoListRow.previousCallerCloser.authenticated, .infoListRow.previousCallerCloser.enhanced { background: var(--mainBackground) !important; } .infoListPopout .infoListRow.detailedInfoRowName .infoListTitle, .infoListPopout .infoListRow.detailedInfoRowName .infoListTextWrapper .infoListTitle { color: var(--colorTextDefault) !important; font-size: 16px; margin-bottom: 10px; } .csdkPopOutBoxContent .infoListRow.detailedCallInfoRowName .infoListTitle, .csdkPopOutBoxContent .infoListRow.GetBackInTouchTitle .infoListTitle { color: var(--colorTextDefault) !important; font-size: 16px !important; padding-left: 5px; } .infoListPopout .infoListRow.detailedInfoRowName .infoListTitle { color: var(--colorTextDefault) !important; font-size: 16px; margin-bottom: 10px; background: url(../images/cross.svg) transparent 3px 0px no-repeat; padding-left: 35px; margin: 15px 0 10px; } .infoListPopout .infoListRow.detailedInfoRowName.authenticated .infoListTitle { color: var(--colorTextDefault) !important; font-size: 16px; margin-bottom: 10px; background: url(../images/tick.svg) transparent 3px 0px no-repeat; padding-left: 35px; margin: 15px 0 10px; } .infoListPopout .infoListRightIcon.menu { right:22px; } .infoListPopout .infoListRow.detailedInfoRowName.enhanced .infoListTextWrapper .infoListTitle { color: var(--colorTextDefault) !important; font-size: 16px; margin-bottom: 10px; background: url(../images/doubletick.svg) transparent 3px 0px no-repeat; padding-left: 35px; margin: 15px 0 10px; } .infoListPopout .csdkPopOutBoxContent .detailedInfoRowName .infoListSubTitle { color: var(--colorTextDefault) !important; padding-left: 40px; } .detailedInfoRowName.authenticated .detailedInfoContactEmail, .detailedInfoRowName.enhanced .detailedInfoContactEmail { background: url(../images/infoSubAbout.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName.enhanced .detailedInfoRowAddress, .detailedInfoRowName.authenticated .detailedInfoContactAddress, .detailedInfoRowName.enhanced .detailedInfoContactAddress { background: url(../images/infoOut.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName.authenticated .detailedInfoRowRating, .detailedInfoRowName.enhanced .detailedInfoRowRating { background: url(../images/tier.svg) no-repeat 3px center !important; background-size: 47px !important; padding-left: 54px !important; } .detailedInfoRowName.authenticated .detailedInfoRowAuthID, .detailedInfoRowName.enhanced .detailedInfoRowAuthID { background: url(../images/myAccount.svg) no-repeat 4px center !important; background-size: 14px !important; } .detailedInfoRowName.authenticated .detailedInfoRowAuthVP, .detailedInfoRowName.enhanced .detailedInfoRowAuthVP { background: url(../images/voicePrint.svg) no-repeat 4px 2px !important; background-size: 15px !important; } .detailedInfoRowName.authenticated .detailedInfoRowTenure, .detailedInfoRowName.enhanced .detailedInfoRowTenure { background: url(../images/loyalty.svg) no-repeat 4px center !important; background-size: 14px !important; } .detailedInfoRowName.authenticated .detailedInfoRowType, .detailedInfoRowName.enhanced .detailedInfoRowType { background: url(../images/infoCustomerName.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName.authenticated .detailedInfoRowPhone, .detailedInfoRowName.enhanced .detailedInfoRowPhone { background: url(../images/infoCall.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName.authenticated .detailedInfoRowDOB, .infoListPopout .csdkPopOutBoxContent .detailedInfoRowName .infoListSubTitle.detailedInfoRowDOB, .detailedInfoRowName.enhanced .detailedInfoRowDOB { background: url(../images/infoSubBday.svg) no-repeat 2px center !important; background-size: 19px !important; } .restricted .detailedInfoRowName.authenticated .detailedInfoRowDOB, .restricted .infoListPopout .csdkPopOutBoxContent .detailedInfoRowName .infoListSubTitle.detailedInfoRowDOB, .restricted .detailedInfoRowName.enhanced .detailedInfoRowDOB { color: transparent !important; } .detailedInfoRowName.authenticated .detailedInfoRowAuth, .detailedInfoRowName.enhanced .detailedInfoRowAuth.enhanced { background: url(../images/infoSubAuthenticated.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName .detailedInfoRowType { background: url(../images/infoCustomerName.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName .detailedInfoRowPhone { background: url(../images/infoCall.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName .detailedInfoRowDOB { background: url(../images/infoSubBday.svg) no-repeat 2px center !important; background-size: 19px !important; } .detailedInfoRowName .detailedInfoRowAuth { background: url(../images/infoReject.svg) no-repeat 4px center !important; background-size: 14px !important; } .infoListRow.detailedCallInfoRowName.enhanced { background: var(--mainBackground) !important; } .infoListRow.detailedCallInfoRowName { background-color: var(--mainBackground) !important; border-top: #d24727 8px solid; } .infoListRow.detailedCallInfoRowName.enhanced, .infoListRow.detailedCallInfoRowName.authenticated { border-top: #62b946 8px solid; } .infoListRow.detailedCallInfoRowName .infoListTitle { color: #58585b !important; } /*Hotdesk Style*/ img.showQueryImageUrl { content:url(../images/popupIcon.svg) !important ; background-size: 40px !important; } .csdkDialogBoxInside .csdkDialog.csdkDialog, div#coral_AlertPopUpDiv.csdkDialog { padding: 0px !important; } .coral_AlertPopUpDiv.manageFavourites { font-family: SalesforceSans-Regular, arial ; } .coral_AlertPopUpDiv.manageFavourites .showQueryTableCellText { width: unset !important; } .coral_AlertPopUpDiv.manageFavourites img.showQueryImageUrl { content: url(../images/favIconFilled.svg) !important; width: 26px !important; height: 30px !important; margin-left: 6px; margin-top: 3px; } select#hotdesk_select { width:244px; } img.showQueryImageUrl { width: 50px !important; height: 37px !important; } .showQueryTableCellText .showQueryTableCellTextTitleSpan { font-family: SalesforceSans-Regular, arial ; padding: 10px; display: block; background: var(--mainBackground) !important; width: calc(100% - 20px); border-color: var(--colorBorder) !important; text-align: center; font-weight: normal; color: var(--colorTextDefault) !important; flex-grow: 1; align-self: center; border-radius: 5px 5px 0 0; } #hotdeskMaster .selectfiled_menu { color: var(--colorTextDefault) !important; border: 1px solid #dedbda !important; height: 29px !important; background: url(/images/arrowDown.svg) no-repeat calc(100% - 10px) center, var(--mainBackground) !important; background-size: 8px, 100% !important; font-size: 13px; padding-left: 6px; } #hotdeskMaster #hotdesk_multTserverDiv { } .csdkDialog .showQuery_ButtonRow button:disabled, button#dismissCancel:disabled, button.dismissCancel:disabled, button#dismissOk:disabled { background: #a7a9ab !important; color: #808284 !important; } .configuratorButtonWrapper .configuratorGenerateButton, .configuratorButtonWrapper .configuratorResetButton, .configuratorButtonWrapper .configuratorSaveButton, .csdkDialog .showQuery_ButtonRow button, button#dismissCancel, button.dismissCancel, button#dismissOk { border-radius: 0px !important; box-shadow: none !important; background: var(--mainBackground) !important; color: var(--color-text-link) !important; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; border: 1px solid lightgray !important; padding: 3px 17px !important; font-size: 13px !important; margin-top: 6px !important; border-radius: var(--borderRadiusMedium) !important; } button#dismissCancel, button#dismissOk { min-width: 75px; } .configuratorButtonWrapper .configuratorGenerateButton:hover, .configuratorButtonWrapper .configuratorResetButton:hover, .configuratorButtonWrapper .configuratorSaveButton:hover, .csdkDialog .showQuery_ButtonRow button:hover, button#dismissCancel:hover, button#dismissOk:hover { text-shadow: none !important; } #hotdeskHeader { background: var(--mainBackground) !important; border-bottom: none !important; padding: 6px 5px 6px 8px; border-top:none; } #hotdeskHeader.heading.expanded + #hotdeskContent { border-bottom: 1px solid lightgray !important; } #hotdeskHeader.heading.collapsed { background: url(../images/icon_arrowRight.svg) no-repeat 255px center, #fff !important; background-size: 7px, 100% !important; } #hotdeskHeader.heading.expanded { background: url(../images/icon_arrowDown.svg) no-repeat 249px center, #fff !important; background-size: 12px, 100% !important; } #launchPandora, #NotificationsGoesHere button, #hotdeskContent #hotdesk_registerDN { background: var(--mainBackground) !important; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; font-size: 13px !important; margin-bottom: 5px !important; background-image: url(../images/iconTick.svg) !important; background-repeat: no-repeat !important; background-position: 12px center !important; background-size: 13px !important; text-transform: capitalize !important; font-size: 12px !important; padding-left: 2rem !important; padding-right: 1rem; border: var(--border-lightgray) !important; border-radius: var(--borderRadiusMedium) !important; margin-left: calc(100% - 120px); height: 28px; line-height: 20px; color: var(--color-text-link) !important; } #hotdeskContent li.submit input#hotdesk_registerDN { margin-right:4px; } #hotdeskContent li.submit { padding-bottom:7px; } #hotdeskContent > .placesSelection .csdkTable.Root input[type="text"] { padding: 6px 5px; } #hotdeskContent > .placesSelection .csdkTable.Root { margin: 7px 20px 0 7px; } #hotdeskContent #hotdesk_registerDN { line-height:12px; } #hotdeskContent .csdkDirBrowser.comboselect.active .csdkTableBody { width: 240px; margin-left:8px; border: 1px solid lightgray; } #hotdeskContent .csdkDirBrowser.comboselect.active .csdkTableBody .csdkRow { border:0px; } #hotdeskContent .csdkDirBrowser.comboselect.active .csdkTableBody .csdkRow { padding: 8px 11px; } #NotificationsGoesHere button { margin-left: 0 !important; line-height: 13px !important; } .salesforce #NotificationsGoesHere button { margin-left: 0 !important; line-height: 13px !important; } #hotdeskContent #hotdesk_registerDN:hover { } #hotdeskMaster .navigation { font-size: 12px !important; padding: 0 5px !important; } .pandoraButtonwrap { text-align: center; border: 1px solid #d5d4d4; } #hotdeskMaster .navigation li, #hotdeskContent, span#hotdeskSpanID { color: var(--colorTextDefault) !important; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; font-size: 12px !important; } #hotdeskMaster .navigation li.switchpw { display: none ; } span#hotdeskSpanID { overflow: visible; position: relative; top: -5px; color: var(--colorTextDefault) !important; font-family: SalesforceSans-Regular, arial ; text-transform: capitalize !important; font-size: 14px !important; line-height: 24px !important; margin-left: 12px !important; max-width: 165px; width: 165px; } #hotdeskContent li:first-child > div:first-child { } #hotdeskMaster .switch_pw_field { margin-top: 4px !important; } #hotdeskMaster .name_filed, #hotdeskMaster .switch_pw_field { width: 100% !important; max-width:150px; margin-top: 5px; margin-left:4px; padding: 5px; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; } #hotdeskMaster .switch_pw_field { max-width: 235px; margin-left: 0; } #hotdeskMaster .name_filed { max-width: 147px; width: 147px !important; } .dn_field > div, .dn_field > div > div { display:flex ; } .dn_field > div > div:first-child {flex-grow:1;} /*hide Amazon and urchin*/ .growAnimate.Urchin ul.coralDock.Urchin, .growAnimate.Urchin #standardHeading, .growAnimate.PIRANHA #standardHeading { display: none !important; } /*Authenticate Caller Pop up*/ .authenticateCallerTableRow.inactive input { background-color: #ecebea !important; border: 2px solid #E6E7E8 !important; pointer-events: none; } .authenticatCallerContents .authenticateEnhancedWrapper { font-size: 12px !important; padding: 10px !important; font-weight: bold; } #authenticated_CallerEnhancedInput { width: 200px; padding: 8px; vertical-align: middle; border: 1px solid lightgray !important; margin: 15px; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; margin-left: 56px; } input#authenticated_CallerEnhancedInput:disabled { background-color: #ecebea !important; } #searchCallerWindow table th input { font-family: SalesforceSans-Bold ; font-size: 11px; padding: 0 0 0 5px; } .authenticateEnhancedResendWrap #authenticated_CallerEnhancedSecondLevelLink { color: var(--color-text-link) !important; } #authenticated_CallerEnhancedResendLink, #authenticated_CallerEnhancedSecondLevelLink { font-family: SalesforceSans-Regular, arial ; color: var(--color-text-link) !important; } #authenticateCallerEnhancedVerifyButton { vertical-align: middle; } #authenticateCallerButtonsWrapper { width: calc(100% - 75px) !important; text-align: right; } #searchCallerWindow .coralDraggableWindowContentWindow input[type="button"] { font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; background-color: var(--mainBackground) !important; border: 1px solid var(--colorBorder) !important; color: var(--colorTextDefault) !important; text-transform: capitalize !important; margin-right: 0px; color: var(--color-text-link) !important; padding: 0rem 0.8rem 0rem 1.8rem; line-height: 2rem; border-radius: 0px !important; border-right: 0px !important; background-repeat: no-repeat !IMPORTANT; background-size: 8px !important; } #searchCallerWindow .coralDraggableWindowContentWindow input[type="button"]:first-child { border-radius: var(--borderRadiusMedium) 0 0 var(--borderRadiusMedium) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input[type="button"]:last-child { border-radius: 0 var(--borderRadiusMedium) var(--borderRadiusMedium) 0 !important; border-right: 1px solid var(--colorBorder) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerAccountNotInSiebelButton { background-image: url(../images/noAccountIcon.svg) !important; background-position: 11px 48% !important; background-size: 8px !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerAccountNotInSiebelButton:disabled { background-image: url(../images/noAccountIconWhite.svg) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerNewCustomerButton { background-image: url(../images/newCustomerIcon.svg) !important; background-position: 10px 48% !important; background-size: 10px !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerNewCustomerButton:disabled { background-image: url(../images/newCustomerIconWhite.svg) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerClearButton { background-image: url(../images/iconDropConference.svg) !important; background-position: 10px center !important; background-size: 9px !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerClearButton:disabled { background-image: url(../images/iconDropConferenceWhite.svg) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerSearchButton { background-image: url(../images/searchIcon.svg) !important; background-position: 9px center !important; background-size: 12px !important; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerSearchButton:disabled { background-image: url(../images/searchIconWhite.svg) !important; } #authenticateCallerButtonsWrapper input#authenticateCallerEnhancedButton { background-image: url(../images/enhancedAuthenticateIcon.svg) !important; background-position: 11px 52% !important; background-size: 15px !important; padding-left: 2rem; } #authenticateCallerButtonsWrapper input#authenticateCallerEnhancedButton:disabled { background-image: url(../images/enhancedAuthenticateIconWhite.svg) !important; } #authenticateCallerButtonsWrapper input#authenticateCallerAuthenticateButton { background-image: url(../images/authenticateIcon.svg) !important; background-position: 12px 52% !important; background-size: 11px !important; } #authenticateCallerButtonsWrapper input#authenticateCallerAuthenticateButton:disabled { background-image: url(../images/authenticateIconWhite.svg) !important; } #authenticateCallerButtonsWrapper input#authenticateCallerNotAuthorisedButton { background-image: url(../images/iconDropConference.svg) !important; background-position: 10px center !important; background-size: 9px !important; } #authenticateCallerButtonsWrapper input#authenticateCallerNotAuthorisedButton:disabled { background-image: url(../images/iconDropConferenceWhite.svg) !important; } #searchCallerWindow .coralDraggableWindowContentWindow input[type="button"]:disabled { background-color: #cac7c5 !important; background-size: 13px !important; color: #ffffff !important; background-position: 10px center !important; pointer-events: none; } #searchCallerWindow .coralDraggableWindowContentWindow { width: 763px !important; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; } div#authenticateCallerButtonWrapper { margin-left: 14px; margin-bottom: 15px; } #searchCallerWindow .coralDraggableWindowContentWindow div, #searchCallerWindow .coralDraggableWindowContentWindow { font-family: SalesforceSans-Regular, arial ; color: var(--colorTextDefault) !important; background: transparent !important; } #authenticateCallerSearchResult { background: transparent; position: relative; top: -15px; } div#authenticateCallerResultTitle, div#authenticateCallerSelectedAccountTitle { font-size: 13px; margin-left: 4px; } .authenticateCallerGuiWrapper .authenticateCallerList { border-bottom: 1px solid var(--colorBorder) !important; position:relative; } .authenticateCallerTable input[type="text"], .authenticateCallerCustomerTable input[type="text"] { width: unset; margin-top: 3px; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 5px; width: 100%; } div#authenticateCallerWrapper .authenticateCallerTable { margin-left: 55px; } .authenticateCallerTable, .authenticateCallerCustomerTable { width: 43%; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticatCallerContents { margin-top: -10px; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticatCallerTitleStatus { display: inline-flex; font-size: 12px; margin-left: 10px; position: relative; top: -1px; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerGuiWrapper .authenticateCallerList .authenticatCallerTitleText { display: inline-block; font-family: SalesforceSans-Regular, arial ; font-size: 16px !important; color: var(--colorTextBrand) !important; } .authenticateCallerTableLabel{ width: 150px !important; } .authenticateCallerTableCell { width: 150px !important; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerGuiWrapper .authenticateCallerList:first-child .authenticatCallerTitleText { } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerGuiWrapper .authenticateCallerList:nth-child(2) .authenticatCallerTitleText { } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerGuiWrapper .authenticateCallerList .authenticatCallerTitleText, #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerList:first-child .authenticatCallerTitleBar { border-top: none !important; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerList .authenticatCallerTitleBar + div:before { background: url(../images/arrowSquareLeft.svg) 96% center no-repeat; background-size: 17px; transition: background-color 0.8s !important; position: absolute; content: ' '; right: 30px; top: 20px; display: block; width: 17px; height: 17px; z-index: -1; } #searchCallerWindow .coralDraggableWindowContentWindow .authenticateCallerList .authenticatCallerTitleBar + div.open:before { background: url(../images/arrowSquareDown.svg) 96% center no-repeat; } #searchCallerWindow table { border-left: 0px; border-right: 0px; margin: 0 auto; width: calc(100% - 12px); } #searchCallerWindow table thead th { font-family: SalesforceSans-Regular, arial; border-right: 0px; } #searchCallerWindow tbody { overflow-y: auto; max-height: 100px; } #searchCallerWindow table tbody input { padding: 0; } #searchCallerWindow table tbody td:first-child input, #searchCallerWindow table tbody td:nth-child(2) input, #searchCallerWindow table td tbody:nth-child(3) input { padding: 0 0 0 5px; } #searchCallerWindow table tr.selectedRow td { background: #ebeae9; } ul li .leftIconSlot, #CTIA_remoteDestinationText ul li .leftIconSlot.favourites, SPAN.HierarchicalMenuFrame ul li .item .leftIconSlot.favourites, #CTIA_remoteDestinationText ul li .leftIconSlot.favourited, SPAN.HierarchicalMenuFrame ul li .leftIconSlot.favourited { display: none; } /*PUT THIS BACK LATER FOR FAV STYLE /*PUT THIS BACK LATER FOR FAV STYLE ul li .leftIconSlot, #CTIA_remoteDestinationText ul li .leftIconSlot.favourites, SPAN.HierarchicalMenuFrame ul li .item .leftIconSlot.favourites, #CTIA_remoteDestinationText ul li .leftIconSlot.favourited, SPAN.HierarchicalMenuFrame ul li .leftIconSlot.favourited { opacity:0; } ul li:hover .leftIconSlot, #CTIA_remoteDestinationText ul li:hover .leftIconSlot.favourites, SPAN.HierarchicalMenuFrame ul li:hover .item .leftIconSlot.favourites, #CTIA_remoteDestinationText ul li:hover .leftIconSlot.favourited, SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot.favourited { opacity:1; } ul li .leftIconSlot, #CTIA_remoteDestinationText ul li .leftIconSlot.favourites, SPAN.HierarchicalMenuFrame ul li .item .leftIconSlot.favourites { background: url(/coral/widgets/CREDITAPPLIANCE/images/favUnfilled.svg) no-repeat center; background-size: 12px; margin-left: -8px; display: block; width: 13px; margin-right: -10px; } #CTIA_remoteDestinationText ul li .leftIconSlot.favourited, SPAN.HierarchicalMenuFrame ul li .leftIconSlot.favourited { background: url(/coral/widgets/CREDITAPPLIANCE/images/favFilled.svg) no-repeat center; background-size: 12px; margin-left: -8px; display: block; width: 13px; margin-right: -10px; } #CTIA_remoteDestinationText ul li:hover .leftIconSlot.favourites, SPAN.HierarchicalMenuFrame ul li:hover .item .leftIconSlot.favourites { background: url(/coral/widgets/CREDITAPPLIANCE/images/favUnfilledWhite.svg) no-repeat center; background-size: 12px; } PUT THIS BACK LATER FOR FAV STYLE PUT THIS BACK LATER FOR FAV STYLE PUT THIS BACK LATER FOR FAV STYLE */ .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel, .HierarchicalMenuFrame li .liRowWrapper.item > div:first-child.itemLabel, .HierarchicalMenuFrame li:hover .liRowWrapper.menu .menuLabel, .HierarchicalMenuFrame li .liRowWrapper.menu .menuLabel { background:none; padding-left:9px; } SPAN.HierarchicalMenuFrame ul li .favourites + .menuLabel, SPAN.HierarchicalMenuFrame ul li .lefty + .menuLabel { min-width:140px; max-width:140px; padding-left: 6px !important; } SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot.lefty, SPAN.HierarchicalMenuFrame ul li .leftIconSlot.lefty { background:none !important; min-width:8px; padding: 0; width: 8px; } SPAN.HierarchicalMenuFrame ul li .menu .leftIconSlot.favourites { background:none !important; min-width:0px; padding: 0; width: 0px; } SPAN.HierarchicalMenuFrame ul li:hover .menu .menuLabel[title="My Favorites"], SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="My Favorites"], SPAN.HierarchicalMenuFrame ul li:hover .menu .menuLabel[title="Favoriten"], SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favoriten"], SPAN.HierarchicalMenuFrame ul li:hover .menu .menuLabel[title="Favorites"], SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favorites"], SPAN.HierarchicalMenuFrame ul li:hover .menu .menuLabel[title="Favourites"], SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favourites"] { padding-left: 38px !important; background: url(../images/favourite.svg) no-repeat 8px center !important; background-size: 25px 25px !important; height:25px !important; } SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="My Favorites"] + .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favoriten"] + .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favorites"] + .rightIconSlot.disclosureAnchor, SPAN.HierarchicalMenuFrame ul li .menu .menuLabel[title="Favourites"] + .rightIconSlot.disclosureAnchor { margin-right: 4px; } li.MenuAccelerator input { border: 1px solid var(--colorBorder); width: calc(100% - 32px); padding: 5px 25px 5px 4px !important; border-radius: 4px; background: url(../images/searchIcon.svg) no-repeat 96%; background-size: 14px 14px; color: var(--colorTextDefault) !important; border-width: 1px !important; } SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot + .menuLabel[title="Letzte Weiterleitungsziele"], SPAN.HierarchicalMenuFrame ul li .leftIconSlot + .menuLabel[title="Letzte Weiterleitungsziele"], SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot + .menuLabel[title="Weiterleitungsziele"], SPAN.HierarchicalMenuFrame ul li .leftIconSlot + .menuLabel[title="Weiterleitungsziele"], SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot + .menuLabel[title="Call History"], SPAN.HierarchicalMenuFrame ul li .leftIconSlot + .menuLabel[title="Call History"], SPAN.HierarchicalMenuFrame ul li:hover .leftIconSlot + .menuLabel[title="Recent Destinations"], SPAN.HierarchicalMenuFrame ul li .leftIconSlot + .menuLabel[title="Recent Destinations"] { padding-left: 30px !important; background: url(../images/recentDestination.svg) no-repeat left center !important; background-size: 25px 25px !important; height:25px !important; } .HierarchicalMenuFrame li .liRowWrapper.menu .menuLabel[title="Recent Destinations"] { padding-left: 3.5px; } SPAN.HierarchicalMenuFrame ul li .leftIconSlot + .menuLabel + .rightIconSlot { height: 22px; } /*Call History Style*/ .csdkRow.numberHistoryRow > .csdkCell:last-child {flex-basis: 90px; min-width:90px; max-width:90px;} .csdkRow.numberHistoryRow > .csdkCell:nth-child(2) {flex-basis: 150px; min-width:150px;} #actionDiv .csdkRow.numberHistoryRow > .csdkCell:nth-child(2) .csdkTableBody > .csdkRow:first-child div { font-family: SalesforceSans-Bold, arial ; } .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow > .csdkCell:last-child .csdkTableBody .csdkRow { max-height: 21px; justify-content: flex-end; display: flex; align-items: center; } .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow > .csdkCell:last-child .csdkTableBody .csdkRow:last-child {max-height:23px;} .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow > .csdkCell:last-child .csdkTableBody .csdkRow .csdkCell { height: 20px; margin-top:7px; color: rgb(98, 98, 98) !important; padding-right:10px; } .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow > .csdkCell:last-child .csdkTableBody .csdkRow .csdkCell.result { margin-top:0px; margin-bottom:6px; } .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow > .csdkCell:last-child {opacity:0;} .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow:hover > .csdkCell:last-child {opacity:1;} .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow .csdkCell .csdkTable.middle .csdkTableBody .csdkRow:first-child > .csdkCell { line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow .csdkCell .csdkTable.middle .csdkTableBody .csdkRow:last-child > .csdkCell { font-size: 11px !important; color: #626262 !important; } .csdkRow.numberHistoryRow > .csdkCell:nth-child(2) .csdkTableBody { display: flex; } .HierarchicalMenuFrame li.invalidNumber .liTableWrapper {opacity:0.5; } .HierarchicalMenuFrame li.invalidNumber .liTableWrapper .csdkTableBody > .csdkRow:first-child > .csdkCell {opacity:0.5;} div.csdkPopOutBoxContent.UMS_PopOutBoxContent .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow .csdkCell .csdkTable.right .csdkTableBody .csdkRow:first-child .csdkCell { text-transform: unset !important; } .csdkRow.numberHistoryRow > .csdkCell:first-child { flex-basis: 40px; min-width: 40px; background:url(../images/recents_outbound.svg) no-repeat center; background-size:18px !important; } .csdkRow.numberHistoryRow > .csdkCell:first-child.inbound { flex-basis: 40px; background:url(../images/recents_inbound.svg) no-repeat center; background-size:18px !important; } /*missed call style*/ .csdkRow.numberHistoryRow.missed > .csdkCell:first-child { background:url(../images/recents_missed.svg) no-repeat center; background-size:18px !important; } div.csdkPopOutBoxContent.UMS_PopOutBoxContent .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow.missed .csdkCell .csdkTable.middle .csdkTableBody .csdkRow:first-child > .csdkCell { color: #be1e2d !important; } /*missed call style ENd*/ /*All/Missed Tab style*/ .csdkDirBrowser.UMS_Menu.callHistoryMenu > .csdkTable > .csdkTableBody { max-height: calc(100vh - 400px); } .csdkDirBrowser.UMS_Menu.callHistoryMenu { resize:none; } .csdkTabSet.callHistory_tabs > .csdkTabSetContent > .csdkTabContent:first-child .csdkTableBody:empty:before, .UMS_MenuWrapper.callHistory_missed .csdkTableBody:empty:before { content: "No Missed Call"; width: 200px; height: 20px; position: absolute; top: 111px; left: 104px; font-size: 13px; color: gray; } .csdkTabSet.callHistory_tabs > .csdkTabSetContent > .csdkTabContent:first-child .csdkTableBody:empty:before { content: "No Recent Call"; } .csdkTabSet.callHistory_tabs .csdkTabSetHeader .csdkTab .csdkTabLabel { width: 81%; padding: 7px 10px; border: none; text-align: center; color: var(--main-color-gray); transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .csdkTabSet.callHistory_tabs .csdkTabSetHeader .csdkTab.selected .csdkTabLabel { color: var(--colorTextDefault); font-family: SalesforceSans-Bold, arial ; background: var(--main-background-white); padding: 4px 8px; margin: 4px 0 0 4px; border-radius: 7px; width: calc(81% - 5px); box-shadow: 1px 1px 3px lightgrey; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } .csdkTabSet.callHistory_tabs .csdkTabSetHeader .csdkTab { flex:1; } .csdkTabSet.callHistory_tabs .csdkTabSetHeader { display: flex; justify-content: center; background: #dddbda9c; width: 200px; margin-left: auto; margin-right: auto; margin-top: 11px; border-radius: 9px; height: 34px; } .csdkTabSet.callHistory_tabs { border-radius: 0.35rem; border: 1px solid lightgray; min-width: 300px; min-height:155px; } .callHistory_tabs .csdkDirBrowser.UMS_Menu { border-radius: 0 ; border:none; } /*All/Missed Tab style END*/ .csdkRow.numberHistoryRow .result.csdkCell { background:url(../images/callRecord_negative.svg) no-repeat left 3px; background-size:10px !important; padding-left:22px; } .csdkRow.numberHistoryRow .result.csdkCell.answered, .csdkRow.numberHistoryRow .result.csdkCell.connected { background:url(../images/callRecord_positive.svg) no-repeat left 3px; background-size:15px !important; padding-left:22px; } .csdkRow.numberHistoryRow .result.csdkCell.Warm.Transfer { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.93 16.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fbb117;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2'%3E%3Cg%3E%3Crect class='cls-1' width='17.93' height='16.09'/%3E%3Cpath class='cls-2' d='m4.27,11.88c-.22,0-.39-.17-.39-.39v-3.65c0-.19.16-.34.36-.34h3.47c.21,0,.38.16.39.37v.57c0,.22-.18.39-.39.39h-1.41l-.06.09c-.03.08.02.15.06.2.58.67,1.42,1.06,2.31,1.06.19,0,.39-.02.58-.06l.39-.11c.41-.15.77-.38,1.08-.69.07-.07.17-.1.26-.1s.19.04.26.1l.4.41c.08.08.12.18.12.28,0,.1-.04.2-.12.27-.32.32-.69.59-1.1.79-.46.24-.96.38-1.48.42-.15.02-.3.02-.46.02-1.22,0-2.38-.52-3.19-1.43l-.18-.21.05,1.63c0,.21-.17.39-.39.39h-.56Zm5.16-4.97c-.21,0-.38-.16-.4-.36v-.6c.01-.22.19-.39.41-.39h1.42s.05-.07.05-.07c.04-.08-.04-.17-.07-.2-.58-.67-1.43-1.06-2.32-1.06-.19,0-.39.02-.58.06-.08.04-.19.06-.26.07-.05,0-.09.01-.13.02-.25.11-.5.24-.72.39-.06.04-.14.06-.21.06-.1,0-.2-.04-.27-.11l-.41-.41c-.12-.18-.1-.41.06-.55.21-.16.43-.3.67-.42.46-.24.95-.38,1.46-.42.15-.02.3-.02.46-.02,1.22,0,2.38.52,3.19,1.42l.18.2-.05-1.62c0-.1.04-.2.11-.27.07-.07.17-.12.27-.12h.58c.21.01.37.18.37.38v3.66c0,.18-.14.33-.32.34h-3.48Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 22px !important; padding-left: 22px; background-position: -2px center; } .csdkRow.numberHistoryRow .result.csdkCell.Cold.Transfer { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.93 16.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%236ccbda;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2'%3E%3Cg%3E%3Crect class='cls-1' width='17.93' height='16.09'/%3E%3Cpath class='cls-2' d='m4.27,12.55c-.22,0-.39-.17-.39-.39v-3.65c0-.19.16-.34.36-.34h3.47c.21,0,.38.16.39.37v.57c0,.22-.18.39-.39.39h-1.41l-.06.09c-.03.08.02.15.06.2.58.67,1.42,1.06,2.31,1.06.19,0,.39-.02.58-.05l.39-.11c.41-.15.77-.38,1.08-.69.07-.07.17-.11.26-.11s.19.04.26.1l.4.41c.08.08.12.18.12.28,0,.1-.04.2-.12.27-.32.32-.69.59-1.1.79-.46.24-.96.38-1.48.42-.15.02-.3.03-.46.03-1.22,0-2.38-.52-3.19-1.43l-.18-.21.05,1.63c0,.21-.17.39-.39.39h-.56Zm5.16-4.97c-.21,0-.38-.16-.4-.36v-.6c.01-.22.19-.39.41-.39h1.42s.05-.07.05-.07c.04-.08-.04-.17-.07-.2-.58-.67-1.43-1.06-2.32-1.06-.19,0-.39.02-.58.05-.08.04-.19.06-.26.07-.05,0-.09.01-.13.03-.25.11-.5.24-.72.39-.06.04-.14.06-.21.06-.1,0-.2-.04-.27-.11l-.41-.41c-.12-.18-.1-.41.06-.55.21-.16.43-.3.67-.42.46-.24.95-.38,1.46-.42.15-.02.3-.02.46-.02,1.22,0,2.38.52,3.19,1.42l.18.2-.05-1.62c0-.1.04-.2.11-.27.07-.08.17-.12.27-.12h.58c.21.01.37.18.37.38v3.66c0,.18-.14.33-.32.34h-3.48Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 22px !important; padding-left: 22px; background-position: -2px center; } .csdkRow.numberHistoryRow .result.csdkCell.conference, .csdkRow.numberHistoryRow .result.csdkCell.Conference { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_2_00000117664423997946831450000009844115075773060789_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17.9 16.1' style='enable-background:new 0 0 17.9 16.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23C43300;%7D%0A%3C/style%3E%3Cg id='Layer_2-2'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M6.3,7.7C6,7.3,5.9,6.7,5.9,6.1c0-1,0.4-1.8,1.1-2.3C6.7,3.4,6.3,3.1,5.7,3.1c-1,0-1.5,0.8-1.5,1.7 c0,0.5,0.2,0.9,0.5,1.2C4.9,6.2,5,6.4,5,6.6S4.9,7,4.4,7.3C3.6,7.6,2.9,8.1,2.9,8.8c0,0.5,0.3,0.8,0.8,0.8h0.7 c0.1,0,0.2-0.1,0.3-0.2c0.3-0.6,1-1,1.6-1.3C6.4,8.1,6.4,7.9,6.3,7.7L6.3,7.7z'/%3E%3Cpath class='st0' d='M12.7,7.3c-0.6-0.2-0.6-0.4-0.6-0.7c0-0.2,0.1-0.4,0.3-0.6c0.3-0.3,0.5-0.7,0.5-1.2c0-0.9-0.5-1.7-1.5-1.7 c-0.6,0-1,0.3-1.3,0.7c0.7,0.5,1.1,1.3,1.1,2.3c0,0.6-0.1,1.1-0.4,1.6c-0.1,0.2-0.1,0.4,0.1,0.5c0.6,0.3,1.2,0.7,1.6,1.3 c0.1,0.1,0.2,0.2,0.3,0.2h0.7c0.4,0,0.8-0.4,0.8-0.8C14.2,8.1,13.5,7.6,12.7,7.3L12.7,7.3z'/%3E%3Cpath class='st0' d='M10,8.9C9.4,8.6,9.3,8.4,9.3,8.2s0.2-0.5,0.4-0.7c0.4-0.3,0.6-0.8,0.6-1.3c0-1-0.6-1.8-1.7-1.8 S6.9,5.2,6.9,6.1c0,0.5,0.2,1,0.6,1.3c0.2,0.2,0.4,0.4,0.4,0.7S7.7,8.6,7.1,8.9c-0.9,0.4-1.7,0.8-1.8,1.6c0,0.5,0.4,1,0.9,1h4.6 c0.5,0,0.9-0.5,0.9-1C11.7,9.7,10.9,9.3,10,8.9L10,8.9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 22px !important; padding-left: 22px; background-position: -3px -2px; } .csdkRow.numberHistoryRow .result.csdkCell.Auto.Conference { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.93 16.09'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23155588;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2'%3E%3Cg%3E%3Crect class='cls-1' width='17.93' height='16.09'/%3E%3Cg%3E%3Cpath class='cls-2' d='m6.08,7.45c-.29-.47-.47-1.02-.47-1.63,0-1.02.43-1.89,1.13-2.41-.26-.43-.69-.71-1.3-.71-1,0-1.56.8-1.56,1.73,0,.5.17.92.5,1.23.19.17.35.4.35.64s-.09.45-.66.69c-.81.36-1.56.83-1.58,1.59,0,.5.33.87.8.87h.74c.12,0,.24-.07.29-.17.36-.66,1.04-1.07,1.61-1.35.19-.09.26-.31.14-.48Z'/%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-2' d='m10.48,7.42c-.12.16-.05.39.14.51.37.21.79.44,1.14.77.58-.44,1.28-.7,2.04-.74-.26-.44-.79-.74-1.35-1-.53-.23-.65-.44-.65-.7,0-.23.16-.44.33-.65.33-.3.49-.72.49-1.23.02-.93-.51-1.74-1.49-1.74-.58,0-.98.3-1.25.72.67.51,1.07,1.39,1.07,2.39-.02.65-.19,1.21-.46,1.67Z'/%3E%3Cpath class='cls-2' d='m11.06,9.34c-.33-.33-.81-.53-1.3-.77-.6-.26-.7-.51-.7-.77s.16-.53.37-.72c.35-.35.53-.84.53-1.39,0-1.04-.6-1.95-1.67-1.95h-.12c-1.07,0-1.67.91-1.67,1.95,0,.56.19,1.04.53,1.39.21.19.37.44.37.72,0,.26-.07.51-.7.77-.88.39-1.69.79-1.74,1.63.05.58.44,1.02.95,1.02h4.32c.12-.72.39-1.37.81-1.88Z'/%3E%3C/g%3E%3Cpath class='cls-2' d='m15.19,11.35c.04-.15.06-.32.05-.48,0-.17-.03-.32-.07-.48h-.21c-.03-.11-.08-.22-.14-.33l.15-.15c-.17-.27-.4-.51-.69-.67l-.15.15c-.1-.05-.21-.1-.33-.13v-.21c-.15-.04-.32-.06-.49-.05-.17,0-.32.03-.48.07v.21c-.11.03-.22.08-.32.14l-.16-.15c-.28.17-.51.41-.67.69l.15.15c-.05.1-.1.21-.13.33h-.21c-.04.15-.06.31-.05.48,0,.17.03.32.07.48h.21c.03.11.08.22.14.33l-.15.15c.17.27.4.51.69.67l.15-.15c.1.05.21.1.33.13v.21c.15.04.32.06.49.05s.32-.03.48-.07v-.21c.11-.03.22-.08.33-.14l.15.15c.27-.17.51-.4.67-.69l-.15-.15c.05-.1.1-.21.13-.33h.21Zm-1.83.11c-.31,0-.56-.24-.57-.55,0-.31.24-.56.55-.57.31,0,.56.24.57.55,0,.31-.25.56-.55.57Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 21px !important; padding-left: 22px; background-position: -2px -1px; letter-spacing: -0.04rem; } .csdkDirBrowser.UMS_Menu.callHistoryMenu .csdkTableBody > .csdkRow {padding:1px 0;} .csdkRow.numberHistoryRow { display: flex; } .csdkRow.numberHistoryRow > .csdkCell:last-child div { font-size: 12px !important; color: var(--key-color) !important; } #CreditApplianceGoesHere span.HierarchicalMenuFrame.Call.History ul li .right .csdkTableBody {display:flex;} #CreditApplianceGoesHere span.HierarchicalMenuFrame.Call.History ul li .right, #CreditApplianceGoesHere span.HierarchicalMenuFrame.Call.History ul li:hover .right { background: transparent !important; } /*Call History Style END*/ /*one click fav in call history*/ .callHistoryMenu .csdkCell.toggleFavourites { background: url(../images/starEmpty.svg) no-repeat left top; background-size: 15px 14px !important; max-width: 13px; } .callHistoryMenu .csdkCell.toggleFavourites.is_favourite { background: url(../images/starFilled.svg) no-repeat left top; background-size: 15px 14px !important; } div.csdkPopOutBoxContent.UMS_PopOutBoxContent .UMS_Menu.callHistoryMenu .csdkTableBody .csdkRow.numberHistoryRow .csdkCell .csdkTable.right .csdkTableBody .csdkRow:first-child .csdkCell.toggleFavourites { color: transparent !important; } /*one click fav in call history END*/ div#authenticateCallerSelectedAccountContactTableWrapper, table#authenticateCallerSelectedBillingAccountTable, #selectedQADataTable { margin-bottom: 20px; } .authenticateCallerGuiWrapper { background: white; } .authenticatCallerContents { transition: max-height 1s;   height:auto; max-height: 0px; overflow: hidden; width: 753px !important; } .authenticatCallerContents.open { max-height: 500px; } .authenticateCallerList > .authenticatCallerContents > div { padding: 5px 8px !important; width: calc(100% - 16px) !important; background: transparent; } #searchCallerWindow #authenticatedCallerSearchErrorDiv { color: #d34628 !important; font-family: SalesforceSans-Light ; margin-top: 10px; } #searchCallerWindow thead th.rsorted { background:url(../images/arrowUp.svg) no-repeat 95% 60% , transparent !important; background-size: 8px, 100% !important; } #searchCallerWindow thead th.sorted { background:url(../images/arrowDown.svg) no-repeat 95% 60% , transparent !important; background-size: 8px, 100% !important; } #searchCallerWindow thead { background: #fafbfa !important; border-color: var(--colorBorder) !important; border-bottom: 1px solid; } #searchCallerWindow tbody tr { border-bottom: 1px solid var(--colorBorder); } #searchCallerWindow tbody tr:last-child { border: 0px; } /*authentication buttons*/ div#authenticateCallerButtonWrapper button { color: var(--color-text-link) !important; background-image: url(../images/iconKeyPad.svg) !important; background-repeat: no-repeat !important; background-position: 10px center !important; background-size: 11px !important; text-transform: capitalize !important; font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; padding-left: 2rem !important; padding-right: 1rem; right: 10px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0.5rem 0.5rem 0.4rem 2rem; margin-bottom: 10px; cursor: pointer; } #authenticateCallerButtonsWrapper { text-align: center; padding: 15px 48px; border-top: 0px solid; border-color: var(--colorBorder) !important; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; margin: 0; width: calc(100% - 95px) !important; } .authenticatCallerTitleBar { cursor: pointer; } div#authenticated_CallerEnhancedSent, div#authenticated_CallerEnhancedPrompt { text-align: left; margin-left: 56px; } .authenticateEnhancedResendWrap { width: 600px; text-align: left; margin-left: 56px; margin-bottom: 10px; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerEnhancedVerifyButton { padding: 0rem 0.8rem !important; border-radius: var(--borderRadiusMedium) !important; border: 0px !important; background: var(--brandAccessible) !important; border-radius: var(--borderRadiusMedium); color: #fff !important; margin-left: -8px; } #searchCallerWindow .coralDraggableWindowContentWindow input#authenticateCallerEnhancedVerifyButton:hover { background-color: #005fb2 !important; } /*authentication icon*/ #searchCallerWindow .authenticateCallerList .authenticatCallerTitleIcon { width: 62px; height: 65px; display: inline-block; vertical-align: middle; position: relative; } #searchCallerWindow .authenticatCallerTitleIcon:before { content: ' '; display: block; border-radius: var(--borderRadiusMedium) !important; position: absolute; width: 38px; height: 38px; left: 12px; top: 9px; background-color: #61b7e7; background-position: center center; background-repeat: no-repeat; background-size: 38px 38px; transition: background-color 0.8s !important; } #searchCallerWindow .authenticateCallerList:first-child .authenticatCallerTitleIcon:before { background-image: url(../images/AccountSearch.svg) ; } #searchCallerWindow .authenticateCallerList:nth-child(2) .authenticatCallerTitleIcon:before { background-image: url(../images/contactSelection.svg) ; } #searchCallerWindow .authenticateCallerList:nth-child(3) .authenticatCallerTitleIcon:before { background-image: url(../images/enhanced.svg) ; } #searchCallerWindow .authenticateCallerList:nth-child(4) .authenticatCallerTitleIcon:before { background-image: url(../images/billingSelection.svg) ; } #searchCallerWindow .authenticateCallerList:nth-child(5) .authenticatCallerTitleIcon:before { background-image: url(../images/secondLevel.svg) ; } #searchCallerWindow .authenticatCallerTitleIcon.failed:before { background-color: #c25134; } #searchCallerWindow .authenticatCallerTitleIcon.passed:before { background-color: #54698d; } #searchCallerWindow .authenticatCallerTitleIcon.skipped:before { background-color: #89c64f; } #searchCallerWindow .authenticatCallerTitleIcon.loading:before { background-image: url(../images/loading.gif) !important; background-size: 20px !important; background-color: #cac7c5; } /*co-browse 70% zoom*/ #Tink .csdkDWindContentWindow { zoom: 90% !important; } /*loading widget style*/ #MMD .loadingReport, #MMD .loadingTitle { background: var(--mainBackground) !important; color: transparent !important; } #MMD div.loadingWidget { background: var(--mainBackground) !important; color: transparent !important; border-bottom: 1px solid lightgray !important; width: 265px !important; height: 46px !important; } div.loadingWidget { background: var(--mainBackground) !important; color: transparent; font-family: SalesforceSans-Regular, arial ; font-size: 11px; border-bottom: 1px solid lightgray; width: 265px !important; height: 46px !important; padding: 0 !important; overflow: hidden !important; } /*Agent Script Style*/ #AgentScript.growAnimate, #Tink.growAnimate, #CSIP.growAnimate { height: 0; } #AgentScript #standardHeading, #Tink #standardHeading, #CSIP #standardHeading { display: none ; } #AgentScript .csdkDWindContentWindow { max-width: 500px; } .warningHeader .agentScriptDialogHeaderMiddleWrapper:after { background: url(../images/scriptError.svg) no-repeat center !important; background-size: 15px !important; content: none !important; border: none !important; } #Authenticated .agentScriptDialogHeaderLeftWrapper { background: url(../images/scriptAuthenticated.svg) no-repeat center !important; background-size: 35px !important; width: 60px; height: 60px; } #Not_Authenticated .agentScriptDialogHeaderLeftWrapper.callReasonIcon { background: url(../images/scriptUnauthenticated.svg) no-repeat center !important; background-size: 35px !important; width: 60px; height: 60px; } .agentScriptDialogHeaderLeftWrapper.callReasonIcon, #Other_Call .agentScriptDialogHeaderLeftWrapper.callReasonIcon, #Call_Reason .agentScriptDialogHeaderLeftWrapper.callReasonIcon { background: url(../images/scriptCallReason.svg) no-repeat center !important; background-size: 35px !important; width: 60px; height: 60px; } #Identify_Customer .agentScriptDialogHeaderLeftWrapper.identityCustomer { background: url(../images/scriptCustomer.svg) no-repeat center !important; background-size: 35px !important; width: 60px; height: 60px; } .agentScriptDialogWrapper.complete .agentScriptDialogHeaderRightWrapper { background: url(../images/scriptTick.svg) no-repeat center !important; background-size: 26px !important; } .agentScriptDialogContentItemSpeechWrapper { padding: 8px 20px !important; border: 1px dashed #e0e0e0; margin: 10px 0px 10px 0px; } .agentScriptDialogWrapper.expanded .agentScriptDialogHeaderWrapper { background: #f1f1f2 !important; } #AgentScript #Authenticated input[type="button"], #AgentScript #Not_Authenticated input[type="button"] { top: 15px !important; } #AgentScript input[type="button"] { font-size: 14px !important; color: var(--colorTextDefault) !important; border-radius: 0 !important; border: 1px solid lightgray; background: url(../images/nextButton.svg) no-repeat 10px center, var(--mainBackground) !important; background-size: 12px !important; padding: 5px 16px !important; width: unset !important; top: 38px !important; color: var(--color-text-link) !important; background-image: none !important; text-transform: capitalize !important; font-size: 12px !important; font-family: SalesforceSans-Regular, arial ; right: -10px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0.3rem 0.5rem 0.3rem 2rem; margin-bottom: 10px; margin-top: 8px; cursor: pointer; } input.csdkInputInput.agentScriptDialogContentItemInputInput { padding: 7px; border: 1px solid rgb(223, 223, 223); border-radius: 4px; } #Utterance .agentScriptDialogHeaderLeftWrapper, #CustomerSupport .agentScriptDialogHeaderLeftWrapper { background: url(../images/tick.svg) no-repeat center !important; background-size: 30px !important; width: 60px; height: 60px; } #Utterance .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(2) .agentScriptDialogContentItemSpeechWrapper::before { content: ''; width: 35px; height: 35px; right: -40px; top: 0; background: url(/coral/widgets/MENSKY/images/singtel_chatCustomerGrey.svg) no-repeat center; background-size: 35px; position: absolute; } #Utterance .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(2) .agentScriptDialogContentItemSpeechWrapper { color: #fff !important; background: #63b946 !important; padding: 13px 17px !important; text-align: right; border: none; border-radius: 5px !important; margin-right: 45px; margin-left:auto; position:relative; font-size:12px; width: fit-content; font-family: SalesforceSans-Bold, arial ; } #Utterance .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:first-child .agentScriptDialogContentItemSpeechWrapper::before { content: ''; width: 38px; height: 38px; left: -45px; top: 0; background: url(../images/scriptCallReason.svg) no-repeat center; background-size: 30px; border: 1px solid lightgray; border-radius:100%; position: absolute; } #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(6) {margin-top:20px;} #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(6), #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:first-child {margin-bottom:20px;} #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(3), #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(5) {height:0;} #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(2), #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(7), #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(8), #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:nth-child(4) { height:40px; } #CustomerSupport input.csdkInputInput.agentScriptDialogContentItemInputInput[value="SMS to customer"] { background: url(../images/SMSmobile.svg) no-repeat 15px center !important; background-size: 12px !important; padding-left: 35px !important; position: absolute; top: -42px !important; } #CustomerSupport .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:last-child input.csdkInputInput.agentScriptDialogContentItemInputInput[value="SMS to customer"] { top: -35px !important; } #Utterance .agentScriptDialogContentWrapper .agentScriptDialogContentItemWrapper:first-child .agentScriptDialogContentItemSpeechWrapper { background-color: rgb(241, 241, 241) !important; font-size:12px; position:relative; padding: 13px 22px !important; border: none; border-radius: 5px !important; width: fit-content; margin-left: 45px; } .agentScriptDialogContentWrapper input[type=text] { padding: 5px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; } #AgentScript .csdkDWindTitleBar { border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0 !important; } .agentScriptDialogHeaderMiddleWrapper, .agentScriptDialogHeaderRightWrapper, .agentScriptDialogHeaderLeftWrapper { min-height: 60px; line-height: 60px; } #AgentScript div { font-family: SalesforceSans-Regular, arial ; color: var(--colorTextDefault) !important; font-weight: normal !important; } .agentScriptDialogContentItemSpeechWrapper { border-radius: 0 !important; background-color: var(--mainBackground) !important; line-height: 1.2rem; } #Authenticated .agentScriptDialogWrapper.expanded .agentScriptDialogContentWrapper, #Not_Authenticated .agentScriptDialogWrapper.expanded .agentScriptDialogContentWrapper { padding: 5px 0 28px 0px !important; } #AgentScript .agentScriptDialogWrapper.expanded .agentScriptDialogContentWrapper { padding: 10px 0px 35px; } #AgentScript .agentScriptDialogWrapper.expanded #CustomerSupport .agentScriptDialogContentWrapper { padding-bottom:10px; } .showQueryTableCellTextTitle, #ONEM .infoListWrapper.queueContainer .infoListRow.queueHeader, #ONEM .infoListWrapper.binContainer .infoListRow.binHeader, #loginButton, #CoralLoginTitle, .primaryCustomerInfo .infoListTextWrapper .infoListTitle { font-weight: normal !important; font-family: SalesforceSans-Bold, arial ; } .agentScriptDialogWrapper SPAN.agentScriptDialogToken { color: var(--colorTextBrand) !important; font-weight: normal !important; font-family: SalesforceSans-Bold, arial ; } .agentScriptDialogContentWrapper .agentScriptDialogContentItemTextWrapper:before { background: #4082c3 !important; border: 0px solid #e51a84 !important; border-radius: 50%; padding: 5px 9px; } #acbWidget_Tab_History .TabContent .Wrapper { padding: 5px; width: 90%; border: var(--border-lightgray); border-radius:5px; margin-top:11px; } .acbWidgetDock button:disabled { color: #bbbdc0 !important; background: #e6e7e8 !important; } .chat3_privateChatInviteButtonDiv input[type="submit"] { padding: 0 10px !important; line-height: 1.475rem; } .CoralTabs2Wrapper input[type="submit"]:disabled, .CoralTabs2Wrapper input[type="button"]:disabled { box-shadow: none !important; pointer-events: none; } .chat3_privateChatInviteButtonDiv input[type="submit"], .acbWidgetDock button, .coralDraggableWindowContentWindow input[type="button"], .userbtn button, .greybutton { background: var(--mainBackground) !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-family: SalesforceSans-Regular, arial ; padding: 5px 10px; position: relative; display: inline-flex; align-items: center; padding: 0; background: transparent; background-clip: border-box; border: 1px solid transparent; border-radius: .25rem; line-height: 1.875rem; text-decoration: none; color: #0070d2; -webkit-appearance: none; -moz-appearance: none; white-space: normal; user-select: none; } .acbWidgetDock button:hover, .coralDraggableWindowContentWindow input[type="button"]:hover, .userbtn button:hover, .greybutton:hover { text-shadow: none !important; opacity: 0,7; } textarea, select, span, input, ul.WidgetTabBar li, .TabContent, div { font-family: SalesforceSans-Regular, arial ; } /*Agent Call back ACB style*/ .acbWidgetDock .TabContent { height:195px; } ul.WidgetTabBar li.active { font-family: SalesforceSans-Bold, arial ; color: var(--colorTextDefault) !important; border-top: 3px solid var(--color-text-link); } .acb_Status { color: #fff !important; text-align: center !important; display: block !important; font-size: 13px !important; background: var(--main-color-pink); padding: 5px !important; margin: 3px 12px 11px 12px !important; border-radius: 5px; font-family: SalesforceSans-Bold, arial ; } .acbWidgetDock .TabContent { overflow-x: hidden; } div#acbWidget_Tab_Preview .kvpTableRow, #acbWidget_Tab_Customers .kvpTableRow{ display: flex; overflow-x: hidden; } div#acbWidget_Tab_Preview .kvpTableRow span, #acbWidget_Tab_Customers .kvpTableRow span{ display: inline-flex; width: 40% !important; text-align: left !important; border: 0px solid #dedbda !important; padding-top: 3px !important; height: 15px; padding-left: 8px; font-size: 12px !important; } div.coralDraggableWindow.AcbDraggableWindow { min-width: 325px !important; } #acb_FinishNote .AcbDialogLabel { width: 100px !important; } .AcbDialogLabel { width: 154px !important; } ul.WidgetTabBar li { font-size: 13px; } .acb_bottomButtonWrapper { margin-top:22px; margin-bottom:10px; } .acb_DateInput { margin-left: -3px; width: 110px !important; } #coral_calendar .coralDraggableWindowContentWindow div:last-child > div:first-child, #coral_calendar .coralDraggableWindowContentWindow div:last-child > div:nth-child(2), #coral_calendar .coralDraggableWindowContentWindow div:last-child > div.defaultCoralCalendarHeading { height:50px; line-height: 26px; } .defaultCoralCalendarPrevYear, .defaultCoralCalendarPrevMonth, .defaultCoralCalendarNextMonth, .defaultCoralCalendarNextYear { filter: grayscale(1); opacity: 0.5; height:50px; } .defaultCoralCalendarPrevYear { background: url(../images/abcLeftDoubleArrow.svg) no-repeat right 30%; background-size: 12px; } .defaultCoralCalendarPrevMonth { background: url(../images/abcLeftArrow.svg) no-repeat right 30%; background-size: 12px; } .defaultCoralCalendarNextMonth { background: url(../images/abcRightArrow.svg) no-repeat left 30%; background-size: 12px; } .defaultCoralCalendarNextYear { background: url(../images/abcRightDoubleArrow.svg) no-repeat left 30%; background-size: 12px; } .defaultCoralCalendarHeading + table { margin: 10px; width: calc(100% - 20px); } .defaultCoralCalendarHeading { font-size: 13px; font-weight: bold; width: calc(100% - 90px); font-family: SalesforceSans-Bold, arial ; line-height: 41px !important; } .acb_PrepInput, .acb_DateInput, .acb_NumberInput, .acb_NameInput { height: 20px !important; } .acb_NoteInput { font-family: SalesforceSans-Regular, arial; font-size: 13px; } .defaultCoralCalendarCell { background: lightgray; } .defaultCoralCalendarHeading + table > tbody tr:first-child {border:none;} #coral_calendar table th { background: var(--mainBackground); border: none; font-size: 12px; color: var(--main-color-pink) !important; font-family: SalesforceSans-Bold, arial ; } .acbWidgetDock .acb_tableTitleCell { color: gray; text-align: left; font-family: SalesforceSans-Bold, arial ; } .acbWidgetDock .acb_tableCell { border: none !important; padding:4px 3px; color: var(--colorTextDefault) ; } .acbWidgetDock .acb_table .acb_tableTitleCell, .acbWidgetDock .acb_table .abc_tableRow, .acbWidgetDock .acb_table { border-radius: 5px; } .acbWidgetDock .acb_table { padding: 5px; width: 90%; border: var(--border-lightgray); margin-top: 5px; } .acb_PreviewLabel, .acb_DivRow .coralTimer_container { border: none !important; background: transparent; font-size:13px; color: #000; } #acbTimerWrapper .coral_timer div {font-size:13px;} #acbTimerWrapper .coral_timer { font-size:13px; } #acbTimerWrapper { border: var(--border-lightgray); width: 90%; padding: 1px 11px 1px 0; margin-left: auto; margin-right: auto; border-radius: 5px; background: #f9f9f9; margin-top: 9px; } select, span:not(#ONEM span):not(#editor span), #acbWidgetDock div { font-family: SalesforceSans-Regular, arial ; color: var(--colorTextDefault); } div.acbKvpTable div.coralkvptable span.kvpTableKeyCell { width: 93px; color: #E41884; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } div.acbKvpTable div.coralkvptable span.kvpTableValueCell { width: 147px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } div.acbKvpTable div.coralkvptable span.kvpTableKeyCell, div.acbKvpTable div.coralkvptable span.kvpTableValueCell { font-size: 13px; } .acbWidgetDock #expandedContent select#acbScheduleFilter, .acbWidgetDock #expandedContent select#acbCustomerList { max-width: 238px !important; width: 238px !important; font-size: 12px; margin: 10px 0 5px; height:31px; } .AcbDialogLabel { font-size: 13px; } .acb_StateSelect { width: 149px !important; } #coral_calendar { width: fit-content; height: fit-content; } .defaultCoralCalendarPast, .defaultCoralCalendarCell { width: 94%; height: 35px; line-height: 34px; min-width: 32px; opacity:0.7; } .defaultCoralCalendarToday { font-family: SalesforceSans-Bold, arial ; color: var(--main-color-pink) !important; opacity:1; } .defaultCoralCalendarCell { background: var(--mainBackground); font-family: SalesforceSans-Bold, arial ; border-radius: 3px; opacity:1; } .defaultCoralCalendarDayPopup > div:nth-child(2) table { border:1px solid lightgray; } .defaultCoralCalendarDayPopup > div:nth-child(2) { margin:10px; } .defaultCoralCalendarNewAppointment { white-space: nowrap; background: var(--main-color-pink) !important; color: #fff !important; font-size: 9px; width: 92% !important; border: none; left: 5px !important; cursor: pointer; text-align: center; vertical-align: middle; font-family: SalesforceSans-bold, arial ; line-height: 20px; height: 20px !important; padding: 12px 7px; } .AllowAll .defaultCoralCalendarNewAppointment { height: 20px !important; } .defaultCoralCalendarDayPopup div:first-child input { margin-top: 5px; position: absolute; left: 220px; top: 5px; } .defaultCoralCalendarDayPopup div:first-child { margin-right: 10px; margin-top: 6px; } .defaultCoralCalendarDayPopup td { vertical-align: middle; color: #444; padding: 0px 5px; height: 50px !important; border: none; border-bottom: 1px dashed lightgray; } .AllowAll.defaultCoralCalendarDayPopup td { height: 37px !important; } .defaultCoralCalendarDayPopup { height: 448px; border:none; } .defaultCoralCalendarNonWorking { background: repeating-linear-gradient( -55deg, #222, #222 10px, #000 10px, #000 20px ); opacity: 0.15; top: 195px; width: 277px!important; left: 13px !important; margin-top: -3px; height: 50px !important; } .AllowAll .defaultCoralCalendarNonWorking { background: transparent; border:none; } /*GBIT Style*/ /*round Icons*/ div.GBIT .infoListRow.CustomerNumber DIV:first-child.infoListCell { background: url(../images/number.svg) transparent 18px 3px no-repeat !important; background-size: 31px !important; padding: 0px !important; pointer-events: all !important; } div.GBIT .infoListRow.CustomerName DIV:first-child.infoListCell { background: url(../images/name.svg) transparent 18px 3px no-repeat !important; background-size: 31px !important; padding: 0px !important; pointer-events: all !important; } div.GBIT .infoListRow.SMS DIV:first-child.infoListCell, div.GetBackInTouchMenu .infoListRow.SMS DIV:first-child.infoListCell { background: url(../images/sms.svg) transparent 18px 3px no-repeat !important; background-size: 31px !important; padding: 0px !important; pointer-events: all !important; } div.GBIT .infoListRow.EMAIL DIV:first-child.infoListCell, div.GetBackInTouchMenu .infoListRow.EMAIL DIV:first-child.infoListCell { background: url(../images/email.svg) transparent 18px 3px no-repeat !important; background-size: 31px !important; padding: 0px !important; pointer-events: all !important; } div.GBIT .infoListRow.DontSend DIV:first-child.infoListCell, div.GetBackInTouchMenu .infoListRow.DontSend DIV:first-child.infoListCell { background: url(../images/noSend.svg) transparent 18px 3px no-repeat !important; background-size: 31px !important; padding: 0px !important; pointer-events: all !important; } /*Tab icons*/ .csdkPopOutBox.GBIT input.MediaChoices:checked + label { color: #fff !important; background-color: #E51884 !important; border-color: #e51884 !important; } .csdkPopOutBox.GBIT input.MediaChoices + label { border: 1px solid #d5d4d4 !important; } .csdkPopOutBox.GBIT input.MediaChoices + label[for="MediaChoice_SMS"] { background: url(../images/emailGrey.svg) 8px center no-repeat !important; background-size: 15px !important; padding-left: 28px !important; } .csdkPopOutBox.GBIT input.MediaChoices + label[for="MediaChoice_EMAIL"] { background: url(../images/smsGrey.svg) 8px center no-repeat !important; background-size: 15px !important; padding-left: 28px !important; } .csdkPopOutBox.GBIT input.MediaChoices + label[for="MediaChoice_DontSend"] { background: url(../images/noSendGrey.svg) 8px center no-repeat !important; background-size: 15px !important; padding-left: 28px !important; } .csdkPopOutBox.GBIT input.MediaChoices:checked + label[for="MediaChoice_SMS"] { background: url(../images/emailWhite.svg) 8px center no-repeat, #E51884 !important; background-size: 15px !important; padding-left: 28px !important; } .csdkPopOutBox.GBIT input.MediaChoices:checked + label[for="MediaChoice_EMAIL"] { background: url(../images/smsWhite.svg) 8px center no-repeat, #E51884 !important; background-size: 15px !important; padding-left: 28px !important; } .csdkPopOutBox.GBIT input.MediaChoices:checked + label[for="MediaChoice_DontSend"] { background: url(../images/noSendWhite.svg) 8px center no-repeat, #E51884 !important; background-size: 15px !important; padding-left: 28px !important; } .infoListWrapper .infoListRow.CustomerName .infoListCell:last-child, .infoListWrapper .infoListRow.CustomerNumber .infoListCell:last-child, .infoListWrapper .infoListRow.EMAIL .infoListCell:last-child { background: url(../images/edit.svg) left 7px no-repeat !important; background-size: 16px !important; } .infoListWrapper .infoListRow.CustomerName.Edit .infoListCell:last-child, .infoListWrapper .infoListRow.CustomerNumber.Edit .infoListCell:last-child, .infoListWrapper .infoListRow.SMS.Edit .infoListCell:last-child, .infoListWrapper .infoListRow.EMAIL.Edit .infoListCell:last-child { background: url(../images/editDone.svg) left 7px no-repeat !important; background-size: 16px !important; } .csdkPopOutBoxContent .infoListRow .infoListTitle { font-weight: normal !important; } div.GBIT .csdkPopOutBoxContent .infoListRow .infoListTitle input.EmailInput { text-transform: lowercase !important; } div.GBIT .csdkPopOutBoxContent .infoListRow .infoListTitle input { padding: 0 2px !important; } div.GBIT .csdkPopOutBoxContent .infoListRow .infoListTitle input:disabled { padding: 1px 3px !important; } .csdkPopOutBox.GBIT .csdkPopOutBoxContent .infoListRow:first-child .infoListCell:nth-child(2) .infoListTitle { top: 52px !important; } div.GBIT div.TitleBar button.Close, div.GetBackInTouchMenu .GetBackInTouchTitle button.Close { right: 5px !important; top: 14px !important; background: url(../images/windowClose.svg) no-repeat center !important; background-size: 15px !important; } div.GBIT div.TitleBar, div.GetBackInTouchMenu div.TitleBar { color: #58585b !important; background: var(--mainBackground) !important; font-size: 18px !important; padding: 6px 8px 10px 16px !important; border-top: 10px solid #58585b !important; } ul.coralDock.GBITDock div#leftExtension { color: gray !important; top: 21px !important; left: 45px !important; } /*Call Simulator*/ #ASW .executedWind .nameAndStatus { border-top: none!important; background: var(--mainBackground) !important; } #ASW #favourites .executedWind { background: var(--mainBackground) !important; border-top: 1px solid #d5d4d4!important; } #asw_testWind_runCanCelTestcase { border-radius: 0 !important; } .executedWind .runFailed, .executedWind .runSuccesful, .executedWind .runCancelled, .executedWind .runForceCancelled, .executedWind .runError, .executedWind .processing { color: var(--colorTextDefault) !important; } /*Accelerator style*/ /*Scroll bar style*/ #CTIA_remoteDestinationText { left: 0 !important; } /*END*/ /*award style start*/ .awardPreviewToolTipBlock div { display: inline-block; vertical-align: middle; padding-left: 3px; } #AWARDS .csdkDWindLeftDockedWindowIcon { background: url(../images/awardMainIcon.svg) no-repeat center !important; background-size: 20px !important; height: 30px; } .highcharts-credits {display: none !important;} #AwardsGoesHere .heading { font-size: 13px ; line-height: 26px ; font-weight: bold ; } #AwardsGoesHere .agentRank { } #AwardsGoesHere .chart { } #AwardsGoesHere .awardsBlock { border: none !important; } #AwardsGoesHere .heading { } .agentScoreBlock { color: var(--colorTextDefault) !important; } .AWARDS { width: 16px; position: absolute; left: 163px; bottom: 7px; } .AWARDS .awardsPopoutLauncher input[type="button"] { background: url(../images/awardIcon.svg) no-repeat left top; background-size: 18px; height: 26px; border: none; width: 20px; } .AWARDS .newAward.awardsPopoutLauncher input[type="button"] { background: url(../images/awardIconNew.svg) no-repeat left top; background-size: 22px; height: 26px; border: none; width: 22px; } .AWARDS .newTeamAward.awardsPopoutLauncher input[type="button"] { background: url(../images/awardIconNewSquad.svg) no-repeat left top; background-size: 22px; height: 26px; border: none; width: 22px; } .AWARDS .awardsPopoutLauncher input[type="button"]:hover { background: url(../images/awardIconH.svg) no-repeat left top; background-size: 18px; } .AWARDS .newAward.awardsPopoutLauncher input[type="button"]:hover { background: url(../images/awardIconNewH.svg) no-repeat left top; background-size: 22px; } .AWARDS .newTeamAward.awardsPopoutLauncher input[type="button"]:hover { background: url(../images/awardIconNewSquadH.svg) no-repeat left top; background-size: 22px; } /*KVP text style*/ #CreditAppliance_leftInfoWrapper #previousCallDataRow { border-top: var(--border-lightgray); } #CreditAppliance_leftInfoWrapper #previousCallDataRow .coralkvptable .kvpTableRow:nth-child(odd) { background: var(--main-background-lightgray); } #CreditAppliance_leftInfoWrapper .coralkvptable .kvpTableKeyCell, .coralkvptable .kvpTableKeyCell { max-width: 93px !important; color: #50215d !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: var(--colorTextDefault) !important; font-size: 12px !important; width: 95px !important; padding:5px 2px 5px 8px; vertical-align: middle; } #CreditAppliance_leftInfoWrapper .coralkvptable .kvpTableValueCell, .coralkvptable .kvpTableValueCell { width: 158px !important; max-width: 158px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; border-left: 0px; padding:5px 5px 5px 2px; } .runCancelBtnDiv { border-top: 1px solid lightgray; } #transferWidgetWindow .csdkTable > .csdkTableBody > .csdkRow > .csdkCell > .csdkTable .csdkCell { font-weight: normal; } #transferWidgetWindow .search {display: none !important;} #transferWidgetWindow .expanded .csdkRow.vertical.csdkFooter { border: 0px !important; } #transferWidgetWindow .csdkCell .csdkTable.section .csdkRow:first-child { border-top: 1px solid var(--colorBorder); border-bottom: 0px !important; } #transferWidgetWindow .csdkCell:first-child .csdkTable.section .csdkRow:first-child { border-top: 0px; } #transferWidgetWindow .csdkTable.section .csdkTableBody .csdkRow .csdkCell { background: none !important; min-height: 55px !important; } #transferWidgetWindow .csdkTableBody .csdkRow.vertical { counter-reset: inst; } #transferWidgetWindow .csdkTableBody .csdkRow.vertical > .csdkCell { counter-increment: inst; } #transferWidgetWindow .csdkTableBody .csdkRow.vertical > .csdkCell .csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:after{ content: counter(inst); color: var(--colorTextBrand) ; display: block; height: 40px; margin-left: 11px; line-height: 40px; font-size: 20px; } #transferWidgetWindow .csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { transition: background-color 0.8s; } #transferWidgetWindow #Product.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/productIcon.svg) #54698d no-repeat center; background-size: 80%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow #SubProduct.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/subProductIcon.svg) #54698d no-repeat center; background-size: 80%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow #Reason.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/enquiryIcon.svg) #54698d no-repeat center; background-size: 80%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow #SubReason.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/subReasonIcon.svg) #54698d no-repeat center; background-size: 80%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow #Segment.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/segmentIcon.svg) #54698d no-repeat center; background-size: 50%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow #Destination.csdkTable.section .csdkTableBody .csdkRow .csdkCell:first-child:before { background: url(../images/destinationIcon.svg) #54698d no-repeat center; background-size: 40%; content: ' '; display: block; height: 40px; width: 40px; border-radius: 50%; margin-left: 11px; } #transferWidgetWindow .csdkTable.section.expanded .csdkTableBody .csdkRow .csdkCell:first-child:before { background-color: #61b7e7 !important; } #transferWidgetWindow .csdkRow.vertical.csdkFooter .content .csdkInput { border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 5px !important; } #transferWidgetWindow .titleAndSelected .selected { font-size: 11px; color: var(--colorTextBrand) !important; } #transferWidgetWindow .csdkInput.inputWrapper .inputLabel { font-size: 12px !important; } #transferWidgetWindow .csdkTable .csdkTable > .csdkTableBody { background: url(../images/arrowSquareLeft.svg) 96% center no-repeat; background-size: 17px; background-color: #f4f6fb; transition: background-color 0.8s !important; cursor: pointer; } #transferWidgetWindow .csdkTable .csdkTable.expanded > .csdkTableBody { background: url(../images/arrowSquareDown.svg) 96% center no-repeat; background-size: 17px; } #transferWidgetWindow .csdkCell #Destination.csdkTable.section .finalItemWrapper .csdkRow.vertical > .csdkCell:last-child { border: 1px solid var(--colorBorder); padding: 10px; border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0 !important; } #transferWidgetWindow .csdkCell #Destination.csdkTable.section .finalItemWrapper .csdkRow.vertical > .csdkCell > .csdkRow > .csdkCell:first-child { background: none; padding-left: 10px; font-size: 14px !important; } #transferWidgetWindow .csdkCell #Destination.csdkTable.section .finalItemWrapper .csdkRow.vertical > .csdkCell:first-child > div { font-weight: normal; padding: 10px 20px; background: var(--mainBackground); border: 1px solid var(--colorBorder); border-top: 0px; border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge) !important; margin: 0 auto; } div#Destination .csdkFooter > .csdkCell:last-child { height: 48px; position: relative; width: calc(100% - 25px); text-align: right; display: inline-block; } #transferWidgetWindow #Destination button { background-image: url(../images/iconTransferFlat.svg) !important; background-repeat: no-repeat !important; background-position: 14px center !important; background-size: 13px !important; text-transform: capitalize !important; font-size: 12px !important; padding-left: 2rem !important; padding-right: 1rem; padding: 8px 15px 8px 35px !important; margin-top: 10px !important; border-radius: var(--borderRadiusMedium) !important; font-size: 13px !important; letter-spacing: 0 !important; color: var(--color-text-link) !important; border: 1px solid var(--colorBorder); margin-right: 0; background-color: var(--mainBackground); } #transferWidgetWindow #Destination button:disabled { color: white !important; background-image: url(../images/iconTransferFlatWhite.svg) !important; background-color: #c9c7c5 !important; pointer-events: none; } #transferWidgetWindow #Destination button:hover { text-shadow: none !important; } #transferWidgetWindow .EWTStale { text-decoration: line-through; color: black; } #transferWidgetWindow .EWTFresh, #transferWidgetWindow .EWTRefreshing, #transferWidgetWindow .EWTStale { width: unset; min-width: unset; border-radius: var(--borderRadiusMedium) !important; padding: 1px 10px; font-size: 11px !important; } #transferWidgetWindow .EWTUpTo2Mins, #transferWidgetWindow .EWTUpTo3Mins { color: white !important; background: #4bca81; padding: 1px 10px; border-radius: var(--borderRadiusMedium) !important; } #transferWidgetWindow .EWTUpTo5Mins { color: white !important; background: #ffb75d; padding: 1px 10px; border-radius: var(--borderRadiusMedium) !important; } #transferWidgetWindow .EWTVeryLong { background: #c23934; padding: 1px 10px; border-radius: var(--borderRadiusMedium) !important; color: white !important; } #transferWidgetWindow .EWTIsClosed { color: #444; } #transferWidgetWindow #EWTSelectionWaitTime { display: block; position: absolute; width: 38px; text-align: left; font-size: 90%; } /*ONE MESSAGE START*/ .infoListWrapper.queueContainer + .infoListWrapper.binContainer .infoListRow.binHeader { border-bottom:none; } .infoListWrapper.queueContainer + .infoListWrapper.binContainer.open .infoListRow.binHeader { border-width: 0px 0 1px 0 !important; border-bottom: 1px solid rgb(223, 223, 223); } .infoListWrapper.open .infoListRow.queueHeader, .infoListWrapper.open .infoListRow.binHeader { border-width: 0px 0 1px 0 !important; } .infoListWrapper.queueContainer.open + .infoListWrapper.binContainer.open .infoListRow.binHeader { border-width: 1px 0 1px 0 !important; border-bottom: 1px solid rgb(223, 223, 223); } .infoListWrapper.queueContainer.open + .infoListWrapper.binContainer .infoListRow.binHeader { border-width: 1px 0 1px 0 !important; } #ONEM .onem_dock_newEmailWrapper {display:none;} #ONEMESSAGE .csdkDWindContentWindow .csdkTabSet > .csdkTabSetHeader .customerTab .csdkTabLabel { padding: 10px 10px 9px 12px; } #ONEMESSAGE .csdkDWindContentWindow .csdkTabSet > .csdkTabSetHeader .customerTab .csdkTabLabel .iconTimeWrap { margin-top: 0; } #ONEMESSAGE .interactionContentWrapper .interactionContentHeader .channelTxt { padding-top:0; } /* Call simulator test case editor needs case to be sane */ .editTestcasePopOutWrapper .kvpTableRow input { text-transform: none !important; } /*stats*/ #statusWidgetGoesHere { margin:0px !important; } #statusWidgetGoesHere .statusWidget_right_defaultWrapperClass.statusWidget_underThreshold, #statusWidgetGoesHere .statusWidget_right_defaultWrapperClass, #statusWidgetGoesHere .statusWidget_right_defaultWrapperClass.statusWidget_overThreshold { font-size: 14px !important; width: 250px !important; border-radius: 0 !important; padding: 3px 8px !important; text-align: left !important; font-weight: normal !important; border-top: 1px solid rgba(239, 239, 239, 0.23) !important; cursor: pointer !important; border: 0px !important; margin: 0 !important; cursor: pointer !important; border-bottom: 1px solid rgba(239, 239, 239, 0.17) !important; } .statusWidget_left_defaultWrapperClass { border-right: 0px !important; border-left: 0px !important; position: relative; } .statusWidget_left_defaultWrapperClass span.chevron { background: url(../images/icon_arrowDown.svg) no-repeat !important; background-size: 8px; width: 9px; height: 9px; position: absolute; right: 8px; top: 12px; display: inline-block; cursor: pointer; } .statusWidget_left_queueWrapperClass .statusWidget_left_defaultWrapperClass { border: 0px; border-bottom: 1px dashed #dedbda; border-radius: 0px; margin: 0; font-size: 12px; text-align: left; padding: 5px 60px 5px 14px; } .statusWidget_left_queueWrapperClass .statusWidget_left_defaultWrapperClass:last-child { border-bottom: 0px; padding-bottom:13px; } .statusWidget_right_queueWrapperTitleClass, .statusWidget_right_agentWrapperTitleClass { padding-top: 2px !important; color: #fff !important; font-size: 14px !important; text-shadow: none !important; text-transform: uppercase !important; background: #b6b6b6 !important; font-weight: normal !important; text-align: left !important; padding: 2px 0 2px 8px !important; } .statusWidget_text_left_defaultContentClass, .statusWidget_reveal_left_defaultRevealContentClass { margin-left: 0px !important; float: right !important; margin-right: 0px !important; color: var(--colorTextBrand) !important; } .statusWidget_reveal_left_defaultRevealTextContentClass { color: var(--colorTextBrand) !important; } .statusWidget_text_left_defaultContentClass { max-width: 130px; position: absolute; right: 10px; } .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass span:first-child { flex-grow: 1; max-width:150px; margin-right:auto !important; } .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass.statusWidget_underThreshold, .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass.statusWidget_overThreshold, .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass { border-radius: 0px !important; text-align: center !important; color: #221f1f !important; margin: 0px !important; font-weight: normal !important; font-size: 12px !important; padding: 7px 30px 7px 17px !important; background: transparent; border: 1px dashed #e5e6e7 !important; text-align: left !important; display: flex; flex-direction: column; border-width: 1px 0 0 0 !important; position: relative; } .statusWidget_left_defaultWrapperClass > input + label { padding-bottom:10px; } .statusWidget_left_defaultWrapperClass > input:checked + label { padding-bottom:0px; } .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass { padding: 7px 17px 7px 17px !important; } .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass:nth-child(2) { border-top: 1px solid #e5e6e7 !important; } .statusWidget_left_agentWrapperClass .statusWidget_left_defaultWrapperClass:last-child { border-width: 1px 0 0 0 !important; } .statusWidget_left_defaultWrapperClass:first-child { border-top: 0px !important; } .statusWidget_left_defaultWrapperClass label { cursor: pointer !important; width: 185px !important; display: inline-flex; } .statusWidget_reveal_left_defaultRevealTextContentClass { position: absolute; right: 20px; } .statusWidget_overThreshold span.statusWidget_reveal_left_defaultRevealTextContentClass { color: red; } .statusWidget_overThreshold:before { position:absolute; width: 8px; height:8px; background: red; content:''; border-radius:100%; left: 6px; top:10px; } .statusWidget_underThreshold:before { position:absolute; width: 8px; height:8px; background: #45ba33; content:''; border-radius:100%; left: 6px; top:10px; } .statusWidget_left_defaultWrapperClass.statusWidget_underThreshold input[type=checkbox] + span.chevron, .statusWidget_overThreshold input[type=checkbox] + span.chevron{ cursor: pointer !important; background: url(../images/icon_arrowRight.svg) no-repeat 97% 11px !important; background-size: 6px !important; position: absolute; width: 25px; height: 25px; transform: rotate(90deg); right: -5px; top: -7px; } .statusWidget_left_defaultWrapperClass.statusWidget_underThreshold input[type=checkbox]:checked + span.chevron, .statusWidget_overThreshold input[type=checkbox]:checked + span.chevron{ transform: rotate(0deg); right: 7px; top: -2px; } .statusWidget_left_defaultWrapperClass.statusWidget_underThreshold label, .statusWidget_overThreshold label{ display: flex; flex-direction: row; } .leftNotify.notification, #MMD .leftNotify.notification { color: white !important; position: absolute; top:4px; left: 38px; margin: 0; } .statusWidget_left_queueWrapperTitleClass, .statusWidget_left_agentWrapperTitleClass{ background-color: #a6a9ac !important; line-height: 16px !important; font-weight: normal !important; padding: 2px 0px !important; text-shadow: none !important; background-image: none !important; margin: 10px auto 7px !important; width: 160px !important; position: relative !important; border-radius: 10px; } .statusWidget_left_queueWrapperTitleClass:before { width: 50px !important; height: 1px !important; background: #dedbda !important; content: ' ' !important; position: absolute !important; left: -50px !important; top: 10px !important; } .statusWidget_left_queueWrapperTitleClass:after { width: 50px !important; height: 1px !important; background: #dedbda !important; content: ' ' !important; position: absolute !important; right: -50px !important; top: 10px !important; } .statusWidget_text_left_defaultTitleClass, .statusWidget_reveal_left_defaultRevealTitleClass { margin-right: 5px !important; font-size: 12px; color: var(--colorTextDefault) !important; word-break: break-all; } .statusWidget_text_left_defaultTitleClass br, .statusWidget_reveal_left_defaultRevealTitleClass br { display: none; } .statusWidget_text_left_defaultTitleClass { display: inline-block; max-width: 190px; white-space: pre-wrap; word-break: break-word; } .statusWidget_left_agentWrapperClass span { font-weight: bold; color: var(--colorTextBrand); font-size: 12px; } .statusWidget_left_agentWrapperTitleClass { display: none !important; } /*** ACB ***/ #AcbDialogCell_Attempt, .AcbDialogLabel, .AcbDialogCell_Span2 { display: table-cell; width: 130px; font-size: 12px !important; line-height: 33px; font-weight: normal; color: var(--colorTextDefault) !important; } .acbWidgetDock ul.WidgetTabBar { border-top: 1px solid #d1d2d4; } .TabContent .acb_bottomButtonWrapper { margin-top: 10px; width: 83% !important; } .TabContent .acb_bottomButtonWrapper button, #acbWidget_Tab_Customers .TabContent button { height: 1.8rem; line-height: 1.8rem; color: var(--color-text-link) !important; font-size: 12px !important; } .coralDraggableWindowContentWindow #acb_FinishNote input[type="button"], .coralDraggableWindowContentWindow #acbWidgetGoesHere input[type="button"], .acbWidgetDock #expandedContent button { white-space: nowrap; font-size: 13px; height: 1.8rem; line-height: 1.8rem; padding: 0 15px; width:auto; margin-right:5px; } #acb_cancel, #acb_callNow { line-height: 1.4rem; } .acb_bottomButtonWrapper {width:165px !important;} .TabContent .acb_bottomButtonWrapper button:disabled, #acbWidget_Tab_Customers .TabContent button:disabled, #expandedContent button:disabled, #expandedContent input[type="button"]:disabled, .coralDraggableWindowContentWindow input[type="button"]:disabled, .userbtn button:disabled, .greybutton:disabled, .transferPopUpActions[type="button"]:disabled, input.transferTypeButton[type="button"]:disabled, #CreditApplianceGoesHere #transferCancelButton:disabled, #CreditApplianceGoesHere input[type="button"]:disabled:hover, #CreditApplianceGoesHere input[type="button"]:disabled:active, #CreditApplianceGoesHere input[type="button"]:disabled { background-color: var(--disabled-button-background-color) !important; color: var(--disabled-button-text-color) !important; pointer-events: none; opacity:0.7; } #acb_FinishNote { width:91%; } #acb_FinishNote .AcbDialogRow input[type="text"], .acb_PrepInput, .acb_DateInput, .acb_NumberInput, .acb_NameInput { border:1px solid lightgray; height: 27px !important; border-radius: 5px; width: 138px; font-size:12px; } #AcbDialogCell_CallCompletion select { width: 293px; margin-top: 19px; margin-left: -14px; margin-bottom: 14px; } #acb_FinishNote .AcbDialogRow input[type="text"] { width: 187px; } #acb_FinishNote .AcbDialogRow, #acbWidgetGoesHere .acb_CallNotes .AcbDialogRow { display: flex; } #acb_FinishNote, #acbWidgetGoesHere .acb_CallNotes { padding: 12px 0px 12px 13px; display: flex; flex-direction: column; } .AcbDialogCell_Span2 { padding: 0px 0px 3px 13px; } .acb_NoteInput {border-radius: 5px;} .acbWidgetDock ul.WidgetTabBar li, .acb_tableTitleCell { font-size: 12px !important; margin: 0; border-right: 0px; border-top: 0; padding: 6px 2px !important; text-transform: capitalize; } .coralkvptable .kvpTableRow:last-child span { border-bottom: 0px solid #E6E7E8 !important; } .coralkvptable .kvpTableValueCell { padding-right: 8px !important; color: var(--colorTextDefault) !important; display: table-cell !important; width: 144px !important; text-align: left !important; border-left: 0px solid #E6E7E8 !important; text-align: right !important; font-size: 12px !important; vertical-align: middle; } div.acbKvpTable div.coralkvptable span.kvpTableValueCell, div.acbKvpTable div.coralkvptable span.kvpTableKeyCell { padding: 3px 5px !important; width: 67px !important; border: 0px !important; } #acb_CallNotesWindow .coralDraggableWindowContentWindow { width:100%; } div.acbKvpTable div.coralkvptable span.kvpTableKeyCell {opacity:0.6;} div.acbKvpTable>div.coralkvptable { padding: 9px; margin: 5px auto; border: var(--border-lightgray); border-radius: 5px; max-width: 220px; width: 220px; min-width: 220px; display: flex; flex-direction: column; } .TabContent .acb_bottomButtonWrapper {width:170px;} input.coraltable_body_td, .coraltable_cell, #manageFavs_wrapper .coraldivtable_table.manageFavs_table .coraldivtable_footer input { } .coralAgentScriptPopup.boxColour { display: none; } .dark div.csdkPopOutBoxContent.HierarchicalMenuToolTip, div.csdkPopOutBoxContent.HierarchicalMenuToolTip, .csdkPopOutBoxContent.csdkToolTipPopOutBoxContent { overflow-wrap: break-word; white-space: pre-wrap; max-width: 400px; background: #1f2655 !important; color: white !important; border: 0px; line-height: 1rem; padding: 15px 20px; border-radius:4px; box-shadow: 5px 5px 6px #0003 !important; } .csdkPopOutBoxContent.csdkToolTipPopOutBoxContent.creditAppliance_HelpMode_TT { min-width: 50px; max-width: 180px; width:auto; } .csdkPopOutBoxContent.csdkToolTipPopOutBoxContent.creditAppliance_HelpMode_TT.rm, .csdkPopOutBoxContent.csdkToolTipPopOutBoxContent.creditAppliance_HelpMode_TT.lm { margin-left:-10px; } /*Tooltip pointy colour*/ div.csdkPopOutBoxContent.HierarchicalMenuToolTip.lt.csdkToolTipPopOutBoxContent:before { top: 10px; right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.lm.csdkToolTipPopOutBoxContent:before { top: calc( 50% - 9px ); right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.lb.csdkToolTipPopOutBoxContent:before { bottom: 10px; right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.rt.csdkToolTipPopOutBoxContent:before { top: 10px; left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.rm.csdkToolTipPopOutBoxContent:before { top: calc( 50% - 9px ); left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.rb.csdkToolTipPopOutBoxContent:before { bottom: 10px; left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.tl.csdkToolTipPopOutBoxContent:before { bottom: 100%; left: 10px; border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.tc.csdkToolTipPopOutBoxContent:before { bottom: 100%; left: calc( 50% - 7px); border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.tr.csdkToolTipPopOutBoxContent:before { bottom: 100%; right:10px; border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.bl.csdkToolTipPopOutBoxContent:before { top: 100%; left: 10px; border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.bc.csdkToolTipPopOutBoxContent:before { top: 100%; left: calc( 50% - 7px); border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.HierarchicalMenuToolTip.br.csdkToolTipPopOutBoxContent:before { top: 100%; right:10px; border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.lt.csdkToolTipPopOutBoxContent:before { top: 10px; right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.lm.csdkToolTipPopOutBoxContent:before { top: calc( 50% - 9px ); right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.lb.csdkToolTipPopOutBoxContent:before { bottom: 10px; right: 100%; border-top: 7px solid transparent; border-right: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.rt.csdkToolTipPopOutBoxContent:before { top: 10px; left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.rm.csdkToolTipPopOutBoxContent:before { top: calc( 50% - 9px ); left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.rb.csdkToolTipPopOutBoxContent:before { bottom: 10px; left: 100%; border-top: 7px solid transparent; border-left: 9px solid #1f2655; border-bottom: 7px solid transparent; } div.csdkPopOutBoxContent.tl.csdkToolTipPopOutBoxContent:before { bottom: 100%; left: 10px; border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.tc.csdkToolTipPopOutBoxContent:before { bottom: 100%; left: calc( 50% - 7px); border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.tr.csdkToolTipPopOutBoxContent:before { bottom: 100%; right:10px; border-bottom: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.bl.csdkToolTipPopOutBoxContent:before { top: 100%; left: 10px; border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.bc.csdkToolTipPopOutBoxContent:before { top: 100%; left: calc( 50% - 7px); border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } div.csdkPopOutBoxContent.br.csdkToolTipPopOutBoxContent:before { top: 100%; right:10px; border-top: 7px solid #1f2655; border-right: 9px solid transparent; border-left: 9px solid transparent; } /*Secure Pay*/ #SecurePay .securePayTabSet > .csdkTabSetHeader { position: absolute; right: 0; top: 0; } div#SecurePay { min-width: 270px !important; } #SecurePay .csdkDWindContentWindow { width: 250px; background-image: none; } #SecurePay .securePayWindow .csdkCell:nth-child(2) input { width: calc(100% - 24px); font-family: 'SalesforceSans-Regular, arial'; padding: 8px 10px; background: white; border: 1px solid; border-color: var(--colorBorder); border-radius: var(--borderRadiusMedium); font-size: 12px !important; } #SecurePay .securePayWindow .title { background: url(../images/widgetIcon_securePay.svg) no-repeat center left !important; background-size: 38px !important; line-height: 40px; padding-left: 50px; color: var(--colorTextBrand); } #SecurePay .securePayWindow .csdkTable, #SecurePay .securePayWindow .csdkTableBody, #SecurePay .securePayWindow .csdkRow { flex-direction: column; } #SecurePay .securePayWindow .csdkRow { padding-bottom: 18px; position: relative; } #SecurePay .securePayWindow .csdkTable { background: transparent; padding: 15px 10px 0 10px; } #SecurePay .securePayWindow .csdkCell:first-child, #SecurePay .securePayWindow .csdkCell:nth-child(2) { flex-grow: 0; color: var(--colorTextBrand); margin-bottom: 3px; } #SecurePay .securePayWindow .securePayResults button.cancelButton, #SecurePay .securePayWindow button.startButton { padding-left: 2rem !important; padding-right: 1rem; padding: 8px 15px !important; border-radius: var(--borderRadiusMedium) !important; font-size: 13px !important; letter-spacing: 0 !important; color: var(--color-text-link) !important; border: 1px solid var(--colorBorder); width: 228px; margin-left: calc(50% - 115px); font-family: SalesforceSans-Regular, arial ; cursor: pointer; } #SecurePay .securePayWindow .securePayResults button.cancelButton:hover, #SecurePay .securePayWindow button.startButton:hover { } #SecurePay .securePayWindow .securePayResults button.cancelButton:disabled, #SecurePay .securePayWindow button.startButton:disabled { border: 1px solid !important; border-color: var(--colorBorder) !important; border-right: 0px solid !important; background-color: #CAC7C5 !important; border-radius: 0.25rem 0 0 0.25rem; color: white !important; font-size: 13px !important; opacity: 1 !important; pointer-events: none; } #SecurePay .securePayWindow .securePayInput .csdkRow .csdkCell:last-child { color: #d34728; white-space: inherit; line-height: 10px; font-size: 11px; height: 20px; font-style: normal; letter-spacing: -0.02rem; position: absolute; bottom: -2px; } #SecurePay .securePayWindow .securePayResults .title { text-align: center; font-size: 16px; padding-left: 18px; } #SecurePay .securePayWindow .securePayResults .csdkTable { padding: 15px 10px 0 10px; } #SecurePay .securePayWindow .securePayResults .title { text-align: center; background: url(../images/paymentProgressIcon.svg) no-repeat center top; background-size: 60px 60px; font-size: 16px; padding-left: 0px; background: none !important; padding-top: 0px; color: var(--colorTextBrand); } #SecurePay .securePayWindow .securePayResults .csdkTable .csdkRow .csdkCell:last-child .creditCardNumberEntered, #SecurePay .securePayWindow .securePayResults .csdkTable .csdkRow .csdkCell:last-child .creditCardExpiryEntered, #SecurePay .securePayWindow .securePayResults .csdkTable .csdkRow .csdkCell:last-child .cvcEntered, #SecurePay .securePayWindow .securePayResults .csdkTable .csdkRow .csdkCell:last-child .paymentCompleted { background: #dddbd9; width: 10px; height: 10px; border-radius: 50%; position: relative; left: 2px; top: 3px; } #SecurePay .securePayWindow .securePayResults .csdkTableBody .csdkRow:after { content: ' '; width: 2px; height: 40px; background: #dddbd9; position: absolute; z-index: 0; left: 10px; top: 10px; } #SecurePay .securePayWindow .securePayResults .csdkTableBody .csdkRow:last-child:after { display: none; } #SecurePay .securePayWindow .securePayResults .csdkTableBody.creditCardNumberEntered .csdkRow .csdkCell:last-child .creditCardNumberEntered, #SecurePay .securePayWindow .securePayResults .csdkTableBody.creditCardExpiryEntered .csdkRow .csdkCell:last-child .creditCardExpiryEntered, #SecurePay .securePayWindow .securePayResults .csdkTableBody.cvcEntered .csdkRow .csdkCell:last-child .cvcEntered, #SecurePay .securePayWindow .securePayResults .csdkTableBody.paymentCompleted .csdkRow .csdkCell:last-child .paymentCompleted { background: url(../images/icon_securePayChecked.svg) gray no-repeat center; background-size: 15px 15px; width: 15px; height: 15px; left: 0px; top: 0px; } #SecurePay .securePayWindow .securePayResults .csdkTableBody.creditCardNumberEntered .csdkRow:after, #SecurePay .securePayWindow .securePayResults .csdkTableBody.creditCardExpiryEntered .csdkRow:after, #SecurePay .securePayWindow .securePayResults .csdkTableBody.cvcEntered .csdkRow:after, #SecurePay .securePayWindow .securePayResults .csdkTableBody.paymentCompleted .csdkRow:after { background: #4182c4; } #SecurePay .securePayWindow .securePayResults .csdkCell:last-child { flex-basis: 15px; flex-grow: 0; position: absolute; left: 4px; width: 18px; height: 18px; z-index: 10; } #SecurePay .securePayWindow .securePayResults .csdkCell:first-child { padding-left: 20px; color: var(--colorTextDefault); } #SecurePay .securePayWindow .securePayResults .csdkTableBody .csdkRow { border-bottom: 0px; padding: 6px 10px; word-break: 100px !; width: 205px; height: 25px; position: relative; } #SecurePay .securePayWindow .securePayResults .statusRow { flex-direction:row !important; } #SecurePay .securePayWindow .securePayResults .statusRow .csdkCell:last-child { position: inherit; margin-left: -3px; } #SecurePay .securePayWindow .securePayResults .statusRow .csdkCell:first-child { padding-left: 0px; } #SecurePay .securePayWindow .securePayResults .csdkRow.statusRow .csdkCell:last-child div { color: #d24728; } /***HIDING CHARTS FOR A WHILE****/ .CoralChartWrapper.Active_Times , .csdkTabContent.ActiveTimes button.hideCharts, .csdkTabContent.ActiveTimes button.showCharts, .CoralChartWrapper.Concurrent_Calls_Per_Browser { display: block; } .CoralChartWrapper.Traffic_For_UNKNOWN.Traffic_Resource { margin-right: 30px; } /*** NOT READY REASON & Logout Reason **/ #notReadyReasonDisplayDiv { text-shadow: none !important; color: var(--colorTextDefault) !important; font-size: 12px; text-align:left; padding-left: 10px; } #timeNotReadyTimer { padding-right: 10px !important; } #notReadyTime .coral_timerNumbers { color:var(--colorTextBrand); font-size: 12px; font-family: SalesforceSans-Regular, arial; } #notReadyTime { border: 1px solid #c7c7c7; background: var(--mainBackground); border-radius: 5px; width: 236px; margin: 4px 0 0 4px; padding: 2px 0; cursor:pointer; } #notReadyTime.red { background: red; } #notReadyTime.orange { background: #fda231; } #notReadyTime.red span, #notReadyTime.red div, #notReadyTime.orange span, #notReadyTime.orange div { font-family: SalesforceSans-Bold, arial ; color: #fff; } div#coral_AlertPopUpDiv.lr, div#coral_AlertPopUpDiv.nrr { width: 300px !important; padding: 20px 10px; } .showQueryMenuIconImage, .showQueryMenuIconImage { content: url(../images/warningIcon.svg); width: 30px; height: 30px; padding: 0; margin: 0 0 10px 0; } #creditAppliance_logoutReasons_menuPlace SPAN.HierarchicalMenuFrame, #NotReadyReasons_ChangeReasons_menuPlace SPAN.HierarchicalMenuFrame { left: 135px !important; margin-top: 14px; } /* SPAN.HierarchicalMenuFrame > ul > li:last-child .liTableWrapper { padding: 8px 4px 10px 4px; } SPAN.HierarchicalMenuFrame > ul > li:first-child .liTableWrapper { padding: 10px 4px 8px 4px; } */ SPAN.HierarchicalMenuFrame { padding: 0; border: 1px solid rgba(169, 169, 169, 0.55); background-color: rgba(255,255,255,1); } #creditAppliance_logoutReasons_menuPlace .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel, #creditAppliance_logoutReasons_menuPlace .HierarchicalMenuFrame li .liRowWrapper.item > div:first-child.itemLabel, #NotReadyReasons_ChangeReasons_menuPlace .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel, #NotReadyReasons_ChangeReasons_menuPlace .HierarchicalMenuFrame li .liRowWrapper.item > div:first-child.itemLabel { background: none; padding:3px 3px 3px 11px; color: var(--colorTextDefault) ; } #creditAppliance_logoutReasons_menuPlace .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel, #NotReadyReasons_ChangeReasons_menuPlace .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel { color: var(--mainBackground); } #NotReadyReasons_ChangeReasons_menuPlace .HierarchicalMenuFrame li:hover .liRowWrapper.item > div:first-child.itemLabel { } #creditAppliance_logoutReasons_menuPlace #startMenuButton, div#coral_AlertPopUpDiv.nrr #startMenuButton.hierarchicalMenuButton { font-size: 13px !important; width: 90%; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 5px !important; text-align: left; padding-left: 30px !important; background: url(../images/iconTransferList.svg) no-repeat 8px 8px !important; background-size: 14px !important; margin-top: 5px; text-shadow: none !important; } /***********************************************/ /*********** accordion menu style ***********/ /***********************************************/ #applianceMaster .remoteDestinationDiv.Accordion .remoteDestinationLabel:first-child { cursor: pointer; width: calc(100% - 62px); margin-left: 14px; padding-right:16px; border: 1.261px solid #E7E2DF !important; height: 30px; font-size: 14px; background-image: none; font-weight: bold; text-align: center; color: var(--color-text-link); border-radius: var(--borderRadiusMedium); line-height: 30px; } #applianceMaster .remoteDestinationDiv .remoteDestinationLabel { font-size: 14px; } #applianceMaster select.csdkDirBrowserBreadcrumbSelect { box-shadow:none; width: 200px; margin: 11px auto 11px auto; } .remoteDestinationDiv .AccordionWrapper { width: 250px; border: var(--border-lightgray); box-shadow:3px 3px 5px #00000026; } #applianceMaster #CreditApplianceGoesHere .AccordionWrapper .csdkDirBrowserBreadcrumbWrapper select { background: url(../images/arrowDown.svg) no-repeat calc(100% - 13px) center, #fff; border: var(--border-gray); color: var(--colorTextDefault); } #applianceMaster #CreditApplianceGoesHere .AccordionWrapper .csdkDirBrowserBreadcrumbWrapper { width:100%; margin-bottom:0; } #applianceMaster #CreditApplianceGoesHere .AccordionWrapper { position: absolute; left: 10px; background: #fff; z-index:5; margin-top:-1px; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkRow.item > .csdkCell:first-child { background:none; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles { max-width: 250px !important; min-width: 250px !important; height:auto; min-height:50px; max-height:280px; } /*hiding search section as this is not working*/ #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTable > .csdkHeader {display:none;} #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTable { border-right:none; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow .disclosureLabel { text-align:left; font-size: 14px ; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles {resize:none; box-shadow: 5px 5px 6px #d3d3d37a;} #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow { padding:0 10px; width: calc(100% - 20px); } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow.Favourites { padding-bottom:4px; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow:hover { background: var(--main-background-lightgray); cursor:pointer; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow:first-child { margin-top:10px; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow:last-child { margin-bottom:10px; } #applianceMaster .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody { width: 250px; max-height: 310px; overflow-y: auto; } .csdkDirBrowser.accordion.rootTableToggles .csdkTable.Root .csdkRow.csdkHeader > .csdkCell > div > input[name="Search"] { border: var(--border-lightgray); border-radius: 5px; width:200px; padding: 7px; margin-left: 0px; margin-bottom: 3px; } .csdkDirBrowser.accordion.rootTableToggles > .csdkTable { flex-basis:250px; } .csdkDirBrowser.accordion.rootTableToggles .csdkHeader .csdkCell div { display:inline-block; } .csdkDirBrowser.accordion.rootTableToggles .csdkHeader .csdkCell { justify-content: center; } .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkCell:first-child { flex-basis: 30px; flex-grow:0; min-width:30px; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.item > .csdkCell:first-child input.FavouriteStar { background: url(/coral/widgets/CREDITAPPLIANCE/images/favUnfilled.svg) no-repeat left center; background-size: 16px; border:none; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.item > .csdkCell:first-child input.FavouriteStar:checked:before {display:none;} .csdkDirBrowser.accordion.rootTableToggles .csdkRow.item > .csdkCell:first-child input.FavouriteStar:checked { background: url(/coral/widgets/CREDITAPPLIANCE/images/favFilled.svg) no-repeat left center; background-size: 16px; border:none; } .csdkDirBrowser.accordion.rootTableToggles > .csdkTable { margin: 0px; } .csdkDirBrowser.accordion.rootTableToggles > .csdkTable > .csdkRow.csdkHeader { margin: 15px 0 0 0px; } .csdkDirBrowser.accordion.rootTableToggles > .csdkTable { display:none;} .csdkDirBrowser.accordion.rootTableToggles > .csdkTable.open { display:flex;} .csdkDirBrowser.accordion.rootTableToggles .csdkTable.Root .csdkRow.csdkHeader > .csdkCell > div > div { display:none; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.folder > .csdkCell:first-child { background-position: 10px center; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Recent_Destinations > .csdkCell:first-child, .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Favourites > .csdkCell:first-child { min-width:30px; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Recent_Destinations > .csdkCell:first-child { background: url(/images/recentDestination.svg) no-repeat 3px center; background-size: 22px; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Favourites { margin-bottom: 10px; border-bottom: var(--border-lightgray); padding-bottom: 5px; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Recent_Destinations .disclosureLabel, .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Favourites .disclosureLabel, { font-size: 15px; line-height: 30px; font-weight: 600; } .csdkDirBrowser.accordion.rootTableToggles .csdkRow.Favourites > .csdkCell:first-child { background: url(/images/favourite.svg) no-repeat 3px center; background-size: 22px; } /*fav and recent style*/ .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody { width:100%; } .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow.Favourites .disclosureLabel, .csdkDirBrowser.accordion.rootTableToggles .csdkTableBody .csdkRow.Recent_Destinations .disclosureLabel { font-family: var(--main-font-Bold); padding: 4px 0; font-size: 15px; } /*fav and recent style END*/ /*Accordion Destination List style END*/ /*recording*/ .recordWrapper { border-radius: 5px; margin: 10px 10px 0; display: inline-table; border: 1px solid #e0dedd; margin:10px 30px; } .recordTitle { background: url(../images/record.svg) no-repeat; background-size: 220px; width: 70px; position:relative; display: table-cell; text-indent: -999999px; background-position: -3px 1px; display: none; } .recordButtonWrapper { display: table-row; float:right; } #crDockContent .recordButton:disabled, #crDockContent .recordButton, #crDockContent .recordButton:hover, #crDockContent .recordButton:active, .recordButtonWrapper .recordButton{ display: table-cell; background: url(../images/record.svg) no-repeat; background-size: 17px; height: 25px; cursor: pointer; text-indent: -999999px; position: relative; background-position: 11px 4px; border-right: 1px solid #e0dedd; } .recordButtonWrapper .recordButton:hover{ opacity: 0.5; } .recordButtonWrapper .recordButton:active{ opacity: 0.2; } .recordButtonWrapper .recordButton.recordStart { width: 35px; } .recordButtonWrapper .recordButton.recordStartDisabled { width: 35px; background: url(../images/record.svg) no-repeat; filter: grayscale(1); opacity:0.6; background-position: 10px center; pointer-events: none; background-size: 17px; } #crDockContent .pauseButton:disabled, #crDockContent .pauseButton, #crDockContent .pauseButton:hover, #crDockContent .pauseButton:active, .recordButtonWrapper .recordButton.recordPause { width: 35px; background: url(../images/recordPause.svg) no-repeat; background-size: 17px; background-position: 10px center; } .recordButtonWrapper .recordButton.recordPauseDisabled { filter: grayscale(1); width: 35px; background: url(../images/recordPause.svg) no-repeat; background-size: 17px; background-position: 10px center; pointer-events: none; opacity:0.6; } #crDockContent .resumeButton:disabled, #crDockContent .resumeButton, #crDockContent .resumeButton:hover, #crDockContent .resumeButton:active, .recordButtonWrapper .recordButton.recordUnpause { width: 35px; background: url(../images/recordStart.svg) no-repeat; background-size: 19px; background-position: 7px center; } .recordButtonWrapper .recordButton.recordUnpauseDisabled { width: 35px; background: url(../images/recordStart.svg) no-repeat; background-size: 19px; background-position: 7px center; pointer-events: none; filter: grayscale(1); opacity:0.6; } #crDockContent .endButton:disabled, #crDockContent .endButton, #crDockContent .endButton:hover, #crDockContent .endButton:active, .recordButtonWrapper .recordButton.recordEnd { width: 35px; border-right: 0px; background: url(../images/recordEnd.svg) no-repeat; background-size: 17px; background-position: 8px 4px; } .recordButtonWrapper .recordButton.recordEndDisabled { width: 35px; border-right: 0px; background: url(../images/recordEnd.svg) no-repeat; background-size: 17px; background-position: 8px 4px; pointer-events: none; filter: grayscale(1); opacity:0.6; } /*****************************************************************************************************/ /* adminstration tools style */ /*****************************************************************************************************/ #DESTLISTEDIT div.csdkDWindContentWindow { padding: 15px 1px 7px 1px !important; width: auto; } div#group h2 { padding-left: 50px; background: url(/images/groupsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 37px; } div#user h2 { padding-left: 50px; background: url(/images/usersIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 37px; } div#team h2 { padding-left: 50px; background: url(/images/teamsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 37px; filter: hue-rotate(45deg); } div#quickAgent h2 { padding-left: 50px; background: url(/images/quickAgentIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 37px; } .webtable_table tr.webtable_altinatingClass td { background: var(--mainBackground); } .webtable_table tr.webtable_altinatingClass:hover td { background-color: transparent; } .webtable_table tr.webtable_markedClass td input, .webtable_table tr.webtable_markedClass td select{ text-decoration: line-through; color: var(--main-color-coral); } /*ADMIN TOOL ICONS**/ table#newAdminTool_team_table td a.secure, table#newAdminTool_group_table td a.secure, table#newAdminTool_user_table td a.secure, table#newAdminTool_tenant_table td a.secure { content: url(/images/adminIcon_Secure.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_team_table td a.super, table#newAdminTool_group_table td a.super, table#newAdminTool_user_table td a.super, table#newAdminTool_tenant_table td a.super { content: url(/images/adminIcon_Super.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_team_table td a.tools, table#newAdminTool_group_table td a.tools, table#newAdminTool_user_table td a.tools, table#newAdminTool_tenant_table td a.tools { content: url(/images/adminIcon_Tools.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_user_table td a.params, table#newAdminTool_team_table td a.params, table#newAdminTool_group_table td a.params, table#newAdminTool_tenant_table td a.params, #newAdminTool_appliance_tableWrapper td a.params, #newAdminTool_tool_tableWrapper td a.params { content: url(/images/adminIcon_Params.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_user_table td a.roles, table#newAdminTool_team_table td a.roles, table#newAdminTool_group_table td a.roles, table#newAdminTool_tenant_table td a.roles { content: url(/images/adminIcon_Roles.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_user_table td a.clone, table#newAdminTool_team_table td a.clone, table#newAdminTool_group_table td a.clone, table#newAdminTool_tenant_table td a.clone { content: url(/images/adminIcon_Clone.svg) !important; width: 100%; height: 24px; margin: auto; cursor: pointer; margin-left: -20px; } table#newAdminTool_user_table td a.skills, table#newAdminTool_team_table td a.skills, table#newAdminTool_group_table td a.skills, table#newAdminTool_tenant_table td a.skills { content: url(/images/adminIcon_Skills.svg) !important; width: 100%; height: 30px; margin: auto; cursor: pointer; } table#newAdminTool_team_table .webtable_normalClass td a:hover { opacity: 0.7; } div#group .newAdminTool_group_table td:nth-child(5) { content: url(/images/groupsIcon.svg) !important; width: 20px; height: 20px; margin: 3px auto; } div#group .newAdminToolRoundedRect tr#_WEBTABLE_NEW_ROW_ td:nth-child(5) { filter: grayscale(100%); opacity: 0.5; } .newAdminToolRoundedRect input[type="image"] { z-index: 10000; position: absolute; right: 10px; top: 10px; } .newAdminToolRoundedRect .webtable_table select[name='Tenant'] { width: 100%; } table.webtable_table { width: 100%; margin-top: 46px; border:none; } table.webtable_table ul#list1 { height: 300px; overflow: auto; } li.wordbox { padding: 3px 0px; } li.wordbox.selected { background: #fdced629 !important; } li.wordbox:hover { background: #fef6f5; cursor: move; } #newAdminTool_tenant_tableWrapper h2 { padding-left: 50px; background: url(/images/tenantsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 35px; } #newAdminTool_tool_tableWrapper h2 { padding-left: 50px; background: url(/images/toolsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 35px; } #newAdminTool_reef_tableWrapper h2 { padding-left: 50px; background: url(/images/reefsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 35px; } #newAdminTool_plugin_tableWrapper h2 { padding-left: 50px; background: url(/images/pluginsIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 35px; } #newAdminTool_appliance_tableWrapper h2 { padding-left: 50px; background: url(/images/appliancesIcon.svg) no-repeat !important; background-size: 35px 35px !important; line-height: 35px; filter: hue-rotate(45deg); } .webtable_pager ul li, .webtable_pager ul div { display: inline; font-size: 11px; } .webtable_pager ul { color: var(--main-color-lightgray); display: flex; align-items: center; justify-content: center; } .newAdminToolRoundedRect #webtable_pager li a, .newAdminToolRoundedRect #webtable_pager li { padding: 3px 3px; border-radius: 50%; cursor: pointer; width: 14px; display: inline-block; text-align: center !important; } .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off { background-color: transparent; } .newAdminToolRoundedRect #webtable_pager li:hover { opacity: 0.7; } .newAdminToolRoundedRect #webtable_pager li.active { color: var(--main-color-pink); } .newAdminToolRoundedRect #webtable_pager li.previous-off, .newAdminToolRoundedRect #webtable_pager li.next, .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off, .newAdminToolRoundedRect #webtable_pager li.previous-off, .newAdminToolRoundedRect #webtable_pager li.next, .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off { background: transparent; padding: 0 5px !important; } .newAdminToolRoundedRect #webtable_pager li.previous { width: 10px; } .newAdminToolRoundedRect .webtable_pager li.next a, .newAdminToolRoundedRect .webtable_pager li.next-off { background-image: url(../images/arrowRightGray.svg) !important; background-size: 8px 8px !important; background-repeat: no-repeat !important; color: transparent !important; background-position: right !important; width: 17px !important; padding: 0 !important; } .newAdminToolRoundedRect .webtable_pager li.previous-off, .newAdminToolRoundedRect .webtable_pager li.previous a { background-image: url(../images/arrowLeftGray.svg) !important; background-size: 8px 8px !important; background-repeat: no-repeat !important; color: transparent; background-position: right center !important; width: 10px !important; padding: 0 !important; } .newAdminToolRoundedRect .webtable_pager li.next-off, .newAdminToolRoundedRect .webtable_pager li.previous-off { opacity: 0.3; pointer-events: none; } .newAdminToolRoundedRect #webtable_pager li:first-child a, .newAdminToolRoundedRect #webtable_pager li:first-child.previous-off{ background-image: url(../images/doubleArrowLeftGray.svg) !important; background-size: 8px 8px !important; color: transparent; background-repeat: no-repeat; background-position: center right !important; } .newAdminToolRoundedRect #webtable_pager li:last-child a, .newAdminToolRoundedRect #webtable_pager li:last-child.next-off { background-image: url(../images/doubleArrowRightGray.svg) !important; background-size: 8px 8px !important; background-position: center center !important; } #rightMaster .newAdminToolRoundedRect { background: var(--mainBackground) !important; box-shadow:none; border: var(--border-lightgray); border-radius:0; margin-top:0px; width: calc(100% - 60px); padding: 20px; position: relative; color: var(--main-color-gray); margin-bottom: 10px; } #newAdminToolDivWrapper > div > div { width: 600px; min-width: 100%; } .newAdminToolRoundedRect .webtable_table { width: 100%; border-collapse: collapse; box-shadow:none; } table#newAdminTool_user_table tbody { max-height: calc(100vh - 217px); overflow-y: auto; display: block; overflow-x: hidden; width: calc(100% + 10px); padding-right: 10px; } .webtable_table td { border:none !important; font-size: inherit; } .newAdminToolRoundedRect input[type=checkbox] { top: 1px !important; } .newAdminToolRoundedRect tr.webtable_normalClass:hover, .newAdminToolRoundedRect tr.webtable_altinatingClass:hover, .newAdminToolRoundedRect tr.webtable_ownerClass:hover { background: #e8e8e830 !important; background-color: #e8e8e830 !important; } .newAdminToolRoundedRect tr:first-child th { font-size: 12px !important; border-bottom: 2px solid #e4e4e4; padding: 10px 0 10px 6px; color: gray; font-weight: 100; position: relative; text-align: left; background: transparent; padding-top: 40px; } .webtable_table th.webtable_sortBy-rev { background: url(../images/icon_arrowUp.svg) no-repeat 90% 44px, transparent !important; background-size: 12px !important; } .webtable_table th.webtable_sortBy-norm { background: url(../images/icon_arrowDown.svg) no-repeat 90% 44px, transparent !important; background-size: 12px !important; } .newAdminToolRoundedRect h3 { font-size: 0.8rem; position: absolute; top: 67px; } .newAdminToolRoundedRect h3 select { width: 60px; } .newAdminToolRoundedRect h2 { margin: 0; } .newAdminToolRoundedRect h2 select { height: 28px !important; } .newAdminToolRoundedRect th { position: relative; height: 0px !important; background: #e8e8e8; padding: 0; } .newAdminToolRoundedRect input[type="button"][name="Add"] { position: absolute; bottom: -38px; right: -2px; height: 38px; z-index: 1000; } .newAdminToolRoundedRect input[type="button"][name="Add"]:disabled { background: #e8e8e8; pointer-events: none; } .newAdminToolRoundedRect input[type=text] { padding: 5px; width: calc(100% - 10px) !important; min-height: 20px; } #webtable_pager .previous a { color: transparent !important; } .newAdminToolRoundedRect #webtable_pager li a, .newAdminToolRoundedRect #webtable_pager li { padding: 3px 3px; border-radius: 50%; cursor: pointer; display: inline-flex ; width: auto ; max-width: fit-content; min-width: fit-content ; } .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off { background-color: transparent; } .newAdminToolRoundedRect #webtable_pager li:hover { opacity: 0.7; } .newAdminToolRoundedRect #webtable_pager div.active { display:none; } #webtable_pager a[onclick]:hover { border: 1px solid #fff; opacity: 0.7; } .newAdminToolRoundedRect #webtable_pager li.active { text-align: right !important; } .newAdminToolRoundedRect #webtable_pager li.previous-off, .newAdminToolRoundedRect #webtable_pager li.next, .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off, .newAdminToolRoundedRect #webtable_pager li.previous-off, .newAdminToolRoundedRect #webtable_pager li.next, .newAdminToolRoundedRect #webtable_pager li.previous, .newAdminToolRoundedRect #webtable_pager li.next-off { background: transparent; padding: 0 5px !important; min-width: 14px !important; text-indent: -99999999px; } .newAdminToolRoundedRect #webtable_pager li.active { padding: 0 7px; } .newAdminToolRoundedRect #webtable_pager li.previous { width: 10px; } .newAdminToolRoundedRect .webtable_pager li.next a, .newAdminToolRoundedRect .webtable_pager li.next-off { background-image: url(/images/arrowRightGray.svg) !important; background-size: 8px 8px !important; background-repeat: no-repeat !important; color: transparent !important; background-position: right !important; width: 17px !important; padding: 0 !important; } .newAdminToolRoundedRect .webtable_pager li.previous-off, .newAdminToolRoundedRect .webtable_pager li.previous a { background-image: url(/images/arrowLeftGray.svg) !important; background-size: 8px 8px !important; background-repeat: no-repeat !important; color: transparent; background-position: center !important; width: 10px !important; padding: 0 !important; } .newAdminToolRoundedRect .webtable_pager li.next-off, .newAdminToolRoundedRect .webtable_pager li.previous-off { opacity: 0.3; pointer-events: none; } .newAdminToolRoundedRect #webtable_pager li:first-child a, .newAdminToolRoundedRect #webtable_pager li:first-child.previous-off{ background-image: url(/images/doubleArrowLeftGray.svg) !important; background-size: 8px 8px !important; color: transparent; background-repeat: no-repeat; background-position: center right !important; } .newAdminToolRoundedRect #webtable_pager li:last-child a, .newAdminToolRoundedRect #webtable_pager li:last-child.next-off { background-image: url(/images/doubleArrowRightGray.svg) !important; background-size: 8px 8px !important; background-position: center center !important; } .newAdminToolRoundedRect #webtable_pager li.next { background-image: url(/images/arrowRightGray.svg) !important; background-repeat: no-repeat !important; background-size: 5px !important; background-position:center; } #container .newAdminToolRoundedRect #webtable_pager li.next a{ background-color: transparent !Important; display: contents; width: 100% !important; height: 100% !important; } .newAdminToolRoundedRect #webtable_pager li:last-child.next { background-image: url(/images/doubleArrowRightGray.svg) !important; background-repeat: no-repeat !important; background-size: 8px !important; background-position:center; } .newAdminToolRoundedRect #webtable_pager li.previous { background-image: url(/images/arrowLeftGray.svg) !important; background-repeat: no-repeat !important; background-size: 5px !important; background-position:center; } #container .newAdminToolRoundedRect #webtable_pager li.next a{ background-color: transparent !Important; display: contents; width: 100% !important; height: 100% !important; } .newAdminToolRoundedRect #webtable_pager li:first-child.previous { background-image: url(/images/doubleArrowLeftGray.svg) !important; background-repeat: no-repeat !important; background-size: 8px !important; background-position:center; } .newAdminToolRoundedRect #webtable_pager li.previous a, #container .newAdminToolRoundedRect #webtable_pager li.next a{ min-width: 10px !important; max-width: auto !important; background:transparent !Important; display: table; } #rightMaster, .growAnimate#user { width: 100%; } .newAdminToolRoundedRect input[type=text], .newAdminToolRoundedRect input[type=password] { padding: 5px; width: calc(100% - 10px) !important; min-height: 20px; border-bottom: 1px solid lightgray !important; color: #000; } .webtable_table tr.webtable_altinatingClass:hover td .webtable_table tr.webtable_altinatingClass:hover td { background-color: transparent; } .newAdminToolRoundedRect input[type=text]:disabled:hover, .newAdminToolRoundedRect input[type=password]:disabled:hover { pointer-events: none; background: transparent !important; } .newAdminToolRoundedRect #_WEBTABLE_NEW_ROW_ input[type=text], .newAdminToolRoundedRect #_WEBTABLE_NEW_ROW_ input[type=password] { background-color: #fdfdd5 !important; border: 1px solid lightgray !important; margin-right: 10px; width: 90% !important; padding: 4px 3px; } .newAdminToolRoundedRect input[type=text]:focus, .newAdminToolRoundedRect input[type=password]:focus, .newAdminToolRoundedRect input[type=text]:hover, .newAdminToolRoundedRect input[type=password]:hover, .newAdminToolRoundedRect select:focus, .newAdminToolRoundedRect select:hover { background-color: #fdfdd5 !important; } .newAdminToolRoundedRect select[name="myTeams"], .newAdminToolRoundedRect select[name="Teams"] { width: calc(50% - 40px); height: 30px; padding-right: 10px; } .newAdminToolRoundedRect select[name="Parent"] { width: 100%; height: 30px; padding-right: 20px; border:1px solid lightgray !important; } .newAdminToolRoundedRect #searchwrapper { position: absolute; width: 240px; top: 67px; height: 34px; right: 18px; background: var(--mainBackground) !important; box-shadow: none; } .newAdminToolRoundedRect #searchwrapper input[name="search"] { min-height: 15px !important; background: url(/images/searchIcon.svg) no-repeat !important; background-position: 95% !important; background-size: 15px 15px !important; border:1px solid lightgray !important; border-radius: 0px; } .newAdminToolRoundedRect #searchwrapper #clearButton { width: 10px; position: absolute; right: 3px; top: 4px; display: none; } .newAdminToolRoundedRect #searchwrapper:hover #clearButton { display: block; } .newAdminToolRoundedRect select[name="Group"], .newAdminToolRoundedRect select[name="Appliance"] , .newAdminToolRoundedRect select[name="Component"] { width: calc(100% - 10px); height: 30px; padding-right: 20px; border:1px solid lightgray !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE11 */ .newAdminToolRoundedRect select[name="Group"], .newAdminToolRoundedRect select[name="Appliance"] , .newAdminToolRoundedRect select[name='myTeams'], .newAdminToolRoundedRect select[name='Teams'] { padding-right: 0px; } } .newAdminToolRoundedRect tr#_WEBTABLE_NEW_ROW_ { background: var(--mainBackground); border: 3px solid #e8e8e8; } .newAdminToolRoundedRect tr#_WEBTABLE_NEW_ROW_ td { background: transparent !important; } .callDataConfigureDock .coralDraggableWindowLeftDockedWindowIcon, #DESTLISTEDIT .csdkDWindLeftDockedWindowIcon, .DesktopOrchestrationToolkitDock .coralDraggableWindowLeftDockedWindowIcon, #AdminTool #sysdock .csdkDWindLeftDockedWindowIcon, #AdminTool #affdock .csdkDWindLeftDockedWindowIcon, .growAnimate.CallOutcomeConfigDock .coralDraggableWindowLeftDockedWindowIcon, .callDataConfigureDock .coralDraggableWindowLeftDockedWindowIcon { width:30px !important; height:38px !important; filter: grayscale(1); opacity: 0.6; } .callDataConfigureDock li div.standardHeading.expanded + #expandedContent, #DESTLISTEDIT li div.standardHeading.expanded + #expandedContent, .DesktopOrchestrationToolkitDock li div.standardHeading.expanded + #expandedContent, #AdminTool #sysdock li div.standardHeading.expanded + #expandedContent, #AdminTool #affdock li div.standardHeading.expanded + #expandedContent, .callDataConfigureDock li div.standardHeading.expanded + #expandedContent { border-bottom: none !important; } .callDataConfigureDock .coralDraggableWindowLeftDockedWindowIcon { background: url(/images/callDataConfigIcon.svg) no-repeat center !important; background-size: 18px !important; } #DESTLISTEDIT .csdkDWindLeftDockedWindowIcon { background: url(/images/destListIcon.svg) no-repeat center !important; background-size: 17px !important; } .growAnimate.CallOutcomeConfigDock .coralDraggableWindowLeftDockedWindowIcon { background: url(/images/callOutcomeIcon.svg) no-repeat 4px center !important; background-size: 23px !important; } .DesktopOrchestrationToolkitDock .coralDraggableWindowLeftDockedWindowIcon { background: url(../images/orchestrationIcon.svg) no-repeat center right !important; background-size: 32px !important; width: 42px !important; height: 35px !important; filter: grayscale(0); opacity: 1; } #AdminTool #affdock .csdkDWindLeftDockedWindowIcon { background-image: url(../images/tenantIcon.svg) !important; background-size: 18px !important; background-color: rgb(105 131 169); background-repeat: no-repeat; background-position: center; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } #AdminTool #sysdock .csdkDWindLeftDockedWindowIcon { background-image: url(../images/systemIcon.svg) !important; background-size: 16px !important; background-color: var(--main-color5); background-repeat: no-repeat; background-position: center; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } #DESTLISTEDIT .csdkDWindLeftDockedWindowIcon { background-image: url(../images/iconW_location.svg) !important; background-size: 13px !important; background-color: var(--main-color2) !important; background-repeat: no-repeat; background-position: center; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } .callDataConfigureDock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background-image: url(../images/iconW_category.svg) !important; background-size: 19px !important; background-color: var(--main-color7) !important; background-repeat: no-repeat; background-position: center; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } .CallOutcomeConfigDock #standardHeading .coralDraggableWindowLeftDockedWindowIcon { background-image: url(../images/iconW_pinned.svg) !important; background-size: 15px !important; background-color: var(--main-color8) !important; background-repeat: no-repeat; background-position: 9px 8px !Important; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } #AdminTool .tenantWrapper li, #AdminTool .systemWrapper li { width: 90%; border-bottom: 1px solid #e6e6e6; position: relative; height: 23px; line-height: 20px; } .CallOutcomeConfigWindow .SelectPanel label, .CallOutcomeConfigDock .SelectPanel label { color: #000 !important; } #expandedContent button, #expandedContent input[type="button"], .coralDraggableWindowContentWindow input[type="button"], .DesktopOrchestrationToolkitWindow .ButtonBar button, .userbtn button, .greybutton { background: var(--brandAccessible); padding: 7px 15px; text-transform: capitalize; font-size: 12px; font-family: SalesforceSans-Regular, arial ; border-radius: 4px; } #Supervisor .csdkDWindLeftDockedWindowIcon, .supervisorDock .coralDraggableWindowLeftDockedWindowIcon { background-size: 32px !important; width: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='52px' height='52px' viewBox='0 0 52 52' enable-background='new 0 0 52 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M51.8,25.1C47.1,15.6,37.3,9,26,9S4.9,15.6,0.2,25.1c-0.3,0.6-0.3,1.3,0,1.8C4.9,36.4,14.7,43,26,43 s21.1-6.6,25.8-16.1C52.1,26.3,52.1,25.7,51.8,25.1z M26,37c-6.1,0-11-4.9-11-11s4.9-11,11-11s11,4.9,11,11S32.1,37,26,37z'/%3E%3Cpath fill='%23FFFFFF' d='M26,19c-3.9,0-7,3.1-7,7s3.1,7,7,7s7-3.1,7-7S29.9,19,26,19z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-color: var(--main-color8); border-radius: 0.25rem; margin-left: 10px; width: 32px !important; height: 32px !important; background-size: 65% !important; background-repeat: no-repeat !important; background-position: center; } .supervisorContent li { text-align: left; } .supervisorContent li input { border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-family: SalesforceSans-Regular, arial ; position: relative; display: inline-flex; align-items: center; padding: 0 9px 0 23px !important; background: url(../images/searchIcon.svg) no-repeat 7px 7px !important; background-size: 13px !important; border-radius: .25rem !important; line-height: 1.5rem; text-decoration: none; color: #414042 !important; -webkit-appearance: none; -moz-appearance: none; white-space: normal; user-select: none; } .supervisorContent .supervisorGroupText { width:100%; font-size: 13px; } select#supervisor_groupSelect, select#supervisor_teamSelect { width: 153px; font-size: 12px; line-height: 1rem; } #SupervisorGroupEmailCategorySelector {background:none !important; height: 13px !important;} textarea, input.ComboSelect, #SupervisorGroupEmailCategorySelector, select { color: var(--colorTextDefault); white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; margin-top: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: var(--border-lightgray); font-size: 13px; width: inherit; padding: 6px; height: inherit; background: url(../images/arrowDown.svg) no-repeat calc(100% - 13px) center, #fff; background-size: 6px; cursor: pointer; border: var(--border-lightgray); border-radius: var(--borderRadiusMedium) !important; } select { padding: 4px 22px 4px 6px; } input[type="text"], textarea {background:transparent;} #supervisorMainDiv .coraldivtable_header_th, #supervisorMainDiv .coraltable_body_td { border:none !important; } .supervisorDock #expandedContent input[type="button"] { color: var(--color-text-link) !important ; } #expandedContent button:hover, #expandedContent input[type="button"]:hover, .coralDraggableWindowContentWindow input[type="button"]:hover, .userbtn button:hover, .DesktopOrchestrationToolkitWindow .ButtonBar button:hover, .greybutton:hover { background: var(--brandAccessibleActive); text-shadow: none; } #expandedContent button:active, #expandedContent input[type="button"]:active, .coralDraggableWindowContentWindow input[type="button"]:active, .userbtn button:active, .DesktopOrchestrationToolkitWindow .ButtonBar button:active, .greybutton:active { opacity:0.5; } #logoutButton { padding: 1px 9px !important; color: var(--color-text-link) !important; } #AdminTool #expandedContent { padding: 8px 14px !important; } button.CoralDockClose { display:none; } #AdminTool #affdock ul.tenantWrapper a:first-child li:before { background: url(../images/usersIcon.svg) !important; } #AdminTool #affdock ul.tenantWrapper a:nth-child(2) li:before { background: url(../images/teamsIcon.svg) !important; } #AdminTool #affdock ul.tenantWrapper a:nth-child(3) li:before { background: url(../images/groupsIcon.svg) !important; } #AdminTool #affdock ul.tenantWrapper a:nth-child(4) li:before { background: url(../images/quickAgentIcon.svg) !important; } #AdminTool #sysdock ul.systemWrapper a:first-child li:before { background: url(../images/tenantsIcon.svg) !important; } #AdminTool #sysdock ul.systemWrapper a:nth-child(2) li:before { background: url(../images/toolsIcon.svg) !important; } #AdminTool #sysdock ul.systemWrapper a:nth-child(3) li:before { background: url(../images/reefsIcon.svg) !important; } #AdminTool #sysdock ul.systemWrapper a:nth-child(4) li:before { background: url(../images/pluginsIcon.svg) !important; } #AdminTool #sysdock ul.systemWrapper a:nth-child(5) li:before { background: url(../images/appliancesIcon.svg) !important; filter: hue-rotate(45deg); } #AdminTool #sysdock ul.systemWrapper a:nth-child(6) li:before { background: url(../images/csIcon.svg) !important; } #AdminTool .tenantWrapper li:before, #AdminTool .systemWrapper li:before { width: 23px; height: 23px; position: absolute; top: 6px; left: 7px; content: " "; display: block !important; background: gray; border-radius: 3px; } #AdminTool #sysdock ul.systemWrapper a:first-child li:before { background: url(../images/tenantsIcon.svg) !important; } #AdminTool ul a:last-child li {border-bottom:none;} #AdminTool .systemWrapper li:hover, #AdminTool .tenantWrapper li:hover { background: var(--mainBackground); opacity:0.7; } #newAdminTool_plugin_table.webtable_table tr td:nth-child(5) select { width: calc(30% - 65px) !important; height: 30px; border: 1px solid lightgray !important; padding-right: 15px; } #newAdminTool_plugin_table.webtable_table tr td:nth-child(5) input[type="text"] { width: 20% !important; border: 1px solid lightgray !important; } table#newAdminTool_tool_table td select { height: 30px; width: 100%; border: 1px solid lightgray !important; } table#newAdminTool_tool_table tr td:nth-child(4) { width: 18%; } .newAdminToolRoundedRect input[type=text][name="newHost"], .newAdminToolRoundedRect select[name="Hosts"] { width: calc(50% - 40px) !important; border: 1px solid lightgray !important; } .newAdminToolRoundedRect select[name="Hosts"] { width: calc(50% - 40px) !important; height: 30px; border: 1px solid lightgray !important; padding-right: 10px; } table#newAdminTool_appliance_table td:nth-child(3) select, table#newAdminTool_appliance_table td:nth-child(6) select { width: 75px; height: 30px; border: 1px solid lightgray !important; padding-right: 10px; } #AdminTool .tenantWrapper li .after_hide_text, #AdminTool .systemWrapper li .after_hide_text { font-size: 13px; color: #000; padding-left: 20px; text-transform: capitalize; } #DesktopOrchestrationToolkitRightWindow select, .growAnimate.CallOutcomeConfigDock select, .newAdminToolRoundedRect select, .callDataConfigureDock select, #AdminTool select, .DesktopOrchestrationToolkitDock select, #UserDataConfig select, #DESTLISTEDIT select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid lightgray; font-size: var(--main-fontsize-small); width: inherit; padding: 5px; height: inherit; background: url(../images/icon_arrowDown.svg) no-repeat 96% center, transparent; background-size: 7px; cursor: pointer; border-radius: 0; font-size: 12px; padding-right: 20px !important; } .dleGroupSelect { border: 1px solid lightgray !important; background: url(../images/icon_arrowDownPink.svg) no-repeat 96% center, var(--mainBackground) !important; background-size: 6px !important; } .destlisteditResetButton, .fileUpload, .destlisteditButtonWrapper input[type="button"], .destlisteditButtonWrapper button, .ComboSelect.chooseGroupsOnly, .dleSearchInput { padding: 5px 8px !important; text-transform: capitalize !important; border: 1px solid lightgray !important; } .ComboSelectPopup button { font-family: 'SalesforceSans-Regular'; } .destlisteditButtonWrapper .ComboSelectPopup button { margin: 3px 0 3px 57%; background: url(../images/iconEnhanceAuthentication.svg) no-repeat 7px center, var(--mainBackground) !important; background-size: 16px !important; padding-left: 28px !important; } .destlisteditButtonWrapper .ComboSelectPopup button:hover {opacity:0.7;} .destlisteditButtonWrapper .ComboSelectPopup button:active {opacity:1;} .dleSearchInput { padding: 7px 8px !important; } .dleGroupSelectLabelOr, .dleGroupSelectLabel { border-left: none; line-height: 27px; } #DesktopOrchestrationToolkitRightWindow select { background: url(../images/icon_arrowDownPink.svg) no-repeat 92% center, var(--mainBackground); background-size: 6px; margin-top: 3px; padding: 7px; line-height: 14px; } #DesktopOrchestrationToolkitRightWindow select.LogType { background: url(../images/icon_arrowDownPink.svg) no-repeat 98% center, var(--mainBackground); background-size: 6px; } .newAdminToolRoundedRect input[value="-"], .newAdminToolRoundedRect input[value="+"], .newAdminToolRoundedRect input[title="Delete Record"], .newAdminToolRoundedRect input[title="Add Record"] { border: 1px solid lightgray !important; padding: 1px 5px !important; margin: 0 2px; width: 21px !important; text-align: center; } .newAdminToolRoundedRect input[type=button] { background: var(--main-color-gray); font-size: 12px; border: 0px; padding: 1px 13px; line-height: 1rem; cursor: pointer; border-radius: 0px; border-left: 3px solid #e8e8e8; color: white; } .newAdminToolRoundedRect input[type=button]:hover { opacity: 0.8; } .webtable_table tr.webtable_ownerClass td { background-color: #e0f6ff; } .webtable_table tr.webtable_ownerClass:hover td { background-color: #c6eeff; } /*radio button*/ .DesktopOrchestrationToolkitDock input[type=radio]:checked, .DesktopOrchestrationToolkitDock input[type=radio]:hover, .DesktopOrchestrationToolkitDock input[type=radio] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; position: relative; background-color: #e4e4e4 !important; color: var(--main-color-pink); border: 0; border-radius: 50px; cursor: pointer; outline: none; margin:3px; } .DesktopOrchestrationToolkitDock input[type=radio]:checked { background-color: #e4e4e4; } .DesktopOrchestrationToolkitDock input[type=radio]:checked::before { position: absolute; left: 4px; top: 4px; content: ''; background: var(--color-text-link); width: 10px; height: 10px; border-radius: 7px; } .DesktopOrchestrationToolkitDock input[type=radio]:hover { background-color: #f7f7f7; } .DesktopOrchestrationToolkitDock input[type=radio]:checked { background-color: #f1f1f1; } .growAnimate.CallOutcomeConfigDock select, .DesktopOrchestrationToolkitDock .FieldRow select { width: 176px !important; border: 1px solid #e6e6e6; margin-left: 4px; } .growAnimate.CallOutcomeConfigDock select {width:160px !important;} .DesktopOrchestrationToolkitDock .FieldRow label { width: 47px; display: inline-block; } .DesktopOrchestrationToolkitDock .RuleSet { margin-bottom: 16px; display: flex; align-items: center; } /*****************************************************************************************************/ /* adminstration tools style END */ /*****************************************************************************************************/ /*****************************************************************************************************/ /* DESKTOP ORCHESTRATION */ /*****************************************************************************************************/ .DesktopOrchestrationToolkitWindow { min-width: 100% !important; width: 100% !important; box-shadow: none !important; max-width: 100% !important; float: unset; margin: 0; } .DesktopOrchestrationToolkitWindow .InnerWrapper .TitleBar { text-shadow: none; line-height: 20px; font-size: 10px; color: #323232; background-image: #d1d2d4; background: #d1d2d4; text-align: none; border-radius: 0px; border-bottom: none; background: white !important; border: 0px !important; } .DesktopOrchestrationToolkitWindow .WidgetRightWindow .TitleBar input[type=image] { border: 0px solid #ffffff; margin: 10px 10px; } .WidgetRightWindow .TitleBar input[type=image] { border: 0px solid #ffffff; margin: 2px 5px; position: absolute; right: 10px; top: 10px; } .DesktopOrchestrationToolkitWindow .InnerWrapper .TitleBar h2:before { content: 'Orchestration : '; } .DesktopOrchestrationToolkitWindow .InnerWrapper .TitleBar h2 { height: 22px; margin: 0px; padding: 30px 20px; line-height: 22px; font-family: var(--main-font), Arial !important; text-shadow: none; color: var(--main-color-gray); font-size: large; text-align: left; } .DesktopOrchestrationToolkitWindow .RulesWrapper>.Panel { padding: 0px; } .DesktopOrchestrationToolkitWindow .RenderedRule .Cell { vertical-align: middle; background: var(--mainBackground); } .DesktopOrchestrationToolkitWindow input.DebugBox { margin-left: -6px; margin-right: 14px; margin-top: 5px; } .DesktopOrchestrationToolkitWindow .ButtonBar button { background: #4a4a4a; } .DesktopOrchestrationToolkitWindow .ButtonBar button:disabled { border: 1px solid #e7e7e7; } .DesktopOrchestrationToolkitWindow .Cell input[type="checkbox"] { width: 18px; height: 18px; } .DesktopOrchestrationToolkitTable.SelectedRule {margin-bottom:10px;} .DesktopOrchestrationToolkitWindow .ReportEditorWrapper .Cell input, .DesktopOrchestrationToolkitWindow .ReportEditorWrapper .Cell select { width: 100% !important; line-height: 18px !important; padding: 5px !important; } .DesktopOrchestrationToolkitWindow .ReportEditorWrapper .Cell input { height: 17px; } .RuleEditor .ReportEditorWrapper .Row { width: 100%; display: inline-table; width: 50%; } .RuleEditor .ReportEditorWrapper .Row:hover, .RuleEditor .ReportEditorWrapper .Row:hover .Cell { background:transparent; } .DesktopOrchestrationToolkitWindow .RulesWrapper .AllRules, .DesktopOrchestrationToolkitWindow .RulesWrapper .RuleEditor { border: 0px; margin: 20px !important; width: calc(100% - 40px); min-width: 720px; } .DesktopOrchestrationToolkitWindow .RulesWrapper .AllRules { margin-top: 50px !important; } .DesktopOrchestrationToolkitWindow .WidgetRightWindow .TitleBar input[type=image] { border: 0px solid #ffffff; right: 10px; top: 10px; position: absolute; } .DesktopOrchestrationToolkitWindow .RulesWrapper { max-width: 100%; width: 100%; height: calc(100% - 100px); min-width: 100%; } .DesktopOrchestrationToolkitWindow .RulesWrapper ul { display: flex !important; flex-grow: 1; overflow: hidden; width: 100%; } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li { line-height: 25px; display: inline-flex; padding: 5px; background: none; border-top: var(--border-lightgray); border-right: var(--border-lightgray); border-left: 0px; max-width: 120px; } .DesktopOrchestrationToolkitWindow .Cell { border-right: 0px; width: initial; padding: 0 10px; } .DesktopOrchestrationToolkitWindow .UpdateWrapper .Cell { padding: 0 5px 0 0; } .DesktopOrchestrationToolkitWindow label.activeFlag { margin-right: 10px; } .DesktopOrchestrationToolkitWindow .LabelCell.Cell { max-width: 100px !important; text-align: right; border-right: 0px; font-size:12px; } select#DesktopOrchestrationToolkit_PackageFilter { width: 190px; margin-left: 5px; } select#DesktopOrchestrationToolkit_SuperGroups { width: 195px; margin-left: 5px; } button.ImportPackage { margin-right: 5px; } .DesktopOrchestrationToolkitWindow .CoralTabs .icon.HasRules { display: initial; position: relative; border-radius: 7px; width: 12px; height: 12px; overflow: hidden; background-color: #ee3a5d; margin-top: 2px; margin-left: 6px; position: absolute; right: 2px; top: 4px; } /*IE11*/ @media all and (-ms-high-contrast:none) { .DesktopOrchestrationToolkitWindow .CoralTabs .icon.HasRules { padding: 4px 0 0 0; height: 8px; } } .DesktopOrchestrationToolkitWindow .CoralTabs .icon.HasRules > span { color: white !important; position: initial; font-size: 8px; line-height: 24px; } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li, .DesktopOrchestrationToolkitWindow .RulesWrapper ul li span { overflow: hidden; text-overflow: ellipsis; flex-grow: 1; height: 30px; line-height:30px; } .DesktopOrchestrationToolkitWindow textarea.Description, .DesktopOrchestrationToolkitWindow textarea.LogMessage { width: calc(100% - 48px); height: 64px; margin-left: 13px; margin-top: 12px; margin-bottom: 10px; line-height: 0.5rem; padding: 10px; border: var(--border-lightgray); } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li { border-right: 0px solid #dedede; border-top: 0px solid #dedede; border-bottom: 1px solid #dedede; cursor: pointer; display: grid; } /*IE11*/ @media all and (-ms-high-contrast:none) { .DesktopOrchestrationToolkitWindow .RulesWrapper ul li { flex-grow: 0; display: inline-flex; } } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li:hover { background: white; border-bottom: 1px solid #ffffff; } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li.Active { border-bottom: 1px solid #ffffff !important; background: white; } .DesktopOrchestrationToolkitWindow .RulesWrapper { display: flex; flex-direction: column; overflow: hidden; flex-grow: 1; } .DesktopOrchestrationToolkitWindow .SlidersWrapper.CoralSliders { width: 600px; min-width: 100%; } .DesktopOrchestrationToolkitWindow .DesktopOrchestrationToolkitTable .HeaderRow { font-family: var(--main-font), Arial !important; background: transparent; text-shadow: none; font-weight: normal; border-right: 0px !important; width: 400px; min-width: 100%; display: table-header-group; position: relative; } .DesktopOrchestrationToolkitWindow .DesktopOrchestrationToolkitTable .HeaderRow .Cell { font-size: 11px; background: transparent !important; padding: 5px; border: 0; border-bottom: 1px solid #ddd; min-width: 70px; color: #757575; } .ReportEditorWrapper { padding: 0; } .DesktopOrchestrationToolkitWindow label[for="dot_DebugAllNoneOpusConnector"] { line-height: 22px; } .DesktopOrchestrationToolkitWindow .RulesWrapper ul li.Active:before { content: ' '; display: block; width: 100%; position: absolute; border-top: 3px solid #0070d2; left: 0px; bottom: 0px; } .DesktopOrchestrationToolkitWindow input.Filter { min-height: 15px !important; background: url(../images/searchIcon.svg) no-repeat, var(--mainBackground) !important; background-position: 95% !important; background-size: 15px 15px !important; border: var(--border-lightgray); margin-bottom: 10px; position: absolute; right: 30px; width: 150px; top: 4px; border-radius: 0.25rem; padding: 3px 10px; } .DesktopOrchestrationToolkitWindow input.ComboSelect { width: calc(100% - 56px); border: var(--border-lightgray); height: 15px; background: url(../images/selectIcon.svg) no-repeat 96%, var(--mainBackground); background-size: 7px 12px; } .DesktopOrchestrationToolkitWindow .DesktopOrchestrationToolkitTable, .DesktopOrchestrationToolkitWindow .SpecialEditorWrapper, .DesktopOrchestrationToolkitWindow .PromiseEditorWrapper { width: 100%; } .DesktopOrchestrationToolkitWindow .Row:hover, .DesktopOrchestrationToolkitWindow .Row:hover .Cell { background: #f7f7f7; } .RuleEditor .CoralSliders .Panel > div { margin: 0 10px 10px !important; width: calc(100% - 20px); border-collapse: separate; border-spacing: 0 1em; } .RuleEditor .CoralSliders .Panel { border-bottom: var(--border-lightgray); border-right: var(--border-lightgray); border-left: var(--border-lightgray); } .DesktopOrchestrationToolkitWindow .Row { background-color: transparent !important; background: transparent !important; } .DesktopOrchestrationToolkitWindow .Row:first-child { border-top: 0px !important; } .DesktopOrchestrationToolkitTable.AllRules .RuleWrapper { border-bottom: var(--border-lightgray); background: transparent; } .DesktopOrchestrationToolkitTable.AllRules .RuleWrapper:hover { background-color: #e9eef587; } .InheritedRules { margin: 0 5px; width: 25% !important; } div.DesktopOrchestrationSummary { border: var(--border-lightgray); padding: 10px; max-width: 450px; } div.DesktopOrchestrationSummary li.Field, div.DesktopOrchestrationSummary li.Rule, div.DesktopOrchestrationSummary .Me { line-height: 20px; } div.DesktopOrchestrationSummary .Heading { color: var(--main-color-pink); line-height: 20px; } .coralDraggableWindowContentWindow.DesktopOrchestrationToolkitTestRule .CoralTabs ul { padding: 10px; margin: 0; height: 26px; } .coralDraggableWindowContentWindow.DesktopOrchestrationToolkitTestRule .CoralTabs ul li { list-style: none; cursor: pointer; display: inline-flex; position: relative; background: transparent; } .coralDraggableWindowContentWindow.DesktopOrchestrationToolkitTestRule .CoralTabs ul li.Active:after { content: ' '; display: block; width: 100%; position: absolute; bottom: -9px; left: 0; border-bottom: 3px solid #0070d2; } .coralDraggableWindowContentWindow.DesktopOrchestrationToolkitTestRule .CoralTabs ul li:hover { background: #f1f1f1; } .DesktopOrchestrationToolkitTestRule .Panel#CoralTabs_Event div:first-child { position: relative; margin-bottom: 5px; } .DesktopOrchestrationToolkitTestRule #CoralTabs_Logs .ReportPanelWrapper { border: var(--border-lightgray); background: var(--mainBackground); } .DesktopOrchestrationToolkitTestRule .CoralTabs:before { display: none; } .DesktopOrchestrationToolkitWindow div.RuleHierarchy, .DesktopOrchestrationToolkitWindow div.UpdateSummary { display: inline-block; cursor: pointer; margin-left: 6px; border: 1px solid #ee3a5d; color: #ffffff; padding: 1px 3px 2px 3px; background-color: #ee3a5d; position: relative; top: -2px; } .dleWrapper DIV.HierarchicalMenuFrame ul li.newItem {bottom: 51px;} .dleWrapper DIV.HierarchicalMenuFrame ul li.newItem .createNewButton, .destlisteditResetButton { background: url(../images/plusBlue.svg) no-repeat 7px center, var(--mainBackground) !important; background-size: 10px !important; padding-left:22px !important; } .fileUpload { background: url(../images/folderClose.svg) no-repeat 8px center, var(--mainBackground) !important; background-size: 14px !important; padding-left: 28px !important; } #DESTLISTEDIT .destlisteditButtonWrapper .ComboSelectElement label { vertical-align: top; top: 6px; position: relative; } .destlisteditButtonWrapper .ComboSelectPopup { background: var(--mainBackground); } .destlisteditButtonWrapper div.ComboSelectElement { padding: 2px 2px 2px 12px; } #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .Cell.DebugCell label { position: relative; top: 7px; margin-right: 5px; } #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .Cell.DebugCell {text-align: center;} #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .RuleWrapper .Cell.DebugCell input.DebugBox { margin-right: auto; margin-left: auto; float: unset !important; top:8px; } #terminateFlag, #activeFlag, #debugFlag { top:4px; } #debugFlag {margin-left: 20px;} #terminateFlag + label, #activeFlag + label, #debugFlag + label { position: relative; top: -5px; } .DesktopOrchestrationToolkitWindow .Error { background: url(../images/error.svg) no-repeat calc(100% - 4px) center; background-size: 12px; } .DesktopOrchestrationToolkitTable .RuleWrapper.RenderedRule .Cell.ButtonCell {width:152px;} .UpdateWrapper.Row .Cell.ButtonCell {width:101px;} input.RegularExpressionFlag, .SpecialEditorWrapper input[type="checkbox"], input.RegularExpressionFlag { top:9px; } #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .Cell.ButtonCell button { border: 1px solid lightgray; border-radius: 3px; padding: 4px; margin-right: 2px; margin-left: 0px; width: 23px !important; height: 23px !important; } #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .RuleWrapper .Cell.ButtonCell button:hover {opacity:0.6;} #DesktopOrchestrationToolkitRightWindow .DesktopOrchestrationToolkitTable .RuleWrapper .Cell.ButtonCell button:active {opacity:1;} .DesktopOrchestrationToolkitWindow button.Preview { background-size: 14px !important; } /*checkbox style*/ .chat3_chatSettingsLabelWrapper input[type=checkbox], input#helpModeCheckBox[type=checkbox] { border: var(--border-lightgray); appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; position: relative; background-color: #f1f1f1; color: var(--main-color-pink); height: 21px; width: 21px; border: 0; border-radius: 1rem; cursor: pointer; margin:0 5px; outline: none; border: var(--border-lightgray); } .chat3_chatSettingsLabelWrapper input[type=checkbox]:checked::before, input#helpModeCheckBox[type=checkbox]:checked::before { position: absolute; left: 7px; top: 0px; color: var(--main-color1); content: 'â…ƒ'; width: 12px; height: 12px; font-family: monospace; font-size: 15px; transform: rotate(40deg); font-weight: bold; } .chat3_chatSettingsLabelWrapper input[type=checkbox]:hover, input#helpModeCheckBox[type=checkbox]:hover { background-color: #f7f7f7; } .chat3_chatSettingsLabelWrapper input[type=checkbox]:checked, input#helpModeCheckBox[type=checkbox]:checked { background-color: #fff; } /****************************************************************************/ /* ComboSelect */ /****************************************************************************/ .csdkDirBrowser.comboselect.loading::before { position: absolute; width: 97%; height: 100%; content: ''; background: url(/images/pleaseWait.gif) no-repeat center, #ffffffab; background-size: 20px; } .csdkDirBrowser.comboselect.error::before { position: absolute; width: 100%; height: 49px; content: 'Place Destination Not Available'; color: #000; background: url(/images/status-red.svg) no-repeat 10px center, #ffffff; background-size: 21px; padding-left: 30px; line-height: 49px; } #DesktopOrchestrationToolkitRightWindow .HeaderRow input[type=checkbox], .destlisteditButtonWrapper .ComboSelectPopup input.checkbox, #dot_DebugAllNoneSalesforce, #dot_DebugAllNoneOPUS, #dot_DebugAllNoneHiddenTiger {float:right;} #DesktopOrchestrationToolkitRightWindow input[type=checkbox], #newAdminToolDivWrapper input[type=checkbox], #DESTLISTEDIT input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; position: relative; background-color: var(--mainBackground); border:1px solid lightgray; color: var(--main-color-pink); height: 20px; width: 20px; border-radius: 3px; cursor: pointer; margin-right: 7px; outline: none; } #newAdminToolDivWrapper input[type=checkbox]:hover, #DesktopOrchestrationToolkitRightWindow input[type=checkbox]:hover, #DESTLISTEDIT input[type=checkbox]:hover { background-color: #f7f7f7; } #newAdminToolDivWrapper input[type=checkbox]:checked, #DesktopOrchestrationToolkitRightWindow input[type=checkbox]:checked, #DESTLISTEDIT input[type=checkbox]:checked { background-color: var(--mainBackground); } #newAdminToolDivWrapper input[type=checkbox]:checked::before, #DesktopOrchestrationToolkitRightWindow input[type=checkbox]:checked::before, #DESTLISTEDIT input[type="checkbox"]:checked::before { position: absolute; left: 5px; top: 2px; content: "L" !important; /* transform: rotate(40deg); */ font: 13px / 1 "‘Open Sans’", sans-serif; color: var(--main-color-pink) !important; font-weight: bold !important; } /*checkbox style END*/ /*Call Data Config Style*/ #layoutListTable > tr > td > div { display: flex; align-content: baseline; align-items: center; } .growAnimate.callDataConfigureDock #standardHeading .coralDockMaximizeButton { right:9px !important; position: absolute; z-index:1000; } .text_span_text { height: 76px !important; line-height:70px !important; } #callConfig_agentScriptBGPickerWrapper #callConfig_agentScriptBGPicker svg rect, #callConfig_agentScriptBGPickerWrapper #callConfig_agentScriptBGPicker svg { display:none !important; } #callConfig_agentScriptBGPickerWrapper #callConfig_agentScriptBGPicker svg:first-child rect, #callConfig_agentScriptBGPickerWrapper #callConfig_agentScriptBGPicker svg:first-child { display:block !important; } #calldata_addItemValueTool > label[for="valueElementBoldCheck"], #calldata_addItemKeyTool > label[for="keyElementBoldCheck"] {display:none;} #calldata_addItemValueTool > div:nth-child(3), #customValueElOptionEasy, #customKeyElOptionEasy > div:nth-child(3), #customKeyElOptionEasy, .callConfig_easyTool, #calldata_addItemValueTool, #callData_agentScript > div:last-child, #callData_agentScript > div:nth-child(2) { display: flex !important; margin:0 !important; } #customValueElOptionEasy, #customKeyElOptionEasy {margin-top:18px !important;} #customValueElOptionEasy #calldata_addItemValueTool, #customKeyElOptionEasy #calldata_addItemKeyTool, #customKeyElOptionEasy #customKeyElOptionEasy { margin-top:0px !important; padding-top:2px; } #calldata_addItemKeyTool > div:nth-child(3), #calldata_addItemKeyTool { display:flex !important; min-width:74px !important; margin:0 !important; } .growAnimate.callDataConfigureDock #standardHeading .coralDockRightIconWrapper .plus, .growAnimate.callDataConfigureDock #standardHeading .coralDockRightIconWrapper .minus { display:none !important; } #UserDataConfig { background: var(--mainBackground) !important; border: 1px solid lightgray; box-shadow: none; } #UserDataConfig select {height: 26px !important;} #UserDataConfig select#callConfig_agentScriptClassSelect {min-width:100px; !important;} .body_UserData #layoutListTable .order_change, .body_UserData #displayListTable .order_change {border:none !important;} .UserDataConfig .list_title ul li { padding: 6px 11px !important; } .UserDataConfig .create_btn, #UserDataConfig button, #UserDataConfig input { box-shadow: none !important; border-radius: 0 !important; height:26px; margin-top: 0px; border: 1px solid lightgray !important; color: #000 !important; background: var(--mainBackground); } #selectLayoutDiv input[type="text"] { height:19px; margin-top: 7px !important; } #UserDataConfig #customValueElOptionEasy { width:auto !important; } .UserDataConfig .create_btn, #UserDataConfig button, #UserDataConfig input[type="button"] { color: var(--color-text-link) !important; padding: 1px 11px; border-radius:4px; } #destlisteditTestInput { margin-top: 35px !important; padding: 5px 5px !important; border-radius: 4px; } #selectLayoutDiv input { margin-top: 4px !important; } .dleWrapper DIV.HierarchicalMenuFrame ul li.newItem { border-bottom:1px solid rgba(188, 188, 188, 0.55); } .dleWrapper DIV.HierarchicalMenuFrame ul li:hover .rightIconSlot.closeButton { background-color: transparent !important; } .dleWrapper DIV.HierarchicalMenuFrame ul li .liRowWrapper.item .itemLabel { padding-left: 9px; background: none; } .dleWrapper DIV.HierarchicalMenuFrame ul li.wordbox:hover, .dleWrapper DIV.HierarchicalMenuFrame ul li:hover .menuLabel, .dleWrapper DIV.HierarchicalMenuFrame ul li:hover .itemLabel { background: #d7d7d7 !important; background-color: #d7d7d7 !important; color: #000; font-weight: bold; } .dleWrapper DIV.HierarchicalMenuFrame ul .wordbox.selected .menuLabel, .dleWrapper DIV.HierarchicalMenuFrame ul .wordbox.selected .itemLabel, .dleWrapper DIV.HierarchicalMenuFrame ul li.wordbox.selected { background:#666666 !important; } #callConfig_scriptEasyTool {margin:0 !important;} #UserDataConfig input:disabled { color: gray !important; cursor: none; } #UserDataConfig input:disabled:hover { background-color: #CAC7C5 !important; background #CAC7C5 !important; opacity:1 !important; } #callConfig_scriptEasyTool {margin:0 !important;} #callConfig_popupCheckbox { width: 40px !important; } #UserDataConfig button, .UserDataConfig .create_btn, #UserDataConfig.UserDataConfig div, #UserDataConfig.UserDataConfig input, #UserDataConfig.UserDataConfig select, #UserDataConfig.UserDataConfig, #UserDataConfig div, #UserDataConfig li, #UserDataConfig select, #UserDataConfig label, #UserDataConfig th { font-size: 12px; font-family: SalesforceSans-Regular, arial !important; color: #000; } #UserDataConfig.UserDataConfig input#agentScriptBoldCheck[type="radio"], #UserDataConfig.UserDataConfig input#agentScriptLargeCheck1[type="radio"], #UserDataConfig.UserDataConfig input#agentScriptLargeCheck2[type="radio"], #UserDataConfig.UserDataConfig input#agentScriptLargeCheck3[type="radio"], #UserDataConfig.UserDataConfig input#valueElementLargeCheck1[type="radio"], #UserDataConfig.UserDataConfig input#valueElementLargeCheck2[type="radio"], #UserDataConfig.UserDataConfig input#valueElementLargeCheck3[type="radio"], #UserDataConfig.UserDataConfig input#keyElementLargeCheck1[type="radio"], #UserDataConfig.UserDataConfig input#keyElementLargeCheck2[type="radio"], #UserDataConfig.UserDataConfig input#keyElementLargeCheck3[type="radio"] { display:none; } #UserDataConfig ul#addNewKvpExpert1 {margin-top:20px;} #UserDataConfig ul#addNewKvpExpert1, #UserDataConfig ul#addNewKvpExpert { display: flex; flex-direction: row; flex-wrap: wrap; } #UserDataConfig #callDatalayoutSaveDiv button.save { min-width:120px !important; } #UserDataConfig input[type="checkbox"] + label { position: absolute; margin-top: 5px !important; margin-left: 3px !important; } #UserDataConfig input[type="checkbox"]#agentScriptBoldCheck + label { position: relative !important; margin-top: 0px !important; margin-left: 0px !important; } #UserDataConfig button:hover {opacity:0.6;} #UserDataConfig button:active {opacity:1;} #displayListTable input { border:none !important; } .body_UserData #displayListTable td { border-top: 1px solid lightgray; color: #000; text-shadow: none; } #UserDataConfig input.inputValueEdit { border: none !important; } #UserDataConfig input.inputValueEdit[type="text"] { border: 1px solid lightgray !important; } #addObjectElement + tr input[value="+"], #addAttribute + tr input[value="+"] { font-size: 14px; line-height: 11px; text-align: center; min-width: 30px !important; } .UserDataConfig .list_title ul .active:hover { background: transparent; border: 1px solid lightgray; transition:none; color: #333; } .body_UserData #displayListTable .toggle_detail, .body_UserData #displayListTable tr, .UserDataConfig .body_UserData .layout tr { background-color: var(--mainBackground) !important; background: var(--mainBackground) !important; } .body_UserData #displayListTable tr:hover .toggle_detail, .body_UserData #displayListTable tr:hover, .UserDataConfig .body_UserData .layout tr:hover { background-color: #e8e7e7 !important; background: #e8e7e7 !important; } .body_UserData #displayListTable tbody tr:hover, .UserDataConfig .body_UserData .layout tbody tr:hover { background-color: var(--mainBackground) !important; background: var(--mainBackground) !important; } .body_UserData #displayListTable .table_header th, .body_UserData #layoutListTable .table_header th { color: #000 !important; border-right: 1px solid lightgray; } .body_UserData #displayListTable .table_header th:first-child, .body_UserData #layoutListTable .table_header th:first-child { border-left: 1px solid lightgray; } .body_UserData #displayListTable .table_header, .body_UserData #layoutListTable .table_header { background: var(--mainBackground); border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; } #layoutCopyButton button.create_btn { width: auto !important; margin-right:3px !important; } .CallDataKvpListEdit .buttons {margin-top:0;} .CallDataKvpListEdit .addNew .newAdd button { padding: 3px 9px; line-height: 14px; margin-top: 1px; } .body_UserData #displayListTable tr {border-bottom: 1px solid lightgray;} .UserDataConfig #layoutListTable .layoutListUnselected, .UserDataConfig #layoutListTable .layoutListSelected, .UserDataConfig #layoutListTable .toggle_detail, .UserDataConfig #layoutListTable .toggle_detail_close { background: var(--mainBackground); width: 16px; height: 16px; display: block; border: 1px solid lightgray; border-radius: 12px; margin-left: auto; margin-right: auto; position: relative; } .UserDataConfig #layoutListTable .layoutListSelected::before, .UserDataConfig #layoutListTable .toggle_detail_close::before { width: 8px; height:8px; background: #ee2a55; content:''; position:absolute; left:4px; top:4px; border-radius: 10px; } .UserDataConfig #layoutListTable .toggle_detail:hover, .UserDataConfig #layoutListTable .layoutListUnselected:hover { background: var(--mainBackground); opacity:0.7; } .UserDataConfig .list_title ul .active { color: #000; background: var(--mainBackground); border: 1px solid lightgray; } .UserDataConfig .list_title ul li:hover { border: 1px solid lightgray; } .UserDataConfig #addNewKvpExpert1 li.stringValueColorOption span, .UserDataConfig #addNewKvpExpert li.stringValueColorOption span { color: #333; text-shadow: 1px 1px 1px #fff; font-size: 10px; } .UserDataConfig #addNewKvpExpert1 li.stringValueColorOption input[type=radio] + label, .UserDataConfig #addNewKvpExpert li.stringValueColorOption input[type=radio] + label { padding: 5px !important; text-shadow: none; } .body_UserData #layoutListTable td { box-shadow:none; } select#valueDisplayForamtList, select#keyDisplayFormatList { margin-top:1px !important; } .tableShowAttribute, .tableCustomAttribute { background: var(--mainBackground); } .tableShowAttribute td:last-child, .tableShowAttribute td { border:none !important; } #callData_agentScript {position:relative;} #agentScriptSaveActions { position: absolute; bottom: 0; right: 9px; } /* .callConfig_easyTool { width: calc(100% - 620px) !important; } */ #customKeyElOptionEasy {min-width:360px !important;} .UserDataConfig .callConfig_easyToolKeyDefault > div:nth-child(5) { display: flex; flex-direction: row; } .UserDataConfig #callConfig_popupCheckbox {height: 11px;} .UserDataConfig .callConfig_easyToolKeyDefault { margin-left:0; width: 290px; margin:10px 0; } .UserDataConfig .callConfig_easyToolSelect_label { float: left; line-height: 24px; border: 1px solid #ccc; /* border-right: 0; */ width: 35px; border-radius: 3px; text-align: center; height: 24px; background: #f4f4f4; text-shadow: 1px 1px 0px #fff; color: #999; margin-right: 10px; } #addCustomObjectElementTable input[value="+"], #addCustomAttributeTable input[value="+"] { width: 40px !important; } #addCustomObjectElementTable, #addCustomAttributeTable { min-width: 250px; margin-top: 5px; } #addCustomObjectElementTable tbody input, #addCustomAttributeTable tbody input { width: 70% !important; } .UserDataConfig .conditionRowNew { margin-top: 6px; padding-top: 6px; } .UserDataConfig .callConfig_BGTransparent { top: 0px; left: 44px; line-height: 10px !important; } #callConfig_valueBGTransparent, #callConfig_keyBGTransparent { width: 92px !important; margin-left: -29px; margin-top: -2px; } #callConfig_agentScriptBGTransparent { top: 0px; left:0; } #callConfig_agentScriptBGTransparent { padding: 2px 9px; line-height: 14px; text-align: center; width:86px; } /*call Data Config Style END*/ /*WEASSE SIP*/ #WrasseSoundCtx { width: 220px; } #WrasseSoundCtx .WrasseAudioTitle:before { content: ' '; position: absolute; width: 30px; height: 30px; background: url(../images/sipSettingW.svg) #00cdc0 no-repeat center; left: 0px; background-size: 18px; border-radius: 4px; } #WrasseSoundCtx .WrasseAudioTitle { font-size: 16px; font-weight: normal; color: var(--colorTextDefault); line-height: 2rem; padding-left: 40px; position: relative; } #WrasseSoundCtx .csdkInput { width: calc(100% - 30px); } #WrasseSoundCtx .WrasseMicDiv label, #WrasseSoundCtx .WrasseSoundDiv label, #WrasseSoundCtx .valueDiv { color: var(--colorTextDefault); } #WrasseSoundCtx .WrasseMicDiv label, #WrasseSoundCtx .WrasseSoundDiv label { margin-left: 30px; } #CreditAppliance_leftInfoWrapper #slotA_div input[type="button"] { background: url(../images/sipSetting.svg) no-repeat center; background-size: 13px 13px; width: 25px; height: 25px; min-width: 25px; color: transparent !important; text-shadow: none !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; padding: 0px !important; margin-bottom: -45px; } #WrasseSoundCtx { width: 225px; } #WrasseSoundCtx .valueDiv { position: relative; bottom: -5px; } /*admin system CS style*/ #newAdminTool_cs_tableWrapper > button { font-family: SalesforceSans-Regular, arial !important; padding: 4px 10px; border: 1px solid lightgray; background: var(--mainBackground); } table#newAdminTool_cs_search_table input[type="button"][value="Add"] { right: 70px; top: 48px; position: absolute; z-index: 10000000; cursor: pointer; color: #555; font-family: SalesforceSans-Regular, arial !important; padding: 4px 13px; border: 1px solid lightgray; background: var(--mainBackground); font-size: 14px; height: 27px; pointer-events: all; } table#newAdminTool_cs_search_table input[type="button"][value="Add"]:disabled { background: #e8e8e8; opacity: 0.7; pointer-events: none; } /*admin system CS style END*/ /*search icon*/ #CONTACTHISTORY #contactHist_dockContent { width: 236px; margin: -6px auto 7px auto; border-radius:4px; } #CONTACTHISTORY input[type="text"].contactQueryString { border-radius:4px; padding: 6px 8px; } #CONTACTHISTORY input#contactQueryButton, .csdkDirBrowser.conferenceDirBrowser input, .attachmentMenuWrapper .csdkHeader input { border-radius:4px; background: url(../images/searchIcon.svg) calc(100% - 9px) center no-repeat !important; background-size: 13px 13px !important; padding: 7px 32px 7px 11px; } #CONTACTHISTORY input#contactQueryButton { background-position-x: center !important; } .attachmentMenuWrapper .csdkHeader input::placeholder { font-size:11px; } /*coralChat style */ .chat3_chatSettingsFontWrapper .groupChatText { font-weight: bold; text-shadow: none; color: #fff; width: fit-content; max-width: 100%; word-break: break-all; margin-left: auto; text-align: right; padding: 11px 15px; background: var(--main-color-gray); border-radius: 10px; border-top-left-radius: 0; margin-top: 13px; font-size: 13px; margin-right: 6px; } .small #chat3_groupChatArea .groupChatText, .small .chat3_chatSettingsFontWrapper .groupChatText { font-size: 11px; } .large #chat3_groupChatArea .groupChatText, .large .chat3_chatSettingsFontWrapper .groupChatText { font-size: 15px; } .chat3_groupChatListTableCell { color: #000; } .chat3_groupChatListTableCell.statusIcon { margin: 0; padding: 0px !important; width: 11px; height: 11px; border-radius: 100%; display: block; } .chat3_groupChatListTableCell.statusIcon.notAvailable { background: #bcbec0; } .chat3_groupChatListTableCell.statusIcon.available { background: rgb(65, 188, 156); } .chat3_groupChatListTableCell.statusIcon.typing { background: url(../images/typingCoralChat.gif) no-repeat right center; background-size: 20px; margin-right:-4px; width:20px; height: 20px; } .chat3_groupChatListTableCell.statusIcon.onAChat { background: url(../images/chatBubble.svg) center center / 15px no-repeat, 0% 0% / 100% rgb(65, 188, 156) !important; border-radius: 100%; width: 18px; margin-right: -7px; height: 18px; } .chat3_groupChatListTableCell.statusIcon.invited { background: url(../images/addingCoralChat.svg) center center / 11px no-repeat, 0% 0% / 100% red !important; border-radius: 100% !important; background-size:12px !important; margin-right: -4px !important; width: 24px; height: 24px; } .chat3_groupChatListTableCell.statusIcon.newMsg { background: url(../images/newMsg.svg) no-repeat center center; background-size: 20px; } #CHAT .chat3_groupChatListTableCell.title { margin-right:auto; } .chat3_supervisorChatListTable .chat3_groupChatListTableCell.title, .chat3_privateChatListTable .chat3_groupChatListTableCell.title { background: transparent; padding-left: 30px; margin-right:auto; } .chat3_supervisorChatListTable .chat3_groupChatListTableCell.title:before, .chat3_privateChatListTable .chat3_groupChatListTableCell.title:before { background: url(../images/supervisorChat.svg) no-repeat center, #6f9cd3; background-size: 14px, 100%; border-radius: 4px; content: ''; position: absolute; width: 27px; height: 27px; left: 0; top: 1px; } .chat3_privateChatListTable .chat3_groupChatListTableCell.title:before { background: url(../images/singleAgent.svg) no-repeat center, #f37a84; background-size: 11px, 100%; } .chat3_chatListWrapper { background: var(--colorBackground); font-size: 13px; padding:0; border:none; width: 210px; height:calc(100% - 50px) !important; margin-top: 50px; overflow: hidden; width: 210px; border: none !important; } .chat3_chatListWrapper:hover { overflow-y: auto; } .chat3_groupChatListTableRow { display: flex; align-items: center; height: 40px; position:relative; } .chat3_groupChatListTable .chat3_groupChatListTableRow .chat3_groupChatListTableCell.icon { background: url(../images/groupChat.svg) no-repeat center, #d24927; background-size: 15px, 100%; border-radius:4px; height: 22px; } #ChatContent { padding:0; border:none; min-width: 679px; min-height: 500px; width: 650px; height: 500px; } .CoralTabs2Wrapper .tabsWrapper .tabSelector .title .title { margin-left:5px; } #ChatContent .CoralTabs2Wrapper .tabsWrapper .tabsHolder {display:flex;} #ChatContent .CoralTabs2Wrapper .tabsWrapper .icon { background: url(../images/chatTabIcon.svg) right center / 20px no-repeat; width: 25px; height: 20px; } #ChatContent .CoralTabs2Wrapper .tabsWrapper .icon { filter:grayscale(1); } #ChatContent .CoralTabs2Wrapper .tabsWrapper .selected .icon { filter:grayscale(0); } .CoralTabs2Wrapper .tabsWrapper .tabSelector { margin: 2px !important; height: 20px !important; line-height: 20px !important; padding: 5px !important; background: var(--colorBackground); } #ChatContent .CoralTabs2Wrapper .contentWrapper { top: 40px; height: calc(100% - 41px); } #ChatContent .CoralTabs2Wrapper.singleTab .contentWrapper { top: -1px; height: 100%; } .CoralTabs2Wrapper .tabsWrapper { height:41px; margin:0; background: var(--colorBackground); } .singleTab .CoralTabs2Wrapper .tabsWrapper { display:none; } .CoralTabs2Wrapper .tabsWrapper .tabSelector.selected, .CoralTabs2Wrapper .tabsWrapper .tabSelector { height: 30px !important; border-top: none; border-bottom: none; border-left: none; border-image: initial; border-radius: 0px; border-right: 1px solid #fff; margin: 0 !important; display: flex; } .dark .CoralTabs2Wrapper .tabsWrapper .tabSelector.selected, .dark .CoralTabs2Wrapper .tabsWrapper .tabSelector { border-right: 1px solid #5f5e5e; } .dark .CoralTabs2Wrapper .tabsWrapper { background: #5f5e5e; } .CoralTabs2Wrapper .tabsWrapper .tabSelector .title { font-family: SalesforceSans-Regular, arial !important; font-size:13px; color:#6d6e71; display: flex; align-items: center; } .CoralTabs2Wrapper .tabsWrapper .tabSelector.selected .title { font-family: SalesforceSans-bold, arial !important; color:#333; } .dark .CoralTabs2Wrapper .tabsWrapper .tabSelector.selected .title { color:#fff; } .chat3_groupChatListTableRow.selected .title { color: var(--colorTextDefault); font-family: SalesforceSans-Bold, arial !important; } .chat3_searchTable input { background: url(../images/searchIcon.svg) 98% center no-repeat, #fff !important; background-size: 13px 13px !important; padding: 7px 19px 7px 7px; width: 86%; background: var(--mainBackground); border-radius: 6px; width: 166px !important; border: 1px solid lightgray; } .chat3_searchTable { z-index: 98; top: 0; background: #f3f2f2cf; border-radius: 0px; width: 196px !important; left: 0; padding: 10px 7px; border-radius: 0; } .chat3_groupChatListTable { padding-top: 43px; margin-top: 0px; } .dark#CHAT .contentWrapper {height: calc(100% - 49px) !important;} .dark .chat3_groupChatListTableRow.selected:hover {background:transparent !important; opacity:0.5 !important;} .dark#CHAT .chat3_privateChatInviteButtonDiv input[type="submit"], .dark#CHAT .acbWidgetDock button, .dark#CHAT .coralDraggableWindowContentWindow input[type="button"], .dark#CHAT .userbtn button, .dark#CHAT .greybutton, .dark#CHAT .chat3_chatInsertInput textarea, .dark#CHAT .chat3_chatInsertInput { background: var(--main-color-gray) !important; border:1px solid var(--main-color-gray); color: var(--main-background-white) !important; } .dark#CHAT .CoralTabs2Wrapper input[type="submit"]:disabled, .dark#CHAT .CoralTabs2Wrapper input[type="button"]:disabled { background: var(--key-color) !important; color: var(--disabled-button-text-color) !important; } .dark#CHAT .chat3_searchTable input { background: url(../images/searchIcon.svg) 98% center no-repeat, var(--main-color-gray) !important; background-size: 13px 13px !important; border:1px solid var(--main-color-gray); color: var(--main-background-white) !important; } .dark .chat3_groupChatListTableRow.selected .title, .dark .chat3_groupChatListTable:hover, .dark .chat3_groupChatListTableRow.selected, .dark .chat3_groupChatListTableRow:hover, .chat3_groupChatListTable, .chat3_groupChatListTableRow.selected { background: transparent; color: var(--main-color-pink); font-family: SalesforceSans-Bold, arial !important; } .dark .chat3_groupChatListTableRow.selected .title, .dark .chat3_groupChatListTable:hover, .dark .chat3_groupChatListTableRow.selected, .dark .chat3_groupChatListTableRow:hover { background: transparent; color: #fff; } .dark#CHAT .tabsWrapper { height: 39px; } .dark .chat3_chatListWrapper { border-right: 1px solid #484848 !important; } .dark .chat3_chatSection { border-top: 1px solid #484848 !important; } .dark .chat3_privateChatInviteInnerDiv span { color: #fff !important; } .chat3_groupChatListTable, .chat3_privateChatListTable, .chat3_groupChatListTable, .chat3_supervisorChatListTable { border:none; width: 177px; min-width: 177px; max-width: 177px; padding:7px 15px; } .dark .chat3_privateChatInviteOuterDiv { border: 1px dashed rgb(72, 72, 72) !important; } .dark .chat3_privateChatListTable { border-top: 1px dashed rgb(72, 72, 72) !important; } .dark .chat3_groupChatListTable { border-bottom: 1px dashed rgb(72, 72, 72) !important; } .chat3_privateChatListTable { padding: 8px 15px 13px 15px; border-top: 1px dashed lightgray; } .chat3_groupChatListTableRow.selected:hover { background: transparent; opacity: 0.6; } .chat3_privateChatListTable .chat3_groupChatListTableCell.title:hover, .chat3_supervisorChatListTable .chat3_groupChatListTableCell.title:hover, .chat3_groupChatListTableRow:hover { opacity: 0.6; } .chat3_chatSettingsWrapper { padding: 10px; height: -webkit-fill-available; height: -moz-fill-available; position:absolute; } .chat3_chatSettingsWrapper .section { margin-top:25px; } .chat3_supervisorChatListTable .chat3_groupChatListTableCell.statusIcon { padding: 3px; } .chat3_privateChatListTable .chat3_groupChatListTableCell.icon, .chat3_supervisorChatListTable .chat3_groupChatListTableCell.icon { padding: 3px; } .chat3_privateChatListTable .chat3_groupChatListTableCell.title, .chat3_supervisorChatListTable .chat3_groupChatListTableCell.title { padding: 6px 2px 6px 33px; position: relative; } .chat3_supervisorChatListTable { margin-top: 55px; padding: 10px 15px 13px 15px; border-top: 1px dashed lightgray; } .chat3_chatTitle:before { background: url(../images/chatBubble.svg) no-repeat center, #41bc9c; background-size: 15px, 100%; border-radius: 4px; content: ''; position: absolute; width: 27px; height: 27px; left: 12px; top: 11px; } .chat3_chatTitle { font-family: SalesforceSans-Bold, arial !important; background: #fff; height: 39px; line-height: 39px; margin-left: -2px; border: none; color: #000; font-size: 13px; position:relative; padding: 5px 5px 5px 45px; border-bottom: 1px solid #e4e4e4; } .chat3_groupChatListTableCell.statusIcon.invited::before { } .chat3_groupChatListTableCell.statusIcon.onAChat { background: url(../images/chatGreen.svg) right center no-repeat; background-size:12px; width:23px; height: 23px; } .chat3_groupChatListTableCell.statusIcon.newMsg, .chat3_groupChatListTableCell.statusIcon.invited { background: url(../images/addingCoralChat.svg) center no-repeat,red; background-size:10px, 100%; border-radius: 4px; padding: 0; width: 20px; height: 20px; margin-right: -6px; } .chat3_groupChatListTableCell.statusIcon.newMsg { background: red; position:relative; border-radius: 100%; } .chat3_groupChatListTableCell.statusIcon.newMsg:before { font-family: SalesforceSans-Bold, arial !important; content: 'N'; color: #fff; width: 20px; height:20px; position:absolute; left: 5px; top: 2px; font-size: 12px; } .chat3_chatInsert { padding: 0 8px; width: calc(100% - 16px); } .chat3_chatInsertInput { border: 1px solid lightgray; padding: 10px; border-radius: 6px; } .chat3_chatInsertSend.groupChat {width:55px;} .chat3_chatSection { height: calc(100% - 140px); width: calc(100% - 35px); padding: 20px 13px 15px 22px; } .chat3_privateChatInviteOuterDiv { margin-top:30px; border-radius:10px; border:1px dashed lightgray; width:60%; margin-right: auto; margin-left: auto; padding-bottom: 20px; padding-top: 10px; } .groupChatUserDate { color: #adadad; font-size: 11px; } .groupChatUserName { color: #6d6d6d; font-size: 12px; font-family: SalesforceSans-Bold, arial !important; } /*coral chat dark mode*/ /*coral chat dark mode END*/ #chat3_groupChatArea .groupChatText.you, #chat3_groupChatArea .groupChatText.me { font-weight: bold; text-shadow: none; color: rgb(255, 255, 255); width: max-content; width: -webkit-fit-content; width: -moz-fit-content; max-width: calc(100% - 30px) ; word-break: break-all; text-align: right; padding: 11px 15px; background: var(--main-color-gray); margin-right: unset; margin-top: 9px; margin-left: auto; border-radius: 10px 0 10px 10px; } .chat2_groupChatAreaUL li { margin-top:15px; } #chat3_groupChatArea .groupChatText.you { text-align:left; color: #333; background: #e6e6e6; border-radius: 0px 10px 10px 10px; margin-right: auto; margin-left: unset; font-family: SalesforceSans-Bold, arial !important; } .dark #chat3_groupChatArea .groupChatText.you { color: #333 ; } #ChatContent .chat3_chatInsertSend input[type="button"]:disabled { filter: grayscale(1); opacity: 0.5; } #ChatContent .chat3_chatInsertSend input[type="button"] { padding: 5px; background: url(../images/sendCoralChat.svg) no-repeat center, #1589ee !important; color: transparent; font-size: 0; background-size: 19px !important; border-radius: 100% !important; border: none !important; width: 30px !important; height: 40px; max-width: 30px !important; flex-basis: 30px !important; } .chat3_chatInsertSend {width:95px;} #ChatContent .chat3_chatInsertSend input[type="button"][value="End Chat"] { background: url(../images/endCoralChat.svg) no-repeat center, #1589ee !important; background-size: 19px !important; min-width:40px !important; } #ChatContent .chat3_chatInsertText { color: transparent; width:0; min-width: 0; max-width: 0; } .chat3_chatSectionWrapper, .chat3_chatListWrapper { border: 1px solid lightgray; } .chat3_chatSectionWrapper { width: calc(100% - 211px); margin-right: 0px; height: 100%; background: var(--mainBackground); border:none; } #ChatContent .tabContent { padding:0; width:100%; } #ChatContent .contentWrapper { width: 100%; height: -webkit-fill-available; height: -moz-fill-available; border: none; border-top: 1px solid lightgray; top: -1px; } /*coral Chat setting*/ .chat3_chatSettingsLabelWrapper label:last-child { margin-left:15px; } .chat3_chatSettingsLabelWrapper input[type="checkbox"] { vertical-align: sub; } .chat3_chatSettingsLabelWrapper { background: #fff; font-size: 13px; font-family: SalesforceSans-Bold, arial !important; padding: 12px; border-radius: 9px; border: 1px solid #e0e0e0; } .chat3_chatSettingsImagesWrapper, .chat3_chatSettingsFontWrapper { padding: 12px; border-radius: 9px; border: 1px solid #e0e0e0; background: #fff; margin-top: 11px; width: 264px !important; height: 313px; vertical-align: top; } .chat3_chatSettingsFontWrapper:before, .chat3_chatSettingsImagesWrapper:before { font-family: SalesforceSans-Bold, arial !important; color: var(--main-color-pink); } .chat3_chatInsertInput textarea { font-family: SalesforceSans-Regular, arial !important; line-height: 12px; } .chat3_chatSettingsWrapper .icon {width: 57px;} .chat3_chatSettingsFontWrapper { margin-left: 11px; padding-top: 47px; height: 301px; } /*coralChat style END*/ /*Genesys Chat style START*/ .gChatContent.proVersion div.coralDraggableWindowSettingsContentWindow, .gChatContent div.coralDraggableWindowSettingsContentWindow { border: 1px solid var(--colorBorder) !important; border-radius: 0 0 0.5rem 0.5rem; border-top: 0px !important; } .gChatContent.proVersion div.settingWrapper, .gChatContent div.settingWrapper { border-radius: 0 0 0.5rem 0.5rem; background-color: white; } .gChatContent.proVersion div.settingSRTitle, .gChatContent div.settingSRTitle, .gChatContent.proVersion .settingThemeWrapper .settingThemeTitle, .gChatContent .settingThemeWrapper .settingThemeTitle { color: var(--colorTextBrand) !important; font-weight: normal; font-size: 13px !important; } .gChatContent.proVersion div.settingSRTitle, .gChatContent div.settingSRTitle { border-bottom: 1px dashed var(--colorBorder); height: 30px; width: calc(100% - 10px); } .gChatContent.proVersion .settingSRRight .srFavorite, .gChatContent .settingSRRight .srFavorite, .gChatContent.proVersion .settingSRRight .srNoFavorite, .gChatContent .settingSRRight .srNoFavorite { width: 14px !important; height: 14px !important; padding: 0px !important; background: url(../images/starFilled.svg) no-repeat !important; border: 0px !important; max-width: 14px !important; min-width: 14px !important; } .gChatContent.proVersion .settingSRRight .srNewName, .gChatContent .settingSRRight .srNewName { border: 1px solid var(--colorBorder); border-radius: 0.25rem; padding: 3px; width: calc(100% - 85px); } .gChatContent.proVersion .settingSRRight ul, .gChatContent .settingSRRight ul { height: calc(100% - 10px); padding-top: 10px; } .gChatContent.proVersion .settingSRRight .srNoFavorite, .gChatContent .settingSRRight .srNoFavorite { filter: grayscale(1); } .gChatContent.proVersion .settingSRRight .newPersonalSR input[value="Add"], .gChatContent .settingSRRight .newPersonalSR input[value="Add"] { background-image: url(../images/newCustomerIcon.svg) !important; background-repeat: no-repeat !important; border: 1px solid var(--colorBorder); border-radius: var(--borderRadiusMedium); color: transparent !important; cursor: pointer; background-color: var(--mainBackground); background-size: 12px !important; font-size: 12px; background-position: center center !important; width: 24px; height: 24px; margin-top: 2px; position: relative; top: 3px; padding: 0px; min-width: 24px; } .gChatContent.proVersion .settingSRRight .newPersonalSR input[value="Add"]:hover, .gChatContent .settingSRRight .newPersonalSR input[value="Add"]:hover { background-color: var(--main-button-hover) !important; } .gChatContent .columnViewWrapper .columnViewColumn { border: 0px; border-right: 1px solid var(--colorBorder); } .gChatContent.proVersion div.settingSRWrapper, .gChatContent div.settingSRWrapper { margin: 0; width: 100%; background: white; } .gChatContent.proVersion div.settingSRLeft, .gChatContent div.settingSRLeft, .gChatContent.proVersion .settingSRSource, .gChatContent .settingSRSource, .gChatContent.proVersion div.settingSRRight, .gChatContent div.settingSRRight, .gChatContent.proVersion .settingSRList ul li:first-child, .gChatContent .settingSRList ul li:first-child { margin: 0px; } .gChatContent.proVersion .settingSRSource .srSourceItem a.sourceName, .gChatContent .settingSRSource .srSourceItem a.sourceName, .gChatContent .columnViewWrapper ul li a.disclosureAnchor, .gChatContent.proVersion .columnViewWrapper ul li a.disclosureAnchor { background: url(../images/icon_arrowRight.svg) calc(100% - 2px) / 6px no-repeat; width: 100%; } .gChatContent.proVersion .settingSRSource .srSourceItem.selected a.sourceName, .gChatContent .settingSRSource .srSourceItem.selected a.sourceName, .gChatContent .columnViewWrapper ul li.selected a, .gChatContent .columnViewWrapper ul li.selected, .gChatContent .columnViewWrapper ul li.selected a.disclosureAnchor, .gChatContent.proVersion .columnViewWrapper ul li.selected a.disclosureAnchor { color: var(--colorTextDefault) !important; background: url(../images/icon_arrowRight.svg) calc(100% - 2px) center / 6px no-repeat, rgb(225, 239, 255); } .gChatContent.proVersion .settingThemeWrapper .themeSelectWrapper, .gChatContent .settingThemeWrapper .themeSelectWrapper { margin-top: 0px; background: transparent; } .gChatContent.proVersion div.settingSRRight, .gChatContent div.settingSRRight { width: 492px; } .gChatContent.proVersion div.settingSRLeft, .gChatContent div.settingSRLeft { border-right: 1px solid var(--colorBorder); height: calc(100% - 80px); } .gChatContent.proVersion .settingSRRight .srItem .srName, .gChatContent .settingSRRight .srItem .srName { background: no-repeat; border: 1px dashed var(--colorBorder); border-radius: 0.25rem; } .gChatContent.proVersion .settingSRRight .srItem.selected .srName, .gChatContent .settingSRRight .srItem.selected .srName { border-style: dashed; } .gChatContent.proVersion .settingSRBottom .srText, .gChatContent .settingSRBottom .srText { width: calc(100% - 20px); height: 60px; margin-left: 0; border-bottom: 0px; border-right: 0px; border-left: 0px; padding: 10px; background: ivory; border-bottom: 1px solid var(--colorBorder); border-top: 1px solid var(--colorBorder); } .gChatContent.proVersion .settingSRBottom, .gChatContent .settingSRBottom { width: 100%; height: 82px; display: block; float: none; clear: both; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTable span, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTable .gChatButtonTitle { color: transparent; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div:hover span, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div:hover .gChatButtonTitle { color: var(--color-text-link); text-align: center; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertWrapper { width: calc(100% - 17px); display: block; border: 1px solid var(--colorBorder) !important; margin-top: 0px; height: 35px; border-radius: 3px; margin-left: 7px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatLeftUser .gChatAddToPersonal, .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatLeftUser .gChatAddedToPersonal{ background: url(../images/starFilled.svg) no-repeat !important; background-size: 13px; width: 14px; height: 14px; padding: 0; border: 0px !important; margin-right: 3px; position: relative; top: 3px; filter: grayscale(1); } .gChatContent #gChatMainDiv .gChat2BoundingRect span.HierarchicalMenuFrame { min-width: 160px; width: auto; } .gChatContent #gChatMainDiv .gChat2BoundingRect span.HierarchicalMenuFrame ul li .srText { float: none; width: unset; min-width: unset; display: block; position: relative; } .gChatContent.proVersion #gChatMainDiv .settingSRSource, .gChatContent #gChatMainDiv .settingSRSource { margin: 0px; } .gChatContent #gchat2_settings .columnViewWrapper .columnViewColumn { border:0px; border-right: 1px solid var(--colorBorder) !important; } #gChat2NotReadyTime.gChat2_sparseTimer_container { margin: 10px 7px 5px 7px; border: 1px solid var(--colorBorder); padding: 2px 10px; width: calc(100% - 32px); border-radius: 0.25rem; } #gChat2NotReadyTime.gChat2_sparseTimer_container span { font-size: 13px; text-shadow: none; } #gChat2NotReadyTime .coral_timerNumbers { color: var(--colorTextBrand) !important; font-size: 13px; } .gChatContent #gchat2_settings .columnViewWrapper ul { width: 100%; } input#startMenuButton.hierarchicalMenuButton { background: var(--color-text-link) !important; border: 0px !important; padding: 8px 20px !important; border-radius: 0.25rem; text-shadow: none; margin-top: 5px; } input#startMenuButton.hierarchicalMenuButton:hover { opacity: 0.8; } input#startMenuButton.hierarchicalMenuButton:active { opacity: 0.5; } #gChatMainDiv .gChatLeftButtons input.noFavorite, #gChatMainDiv .gChatLeftButtons input.favorite { width: 11px !important; height: 11px !important; padding: 0px !important; filter: grayscale(1); background: url(../images/starFilled.svg) no-repeat !important; border: 0px !important; max-width: 14px !important; min-width: 14px !important; position: absolute; right: 5px; top: 6px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .groupChatLeftUser .gChatAddedToPersonal, #gChatMainDiv .gChatLeftButtons input.favourite { filter: grayscale(0); } .gChatContent #gChatMainDiv .gChat2BoundingRect #gChat2StandardResponses .gChatButtonTitle { margin-left: 0; } .gChatContent #gChatMainDiv .gChat2BoundingRect .editorExpanded input.expandedPostIcon, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertPostIcon { background: url(../images/sendCoralChat_B.svg) center center / 22px no-repeat !important; border: 0px !important; margin-top: -10px; padding-bottom: initial; position: absolute; bottom: 16px; border-radius: 0.2rem; color: transparent !important; text-indent: -999999px; height: 30px; top: auto; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertPostIcon { width: 28px; height: 28px; bottom: 13px; padding: 0; right: 27px; cursor: pointer; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertPostIcon:hover, .gChatContent #gChatMainDiv .gChat2BoundingRect .editorExpanded input.expandedPostIcon:hover, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertPostIcon:hover { opacity: 0.7; } .gChatContent #gChatMainDiv .gChat2BoundingRect .editorExpanded .expandedEdit { top: auto; bottom: 15px; left: auto; margin-left: 10px; display: flex; width: calc(100% - 235px); } .gChatContent #gChatMainDiv .gChat2BoundingRect .editorExpanded .expandedShrinkButton { width: 25px; height: 25px; opacity: 1; position: absolute; right: 0px; top: auto; bottom: 85px; left: auto; right: 15px; background-size: 14px !important; cursor: pointer; } .gChatContent #gChatMainDiv .gChat2BoundingRect .editorExpanded .expandedInput { flex-grow: 1; border: 1px solid var(--colorBorder) !important; border-radius: 3px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div #startMenuButton, .gChatContent.gChat2BoundingRect .gChatLeftButtons > div input[type="button"], .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper #startMenuButton.gChatConferenceIcon { border-radius: 6px !important; background-color: var(--mainBackground) !important; border: none !important; padding: 0 !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: 0 !important; margin: 0px; width: 100%; min-width: auto; border-left: 0px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper.gChatInactive { opacity: 0.5; filter: grayscale(1); pointer-events: none; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper #startMenuButton.gChatConferenceIcon { background: url(../images/iconConferenceTransfer.svg) no-repeat white center !important; background-size: 18px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatStandardResponsesIcon#startMenuButton { background: url(../images/iconImmediateCallBack.svg) no-repeat center !important; background-size: 13px !important; } .gChatContent.proVersion #gChatMainDiv #gChat2StandardResponses .menuButton.gChatStandardResponsesIcon#startMenuButton, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper #startMenuButton.gChatConferenceIcon, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div input[type="button"].gChatTransferIcon#startMenuButton, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect #gChat2EndChat .gChatEndChatIcon { width: 53px; height: 39px; color: transparent; padding: 0 !important; margin: 0 !important; display: inline-block; min-width: unset !important; max-width: unset !important; } .gChatContent .gChat2SearchRect { background: white; border-radius: 0.25rem; height: auto; } .gChatContent .gChat2SearchRect span { padding: 0px; } span.HierarchicalMenuFrame {border:none;} .gChatLeftButtons span.HierarchicalMenuFrame ul li a.disclosureAnchor:hover { background: url(../images/hierarchical_menuDisclosure.svg) center center / 7px no-repeat !important; } #destSearchDiv div input { border: 1px solid var(--colorBorder) !important; border-radius: 0.25rem; } .gChatContent #destSearchDiv div input.button_oh { border-radius: 0.25rem; border: 1px solid var(--colorBorder) !important; line-height: 1rem; padding: 3px 8px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .button_oh .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTable { display: inline-block; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(2), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(2), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(2), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(2), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(3), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(3), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(3), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(3) { width: 100%; margin-left: 0px; margin: 0; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div input[type="button"].gChatTransferIcon#startMenuButton { background: url(../images/coldTransfer.svg) no-repeat center !important; background-size: 15px !important; background-color: var(--mainBackground) !important; } .gChatContent.proVersion #gChatMainDiv div.settingSRLeft, .gChatContent #gChatMainDiv div.settingSRLeft, .gChatContent.proVersion #gChatMainDiv .settingSRSource, .gChatContent #gChatMainDiv .settingSRSource, .gChatContent.proVersion #gChatMainDiv div.settingSRRight, .gChatContent #gChatMainDiv div.settingSRRight { margin: 0px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatEndChatIcon, .gChatContent.proVersion .gChat2BoundingRect #gChat2EndChat .gChatEndChatIcon { border-radius: 0px !important; width: 55px; border-left: 0px !important; border-right: 0px !important; background: url(../images/iconDropConference.svg) no-repeat white center !important; background-size: 13px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatEndChatIcon:hover, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatStandardResponsesIcon#startMenuButton:hover, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper #startMenuButton.gChatConferenceIcon:hover, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div input[type="button"].gChatTransferIcon#startMenuButton:hover { background-color: var(--main-button-hover) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper.gChatInactive #startMenuButton.gChatConferenceIcon { min-width: 100%; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons > div input[type="button"].menuButton.gChatTransferIcon { background: url(../images/iconW_reload.svg) no-repeat center; background-size:20px; background-color: var(--mainBackground) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTable { } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtons { display: flex; margin: 0; float: unset; align-items: center; width: 220px; position: absolute; bottom: 0px; left: 0px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftWrapper { width: 215px; margin: 0px; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftWrapper { width: 225px; } .GChat2Dock .coralkvptable .kvpTableKeyCell { padding: 0; vertical-align: middle; } .GChat2Dock .coralkvptable .kvpTableValueCell { text-align: left; color: var(--colorTextBrand) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:first-child, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:first-child, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:first-child, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:first-child, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(4), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(4), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(4), .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(4) { width: auto; margin-left: 0; margin: 0px; } .gChatContent .gChat2BoundingRect .gChatLeftButtonTableRow { display: inline-block; margin: 1px 0; } .gChatContent.proVersion .gChat2BoundingRect .gChatLeftButtonTableRow { display: block; margin: 0; border-top: 1px solid var(--colorBorder); } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(2), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(2), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(2), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(2), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(3), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(3), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(3), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(3), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:first-child, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:first-child, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:first-child, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:first-child, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer:nth-child(4), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference:nth-child(4), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR:nth-child(4), .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd:nth-child(4) { height: 39px; margin: 0px; } .GChat2Dock .kvpTableRow { display: block; width: calc(100% - 30px); padding: 0px 15px !important; border-style: dashed !important; border-color: rgb(229, 230, 231) !important; border-image: initial !important; text-align: left !important; border-width: 1px 0px 0px !important; background: var(--mainBackground) !important; } .gChatLeftButtons span#TransferMenuButton { height: auto !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatClientDetailsWrapper, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatList { width:100%; background: transparent; min-height: 50px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatClientNameCell, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatClientName { background: white; font-family: SalesforceSans-bold, arial !important; border-bottom: 1px dashed var(--colorBorder); line-height: 50px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatClientNameCell { padding-left: 10px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .chatAreaWrapper { background: #fff; } .gChatContent #gChatMainDiv .gChat2BoundingRect div.gChatInviteInnerDiv span { font-size: 13px; color: var(--colorTextBrand); } .gChatContent #gChatMainDiv .gChat2BoundingRect div.gChatInviteDiv { float: unset; width: calc(100% - 215px); position: absolute; top: 48%; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatAreaDiv, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatRightWrapper { margin:0; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatRightWrapper { border-left: 1px solid var(--colorBorder) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatBottomWrapper { height: calc(100% - 31px); background-color: #f8f7f7; display: flex; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .statusWaiting .icon { width:23px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopTabHolder { display: flex; flex-direction: row; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopTabWrapper .tabSelector { background: var(--colorBackground) !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopTabWrapper .tabSelector:after { content: ' '; display: block; position: absolute; width: 100%; background: var(--colorBorder); height: 1px; top: 30px; left: 0px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector.selected:after { display: none; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector .title { font-size:12px; margin: 0; width: calc(100% - 20px); } .gChatContent .gChat2BoundingRect .gChatTopWrapper .tabSelector.statusChatOff { background: var(--colorBackground) !important; position: relative; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector.selected .title { width: calc(100% - 19px); color: var(--colorTextDefault); font-family: SalesforceSans, arial !important; font-size: 12px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector.selected { border-radius:0; border:none; height: 31px !important; margin: 0 !important; width:115px; display: flex; position:relative; padding: 0 5px; border-right: 1px solid var(--colorBorder) !important; cursor: pointer; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector.selected { background: white !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopTabHolder:before { content: ' '; height: 10px; border-bottom: 1px solid var(--colorBorder); display: block; position: absolute; top: 20px; left: 0; width: 100%; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector .icon { background: url(../images/chatTabIcon.svg) right center / 20px no-repeat !important; width: 22px !important; margin: 0 5px 0 0; margin-left: 0; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .tabSelector.statusChatOff .icon { filter: grayscale(1); opacity:0.5; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatTopWrapper .closeTab { position: absolute; right: 0px; top: -6px; background-size: 10px !important; } #gChat2TopWrapper, #gChatBottomWrapper { margin:0; width:100%; border:none; } .gChatContent #gChatMainDiv .gChat2BoundingRect { display: flex; flex-direction: column; } .gChatContent .gChatMainDiv { background: var(--colorBackground); } #gChatMainDiv .partyJoinInfo, #gChatMainDiv .partyLeftInfo { background-size: 17px; margin-left: 0px; padding-left: 22px; color: gray; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsertText, .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .gChatInsertText { display: none !important; } .gChatContent.proVersion #gChatMainDiv .gChat2BoundingRect .systemMessageInfo { background: no-repeat; padding: 0; margin: 0; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsert { height: 30px !important; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatInsert { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); background: transparent; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatListWrapper { background-image: url(../images/avatarAgent.svg); background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; padding: 10px 10px 10px 24px; vertical-align: middle; width: calc(100% - 34px) !important; background-position: 7px center !important; background-size: 20px !important; } #gChatMainDiv .inviteActionButtons .button_oh { background: var(--mainBackground) !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; font-family: SalesforceSans-Regular, arial !important; padding: 5px 10px; position: relative; display: inline-flex; align-items: center; padding: 6px 10px; background: transparent; background-clip: border-box; border: 1px solid transparent; border-radius: .25rem; /* line-height: 1.875rem; */ text-decoration: none; color: #0070d2; -moz-appearance: none; -webkit-appearance: none; white-space: normal; user-select: none; text-shadow: none; height: unset; margin-right: 5px; } #gChatMainDiv .inviteActionButtons .button_oh:disabled { filter:grayscale(1); opacity:0.8; box-shadow:none; background:lightgray !important; } #gWorkbinItem .kvpTableRow span { padding:5px; line-height: 20px; } #gWorkbinItem .kvpTableRow:nth-child(odd) { background: var(--colorBackground); } #gWorkbinItem { width: 90%; margin: 13px; border: 1px solid lightgray; margin-top: 6px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .inviteActionButtons { width: 91%; padding-top: 8px; } .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonTransfer, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonConference, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonSR, .gChatContent #gChatMainDiv .gChat2BoundingRect .gChatLeftButtonEnd { display: block; width: calc(25% - 2px) !important;} /*Genesys Chat style END*/ /*Aniki style */ #Aniki .csdkDWindLeftDockedWindowIcon { background: url(../images/anikiIcon.svg) no-repeat center right !important; background-size: 32px !important; width: 42px; } button.previewAgentFaceSnapBtn { background: url(../images/cameraIcon.svg) no-repeat bottom right !important; background-size: 15px !important; height: 24px; opacity: 0.7; } button.previewAgentFaceSnapBtn:hover { opacity: 0.4; } button.previewAgentFaceSnapBtn:active { opacity: 0.7; } /*Aniki style END*/ /*help mode style*/ /*checkbox for helpmode*/ .hotdesk_webrtc_option, label.helpModelabel { font-size:13px; margin-right:88px; } /* Create a custom checkbox */ .helpModeCheckBoxMark { position: absolute; top: 34px; left: 64px; height: 18px; width: 18px; background-color: #eee; } /* On mouse-over, add a grey background color */ .helpModelabel:hover input ~ .helpModeCheckBoxMark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .helpModelabel input:checked ~ .helpModeCheckBoxMark { background-color: #00adef; } /* Create the helpModeCheckBoxMark/indicator (hidden when not checked) */ .helpModeCheckBoxMark:after { content: ""; position: absolute; display: none; } /* Show the helpModeCheckBoxMark when checked */ .helpModelabel input:checked ~ .helpModeCheckBoxMark:after { display: block; } /* Style the helpModeCheckBoxMark/indicator */ .helpModelabel .helpModeCheckBoxMark:after { left: 7px; top: 2px; width: 3px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .helpModelabel input:checked ~ .helpModeCheckBoxMark { background-color: #e64f80; } label.helpModelabel { margin-right:0; margin-left:10px; line-height:54px; } .helpModeCheckBoxMark { top: 18px; left: 81px; } /*help mode style END */ /*Multiframe*/ #MultiFrame { border: 0px !important; box-shadow: none !important; } #container #topMaster .csdkTabSetHeader .csdkTab .csdkTabLabel .csdkCell.customer { filter: grayscale(1); cursor: pointer; } #container #topMaster .csdkTabSetHeader .csdkTab.selected .csdkTabLabel .csdkCell.customer { filter: grayscale(0); } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.Salesforce .csdkTabLabel { min-width: 130px; max-width: 130px !important; } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.Oracle .csdkTabLabel { min-width: 95px; max-width: 95px !important; } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.SAP .csdkTabLabel { min-width: 75px; max-width: 75px !important; } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTabLabel .csdkCell:last-child button, #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTabLabel .csdkCell:last-child button, .singleCloseButton { filter: grayscale(1); } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.Salesforce .csdkTabLabel .csdkCell:nth-child(2):before { content: 'SALESFORCE'; top: 16px; left: 57px; } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.SAP .csdkTabLabel .csdkCell:nth-child(2):before { content: 'SAP'; top: 16px; left: 57px; } #container #topMaster .crmsContentWrapper .csdkTabSetHeader .csdkTab.Oracle .csdkTabLabel .csdkCell:nth-child(2):before { content: 'ORACLE'; top: 16px; left: 50px; } .CoralChatInput { position: relative; } /*Notification*/ #NotificationsGoesHere { box-shadow: 3px 3px 3px rgba(56, 56, 56, 0.54); display: block; position: fixed; bottom: 10px; right: 10px; z-index: 1000; background: none; width: 200px; text-align: center; background-color: var(--mainBackground); padding: 20px; border: 1px solid lightgray; } #NotificationsGoesHere button { border: 1px solid lightgrey !important; cursor: pointer; } .infoListSubTitle.crmSAP { background: url(../images/sap.svg) no-repeat left center; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block; margin-right: 6px; } .infoListSubTitle.crmSalesforce { background: url(../images/salesforce.svg) no-repeat left center; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block; margin-right: 7px; } .infoListSubTitle.crmOracle { background: url(../images/oracle.svg) no-repeat left top; background-size: 16px 16px; width: 20px; height: 20px; display: inline-block; } /*GEMAIL*/ .Genesys.Email .csdkDWindLeftDockedWindowIcon:before { content: 'Not Ready'; position: absolute; font-size: 12px !important; color: var(--colorTextBrand) !important; font-family: SalesforceSans-Regular, arial !important; width: 100px; height: 15px; left: 60px; top: 26px; } .Genesys.Email .csdkDWindLeftDockedWindowIcon.ready:before { content:'Ready'; } .Genesys.Email .csdkDWindDockedSpan { vertical-align: top !important; } .Genesys.Email .csdkDWindLeftDockedWindowIcon { height: 35px !important; background: url(../images/emailW.svg) no-repeat #b1b4b6 center center !important; background-size: 32px !important; width: 35px; border-radius: 3px; margin-left: 5px; } .Genesys.Email .csdkDWindLeftDockedWindowIcon.ready { background-color: #ff6262 !important; } label.leftGEmail2CheckboxLabel { position: absolute; top: 50px; display: none; } .gEmail2Status { text-shadow: none; } .gEmailHeadlessWidget { top: -9px; border: 0px; } /**************BLACK MODE STARTS****************/ body.dark { --main-color-pink: #ec447b !important; --colorBorder:#7072a9 !important; --colorTextDefault: #fff !important; /**--mainBackground: #060b31 !important; **/ --mainBackground: #15193e !important; --mainBackgroundLight: #45496c !important; --colorTextBrand: #d8dd87 !important; --color-text-link: #d8dd87 !important; --disabled-button-background-color: #5c5f7f !important; --disabled-button-text-color: #7d84ba !important; --toolTip: #16325c !important; --border-lightgray: 1px solid rgba(91, 106, 163, 0.88) !important; --main-color-darkblue: #060925 !important; } body.dark .LeftsAdmin button#logoutButton:disabled, .LeftsAdmin button#logoutButton:disabled:hover { background: url(/images/icon_logoutWhite.svg) no-repeat 6px center, #5c5f7f !important; background-size: 9px !important; } body.dark span#hotdeskSpanID { background: transparent !important; } body.dark .infoListWrapper .infoListRow DIV.copy, body.dark .detailedExtraWrapper .infoListRow DIV.copy { opacity:0.6; } body.dark .agentScriptDialogWrapper.expanded .agentScriptDialogHeaderWrapper, body.dark div#EmergencyMessageWidgetDockTableCont .csdkRow { background: var(--mainBackground) !important; } body.dark select { background: url(../images/icon_arrowDown.svg) no-repeat 96% center, #060b31 !important; background-size: 9px; } body.dark .leftColumn + .master_ { background: url(../images/icon_arrowRight.svg) no-repeat 255px center, #060b31 !important; background-size: 7px, 100% !important; } body.dark #hotdeskHeader.heading.expanded { background: url(../images/icon_arrowDown.svg) no-repeat 249px center, #060b31 !important; background-size: 12px, 100% !important; } /* drawer style*/ body.dark div#shrinkHandle:hover { background:url(../images/ocmIcon_arrowLeft.svg) no-repeat center, #ec447b; background-size: 7px; } body.dark div#shrinkHandle { background: #ec447b; } body.dark .leftColumn.closed div#shrinkHandle:hover { background:url(/images/ocmIcon_arrowRight.svg) no-repeat center, #ec447b; background-size: 7px; } body.dark div[widget].csdkDWind.raised .csdkDWindTitleBar { border-bottom: 1px solid rgba(91, 106, 163, 0.88) !important; } body.dark .OneMessage_LeavingChatDispositionCodesWrapper .csdkDirBrowser .csdkRow.item:hover { background-color: var(--color-text-link-active); } body.dark .OneMessage_LeavingChatDispositionCodesWrapper .csdkDirBrowser .csdkRow.item.dCodeSelected { background: rgb(255 102 102); } #oneMessageHW_mainWinGoesHere .csdkTimer {margin-top:0;} body.dark #ONEM .csdkDWindContentWindow .csdkTabSet > .csdkTabSetHeader .customerTab.selected .csdkTabLabel { border: var(--border-lightgray); border-width: 1px 1px 1px 1px !important; border-bottom-width:1px !important; box-shadow: none; } body.dark .interactionHistoryWrapper ul.CoralChatPanel { border-top: 15px solid var(--mainBackground) !important; } /*one click not ready reason style*/ /* NOT READY REASONS */ .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu { position: absolute; left: 15px; box-shadow: 0px 0px 6px 0px #d4d2d2; filter: none; border-radius: 5px !important; border: 1px solid !important; border-color: var(--colorBorder) !important; min-width: 241px; overflow-y: auto; background: white; z-index: 10; resize: none; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.notReadyReason, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.item.notReadyReason { height: 28px; line-height: 23px; position: relative; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.open.notReadyReason { height:fit-content; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.open.notReadyReason .item .csdkCell:last-child {padding-left:10px;} .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.open.notReadyReason .item { height: 28px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.open.notReadyReason .item:last-child {margin-bottom:16px;} .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.notReadyReason .disclosureWrapper { height:fit-content; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.notReadyReason .disclosureWrapper > .disclosureContent { border:none; left:0; position:relative; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder.notReadyReason .disclosureWrapper > .disclosureContent .item > .csdkCell .disclosureLabel:before{display:none;} .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.item.notReadyReason:hover { cursor: pointer; background-color: #f4f6f9; border-radius: 5px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder > .csdkCell:last-child { padding-left: 0px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.item > .csdkCell:last-child { padding-left: 30px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.item > .csdkCell:first-child { flex-basis: 0; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.folder > .csdkCel .disclosureLabel:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow.item > .csdkCell .disclosureLabel:before { content: ' '; position: absolute; display: block; width: 23px; height: 23px; border-radius: 5px; background-size: 20px 20px; left: 1px; top: 0px; background: url(../images/NRR_default.svg) #88C550 no-repeat 0px top ; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu > .csdkTable > .csdkTableBody > .csdkRow.item.reason_Ready { order:0; height: 33px; line-height: 27px; border-bottom: 1px dashed var(--colorBorder); margin-bottom: 5px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu > .csdkTable > .csdkTableBody > .csdkRow.folder{ order:1; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu > .csdkTable > .csdkTableBody > .csdkRow.item { order:2; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Available"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Ready"]:before { background: url(../images/notReady_ready.svg) #88C550 no-repeat 0px top !important; margin-top:3px; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Meal"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Lunch"]:before { background: url(../images/notReady_shortBreak.svg) #63C2F7 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Break"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Short Break"]:before { background: url(../images/notReady_lunch.svg) #989ff4 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Busy"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Coaching"]:before { background: url(../images/notReady_coaching.svg) #D197FF no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Training"]:before { background: url(../images/notReady_training.svg) #F9AB75 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Meeting"]:before { background: url(../images/notReady_meeting.svg) #FF97AB no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Away"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Wrap"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="After Call Work"]:before { background: url(../images/notReady_Wrap.svg) #FFD876 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="On Queue"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Follow Up Time"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Admin/Manual Work"]:before { background: url(../images/notReady_followUp.svg) #D299FF no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Callback"]:before { background: url(../images/notReady_lastCall.svg) #67DBA3 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Offline"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Last Call"]:before { background: url(../images/iconW_location.svg) center no-repeat, rgb(249, 171, 117) !important; background-size: 11px !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Idle"]:before, .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="System Issue"]:before { background: url(../images/notReady_project.svg) #FFD876 no-repeat 0px top !important; } .csdkDirBrowser.hierarchical.creditAppliance_notReadyReasonsOneClickMenu .csdkRow > .csdkCell div[title="Other"]:before { background: url(../images/notReady_others.svg) #FF97AB no-repeat 0px top !important; } .csdkRow.interactionContentHeader button { background-color: var(--mainBackground) !important; } #AdminTool .tenantWrapper li img, #AdminTool .systemWrapper li img { display:none; } .Hit input.Event { -moz-transition: left 1s ease-out; -o-transition: left 1s ease-out; -ms-transition: left 1s ease-out; color: var(--color-text-link) !important; height: 1.8rem; line-height: 1.8rem; padding: 0px 15px; width: auto; color: var(--color-text-link) !important; font-size: 12px !important; border: var(--border-lightgray); background: white; border-radius: 5px; margin-left: 240px; margin-top: 10px; } div.SingTel.Activities #standardHeading .csdkDWindLeftDockedWindowIcon { margin-left: 8px; height: 32px !important; background: url(../images/iconCourse.svg) center center / 32px no-repeat !important; } #coral7 .DesktopOrchestrationToolkitDock .ButtonBar { text-align: right; margin-top: 10px; } ul.coralDock.Sidekick.DriverDock#dock {height:0 !important;} #CONTACTHISTORY #standardHeading {height:40px;} #CONTACTHISTORY #standardHeading .csdkDWindLeftDockedWindowIcon { margin-top: 1px ; } /*transfer conference menu*/ .csdkDirBrowser.destListDBr > .csdkTable > .csdkTableBody { padding: 0 16px; overflow-y: auto; height: 380px; } .csdkDirBrowser.destListDBr .csdkRow.item.Co_Browse .conferenceTransferItem, .csdkDirBrowser.destListDBr .csdkRow.item.Video_Chat .conferenceTransferItem { background:url(/coral/widgets/CCUI/images/CCUI_cobrowser.svg) left center / 23px no-repeat; padding-left:30px; line-height: 23px; } .csdkDirBrowser.destListDBr .csdkRow.item.Video_Chat .conferenceTransferItem { background:url(/coral/widgets/CCUI/images/CCUI_video.svg) left center / 23px no-repeat; padding-left:30px; line-height: 23px; } .csdkDirBrowser.destListDBr { border:none; width: 300px; height: 450px; resize:none; } .csdkDirBrowser.destListDBr .csdkTable .csdkRow.folder, .csdkDirBrowser.destListDBr .csdkRow.item { line-height:22px ; } .csdkDirBrowser.destListDBr .csdkRow.item { height:30px ; } .csdkDirBrowser.destListDBr .csdkRow.item > .csdkCell:first-child { display:none; } .csdkDirBrowser.destListDBr .csdkRow.item.Co_Browse {height:26px !important;} .csdkDirBrowser.destListDBr .csdkRow.item.Video_Chat { padding-bottom: 13px; margin-bottom: 5px; height: 26px !important; } .csdkDirBrowser.destListDBr .csdkTableBody .csdkRow.item.separator .conferenceTransferItem:before { position: absolute; height: 25px; content: "Destination List"; color: var(--colorTextBasic); padding-left: 31px; width: 100px; background: url(../images/oneMsg_destinationList.svg) left top / 23px no-repeat; bottom: 4px; z-index: 1000; } .csdkDirBrowser.destListDBr .csdkTableBody .csdkRow.item.separator .conferenceTransferItem { color: transparent; } .csdkDirBrowser.destListDBr .csdkRow.folder { } .csdkDirBrowser.destListDBr .csdkRow div { font-family: SalesforceSans-Bold, arial !important; } .csdkDirBrowser.destListDBr .csdkRow { padding: 6px 0; } .csdkDirBrowser.destListDBr .csdkRow.item:hover .conferenceTransferItem {color: darkgray;} .csdkDirBrowser.destListDBr .csdkRow.folder .disclosureWrapper > .disclosureContent { margin-left:10px; margin-top:6px; } .csdkDirBrowser.destListDBr .csdkRow.folder .disclosureWrapper > .disclosureContent .csdkRow { padding: 2px 0; } .csdkDirBrowser .csdkRow.folder > .csdkCell:first-child { background: url(../images/icon_arrowRight.svg) 3px 6px / 5px no-repeat; flex-basis: 15px; } .csdkDirBrowser .csdkRow.folder.open > .csdkCell:first-child { background: url(../images/icon_arrowDown.svg) 2px 8px / 9px no-repeat; } .csdkDirBrowser.destListDBr input[placeholder="Search"] { background: url(../images/view.svg) no-repeat 97% center; background-size: 16px; border: 1px solid lightgray; border-radius: 4px; padding: 5px 10px; width: 228px; margin: 0 0 8px 0; } .csdkDirBrowser.destListDBr .conferenceTransferItem { display: block; position: relative; width: 100%; line-height: 22px; } /*transfer conference menu END*/ /*one Message Email*/ button#onem_dock_newEmailBtn:hover, button#onem_dock_newEmailBtn { background: var(--main-background-white) !important; color: var(--brandAccessible) !important; border: var(--border-lightgray) !important; padding: 5px 15px !important; } button#onem_dock_newEmailBtn:hover, { opacity:0.7; } /*one Message Email END*/ .infoListRow.notesPlugin > .infoListCell:last-child {display:none;} .infoListRow.notesPlugin textarea.notes { width: 150px; resize: none; border: var(--border-lightgray); border-radius: 4px; white-space:pre-wrap; } /*CALL DATA CONFIG*/ /*Notify issue style start*/ span.bugReporterDataLabel, span.bugReporterLabel { color: var(--brandAccessible); font-size: 13px; } span.bugReporterDataLabel { color: var(--colorTextDefault); } .hideMeOnSmall button.sent_blue_btn, .hideMeOnSmall button.grey_btn, div#bugReporterData button { font-size: 12px !important; font-family: SalesforceSans-Regular, arial !important; background-color: white; padding: 0.3rem 1rem !important; border: 1px solid !important; border-color: var(--colorBorder) !important; border-radius: var(--borderRadiusMedium) !important; color: var(--color-text-link) !important; } .hideMeOnSmall button.grey_btn {margin-left: 60px !important;} .hideMeOnSmall button.sent_blue_btn {margin-left: 10px !important;} div#bugReporterData { height:auto; padding-bottom: 15px; } /*Notify issue style ned*/ .groupKvpCategoryEditWrapper .addNew input[type="button"] { padding: 0 8px!important; height: 22px; line-height: 18px; text-align: center; } .coralDraggableWindowSettingsContentWindow.callDataSettings.coralDraggableWindowSettingsContentWindowShow .CallDataKvpListEdit .buttons{ margin-top: 0px ; } /**Edge Chromium Hack***/ @supports (not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:"*") { #notReadyTime { padding: 2px 10px; width: calc(100% - 30px); } } /*voice mail GVM style */ #GVM .csdkDWindDockedSpan {margin-left: 7px !important;} #GVM .gvmWrapper .gvmBody > div:last-child { border-radius: 0 0 4px 4px ; } #GVM .gvmWrapper .gvmBody > div:first-child span { color: var(--main-background-white); font-family: SalesforceSans-Bold, arial !important; } #GVM .gvmWrapper .gvmBody > div:first-child { border-radius: 4px 4px 0 0; background: var(--brandAccessible); border-bottom: 1px solid lightgray; } #GVM .gvmWrapper .gvmBody > div { padding: 5px 7px; display:flex; } #GVM .gvmWrapper { border: 1px solid lightgray; width: 90%; margin: 0 5% 5% 5%; border-radius: 4px; } /*voice mail GVM style END*/ /*boxed transfer list style*/ .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover .csdkCell.EWTFresh:last-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover .csdkCell.EWTRefreshing:last-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover .csdkCell.EWTStale:last-child { margin-right: 8px !important; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.favourites { border-bottom: none; padding-bottom: 6px; margin-bottom: 9px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder:hover, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.open { background: var(--colorBackground); } .boxedtransferTransferPopOut .csdkDirBrowser.accordion.csdkTable, .boxedtransferPlacePopOut .csdkDirBrowser.accordion .csdkTable { height:100%; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.favourite { background-position: center !important; order:1; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.notfavourite { background-position: center !important; order:1; opacity:0; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item:hover > .csdkCell.notfavourite { opacity:1; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover .csdkCell:last-child { margin-right: 0; } .placeCallDirBrowser .csdkDirBrowser.accordion .EWTFresh, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover .EWTFresh, .placeCallDirBrowser .csdkDirBrowser.accordion .EWTRefreshing, .placeCallDirBrowser .csdkDirBrowser.accordion .EWTStale { order:2; margin-top: 3px; justify-content: center; background: var(--main-color-pink); color: var(--main-background-white) !important; padding: 5px 4px; line-height: 18px !important; border-radius: 4px; min-width: 40px !important; width: 40px !important; margin-right: 8px; } .placeCallDirBrowser .csdkDirBrowser.accordion .EWTIsClosed { background: var(--key-color); } .placeCallDirBrowser .csdkDirBrowser.accordion .EWTVeryLong { background: var(--main-color3); } .placeCallDirBrowser .csdkDirBrowser.accordion .EWTUpTo2Mins { background:var(--main-color1); } .placeCallDirBrowser .csdkDirBrowser.accordion .EWTUpTo5Mins { background: var(--main-color8); } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable { flex-grow:1; border-right: none; margin-left: -11px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable.Root {margin-left:0;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow {line-height: 30px;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.open > .csdkCell:nth-child(2), .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder > .csdkCell:nth-child(2) {padding-left:10px;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.favourites > .csdkCell:nth-child(2), .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.recents > .csdkCell:nth-child(2) {padding-left:0px;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.open > .csdkCell:first-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder > .csdkCell:first-child {display:none;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTableBody .csdkCell:nth-child(2) .disclosureWrapper div, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.favourite + .csdkCell, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.notfavourite + .csdkCell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.favourite + .csdkCell, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.item > .csdkCell.notfavourite + .csdkCell { padding-left: 9px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.favourites > .csdkCell:first-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.favourites.open > .csdkCell:first-child { display:flex; background: url(../images/favourite.svg) no-repeat center !important; background-size: 25px 25px !important; flex-basis: 35px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.recents > .csdkCell:first-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.recents.open > .csdkCell:first-child { display:flex; background: url(../images/recentDestination.svg) no-repeat center !important; background-size: 25px 25px !important; flex-basis: 35px; } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable .csdkRow.folder:hover > .csdkCell:last-child, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable .csdkRow.folder > .csdkCell:last-child { background: url(../images/hierarchical_menuDisclosure.svg) no-repeat center !important; background-size: 7px !important; min-width: 26px; flex-basis: 25px; } .boxedtransferPlacePopOut .titleWrapper .title, .boxedtransferTransferPopOut .titleWrapper .title { font-size:15px; font-family: SalesforceSans-Bold, arial !important; } .placeCallDirBrowser .titleWrapper {padding: 10px;} .placeCallDirBrowser .csdkDirBrowser.accordion {min-width: 506px;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable:first-child .csdkTableBody, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable.open .csdkTableBody { min-width: 250px; width:250px; margin-right: 3px; } .placeCallDirBrowser .csdkDirBrowser.accordion .Root.csdkTable:first-child .csdkTableBody, .placeCallDirBrowser .csdkDirBrowser.accordion .Root.csdkTable.open .csdkTableBody { border-right: var(--border-gray); } .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable {padding:0;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkTable {flex-basis: 250px;} .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder:hover, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow.folder.open, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow:hover, .placeCallDirBrowser .csdkDirBrowser.accordion .csdkRow { padding:6px 0 6px 6px; color: var(--colorTextDefault); width: calc(100% - 6px); } /*boxed transfer list style END*/ input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; position: relative; top: 0px; height: 18px !important; width: 18px; min-width: 18px; border: 0; border-radius: 4px; cursor: pointer; margin-right: 7px; outline: none; vertical-align: middle; border: 1px solid #dedede; background: white; } input[type=checkbox]:checked::before { position: absolute; font: 12px/1 Open Sans, sans-serif; left: 5px; top: 2px; content: 'L'; transform: rotate(41deg) scaleX(-1); color: #0070d2; } input[type=radio]:checked::before { position: absolute; content: ' '; left: 5px; top: 2px; } input[type=checkbox]:hover { } input[type=radio]:checked, input[type=checkbox]:checked { border: 1px solid #dedede; background: white; position: relative; } input[type="checkbox"]:before { color: transparent; position: absolute; left: 7px; top: 1px; content: "L"; width: 8px; height: 8px; border-radius: 8px; font-weight: bold; transform: rotate(41deg) scaleX(-1); font-size: 14px; } input[type="checkbox"]:checked::before { position: absolute; color: #0070d2; left: 7px; top: 1px; content: "L"; width: 8px; height: 8px; border-radius: 8px; font-weight: bold; transform: rotate(41deg) scaleX(-1); font-size: 14px; } .AgentStatistics input[type=checkbox] { display:none; } /* adding agent status icons for destination list*/ .rightIconSlot.StatusReadyNotInCall, .rightIconSlot.StatusNotReadyNotInCall, .rightIconSlot.StatusReadyInCall, .rightIconSlot.StatusNotReadyInCall { background-position: center !important; } .rightIconSlot.StatusInActiveOffline, .rightIconSlot.StatusOfflineNotInCall { background-position: center !important; background-size: 21px !important; } #CTIA_remoteDestinationText .rightIconSlot.StatusReadyNotInCall { background: url(/coral/widgets/CREDITAPPLIANCE/images/available.svg) no-repeat 6px center !important; background-size: 14px !important; } #CTIA_remoteDestinationText .rightIconSlot.StatusNotReadyNotInCall { background: url(/coral/widgets/CREDITAPPLIANCE/images/agentStatus_notReady.svg) no-repeat 6px center !important; background-size: 14px !important; } #CTIA_remoteDestinationText .rightIconSlot.StatusReadyInCall, #CTIA_remoteDestinationText .rightIconSlot.StatusNotReadyInCall { background: url(/coral/widgets/CREDITAPPLIANCE/images/agentStatus_inACall.svg) no-repeat 6px center !important; background-size: 14px !important; } #CTIA_remoteDestinationText .rightIconSlot.StatusInActiveOffline, #CTIA_remoteDestinationText .rightIconSlot.StatusOfflineNotInCall { background-position:right center !important; background-size: 22px !important; } #CTIA_remoteDestinationText ul li .liRowWrapper { /*display:flex;*/ } /* adding agent status icons for destination list END*/ .csdkDialogBoxInside .csdkDialog.csdkDialog.creditAppliance_collectInboundCallOutcomeDialogBox, div#coral_AlertPopUpDiv.csdkDialog.creditAppliance_collectInboundCallOutcomeDialogBox { width:335px; } /*CRM connector*/ /*CORAL 7477*/ #CRMConnectorsRightWindow .SlidersWrapper.CoralSliders .Slider > span { padding-left:37px; line-height:30px; } /*CORAL 7476*/ #CRMConnectorsRightWindow .UpdateWrapper.Row > .Cell select, #CRMConnectorsRightWindow .UpdateWrapper.Row > .Cell div, #CRMConnectorsRightWindow .UpdateWrapper.Row > .Cell input { flex-grow:1; } /*hotdesk change Feb 2022*/ #hotdesk_webrtc_option label .can-toggle__switch:before { top:3px; } #hotdesk_webrtc_option { height: 33px; } /*hotdesk change Feb 2022 END*/ /*date picker style*/ .calenders .quickSwitchMonth button.previousButton + div select, .calenders .quickSwitchMonthAndYear button.previousButton + div select { color: var(--colorTextDefault); font-family: SalesforceSans-Bold, arial !important; } .calenders .quickSwitchMonthAndYear button.previousButton + div select:first-child, .calenders .quickSwitchMonth button.previousButton + div select { left: -6px; top: -6px; border-radius: 0 !important; border: 1px solid transparent; } .calenders .quickSwitchMonth button.previousButton + div select:hover, .calenders .quickSwitchMonthAndYear button.previousButton + div select:hover { background-color: #fff; background-position: calc(100% - 3px); background-size: 6px; border: 1px solid lightgray; } .calenders .quickSwitchMonthAndYear button.previousButton + div select.csdkDatePickerQuickSwitcher.switchYear { border:1px solid transparent; top: -6px; left: -3px; border-radius: 0 !important; padding-left: 2px; } .calenders .quickSwitchMonthAndYear button.previousButton + div select.csdkDatePickerQuickSwitcher.switchYear:hover { border: 1px solid lightgray; } .csdkDatePickerPopOut .csdkPopOutBoxContent .applyDiv button { background: url(/images/iconEnhanceAuthentication.svg) no-repeat 10px center; background-size: 17px; border: 1px solid lightgray; border-radius: 4px; color: var(--brandAccessible); padding: 8px 10px 8px 30px; } .csdkDatePickerPopOut .csdkPopOutBoxContent .applyDiv button:last-child { background:none; border: 1px solid lightgray; padding: 8px 10px; } /*date picker style END*/ .infoListRow div:last-child.infoListCell { position: relative; } /** change password alert message***/ .csdkDialogBoxInside .csdkDialog #changePasswordWrapper #statusLine.changePasswordHeading, div#coral_AlertPopUpDiv #changePasswordWrapper #statusLine.changePasswordHeading, div#statusLine { padding: 0px 0px 0px 28px; color: #c4351e; border-radius: 0.25rem; background: url(/images/warningIcon.svg) no-repeat 4% center; background-size: 12px; line-height: 1rem; } div#statusLine:empty { display: none; } /** aligning the copy icon in OneM **/ .csdkCell.attachmentGeneralInfo .infoListWrapper .infoListRow DIV.copy { opacity: 0.6; background-position: calc(100% - 2px); } /* FIDC-942 My Favorites Styling Modal */ #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden.coral_AlertPopUpDiv.manageFavourites { width: 370px !important; } #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden #name, .manageFavourites_MenuNameHidden .coraldivtable_header_th:nth-child(1) { display: none; } #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden .showQuery_Table span.showQueryTableCellTextTextSpan, .csdkDialogBoxInside .csdkDialog .showQuery_Expansion, div#coral_AlertPopUpDiv .showQuery_Expansion { padding: 0px 20px 15px 20px !important; } #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden .coraldivtable_footer_th { overflow:unset; } #coral_AlertPopUpDiv.manageFavourites_MenuNameHidden #manageFavs_wrapper #manageFavs_table .coraldivtable_footer .coraldivtable_footer_tr.manageFavs_table::before { left: 2px; } /* MED-949 Supervisor Chat icon copy all */ #ChatSupervisor .Right .customerTabs .profilePageContent .clientDetails .infoListWrapper .infoListRow DIV:first-child.infoListCell { background: url(../images/infoOut.svg) -2px 7px / 26px no-repeat !important; } /** glue driver icon **/ #leftColumn div.Glue.Driver .csdkDWindLeftDockedWindowIcon { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.23 28.08'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cg%3E%3Cpath class='cls-1' d='M19.11,23.24l-2.12,2.12c-1.63,1.63-4.27,1.63-5.9,0L2.72,16.99c-1.63-1.63-1.63-4.27,0-5.9L11.09,2.72c1.63-1.63,4.27-1.63,5.9,0l2.42,2.42'/%3E%3Cpath class='cls-1' d='M25.36,11.09c1.63,1.63,1.63,4.27,0,5.9'/%3E%3Crect class='cls-1' x='21.1' y='3.95' width='20.18' height='20.18' rx='4.17' ry='4.17' transform='translate(43.32 46.03) rotate(-135)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !Important; background-size: 24px !important; background-color: var(--main-color-yellow); background-repeat: no-repeat; background-position: center; width: 32px !important; height: 32px !important; filter: grayscale(0); opacity: 1; border-radius: 5px; margin: 3px 0px 0 10px; } .Glue.Driver div#expandedContent { height: 40px; font-size: 12px; } div.Glue.Driver .ConnectWrapper { display: flex; flex-direction: column; height: 50px; margin-left: 18px; } /** CUST INFO For reference guide **/ .infoListRow.CIDirection DIV:first-child.infoListCell { background: url(/images/infoDirection.svg) no-repeat center; background-size: 28px ; } .infoListRow.CILink DIV:first-child.infoListCell { background: url(/images/infoLink.svg) no-repeat center; background-size: 28px; } .infoListRow.CICog2 DIV:first-child.infoListCell { background: url(/images/infoCog2.svg) no-repeat center; background-size: 28px ; } .infoListRow.CISearch DIV:first-child.infoListCell { background: url(/images/infoListSearch.svg) no-repeat center; background-size: 28px; } .infoListRow.CISend DIV:first-child.infoListCell { background: url(/images/infoSend.svg) no-repeat center ; background-size: 30px ; } .infoListRow.CIPiece DIV:first-child.infoListCell { background: url(/images/infoPiece.svg) no-repeat center ; background-size: 28px; } .infoListRow.CILocation DIV:first-child.infoListCell { background: url(/images/infoLocation.svg) no-repeat center; background-size: 28px; } .infoListRow.CINotAvailable DIV:first-child.infoListCell { background: url(/images/infoNotAvailable.svg) no-repeat center; background-size: 28px; } .infoListRow.CISkilltype DIV:first-child.infoListCell { background: url(/images/infoSkillType.svg) no-repeat center; background-size: 28px; } .infoListRow.CIAbout DIV:first-child.infoListCell { background: url(/images/infoSubAbout.svg) no-repeat center ; background-size: 28px; } .infoListRow.CIAuthentication DIV:first-child.infoListCell { background: url(/images/infoSubAuthenticated.svg) no-repeat center; background-size: 30px ; } .infoListRow.CIBirthday DIV:first-child.infoListCell { background: url(/images/infoSubBday.svg) no-repeat center; background-size: 28px; } .infoListRow.CITime DIV:first-child.infoListCell { background: url(/images/infoTime.svg) no-repeat center; background-size: 28px; } .infoListRow.CICog DIV:first-child.infoListCell { background: url(/images/infoCog.svg) no-repeat center; background-size: 32px ; } .infoListRow.CIPet DIV:first-child.infoListCell { background: url(/images/infoPet.svg) no-repeat center ; background-size: 28px ; } .infoListRow.CIInfoGrowth DIV:first-child.infoListCell { background: url(/images/infoGrowth.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIGlobe DIV:first-child.infoListCell { background: url(/images/infoGlobe.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIHeart DIV:first-child.infoListCell { background: url(/images/infoHeart.svg) no-repeat center; background-size: 31px ; } .infoListRow.CIPlanting DIV:first-child.infoListCell { background: url(/images/infoPlanting.svg) no-repeat center; background-size: 28px; } .infoListRow.CICirculation DIV:first-child.infoListCell { background: url(/images/infoCirculation.svg) no-repeat center; background-size: 28px; } .infoListRow.CIPen DIV:first-child.infoListCell { background: url(/images/infoPen.svg) no-repeat center; background-size: 28px; } .infoListRow.CIBrowserCI DIV:first-child.infoListCell { background: url(/images/infoBrowserCustInfo.svg) no-repeat center ; background-size: 33px ; } .infoListRow.CIBrowserInfo DIV:first-child.infoListCell { background: url(/images/infoBrowserInfo.svg) no-repeat center; background-size: 33px ; } .infoListRow.CIBrowserTick DIV:first-child.infoListCell { background: url(/images/infoBrowserTick.svg) no-repeat center; background-size: 32px ; } .infoListRow.CIBrowserArrowRight DIV:first-child.infoListCell { background: url(/images/infoBrowserArrowRight.svg) no-repeat center; background-size: 32px ; } .infoListRow.CICompass DIV:first-child.infoListCell { background: url(/images/infoCompass.svg) no-repeat center ; background-size: 32px; } .infoListRow.CIMedal DIV:first-child.infoListCell { background: url(/images/infoMedal.svg) no-repeat center; background-size: 28px; } .infoListRow.CIClip DIV:first-child.infoListCell { background: url(/images/infoClip.svg) no-repeat center; background-size: 28px; } .infoListRow.CIMedical DIV:first-child.infoListCell { background: url(/images/infoMedical.svg) no-repeat center; background-size: 28px; } .infoListRow.CITesting DIV:first-child.infoListCell { background: url(/images/infoTesting.svg) no-repeat center; background-size: 28px; } .infoListRow.CITesting2 DIV:first-child.infoListCell { background: url(/images/infoTesting2.svg) no-repeat center; background-size: 28px ; } .infoListRow.CITarget2 DIV:first-child.infoListCell { background: url(/images/infoTarget2.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIBrowserArrowDown DIV:first-child.infoListCell { background: url(/images/infoBrowserArrowDown.svg) no-repeat center; background-size: 28px; } .infoListRow.CIBrowserGraph DIV:first-child.infoListCell { background: url(/images/infoBrowserGraph.svg) no-repeat center; background-size: 28px; } .infoListRow.CIBrowserDL DIV:first-child.infoListCell { background: url(/images/infoBrowserDownload.svg) no-repeat center; background-size: 28px; } .infoListRow.CIMoney DIV:first-child.infoListCell { background: url(/images/infoMoney.svg) no-repeat center; background-size: 28px; } .infoListRow.CIMoneywHand DIV:first-child.infoListCell { background: url(/images/infoMoneyWithHand.svg) no-repeat center; background-size: 28px ; } .infoListRow.CICardwHand DIV:first-child.infoListCell { background: url(/images/infoCardWithHand.svg) no-repeat center; background-size: 28px; } .infoListRow.CISaving DIV:first-child.infoListCell { background: url(/images/infoSaving.svg) no-repeat center ; background-size: 28px ; } .infoListRow.CIReceipt DIV:first-child.infoListCell { background: url(/images/infoReceipt.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIGraph DIV:first-child.infoListCell { background: url(/images/infoGraph.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIBusinessCarry DIV:first-child.infoListCell { background: url(/images/infoBusinessCarry.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerTarget DIV:first-child.infoListCell { background: url(/images/infoCustomerTarget.svg) no-repeat center; background-size: 28px; } .infoListRow.CICategory DIV:first-child.infoListCell { background: url(/images/infoCategory.svg) no-repeat center; background-size: 28px; } .infoListRow.CIImage DIV:first-child.infoListCell { background: url(/images/infoImage.svg) no-repeat center; background-size: 28px; } .infoListRow.CITag DIV:first-child.infoListCell { background: url(/images/infoTag.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIUI DIV:first-child.infoListCell { background: url(/images/infoUI.svg) no-repeat center; background-size: 28px; } .infoListRow.CICrossing DIV:first-child.infoListCell { background: url(/images/infoCrossing.svg) no-repeat center; background-size: 30px ; } .infoListRow.CIInfowRibbon DIV:first-child.infoListCell { background: url(/images/infoWithRibbon.svg) no-repeat center; background-size: 28px } .infoListRow.CITalking DIV:first-child.infoListCell { background: url(../images/infoTalking.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerArrowUp DIV:first-child.infoListCell { background: url(../images/infoCustomerArrowUp.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerArrowDown DIV:first-child.infoListCell { background: url(/images/infoCustomerArrowDown.svg) no-repeat center; background-size: 28px; } .infoListRow.CIArrowRight DIV:first-child.infoListCell { background: url(/images/infoCustomerArrowRight.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerArrowLeft DIV:first-child.infoListCell { background: url(/images/infoCustomerArrowLeft.svg) no-repeat center; background-size: 28px ; } .infoListRow.CICustomerCalendar DIV:first-child.infoListCell { background: url(/images/infoCustomerCalendar.svg) no-repeat center; background-size: 31px ; } .infoListRow.CIInfoListing DIV:first-child.infoListCell { background: url(/images/infoLists.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerLocation DIV:first-child.infoListCell { background: url(/images/infoCustomerLocation.svg) no-repeat center ; background-size: 32px ; } .infoListRow.CICustomerHome DIV:first-child.infoListCell { background: url(/images/infoCustomerHome.svg) no-repeat center; background-size: 34px; } .infoListRow.CICustomerChat DIV:first-child.infoListCell { background: url(/images/infoCustomerChat.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomer DIV:first-child.infoListCell { background: url(/images/infoCustomer2.svg) no-repeat center ; background-size: 28px ; } .infoListRow.CICustomerPC DIV:first-child.infoListCell { background: url(/images/infoCustomerPC.svg) no-repeat center; background-size: 28px ; } .infoListRow.CIIncomingMail DIV:first-child.infoListCell { background: url(/images/infoIncomingMail.svg) no-repeat center; background-size: 28px; } .infoListRow.CIOutgoingMail DIV:first-child.infoListCell { background: url(/images/infoOutgoingMail.svg) no-repeat center; background-size: 30px ; } .infoListRow.CIPhone DIV:first-child.infoListCell { background: url(/images/infoPhone.svg) no-repeat center; background-size: 29px; } .infoListRow.CINumber DIV:first-child.infoListCell { background: url(/images/infoNumber.svg) no-repeat center; background-size: 28px; } .infoListRow.CICompass DIV:first-child.infoListCell { background: url(/images/infoCompass.svg) no-repeat center; background-size: 28px; } .infoListRow.CIIncomingCall DIV:first-child.infoListCell { background: url(/images/infoIncomingCall.svg) no-repeat center; background-size: 29px; } .infoListRow.CIOutgoingCall DIV:first-child.infoListCell { background: url(/images/infoOutgoingCall.svg) no-repeat center; background-size: 29px; } .infoListRow.CIFailedCall DIV:first-child.infoListCell { background: url(/images/infoFailedCall.svg) no-repeat center; background-size: 29px; } .infoListRow.CINotMadeCall DIV:first-child.infoListCell { background: url(/images/infoNotMadeCall.svg) no-repeat center; background-size: 28px; } .infoListRow.CIFlag DIV:first-child.infoListCell { background: url(/images/infoFlag.svg) no-repeat center; background-size: 28px; } .infoListRow.CICabinet DIV:first-child.infoListCell { background: url(/images/infoCabinet.svg) no-repeat center; background-size: 28px; } .infoListRow.CIPhonebook DIV:first-child.infoListCell { background: url(/images/infoCallingAbout.svg) no-repeat center; background-size: 31px ; } .infoListRow.CIPlug DIV:first-child.infoListCell { background: url(/images/infoCallOrigin.svg) no-repeat center; background-size: 28px; } .infoListRow.CINametag DIV:first-child.infoListCell { background: url(/images/infoCustomer.svg) no-repeat center; background-size: 28px; } .infoListRow.CICustomerName DIV:first-child.infoListCell { background: url(/images/infoCustomerName.svg) no-repeat center; background-size: 28px; } .infoListRow.CIDiagnostic DIV:first-child.infoListCell { background: url(/images/infoDiagnostic.svg) no-repeat center; background-size: 28px; } .infoListRow.CIRecord DIV:first-child.infoListCell { background: url(/images/infoRecord.svg) no-repeat center; background-size: 28px; } .infoListRow.CICalling DIV:first-child.infoListCell { background: url(/images/infoCalling.svg) no-repeat center; background-size: 29px; } .infoListRow.CIReasonGroup DIV:first-child.infoListCell { background: url(/images/infoReasonGroup.svg) no-repeat center; background-size: 28px; } .infoListRow.CIInfo DIV:first-child.infoListCell { background: url(/images/infoOut.svg) no-repeat center; background-size: 32px ; } .infoListRow.CIReasonGroup DIV:first-child.infoListCell { background: url(/images/infoReasonGroup.svg) no-repeat center ; background-size: 28px ; } .infoListRow.CIPreviousCall DIV:first-child.infoListCell { background: url(/images/infoPreviousCall.svg) no-repeat center; background-size: 28px; } .infoListRow.CIProduct DIV:first-child.infoListCell { background: url(/images/infoProduct.svg) no-repeat center; background-size: 28px; } .infoListRow.CIQuestion DIV:first-child.infoListCell { background: url(/images/infoQuestion.svg) no-repeat center; background-size: 28px; } .infoListRow.CISales DIV:first-child.infoListCell { background: url(/images/infoSale.svg) no-repeat center; background-size: 29px ; } /** call status output fix**/ #callStatusDiv .callStatusOutput, #callStatusDiv .callStatusOutputCallType { border:0; color:black; box-shadow: none; padding-right: 8px; } /** FOR EDGE, remote destination popup zindex issue fix **/ #CreditApplianceGoesHere .remoteDestinationDiv span#first { z-index: 100; } #CreditApplianceGoesHere .remoteDestinationDiv span.HierarchicalMenuFrame.Level2 { z-index: 105; } #CreditApplianceGoesHere .remoteDestinationDiv span.HierarchicalMenuFrame.Level3 { z-index: 110; } /*please delete this on 20th sep 2024*/ #CreditApplianceGoesHere .transferPopUpActions .redButton[value="Release"] { margin-top:20px !important; } .callStatusWrapper #inCallNotesUpdateButton { vertical-align: middle; margin-left: 7px !important; } .callStatusWrapper textarea.inCallNotesTextArea { vertical-align: middle; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) .infoListTitle { width: 240px; max-width: 240px; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) textarea, .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) #saveCallNotesButton { vertical-align: middle; } .callStatusWrapper .infoListWrapper .infoListRow .infoListCell:nth-child(2) { display: flex; align-items: center; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) #note_character_count_id { font-size: 12px; margin-top: 5px; color: #777777; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) #saveCallNotesButton { margin-top: 0; margin-left: 5px; color:white; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:nth-child(2) { width:240px; padding-left: 10px; } .callStatusWrapper .infoListWrapper .infoListRow.notesPlugin .infoListCell:first-child { display:none; } /**** Keypad Letters *****/ .keypadLetters .keypadDigitClass { height: 25px; position:relative; padding-top: 0; } .keypadLetters .keypadDigitClass:before { content: ' '; font-size: 9px; position:absolute; width:calc(100% - 5px); text-align:center; display:block; top: 12px; font-weight: bold; color: #888; filter: none; } .keypadLetters .keypadDigitClass:nth-child(1) { line-height: 23px; } .keypadLetters .keypadDigitClass:nth-child(10), .keypadLetters .keypadDigitClass:nth-child(11), .keypadLetters .keypadDigitClass:nth-child(12) { line-height: 30px; } .keypadLetters .keypadDigitClass:nth-child(2):before { content: 'ABC'; } .keypadLetters .keypadDigitClass:nth-child(3):before { content: 'DEF'; } .keypadLetters .keypadDigitClass:nth-child(4):before { content: 'GHI'; } .keypadLetters .keypadDigitClass:nth-child(5):before { content: 'JKL'; } .keypadLetters .keypadDigitClass:nth-child(6):before { content: 'MNO'; } .keypadLetters .keypadDigitClass:nth-child(7):before { content: 'PQRS'; } .keypadLetters .keypadDigitClass:nth-child(8):before { content: 'TUV'; } .keypadLetters .keypadDigitClass:nth-child(9):before { content: 'WXYZ'; } /*** keypad letters end ****/