.app_app__9OAH2 {
  width: 100vw;
}

.heightInherit {
  height: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  -webkit-text-fill-color: #000000 !important;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/


@charset "UTF-8";
.ccf-action-editor-selected_selections__X1K7E {
  display: flex;
  flex-direction: row;
}
.ccf-action-editor-selected_chip__AhEz8 {
  background: #ffffff;
  border: 1px solid #dae2e8;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  padding: 2px 4px;
  align-items: center;
}
.ccf-action-editor-selected_chip__AhEz8 .ccf-action-editor-selected_label__YeMg2 {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.ccf-action-editor-selected_chip__AhEz8 .ccf-action-editor-selected_remove__93fHA {
  margin-left: 5px;
  color: #758994;
  cursor: pointer;
  font-size: 1.25em;
}
.ccf-action-editor-selected_chip__AhEz8 .ccf-action-editor-selected_remove__93fHA:after {
  display: inline-block;
  content: "×";
  line-height: 0.5em;
}
.ccf-action-editor-selected_chip__AhEz8:not(:last-child) {
  margin-right: 5px;
}
.ccf-action-editor-content-title_container__cNg8M {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}

.ccf-action-editor-content-title_stepContainer__Fsf8U {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.ccf-action-editor-content-title_step__tvqmp {
  width: 24px;
  height: 24px;
  background: #1ED990;
  border-radius: 18px;
  font-family: Open Sans;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #FFFFFF;
}

.ccf-action-editor-content-title_title__yZd6W {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  color: #000000;
}


































































































































.ccf-call-controls_dFlex__6QYKs {
  display: flex;
}

.ccf-call-controls_callControlHover__m27Dc:hover {
  cursor: pointer;
  border-radius: 4px;
  background-color: rgb(242, 242, 242);
}

.ccf-call-controls_callControl__6XSwV .ccf-call-controls_callControlButtonBordered__UcaBE {
  margin-top: 6px;
  margin-bottom: 6px;
  fill: var(--box-shadow-color);
  border-radius: 0px;
  border-left: none;
  border-right: 1px solid var(--box-shadow-color);
}

[dir=rtl] .ccf-call-controls_callControl__6XSwV .ccf-call-controls_callControlButtonBordered__UcaBE {
  border-left: 1px solid var(--box-shadow-color);
}

[dir=rtl] .ccf-call-controls_callControl__6XSwV .ccf-call-controls_callControlButtonBordered__UcaBE {
  border-right: none;
}

.ccf-call-controls_callControl__6XSwV .MuiPaper-root {
  padding: 4px 0px;
  box-shadow: 0px 1px 3px var(--color-grey-85);
}

.ccf-call-controls_callControl__6XSwV .ccf-call-controls_iconEnd__-utWl {
  float: right;
}

.ccf-call-controls_callControl__6XSwV .MuiIconButton-root {
  padding: 5px;
}

.ccf-call-controls_callControl__6XSwV .MuiSvgIcon-root {
  font-size: 21px;
  color: var(--sidebar-item-color);
}

.ccf-call-controls_callControl__6XSwV .MuiPaper-root {
  display: flex;
  justify-content: space-evenly;
}



.ccf-pop-over_ccfPopOver__r3mFd .popOverImg {
  height: 12px;
}

.ccf-pop-over_ccfPopOver__r3mFd .actionIcon {
  width: 24px;
  height: 24px;
  margin-left: 15px;
  opacity: 1;
}

.ccf-pop-over_ccfPopOver__r3mFd .flexDisplay {
  display: flex;
  align-items: center;
}

.ccf-pop-over_ccfPopOver__r3mFd .header {
  justify-content: flex-start;
  font-size: 12px;
  width: 100%;
  padding: 5px 10px;
  font-weight: 600;
}

.ccf-pop-over_ccfPopOver__r3mFd .iconClose {
  font-size: 14px;
  display: flex;
  cursor: pointer;
}

.ccf-pop-over_ccfPopOver__r3mFd .popOverActionIconWrapper {
  display: flex;
  margin-right: 5px;
  min-width: 20px;
}

.ccf-pop-over_ccfPopOver__r3mFd .popOverDivider {
  display: flex;
  width: 100%;
  font-size: 12px;
  padding: 8px 0 8px 8px;
}

.ccf-pop-over_ccfPopOver__r3mFd .dividerWrapper {
  width: 45%;
  margin-left: 5px;
}

.ccf-pop-over_ccfPopOver__r3mFd .selectedOptionHeader {
  text-transform: uppercase;
}

.ccf-pop-over_ccfPopOver__r3mFd .widthFull {
  width: 100%;
}

.ccf-pop-over_ccfPopOver__r3mFd .headerTitle {
  margin-top: 3px;
}

.ccf-pop-over_ccfPopOver__r3mFd .backArrowIcon {
  transform: rotate(270deg);
  font-size: 20px;
  position: relative;
  bottom: 3px;
  cursor: pointer;
}

.ccf-pop-over_ccfPopOver__r3mFd .popOverActionLabelWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ccf-pop-over_ccfPopOver__r3mFd .popOverActionLabelWrapper span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ccf-pop-over_ccfPopOver__r3mFd .popOverActionLabelWrapper .popOverActionLabel {
  font-size: 13px;
}






.ccf-header_headerContainer__HefPy {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-header_headerContainer__HefPy > div {
  display: flex;
  align-items: center;
  width: auto;
  margin-left: 3px;
  margin-top: 3px;
}
.ccf-header_headerTabBackground__8fp1R {
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--color-border);
  border-radius: 6px 6px 0px 0px;
}
.ccf-header_headerLabel__TC\+Of {
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  margin-top: 5px;
}
.ccf-header_dragIndicator__qMMM6 {
  color: var(--header-drag-color);
}
.ccf-header_horizontalDots__BgBXF {
  height: 22px;
  width: 22px;
}
.ccf-header_horizontalDots__BgBXF:hover {
  border: 1px solid var(---header-menu-border);
  border-radius: 50%;
}
.ccf-header_popOver__oQPV- {
  margin-right: 5px;
}
.ccf-header_popOver__oQPV- .popOverOverflow {
  height: 20px;
  width: 20px;
  fill: var(--color-overflow-icon);
  cursor: pointer;
}
.ccf-header_popOverDismissButton__yZgLr {
  position: absolute !important;
  top: 8px;
  right: 8px;
}
.ccf-header_popOverDismissButtonIcon__EHFwV {
  font-size: 16px !important;
}
.ccf-header_popoverMenu__23fmp {
  width: 196px;
  height: 67px !important;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px var(--color-box-shadow);
  border-radius: 4px;
  opacity: 1;
  overflow-y: hidden !important;
}
.ccf-header_menuOpen__bMIsj {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: none !important;
}
.ccf-header_menuItem__pDtHz {
  padding: 2px 7px !important;
}
.ccf-header_menuItem__pDtHz:first {
  margin-top: -5px;
}
.ccf-header_browserWindowIcon__gVHeA {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}
.ccf-header_minimizePanelIcon__I2VbZ {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}
.ccf-header_minimizePanelLabel__0I\+I\+ {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  margin-top: -3px;
}
.ccf-header_browserLabel__SbE9u {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  margin-top: -3px;
}
.ccf-header_rtlPopoverMenu__lx5OU {
  width: 196px;
  height: 67px !important;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px var(--color-box-shadow);
  border-radius: 4px;
  opacity: 1;
  overflow-y: hidden !important;
  margin-left: 190px;
  margin-top: 36px;
}



:root {
  --font-family: "open-sans";
  --color-white: white;
  --color-border: #dae2e8;
  --color-black: #0000001a;
  --color-mine-shaft: #333333;
  --color-grey: #808080;
  --color-light-blue: #d9ebf5;
  --color-grey70: #b3b3b3;
  --color-light-grey: #dde4e9;
  --color-tint-shade: #616c75;
  --color-blue: #2179c1;
  --color-alice-blue: #f2f7fa;
  --color-shades-alice-blue: #eaf1f7;
  --color-red: #fc0000;
  --color-fiord: #485e69;
  --color-manatee: #8c95a5;
  --color-iron: #cccecf;
  --color-shades-grey: #33333380;
  --color-shades-mischka: #a3aebf;
  --color-dark-blue: #066da3;
  --color-nero-font: #1c1c1c;
  --label-secondary: #727272;
  --color-callControl-header: #f5f8fa;
  --color-pop-over-text: #191c21;
  --color-box-shadow: #00000040;
  --color-overflow-icon: #526b7a;
  --color-fillIcon-blue: #2498d5;
  --color-grey-box-shadow: #ffffff29;
  --color-background-my-profile-avatar: #dedede;
  --color-green: #39c44a;
  --color-red: #e62e43;
  --color-alice-blue: #f8fafb;
  --color-grey-85: #00000026;
  --badge-bg: #007cbe;
  --badge-border: #f2f2f2;
  --badge-font: #fff;
  --left-navbar-bg: #ffffff;
  --navigation-border: #dae2e8;
  --sidebar-item-bg: #f2f2f2;
  --sidebar-item-color: #526b7a;
  --sidebar-item-health-color: #31aa40;
  --bottom-divider: #bec6cc;
  --address-content: #001633;
  --header-menu-border: #cfc9c9;
  --header-drag-color: #707070;
  --contact-history-title-desc: #5d6469;
  --history-card-bg: #fff;
  --history-card-title: #6b808d;
  --history-card-title-desc: #191c21;
  --history-status-divider: #e0e0e0;
  --history-active-status: #39c44a;
  --history-inactive-status: #127cbe;
  --history-card-date: #5f6367;
  --history-inactive-statue-id: #363c3e;
  --contact-account-id: #333333;
  --contact-tabs-bg: #306484;
  --appbar-transition-bg: #009eda;
  --color-landing-background: #f2f2f2;
  --color-avatar-text: #1d1c1c;
  --color-white: #ffffff;
  --color-border: #dae2e8;
  --color-shadow: #00000014;
  --color-chat-box: #4a4a4a;
  --color-active-age: #34b072;
  --active-inbox-card-border: #306484;
  --button-primary: #007cbe;
  --button-primary-shadow: #1c639c;
  --button-default: #616c75;
  --box-shadow-color: #00000029;
  --card-label-secondary: #727272;
  --card-divider: #e0e0e0;
  --card-active-timer: #191c21;
  --card-inactive-timer: #605e5f;
  --phone-outbound-icon: #2498d5;
  --great-dark-red: #707070;
  --solitude: #eaf0f6;
  --highlight-blue: #306484;
  --tooltip-blue: #16325c;
  --checkbox-blue: #c7d3d9;
  --inputbox-border: #b8c5cc;
  --radio-blue: #137cbd;
  --collapsed-assignment-bg: #fafafa;
  --red-badge: #e62e43;
  --color-lynx-white: #f7f7f7;
  --color-platinum: #e4e4e4;
  --color-raven: #707886;
  --reject: #d82132;
  --popover-hover-color: #ecf5fa;
  --tweet-eye-icon-red: #d30909;
  --twitter-icons-color: #657786;
  --background-hover-color: #f5f5f5;
  --sonic-silver: #767676;
  --mine--shaft: #404040;
  --fav-icon-color: #fde000;
  --button-secondary: #9ba4ab;
  --input-label: #8c95a5;
  --very-light-silver: #cbcbcb;
  --chat-bg-color: #067eff;
  --color-dark-greyish-blue: #93a4aa;
  --color-client-chat: #dbdbdb;
  --outbound-call-liner: #f3f3f3;
  --outbound-option-bg: #e2edff;
  --outbound-option-icons-email: #6495ed;
  --color-no-assignment-text: #929292;
  --popover-font: #2b2727;
  --color-link-water: #c9d0d6;
  --color-Matterhorn: #5555;
  --color-tints-alice-blue: #f4f7f9;
  --alertGreen: #23762d;
  --bg-white: #f8f8f8;
  --grey-color: #707e8d;
  --input-box-shadow: #1f324d33;
  --secondary-button-border: #b0cddb;
  --secondary-button-color: #034464;
  --header-border: #E3E9EE;
  --network-header-title-color:#5B7C8C;
  --network-title-color:#7C96A3;
  --network-value-color:#4C5C64;
  --social-interaction-post-height: 0;
  --inc-back-color: white;
  --inc-fore-color: black;
  --inc-font-family: "Salesforce Sans", Arial, sans-serif;
  --inc-font-size: 100%;
  --semiCircle-default-range-color: #4C5C64 !important;
  --semiCircle-minimum-range-color: #ff2b53 !important;
  --semiCircle-medium-range-color: #ffba1f !important;
  --semiCircle-maximum-range-color: #36c700 !important;
  --inc-rtig-container-top-color: rgb(243, 242, 242);
  --inc-rtig-container-bottom-color: white;
  --inc-rtig-icon-color: #6f6f6f;
  --inc-rtig-icon-background-color: white;
  --inc-rtig-icon-border-color: Gainsboro;
}

.semi-circle_semi-circle__gnGjU {
  display: contents;
}

.semi-circle_semi-circle__gnGjU .dial-label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  bottom: 20px;
  text-align: center;
  color: #404040;
  margin-top: 10px;
}

.semi-circle_semi-circle__gnGjU .default-range {
  fill: var(--semiCircle-default-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .default-range .CircularProgressbar-path {
  stroke: var(--semiCircle-default-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .medium-range {
  fill: var(--semiCircle-medium-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .medium-range .CircularProgressbar-path {
  stroke: var(--semiCircle-medium-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .maximum-range {
  fill: var(--semiCircle-maximum-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .maximum-range .CircularProgressbar-path {
  stroke: var(--semiCircle-maximum-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .minimum-range {
  fill: var(--semiCircle-minimum-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .minimum-range .CircularProgressbar-path {
  stroke: var(--semiCircle-minimum-range-color) !important;
}

.semi-circle_semi-circle__gnGjU .sentiment-icon {
  font-size: 40px;
  position: absolute;
  margin-top: 25px;
}

.semi-circle_semi-circle__gnGjU .guidance-score-icon {
  font-size: 20px;
  margin-top: -16px;
}




















































































.ccf-alert_successToast__5vTVe {
  background: var(--alertGreen) 0% 0% no-repeat padding-box;
  opacity: 0.9;
  width: 340px;
  height: 70px;
  font: normal normal normal 14px/20px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-white);
  display: flex;
  align-items: center;
  border-radius: 0px;
}

.ccf-alert_successTick__AXXCN {
  color: var(--color-white);
}

.ccf-alert_closeIcon__OzDmy {
  color: var(--color-white);
  font-size: 12px;
  opacity: 0.6;
}





.conversations-new-message_conversationsNewMessageContainer__W7V2p {
  height: 75%;
  overflow-y: auto;
  overflow-x: hidden;
}

.conversations-new-message_conversationContainerHeader__UEp1C {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  gap: 10px;
}

.conversations-new-message_newMessageLabel__26BYM {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 12px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: uppercase;
}

.conversations-new-message_customOptionContainer__UAZmR {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 10px;
}

.conversations-new-message_customOptionContainer__UAZmR:hover {
  background: #ecf5fa;
  cursor: pointer;
}

.conversations-new-message_customOptionContainer__UAZmR .conversations-new-message_optionBlock__yV92r {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.conversations-new-message_customOptionContainer__UAZmR .conversations-new-message_agentNameTxt__Nl7UP {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: capitalize;
}

.conversations-new-message_customOptionContainer__UAZmR .conversations-new-message_agentStatusTxt__dEY-Q {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: capitalize;
}

.conversations-new-message_statusIcon__kmT60 {
  width: 18px;
  height: 18px;
}

.conversations-new-message_selectedAgentInfoBlock__tqwLV {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.conversations-new-message_selectedAgentInfoBlock__tqwLV .conversations-new-message_agentTitle__5Y49t {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

.conversations-new-message_selectedAgentInfoBlock__tqwLV .conversations-new-message_agentSubTitle__aU-2g {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  text-transform: capitalize;
}
.conversation-create-group-popover_dFlex__jDzwv {
  display: flex;
}

.conversation-create-group-popover_createGroupPopoverContainer__ykQJ8 {
  box-sizing: border-box;
  width: 370px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 15px;
  max-height: 410px;
}

.conversation-create-group-popover_groupBlock__g1j2k {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

.conversation-create-group-popover_inputTxt__9VAEp {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
}

.conversation-create-group-popover_label__3NatW {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 12px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: uppercase;
}

.conversation-create-group-popover_groupMembersContainer__SFExr {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 5px;
  margin-top: 10px;
}

.conversation-create-group-popover_groupMemberBlock__yof79 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.conversation-create-group-popover_groupMemberBlock__yof79 .conversation-create-group-popover_memberName__q5--l {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.conversation-create-group-popover_BtnContainer__G-kQ6 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 20px;
  cursor: pointer;
}

.conversation-create-group-popover_btn__p-EJF {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.conversation-create-group-popover_btnText__KpJQP {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.conversation-create-group-popover_txtCancel__y6bdS {
  color: #003d7a;
}

.conversation-create-group-popover_txtCreate__YNpiz {
  color: #ffffff;
}

.conversation-create-group-popover_CancelButton__WicH\+ {
  width: 66px;
  height: 32px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
  color: #004466;
}

.conversation-create-group-popover_createButton__UPePA {
  width: 80px;
  height: 32px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
  color: #ffffff;
}

.conversation-create-group-popover_createButton__UPePA:hover {
  background: #007ab8;
  cursor: pointer;
}

.conversation-create-group-popover_statusIcon__8-FAa {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
}

.conversation-create-group-popover_customOptionContainer__RFFou {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 10px;
}

.conversation-create-group-popover_customOptionContainer__RFFou:hover {
  background: #ecf5fa;
  cursor: pointer;
}

.conversation-create-group-popover_customOptionContainer__RFFou .conversation-create-group-popover_optionBlock__RsHy\+ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.conversation-create-group-popover_customOptionContainer__RFFou .conversation-create-group-popover_agentNameTxt__cGfVa {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: capitalize;
}

.conversation-create-group-popover_customOptionContainer__RFFou .conversation-create-group-popover_agentStatusTxt__sbSzM {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.34px;
  letter-spacing: 0%;
  color: #333333;
  text-transform: capitalize;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-consumer-card-tickets-tab_ticketsContainer__tvKB3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top: 1px solid #d9e1e2;
}
.ccf-consumer-card-tickets-tab_headercontainer__Hn4i1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}
.ccf-consumer-card-tickets-tab_btnIcon__5GNBc {
  font-size: 18px;
}
.ccf-consumer-card-tickets-tab_tableContainer__VG-08 {
  width: 100%;
  height: 89%;
}
.ccf-consumer-card-tickets-tab_btnContainer__fddMA {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.ccf-consumer-card-tickets-tab_btnContainer__fddMA .ccf-consumer-card-tickets-tab_btnIcon__5GNBc {
  font-size: 18px;
}
.ccf-consumer-card-tickets-tab_btnContainer__fddMA .ccf-consumer-card-tickets-tab_tableViewIcon__C0fBn {
  font-size: 18px;
  cursor: pointer;
}
.ccf-consumer-card-tickets-tab_btnContainer__fddMA .ccf-consumer-card-tickets-tab_listViewIcon__ldBi1 {
  font-size: 22px;
  cursor: pointer;
}
.ccf-interactions-filter-popover_popoverContainer__AOC5z {
  width: 200px;
  height: auto;
  display: flex;
  flex-direction: column;
}

.ccf-interactions-filter-popover_selectDateRangeTxt__Y\+OiB {
  padding: 10px 16px;
  font-family: open sans;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  color: #333333;
}

.ccf-interactions-filter-popover_menuTxt__6sQ21 {
  padding: 0px 16px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #333333;
}

.ccf-interactions-filter-popover_customDateRangeTxt__3Ii56 {
  padding: 5px 16px;
  margin-bottom: 10px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #005c99;
}

.ccf-interactions-filter-popover_popOverOptions__DGv\+y {
  width: 100%;
  padding: 5px 10px;
  min-height: auto;
  cursor: pointer;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-consumer-card-external-data-tab_detailContainer__\+ju4D {
  display: flex;
  align-items: flex-start;
  padding: 10px;
  flex-direction: column;
  padding-top: 0px !important;
}
.ccf-consumer-card-external-data-tab_caseGrid__-fd5g {
  border-radius: 0px;
  width: 65%;
  padding: 2px;
}
.ccf-consumer-card-external-data-tab_linkIcon__5qed6 {
  background-color: var(--color-blue);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0px 12px;
  height: 25px;
}
.ccf-consumer-card-external-data-tab_articleIcon__PVBol {
  font-size: 15px;
  cursor: pointer;
  transform: rotate(45deg);
}
.ccf-consumer-card-external-data-tab_mainDivBlock__TFDg8 {
  border: 1px solid #b0cddb;
  border-radius: 5px;
  padding: 10px;
  height: 450px;
}
.ccf-consumer-card-external-data-tab_recordContent__efWl6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 1px 3px #bdbdbd;
  padding: 0.75rem 0.313rem !important;
  border-radius: 3%;
  position: relative;
  cursor: pointer;
}
.ccf-consumer-card-external-data-tab_recordDetailsBlock__mLkLy {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 50%;
  flex: 1 1 100%;
  padding: 0px;
  margin: 0px;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.ccf-consumer-card-external-data-tab_recordMinParentContainer__rXt\+5 {
  flex: 1;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.ccf-consumer-card-external-data-tab_recordDetails__tflTR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.ccf-consumer-card-external-data-tab_title__7PHNA {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
  text-wrap: nowrap;
}
.ccf-consumer-card-external-data-tab_caseTitle__HcZ7e {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
}
.ccf-consumer-card-external-data-tab_recordParent__JCbkd {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ccf-consumer-card-external-data-tab_recordType__iEP25 {
  color: #767676;
  font-size: 11px;
  padding: 0px 0px 5px 0px;
  width: max-content;
}
.ccf-consumer-card-external-data-tab_statusText__nlrMf {
  color: #fb8c00;
  font-weight: 600;
  font-size: 11px;
  margin: 3px 0px;
}
.ccf-consumer-card-external-data-tab_closedText__5EGx5 {
  color: #767676;
  font-weight: 600;
  font-size: 11px;
  margin: 3px 0px;
}
.ccf-consumer-card-external-data-tab_subHeaderText__MC6Qq {
  font-size: 12px;
  color: #767676;
  font-weight: 600;
}
.ccf-consumer-card-external-data-tab_subTitle__bXNJH {
  font-size: 11px;
  color: #767676;
  font-weight: 400;
}
.ccf-consumer-card-external-data-tab_firstColumn__g9Ug6 {
  color: #767676;
  font-size: 11px;
}
.ccf-consumer-card-external-data-tab_headerText__odJEL {
  font-size: 14px;
  font-weight: 700;
}
.ccf-consumer-card-external-data-tab_greenStatus__5q3Hi {
  background-color: rgb(80, 201, 80);
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.ccf-consumer-card-external-data-tab_tickIcon__BVpXP {
  margin: 0px 12px;
  color: #ffffff;
  font-size: 15px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-notes-card_notesCardContent__th3ci {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 1px 3px #bdbdbd;
  padding: 0.75rem 0.313rem !important;
  border-radius: 3%;
  position: relative;
  cursor: pointer;
}
.ccf-notes-card_notesDetailsBlock__ig8jw {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 50%;
  flex: 1 1 100%;
  padding: 0px;
  margin: 0px;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.ccf-notes-card_notesDetails__cKPCx {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ccf-notes-card_notesStatusBlock__Fynhf {
  display: flex;
  flex-direction: row;
  gap: 10px;
  box-sizing: border-box;
  flex: 1 1 50px;
  padding: 0px;
  margin: 0px;
  margin-left: 1em !important;
  margin-right: 0.5em !important;
}
.ccf-notes-card_notesStatusDetail__3UEY1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
}
.ccf-notes-card_expandBlock__It3Ai {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
}
.ccf-notes-card_channelIcon__Jox\+H {
  font-size: 18px;
}
.ccf-notes-card_notesTitle__Q1MH5 {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: black !important;
  word-break: break-word;
}
.ccf-notes-card_skillName__TlyuA {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #767676;
}
.ccf-notes-card_agentName__a1Q86 {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 600;
  line-height: 13.62px;
  text-align: left;
  color: #767676;
}
.ccf-notes-card_notesTime__9BK\+- {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 500;
  line-height: 13.62px;
  text-align: left;
  color: #767676;
}
.ccf-notes-card_notesStatus__XiMES {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 700;
  line-height: 13.62px;
  text-align: left;
  text-transform: uppercase;
}
.ccf-notes-card_popoverContainer__RAcmr {
  width: auto;
  height: auto;
  padding: 10px;
}
.ccf-notes-card_list__03IXK {
  padding-left: 28px;
  margin: 5px 0px;
}
.ccf-notes-card_list__03IXK .ccf-notes-card_listItem__dz\+B- {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  margin-bottom: 5px;
}
.ccf-notes-card_noteTitle__pG3Y1 {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
}
.ccf-notes-card_arrowBlock__KV-AY {
  top: 949px;
  color: black;
  pointer-events: none;
}
.ccf-notes-card_minParentContainer__roPdK {
  flex: 1;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.ccf-notes-card_editbutton__WoTIN {
  color: #0d3970;
  font-size: 12px;
  font-weight: 600;
}
.ccf-notes-card_activeNote__ruSBV {
  border-left: 4px solid #005c99 !important;
}
.ccf-notes-card_editBox__iIAC\+ {
  width: 100% !important;
}
.ccf-notes-card_note_textarea__40jym {
  width: 100% !important;
  height: 70px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.ccf-notes-card_note_textarea__40jym::placeholder {
  color: var(--color-shades-grey);
}
.ccf-notes-card_maxContent__PJWlY {
  color: #767676;
  font-size: 12px;
  font-weight: 400;
}
.ccf-notes-card_popoverContainer__RAcmr {
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  padding: 10px;
}
.ccf-consumer-card-notes-tab_headercontainer__IoZhC {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}

.ccf-consumer-card-notes-tab_btnContainer__DH-dp {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.ccf-consumer-card-notes-tab_btnContainer__DH-dp .ccf-consumer-card-notes-tab_btnIcon__jvveG {
  font-size: 18px;
  pointer-events: auto;
}

.ccf-consumer-card-notes-tab_btnContainer__DH-dp .ccf-consumer-card-notes-tab_tableViewIcon__EqsBR {
  font-size: 18px;
  cursor: pointer;
}

.ccf-consumer-card-notes-tab_btnContainer__DH-dp .ccf-consumer-card-notes-tab_listViewIcon__i3yyL {
  font-size: 22px;
  cursor: pointer;
}

.ccf-consumer-card-notes-tab_popoverContent__G7H3l {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
}

.ccf-consumer-card-notes-tab_popoverContent__G7H3l .ccf-consumer-card-notes-tab_timestampBlock__5S\+Zj {
  display: flex;
  flex-direction: column !important;
  gap: 10px;
  justify-content: space-between;
}

.ccf-consumer-card-notes-tab_popoverContent__G7H3l .ccf-consumer-card-notes-tab_title__s1qlt {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #767676;
}

.ccf-consumer-card-notes-tab_textAreaInput__XIBBB {
  height: 122px;
  background: #ffffff;
  border: 1px solid #b0cddb !important;
  border-radius: 4px;
  margin-bottom: 28px;
  margin-top: 10px;
  resize: none;
}

.ccf-consumer-card-notes-tab_textAreaInput__XIBBB:focus {
  border: 1px solid #b0cddb !important;
  border-radius: 5px;
  outline: none;
}

.ccf-consumer-card-notes-tab_textAreaInput__XIBBB:disabled {
  cursor: not-allowed;
}

.ccf-consumer-card-notes-tab_newNotetitle__CkDUv {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: black;
}

.ccf-consumer-card-notes-tab_notesHistory__p8r\+c {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #d9e1e2;
}

.ccf-consumer-card-notes-tab_timelineDate__7cE3o {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  text-align: left;
  color: #767676;
  margin: 5px 0px;
}

.ccf-consumer-card-notes-tab_popoverContainer__kjiy9 {
  display: flex;
  flex-direction: column;
  width: 355px;
  height: auto;
  padding: 10px;
}

.ccf-consumer-card-notes-tab_popovertextContent__WqF1q {
  display: flex;
  flex-direction: column;
}
.voice-transcription-flow_voiceTranscriptionContainer__JrTnc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}

.voice-transcription-flow_voiceTranscriptionBlock__1F14l {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.voice-transcription-flow_transcript__87d55 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.voice-transcription-flow_header__jMPPX {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.voice-transcription-flow_speakerRow__sOb0B {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.voice-transcription-flow_title__ADBP9 {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
  text-align: left;
  color: #333333;
}

.voice-transcription-flow_text__RZRdb {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.98px;
  text-align: left;
  color: #333333;
}

.voice-transcription-flow_horizontalLineWithText__PWHDR {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 20px 0;
}

.voice-transcription-flow_horizontalLineWithText__PWHDR::before, .voice-transcription-flow_horizontalLineWithText__PWHDR::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #adadad;
}

.voice-transcription-flow_horizontalLineWithText__PWHDR span {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.34px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
  color: #c2041a;
}
.email-interaction-flow_emailInteractionContainer__xLam- {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  margin-top: 10px;
}

.email-interaction-flow_emailContainer__Wj9Tp {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.email-interaction-flow_emailHeader__13HLn {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.email-interaction-flow_emailHeader__13HLn .email-interaction-flow_title__YMgjC {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
  text-align: left;
  color: #333333;
}

.email-interaction-flow_emailHeader__13HLn .email-interaction-flow_avatar__OtGVT {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  background-color: #dbe6f0;
  color: #3f5c69;
}

.email-interaction-flow_emailSubHeader__p-VsM {
  display: flex;
  flex-direction: column;
}

.email-interaction-flow_emailSubHeader__p-VsM .email-interaction-flow_subHeaderTxt__vEu0n {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.98px;
  color: #333333;
}

.email-interaction-flow_emailContent__o\+ppa .email-interaction-flow_emailContentTxt__0qqN6 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #333333;
}

.email-interaction-flow_customDivider__0GsCi {
  height: 2px;
  width: 100%;
  background-color: #909597;
}

.email-interaction-flow_horizontalLineWithText__jGpSo {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 20px 0;
}

.email-interaction-flow_horizontalLineWithText__jGpSo::before, .email-interaction-flow_horizontalLineWithText__jGpSo::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #adadad;
}

.email-interaction-flow_horizontalLineWithText__jGpSo span {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.34px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
  color: #c2041a;
}
.ccf-consumer-card-interactions-details-view_interactionDetails__gzba7 {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100vh;
  background-color: #ffffff;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1000;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_contactIdTxt__7Sl8Y {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_text__kaMle {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_channelIcon__ci9Ui {
  font-size: 18px;
  margin-top: 5px;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_btnActions__L5v28 {
  height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_btnActions__L5v28 .ccf-consumer-card-interactions-details-view_btnArrowIcon__-HUH5 {
  font-size: 18px;
  font-weight: bold;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsHeader__pg39c .ccf-consumer-card-interactions-details-view_btnActions__L5v28 .ccf-consumer-card-interactions-details-view_closeIcon__zPT4y {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot {
  display: flex;
  flex-direction: column;
  background: #ecf3f8;
  padding: 20px;
  gap: 15px;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_details__hSVO2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_details__hSVO2 .ccf-consumer-card-interactions-details-view_textBlock__GA2tF {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_details__hSVO2 .ccf-consumer-card-interactions-details-view_textBlock__GA2tF .ccf-consumer-card-interactions-details-view_title__6Sa3N {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #767676;
  text-transform: uppercase;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_details__hSVO2 .ccf-consumer-card-interactions-details-view_textBlock__GA2tF .ccf-consumer-card-interactions-details-view_value__1rsTq {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  color: #767676;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_autoSummary__ec1D7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_autoSummary__ec1D7 .ccf-consumer-card-interactions-details-view_title__6Sa3N {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #767676;
  text-transform: uppercase;
}

.ccf-consumer-card-interactions-details-view_interactionDetailsPanel__ZAS3G .ccf-consumer-card-interactions-details-view_detailsWrapper__0Z\+ot .ccf-consumer-card-interactions-details-view_autoSummary__ec1D7 .ccf-consumer-card-interactions-details-view_value__1rsTq {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.16px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-interactions-details-view_showHideDetailsBlock__tqi\+K {
  width: fit-content;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}

.ccf-consumer-card-interactions-details-view_showHideDetailsBlock__tqi\+K .ccf-consumer-card-interactions-details-view_showHideText__4wRmD {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 600;
  line-height: 14.98px;
  text-align: right;
  color: #3f5c69;
  text-decoration: underline;
}

.ccf-consumer-card-interactions-details-view_showHideDetailsBlock__tqi\+K .ccf-consumer-card-interactions-details-view_arrowIcon__PPAWo {
  font-size: 20px;
  color: #3f5c69;
}
.chat-interaction-flow_chatInteractionContainer__EQ\+L\+ {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
}

.chat-interaction-flow_chatInteractionHeader__nWjhx {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 0px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.chat-interaction-flow_chatInteractionHeader__nWjhx p {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.1700000018px;
  text-align: left;
  color: #333333;
}

.chat-interaction-flow_chatInteractionContent__1ZdB7 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.chat-interaction-flow_chatInteractionContentCustomer__Z8Lqw {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}

.chat-interaction-flow_chatInteractionContentCustomer__Z8Lqw .chat-interaction-flow_name__GoGk6 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.34px;
  text-align: left;
  color: #333333;
}

.chat-interaction-flow_chatInteractionContentCustomer__Z8Lqw .chat-interaction-flow_messageblock__XO3uK {
  width: fit-content;
  max-width: 45%;
  height: auto;
  padding: 10px;
  gap: 10px;
  opacity: 0px;
  background: #f5f8fa;
}

.chat-interaction-flow_chatInteractionContentCustomer__Z8Lqw .chat-interaction-flow_messageblock__XO3uK .chat-interaction-flow_message__0xRF5 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #333333;
}

.chat-interaction-flow_chatInteractionContentCustomer__Z8Lqw .chat-interaction-flow_timeStamp__iuDjv {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.98px;
  text-align: left;
  color: #404040;
}

.chat-interaction-flow_chatInteractionContentAgent__53sas {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-end;
}

.chat-interaction-flow_chatInteractionContentAgent__53sas .chat-interaction-flow_name__GoGk6 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.34px;
  text-align: right;
  color: #333333;
}

.chat-interaction-flow_chatInteractionContentAgent__53sas .chat-interaction-flow_messageblock__XO3uK {
  width: fit-content;
  max-width: 45%;
  padding: 10px;
  opacity: 0px;
  background: #067eff;
  text-align: right;
}

.chat-interaction-flow_chatInteractionContentAgent__53sas .chat-interaction-flow_messageblock__XO3uK .chat-interaction-flow_message__0xRF5 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  text-align: right;
  color: #ffffff;
}

.chat-interaction-flow_chatInteractionContentAgent__53sas .chat-interaction-flow_timeStamp__iuDjv {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.98px;
  text-align: right;
  color: #404040;
}
.ccf-consumer-card-interactions-table-view_tableContainer__vMYZR {
  width: 100%;
  height: 89%;
}

.ccf-consumer-card-interactions-table-view_channelIcon__KYeBw {
  font-size: 18px;
  cursor: pointer;
  pointer-events: auto;
}

.ccf-consumer-card-interactions-table-view_agentNameBlock__DpDBp {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  pointer-events: auto;
}

.ccf-consumer-card-interactions-table-view_avatarBlock__GNNgB {
  position: relative;
  display: inline-block;
}

.ccf-consumer-card-interactions-table-view_avatar__Rtx8U {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 12px;
  background-color: #003f77;
}

.ccf-consumer-card-interactions-table-view_badge__QwSPV {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: green;
  border-radius: 50%;
  border: 2px solid white;
}

.ccf-consumer-card-interactions-table-view_botIcon__CAsFZ {
  font-size: 18px;
}

.ccf-consumer-card-interactions-table-view_serviceBotTxt__jP9X9 {
  font-family: open-sans;
  font-size: 12px;
  font-weight: bold;
}

.ccf-consumer-card-interactions-table-view_ellipsis__B3coR {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ccf-consumer-card-interactions-list-view_timelineDate__\+w6AT {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  text-align: left;
  color: #767676;
  margin: 5px 0px;
}
.ccf-interactions-card_interactionsCardContent__-eQ00 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 1px 3px #bdbdbd;
  padding: 0.75rem 0.313rem !important;
  border-radius: 3%;
  position: relative;
  cursor: pointer;
}

.ccf-interactions-card_interactionDetailsBlock__yt7aE {
  display: flex;
  flex-direction: row;
  gap: 10px;
  box-sizing: border-box;
  min-width: 50%;
  flex: 1 1 100%;
  padding: 0px;
  margin: 0px;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  border-right: 2px solid rgb(238, 238, 238);
}

.ccf-interactions-card_interactionDetails__aQR1H {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ccf-interactions-card_interactionStatusBlock__0\+iDt {
  display: flex;
  flex-direction: row;
  gap: 10px;
  box-sizing: border-box;
  flex: 1 1 100px;
  padding: 0px;
  margin: 0px;
  margin-left: 1em !important;
  margin-right: 0.5em !important;
}

.ccf-interactions-card_interactionStatusDetail__DS\+Hp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
}

.ccf-interactions-card_expandBlock__mde1R {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ccf-interactions-card_channelIcon__-rKF2 {
  font-size: 18px;
}

.ccf-interactions-card_interactionTitle__0LAVk {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
}

.ccf-interactions-card_skillName__nU5wp {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #767676;
}

.ccf-interactions-card_agentName__f2WOv {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 600;
  line-height: 13.62px;
  text-align: left;
  color: #767676;
}

.ccf-interactions-card_interactionTime__w8wfq {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 500;
  line-height: 13.62px;
  text-align: left;
  color: #767676;
}

.ccf-interactions-card_interactionStatus__859cS {
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 700;
  line-height: 13.62px;
  text-align: left;
  text-transform: uppercase;
}

.ccf-interactions-card_popoverContainer__HEzUz {
  width: auto;
  height: auto;
  padding: 10px;
}

.ccf-interactions-card_popoverContent__po6Ys {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  background: #fafafa;
  border: 1px solid #d9e1e2;
}

.ccf-interactions-card_popoverContent__po6Ys .ccf-interactions-card_timestampBlock__rnPBE {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}

.ccf-interactions-card_popoverContent__po6Ys .ccf-interactions-card_autosummaryBlock__SyOXC {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ccf-interactions-card_popoverContent__po6Ys .ccf-interactions-card_title__0bKvm {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #767676;
}

.ccf-interactions-card_popoverContent__po6Ys .ccf-interactions-card_time__pxIf3 {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-align: right;
  color: #767676;
}

.ccf-interactions-card_list__Za1ha {
  padding-left: 28px;
  margin: 5px 0px;
}

.ccf-interactions-card_list__Za1ha .ccf-interactions-card_listItem__6\+R4Q {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  margin-bottom: 5px;
}
.ccf-consumer-card-interactions-tab-header_headercontainer__cSI7v {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}

.ccf-consumer-card-interactions-tab-header_btnContainer__cPBev {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.ccf-consumer-card-interactions-tab-header_btnContainer__cPBev .ccf-consumer-card-interactions-tab-header_btnIcon__EKSMq {
  font-size: 18px;
}

.ccf-consumer-card-interactions-tab-header_btnContainer__cPBev .ccf-consumer-card-interactions-tab-header_tableViewIcon__PMSUT {
  font-size: 18px;
  cursor: pointer;
}

.ccf-consumer-card-interactions-tab-header_btnContainer__cPBev .ccf-consumer-card-interactions-tab-header_listViewIcon__2wLfF {
  font-size: 22px;
  cursor: pointer;
}
.ccf-consumer-card-interactions-tab_interactionHistory__pz5LO {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-top: 1px solid #d9e1e2;
}

.ccf-consumer-card-interactions-tab_interactionsTabContainer__ufIYS {
  height: 100%;
}
.ccf-consumer-card-details-tab_consumerCardDetails__PLR7L {
  border: 1px solid #ccc;
  margin: 16px;
  width: inherit;
  height: fit-content;
}

.ccf-consumer-card-details-tab_header__3BNSL {
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ccf-consumer-card-details-tab_captionHeader__\+0zyN {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-details-tab_body__33My6 {
  height: 90%;
  display: flex;
  padding: 10px;
}

.ccf-consumer-card-details-tab_bodyContainer__sZsFo {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}

.ccf-consumer-card-details-tab_disPlayFlex__Bruvc {
  display: flex;
}

.ccf-consumer-card-details-tab_minViewColumn__wIdWX {
  display: flex;
  flex-direction: column;
}

.ccf-consumer-card-details-tab_column__KErXe {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ccf-consumer-card-details-tab_field__G6AV8 {
  margin-bottom: 8px;
}

.ccf-consumer-card-details-tab_checkBoxLabel__EpXdI {
  font-family: Open Sans !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 13.75px !important;
  text-align: left !important;
  color: #333 !important;
}

.ccf-consumer-card-details-tab_captionlabel__Xm0Rl {
  height: 14px;
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 13.75px;
  text-align: left;
  color: #767676;
}

.ccf-consumer-card-details-tab_captionlabelMinView__wQliz {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 400;
  line-height: 13.75px;
  text-align: left;
  color: #767676;
}

.ccf-consumer-card-details-tab_captionValue__MSplw {
  height: 18px;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-details-tab_captionValueMinView__c14mR {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-details-tab_editModeCaptionLabel__KnLDm {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
  text-align: left;
  color: #333333;
}

.ccf-consumer-card-details-tab_inputControl__l429d {
  width: 100%;
  border: 1px solid #afc1ce;
  border-radius: 4px;
  height: 36px;
  padding: 8px;
}

.ccf-consumer-card-details-tab_selectControl__lfGmz {
  border: 1px solid #afc1ce;
  height: 34px;
  padding: 8px;
  width: 100%;
}

.ccf-consumer-card-details-tab_btnStyles__w4G\+C {
  height: 20px;
  min-width: 50px;
  border: 1px solid #dae2e8;
}

.ccf-consumer-card-details-tab_alginIcon__mAP4v {
  margin-top: 8px;
  cursor: pointer;
  pointer-events: auto;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-consumer-card-overview-tab_valueLabel__pm3HO {
  font-weight: 600;
  font-size: 12px;
  padding-left: 5px;
  color: #333333;
}
.ccf-consumer-card-overview-tab_keyLabel__yQehC {
  font-size: 12px;
  color: #727272;
  padding: 5px;
  padding-bottom: 0px !important;
}
.ccf-consumer-card-overview-tab_buttonStyle__-QNRE {
  font-family: Open Sans;
  font-size: 12px;
  text-align: center;
  color: #003d7a;
  font-weight: 600;
}
.ccf-consumer-card-overview-tab_buttonParent__XuCS8 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border: 1px solid #003d7a;
  gap: 3px;
  padding: 4px 8px;
}
.ccf-consumer-card-overview-tab_addIconColor__pYSuJ {
  color: #003d7a;
  height: 14px;
  width: 14px;
}
.ccf-consumer-card-overview-tab_expandedIcon__--uBw {
  transform: rotate(180deg);
  height: 24px;
  width: 24px;
  color: #000000;
  cursor: pointer;
  pointer-events: auto;
}
.ccf-consumer-card-overview-tab_expandedSummaryIcon__BcbvS {
  transform: rotate(180deg);
  height: 20px;
  width: 20px;
  color: #003d7a;
  margin-bottom: 4px;
  cursor: pointer;
  pointer-events: auto;
}
.ccf-consumer-card-overview-tab_activeNote__1Ciqj {
  border-left: 4px solid #005c99 !important;
}
.ccf-consumer-card-overview-tab_noteContainer__uP-p3 {
  border-bottom: none;
  border: 1px solid #d2d8db;
  padding: 10px 0px;
}
.ccf-consumer-card-overview-tab_viewButton__s-gWu {
  padding-left: 5px !important;
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px open-sans;
  color: #003d7a;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ccf-consumer-card-overview-tab_viewButton__s-gWu > p {
  font: normal normal 600 10px/30px open-sans;
}
.ccf-consumer-card-overview-tab_detailContainer__w7xy5 {
  display: flex;
  align-items: flex-start;
  padding: 10px;
  flex-direction: column;
}
.ccf-consumer-card-overview-tab_keyValueContainer__zg1xS {
  padding-bottom: 5px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ccf-consumer-card-overview-tab_noteParentContainer__ZwmTE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  padding-top: 0px !important;
}
.ccf-consumer-card-overview-tab_eachNoteContainer__ZPsi1 {
  margin-top: 5px;
  max-height: 92%;
  overflow-y: auto;
  padding: 0px 5px 0px 5px;
}
.ccf-consumer-card-overview-tab_noteMinContent__LieaR {
  display: flex;
  padding: 0px 10px;
  justify-content: space-between;
}
.ccf-consumer-card-overview-tab_basicInfo__bL165 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.ccf-consumer-card-header_headerContainer__Y5ibs {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 15px 15px;
}

.ccf-consumer-card-header_consumerNameHeader__cbuvj {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: auto;
  gap: 3px;
}

.ccf-consumer-card-header_consumerNameDiv__2PvWl {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ccf-consumer-card-header_iconDiv__Q\+AV0 {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ccf-consumer-card-header_headerTabBackground__uq-V0 {
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--color-border);
  border-radius: 6px 6px 0px 0px;
}

.ccf-consumer-card-header_emailIcon__0LX8Y {
  font-size: 20px;
  fill: #0d3970;
}

.ccf-consumer-card-header_headerLabel__sy\+vv {
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  font-weight: 600;
  font-size: 20px;
  color: #333333;
}

.ccf-consumer-card-header_dragIndicator__W3HnG {
  color: var(--header-drag-color);
}

.ccf-consumer-card-header_horizontalDots__z51ba {
  height: 22px;
  width: 22px;
}

.ccf-consumer-card-header_horizontalDots__z51ba:hover {
  border: 1px solid var(---header-menu-border);
  border-radius: 50%;
}

.ccf-consumer-card-header_popOver__A6luw {
  margin-right: 5px;
}

.ccf-consumer-card-header_popOver__A6luw .popOverOverflow {
  height: 20px;
  width: 20px;
  fill: var(--color-overflow-icon);
  cursor: pointer;
}

.ccf-consumer-card-header_popOverDismissButton__6lwwj {
  position: absolute !important;
  top: 8px;
  right: 8px;
}

.ccf-consumer-card-header_popOverDismissButtonIcon__gZ9J\+ {
  font-size: 16px !important;
}

.ccf-consumer-card-header_popoverMenu__JCLQU {
  width: 196px;
  height: 67px !important;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px var(--color-box-shadow);
  border-radius: 4px;
  opacity: 1;
  overflow-y: hidden !important;
  margin-top: 36px;
}

.ccf-consumer-card-header_menuOpen__LRwmH {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: none !important;
}

.ccf-consumer-card-header_menuItem__C8SxB {
  padding: 2px 7px !important;
}

.ccf-consumer-card-header_menuItem__C8SxB:first {
  margin-top: -5px;
}

.ccf-consumer-card-header_browserWindowIcon__-5RJd {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}

.ccf-consumer-card-header_minimizePanelIcon__p5DgR {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}

.ccf-consumer-card-header_minimizePanelLabel__xwXXY {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  margin-top: -3px;
}

.ccf-consumer-card-header_browserLabel__YNuZV {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  margin-top: -3px;
}

.ccf-consumer-card-header_rtlPopoverMenu__HvwSd {
  width: 196px;
  height: 67px !important;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px var(--color-box-shadow);
  border-radius: 4px;
  opacity: 1;
  overflow-y: hidden !important;
  margin-left: 190px;
  margin-top: 36px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-interaction-search-cases-tab_tableBlock__1q8E- {
  height: 100%;
}
.ccf-interaction-search-cases-tab_tableHeaderTextBlock__8iH6c {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  border-bottom: 1px solid #d0d2d3;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.ccf-interaction-search-cases-tab_interactionSearchHeader__RmAIi {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-interaction-search-cases-tab_tableHeaderTextBlock__8iH6c {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.ccf-interaction-search-cases-tab_tableHeaderText__hL-V2 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}
.ccf-interaction-search-cases-tab_searchBoxSection__YLfpv {
  height: 28px !important;
}
.ccf-interaction-search-cases-tab_btnClass__uKU53 {
  margin: 0px 0px 0px 0.313rem;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.235;
  color: rgb(0, 61, 122);
  font-weight: 600;
}
.ccf-interaction-search-cases-tab_searchIconColor__WnXEh {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}
.ccf-interaction-search-cases-tab_searchIcon__RSxb5 {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}
.ccf-interaction-search-cases-tab_searchIcon__RSxb5:hover {
  background-color: unset !important;
}
.ccf-interaction-search-cases-tab_searchColor__BYw0n {
  color: var(--color-overflow-icon);
}
.ccf-interaction-search-cases-tab_searchContainer__k97vv {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}
.ccf-interaction-search-cases-tab_searchBox__S21JS {
  width: 100% !important;
}
.ccf-interaction-search-cases-tab_filterIconBlock__Ekgt8 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  gap: 6px;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-cases-tab_tableHeader__\+9O8f {
  height: 60px;
  background: #f2f7fa !important;
  display: flex;
  align-items: center;
  margin: 0.625rem 0.938rem;
}
.ccf-interaction-search-cases-tab_columnIconBlock__guiJJ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-left: 12px;
  width: 10%;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-cases-tab_filtersHeader__5IfHn {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: center;
  color: #003d7a;
}
.ccf-interaction-search-cases-tab_dividerStyles__TyeP9 {
  width: "100%";
}
.ccf-interaction-search-cases-tab_filtersDropdown__N4PQC {
  width: 100%;
  height: 35px;
}
.ccf-interaction-search-cases-tab_menuHeaderName__ILtjn {
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-cases-tab_headerTitle__19K1D {
  font-size: 13px;
}
.ccf-interaction-search-cases-tab_btnBox__SbLxY {
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.ccf-interaction-search-cases-tab_btn__8AlWv {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-cases-tab_btnText__43gTP {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-interaction-search-cases-tab_p10__ci7tf {
  padding: 10px;
}
.ccf-interaction-search-cases-tab_selectLabel__vRLsd {
  color: #333333;
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-cases-tab_selectBox__Svecx {
  height: 35px;
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-cases-tab_reply_textarea__ZDyda {
  max-height: 90px;
  height: 100px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.ccf-interaction-search-cases-tab_reply_textarea__ZDyda::placeholder {
  color: var(--color-shades-grey);
}
.ccf-interaction-search-cases-tab_sendBtn__wQtxT {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-cases-tab_activeTab__fuouc {
  background-color: #d9d9d9;
  border-radius: 2px;
}
.ccf-interaction-search-cases-tab_labelText__NyuXD {
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-cases-tab_replyTextArea__gLNj1 {
  display: flex;
  margin-top: 5px;
  gap: 10px;
  width: 100%;
  height: 125px;
  flex-direction: column;
}
.ccf-interaction-search-cases-tab_replyHeader__oW1ee {
  margin: 0px 17px 13px !important;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ccf-interaction-search-cases-tab_columnIconHideBlock__Jd4oD {
  display: flex;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-interaction-search_tableBlock__TYVZD {
  height: calc(100% - 35px);
}
.ccf-interaction-search_tableHeaderTextBlock__RYv4U {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  border-bottom: 1px solid #d0d2d3;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.ccf-interaction-search_tabsContainer__rutn5 {
  height: 39px !important;
  min-height: 39px !important;
}
.ccf-interaction-search_interactionSearchHeader__8GHlA {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-interaction-search_customDropdown__s-Bto {
  padding-left: 0px;
  margin-left: 15px;
  margin-bottom: -1px;
  box-shadow: none;
  font: normal normal normal 13px/17px Open Sans;
  color: #005c99;
  font-weight: 600;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-interaction-search-messages-tab_tableBlock__kXnOC {
  height: 100%;
}
.ccf-interaction-search-messages-tab_tableHeaderTextBlock__GRck1 {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  border-bottom: 1px solid #d0d2d3;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.ccf-interaction-search-messages-tab_interactionSearchHeader__sJkYs {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-interaction-search-messages-tab_tableHeaderTextBlock__GRck1 {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.ccf-interaction-search-messages-tab_tableHeaderText__w1V4Z {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}
.ccf-interaction-search-messages-tab_searchBoxSection__clcgc {
  height: 29px !important;
}
.ccf-interaction-search-messages-tab_searchIconColor__opLQI {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}
.ccf-interaction-search-messages-tab_searchIcon__VviYI {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}
.ccf-interaction-search-messages-tab_searchIcon__VviYI:hover {
  background-color: unset !important;
}
.ccf-interaction-search-messages-tab_searchColor__mn6jn {
  color: var(--color-overflow-icon);
}
.ccf-interaction-search-messages-tab_searchContainer__sdXXk {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}
.ccf-interaction-search-messages-tab_searchBox__k9fwG {
  width: 100% !important;
}
.ccf-interaction-search-messages-tab_filterIconBlock__GqTkq {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  gap: 6px;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-messages-tab_btnClass__6VkCV {
  margin: 0px 0px 0px 0.313rem;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.235;
  color: rgb(0, 61, 122);
  font-weight: 600;
}
.ccf-interaction-search-messages-tab_tableHeader__YlOjh {
  height: 60px;
  background: #f2f7fa !important;
  display: flex;
  align-items: center;
  margin: 0.625rem 0.938rem;
}
.ccf-interaction-search-messages-tab_columnIconBlock__o8rHo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-left: 12px;
  width: 10%;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-messages-tab_filtersHeader__Cm4dq {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: center;
  color: #003d7a;
}
.ccf-interaction-search-messages-tab_dividerStyles__V4035 {
  width: "100%";
}
.ccf-interaction-search-messages-tab_filtersDropdown__Weafh {
  width: 100%;
  height: 35px;
}
.ccf-interaction-search-messages-tab_menuHeaderName__rDraF {
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-messages-tab_headerTitle__fmTKM {
  font-size: 13px;
}
.ccf-interaction-search-messages-tab_btnBox__SaK6e {
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.ccf-interaction-search-messages-tab_btn__Ug\+wA {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-messages-tab_btnText__RG6Nt {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-interaction-search-messages-tab_p10__xEy\+i {
  padding: 10px;
}
.ccf-interaction-search-messages-tab_selectLabel__d3RN4 {
  color: #333333;
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-messages-tab_selectBox__iVuh1 {
  height: 35px;
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-messages-tab_reply_textarea__dOgUC {
  width: 441px;
  max-height: 90px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.ccf-interaction-search-messages-tab_reply_textarea__dOgUC::placeholder {
  color: var(--color-shades-grey);
}
.ccf-interaction-search-messages-tab_sendBtn__hfPu5 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-messages-tab_activeTab__51hIV {
  background-color: #d9d9d9;
  border-radius: 2px;
}
.ccf-interaction-search-messages-tab_labelText__C9h1H {
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-messages-tab_columnIconHideBlock__zA6n9 {
  display: flex;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-interaction-search-threads-tab_tableBlock__QJaCT {
  height: 100%;
}
.ccf-interaction-search-threads-tab_tableHeaderTextBlock__4SV7r {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  border-bottom: 1px solid #d0d2d3;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.ccf-interaction-search-threads-tab_interactionSearchHeader__hL7ta {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-interaction-search-threads-tab_tableHeaderTextBlock__4SV7r {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.ccf-interaction-search-threads-tab_tableHeaderText__coImn {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}
.ccf-interaction-search-threads-tab_searchBoxSection__0MjkC {
  width: 80%;
  height: 39px !important;
}
.ccf-interaction-search-threads-tab_searchIconColor__PvTD3 {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}
.ccf-interaction-search-threads-tab_searchIcon__Q0jdP {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}
.ccf-interaction-search-threads-tab_searchIcon__Q0jdP:hover {
  background-color: unset !important;
}
.ccf-interaction-search-threads-tab_searchColor__V9L9X {
  color: var(--color-overflow-icon);
}
.ccf-interaction-search-threads-tab_searchContainer__foBKn {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}
.ccf-interaction-search-threads-tab_searchBox__3H9Ju {
  width: 100% !important;
}
.ccf-interaction-search-threads-tab_filterIconBlock__uUatT {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  gap: 6px;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-threads-tab_tableHeader__8bTBb {
  display: flex;
  margin: 0.625rem 0.938rem;
  height: 60px;
  justify-content: flex-end;
}
.ccf-interaction-search-threads-tab_columnIconBlock__kWsWq {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-left: 12px;
  width: 10%;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-threads-tab_btnClass__0TPFM {
  margin: 0px 0px 0px 0.313rem;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.235;
  color: rgb(0, 61, 122);
  font-weight: 600;
}
.ccf-interaction-search-threads-tab_btnContainer__iu6lh {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.ccf-interaction-search-threads-tab_filtersHeader__tAR8d {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: center;
  color: #003d7a;
}
.ccf-interaction-search-threads-tab_dividerStyles__IZWnV {
  width: "100%";
}
.ccf-interaction-search-threads-tab_filtersDropdown__EOxPr {
  width: 100%;
  height: 35px;
}
.ccf-interaction-search-threads-tab_menuHeaderName__Kymj9 {
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-threads-tab_headerTitle__\+ycom {
  font-size: 13px;
}
.ccf-interaction-search-threads-tab_btnBox__eSY4n {
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.ccf-interaction-search-threads-tab_btn__yubah {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-threads-tab_btnText__il21b {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-interaction-search-threads-tab_p10__UZWkW {
  padding: 10px;
}
.ccf-interaction-search-threads-tab_selectLabel__RvXWt {
  color: #333333;
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-threads-tab_selectBox__\+GXzD {
  height: 35px;
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-threads-tab_reply_textarea__MeHNm {
  width: 441px;
  max-height: 90px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.ccf-interaction-search-threads-tab_reply_textarea__MeHNm::placeholder {
  color: var(--color-shades-grey);
}
.ccf-interaction-search-threads-tab_sendBtn__37-Dy {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-threads-tab_activeTab__05Rh6 {
  background-color: #d9d9d9;
  border-radius: 2px;
}
.ccf-interaction-search-threads-tab_labelText__ihV5Y {
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-interaction-search-customers-tab_tableBlock__n1f03 {
  height: 100%;
}
.ccf-interaction-search-customers-tab_tableHeaderTextBlock__fJSqI {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  border-bottom: 1px solid #d0d2d3;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.ccf-interaction-search-customers-tab_interactionSearchHeader__azc1Z {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.ccf-interaction-search-customers-tab_tableHeaderTextBlock__fJSqI {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.ccf-interaction-search-customers-tab_tableHeaderText__fB0VY {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}
.ccf-interaction-search-customers-tab_searchBoxSection__s39q9 {
  height: 29px !important;
}
.ccf-interaction-search-customers-tab_btnClass__f3mEM {
  margin: 0px 0px 0px 0.313rem;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  line-height: 1.235;
  color: rgb(0, 61, 122);
  font-weight: 600;
}
.ccf-interaction-search-customers-tab_searchIconColor__KoVgC {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}
.ccf-interaction-search-customers-tab_searchIcon__XXazi {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}
.ccf-interaction-search-customers-tab_searchIcon__XXazi:hover {
  background-color: unset !important;
}
.ccf-interaction-search-customers-tab_searchColor__2g0aW {
  color: var(--color-overflow-icon);
}
.ccf-interaction-search-customers-tab_searchContainer__XBGV\+ {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}
.ccf-interaction-search-customers-tab_searchBox__54jzn {
  width: 100% !important;
}
.ccf-interaction-search-customers-tab_filterIconBlock__6gwr7 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  gap: 6px;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-customers-tab_tableHeader__641sg {
  height: 60px;
  background: #f2f7fa !important;
  display: flex;
  align-items: center;
  margin: 0.625rem 0.938rem;
}
.ccf-interaction-search-customers-tab_columnIconBlock__uMa8E {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-left: 12px;
  width: 10%;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  border-color: rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  height: 30px;
}
.ccf-interaction-search-customers-tab_filtersHeader__EKAKT {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: center;
  color: #003d7a;
}
.ccf-interaction-search-customers-tab_dividerStyles__yQoEF {
  width: "100%";
}
.ccf-interaction-search-customers-tab_filtersDropdown__P6P2D {
  width: 100%;
  height: 35px;
}
.ccf-interaction-search-customers-tab_menuHeaderName__0mM1z {
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-customers-tab_headerTitle__lyD3J {
  font-size: 13px;
}
.ccf-interaction-search-customers-tab_btnBox__6WDG9 {
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.ccf-interaction-search-customers-tab_btn__xaDrI {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-customers-tab_btnText__ZgQcM {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-interaction-search-customers-tab_p10__bldQG {
  padding: 10px;
}
.ccf-interaction-search-customers-tab_selectLabel__cmTm0 {
  color: #333333;
  font-weight: 600;
  font-size: 12px;
}
.ccf-interaction-search-customers-tab_selectBox__vcrL4 {
  height: 35px;
  background-color: #ffffff;
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-interaction-search-customers-tab_reply_textarea__G9YHK {
  width: 441px;
  max-height: 90px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.ccf-interaction-search-customers-tab_reply_textarea__G9YHK::placeholder {
  color: var(--color-shades-grey);
}
.ccf-interaction-search-customers-tab_sendBtn__3IKWn {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 10px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}
.ccf-interaction-search-customers-tab_activeTab__xZMKL {
  background-color: #D9D9D9;
  border-radius: 2px;
}
.ccf-interaction-search-customers-tab_labelText__V79U7 {
  font-size: 13px;
  font-weight: 400;
  font-family: Open Sans;
}
.ccf-copilot-voice-nbr_carousel__0tGBh {
  width: 100%;
  margin: 0 auto;
  height: 55px;
  margin-top: 15px;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  margin: 0 auto;
  border-radius: 24px;
  border: 1px solid #007ab8;
  padding: 3px 30px;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe:hover {
  border: 2px solid var(--interface-blue-650, #003d7a);
  background: var(--interface-blue-450, #fff);
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_cardIcon__Z4RgJ {
  fill: #007ab8;
  height: 15px;
  width: 15px;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_feedbackBlock__3xyg7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_feedbackBlock__3xyg7 .ccf-copilot-voice-nbr_feedbackIcon__6j2DJ {
  font-size: 18px;
  stroke: #bfc1c5;
  stroke-width: 2px;
  fill: transparent;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_feedbackBlock__3xyg7 .ccf-copilot-voice-nbr_feedbackLikeIcon__HeVPO {
  font-size: 18px;
  stroke: #007ab8;
  stroke-width: 2px;
  fill: transparent;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_suggestionTxt__yGP\+V {
  width: 88%;
  color: var(--interface-text700, #333);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 10px;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_sendIcon__CQkyf {
  font-size: 20px;
  cursor: pointer;
}

.ccf-copilot-voice-nbr_suggestionCard__EcZIe .ccf-copilot-voice-nbr_arrowIcon__5aj1f {
  rotate: 90deg;
}
.ccf-scripted-copilot_coPilotContainer__zTD5l {
  width: 100%;
  height: 100%;
  background: #f5f7f9;
  opacity: 1;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: hidden;
}

.ccf-scripted-copilot_coPilotCardsBlock__pxDIu {
  height: 92%;
  width: inherit;
  padding: 9px;
  overflow: auto;
}

.ccf-scripted-copilot_helpTextBox__Yf2Af {
  height: 8%;
  width: inherit;
  padding: 0px 9px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.ccf-scripted-copilot_helpTextBoxForVoice__DeUbo {
  height: 12%;
  width: inherit;
  padding: 0px 9px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.ccf-scripted-copilot_copilotInteractionAnimation__82zE2 {
  width: inherit;
  height: 35px;
  padding: 0px 9px;
}

.ccf-scripted-copilot_copilotInteractionAnimation__82zE2 .ccf-scripted-copilot_dancingDotsIcon__yxesZ {
  font-size: 50px;
}

.ccf-scripted-copilot_suggestionCard__UD7pA {
  display: flex;
  padding: 6px 8px;
  align-items: flex-start;
  gap: 6px;
  border-radius: 0px 8px 8px 8px;
  background: #fff;
  margin-bottom: 15px;
  width: fit-content;
}

.ccf-scripted-copilot_suggestionCard__UD7pA .ccf-scripted-copilot_suggestionIcon__tpOG4 {
  font-size: 18px;
}

.ccf-scripted-copilot_suggestionCard__UD7pA .ccf-scripted-copilot_suggestionTxt__gTv9q {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
  white-space: pre-line;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ {
  width: auto;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid #e5e8eb;
  background: #fff;
  margin-bottom: 15px;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_header__ogzje {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_collapseIcon__39jaH {
  font-size: 18px;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_historyIcon__RyMHV {
  font-size: 18px;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_historyBlock__XMnhu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  margin-top: 8px;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_suggestionTxt__gTv9q {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
  white-space: pre-line;
}

.ccf-scripted-copilot_suggestionCardV2__t-KiQ .ccf-scripted-copilot_suggestionTitle__kgsCT {
  color: var(--text, #526b7a);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 15px */
}

.ccf-scripted-copilot_articlesListCard__P4xWt {
  width: 310px;
  height: auto;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e5e8eb;
  background: #fff;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_cardText__Tt42h {
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_header__ogzje {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_header__ogzje .ccf-scripted-copilot_title__mTbY7 {
  color: var(--text, #526b7a);
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_header__ogzje .ccf-scripted-copilot_closeIcon__9btvj {
  font-size: 18px;
  cursor: pointer;
  margin-top: -10px;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_selectedcard__K9gZM {
  border: 2px solid var(--interface-blue-550, #005c99);
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_articleCard__DxCY6 {
  display: flex;
  padding: 6px 8px;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 0px 8px 8px 8px;
  background: #dceaf3;
  width: fit-content;
  margin-top: 10px;
  cursor: pointer;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_articleCard__DxCY6 .ccf-scripted-copilot_articleName__OGJB7 {
  color: var(--interface-blue-450, #007ab8);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_articleCard__DxCY6 .ccf-scripted-copilot_resolvedIcon__RwIy9 {
  fill: var(--color-blue);
  opacity: 1;
  font-size: 18px;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_articleCard__DxCY6 .ccf-scripted-copilot_articleIcon__xorWO {
  font-size: 16px;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_cardFooter__NNlXI {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 6px;
  margin-top: 10px;
}

.ccf-scripted-copilot_articlesListCard__P4xWt .ccf-scripted-copilot_cardFooter__NNlXI .ccf-scripted-copilot_articleIcon__xorWO {
  font-size: 20px;
  cursor: pointer;
}

.ccf-scripted-copilot_isLoading__EryCc {
  height: 40%;
  width: 70%;
}

.ccf-scripted-copilot_inputTxt__DIyau {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
}

.ccf-scripted-copilot_sendIcon__WMot7 {
  transform: rotate(305deg);
  cursor: pointer;
}

.ccf-scripted-copilot_copilotRtigBox__6lRoo {
  background: var(--interface-background-100, #ecf3f8);
  box-shadow: 0px 1px 0px 0px #b0cddb;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.ccf-scripted-copilot_rtigSentimentText__zT0KW {
  padding: 10px;
  color: var(--text, #526b7a);
  font-family: Open Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-scripted-copilot_sentimentIcon__xrNSN {
  margin-left: 5px;
  margin-top: 5px;
  height: 20px;
  width: 20px;
}

.ccf-scripted-copilot_dropdownIcon__JgbrR {
  height: 16px;
  width: 16px;
  transform: rotate(270deg);
}

.ccf-scripted-copilot_headerTxt__K4ZP2 {
  font-weight: 600;
  font-size: 16px;
}

.ccf-scripted-copilot_childTxt__pe39K {
  font-weight: 400;
  font-size: 12px;
}

.ccf-scripted-copilot_headerBlock__4DdR9 {
  display: flex;
  align-items: flex-start;
  margin: 11px 8px;
}

.ccf-scripted-copilot_iconBox__4Pan1 {
  height: 90%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 28px;
}

.ccf-scripted-copilot_cardIcon__PaEtF {
  fill: #518eb3;
  height: 40px;
  width: 40px;
}

.ccf-scripted-copilot_copilotContent__upNqf {
  color: #333333;
  border: 0.063rem solid #e5e8eb;
  margin: 0.625rem;
  border-radius: 0.5rem;
  background-color: #fff;
}

.ccf-scripted-copilot_divider__YBhRP {
  height: 1px;
  width: 100%;
  border-bottom-width: 3px;
  border-width: 0;
  border-style: solid;
  border-color: #e3e9ee;
}

.ccf-scripted-copilot_conversationTopicPanel__gKBVr {
  background: var(--interface-background-100, #ecf3f8);
  box-shadow: 0px 1px 0px 0px #b0cddb;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
}

.ccf-scripted-copilot_conversationTopicText__rI-qj {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}

.ccf-scripted-copilot_expandIcon__vcAfP {
  transform: rotate(-90deg);
  cursor: pointer;
  font-size: 15px;
}

.ccf-scripted-copilot_label__EorH1 {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}
.ccf-copilot-voice-internals-card_card__CXSa7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: var(--globalState-disabled-background, #f8f8f9);
  padding: 8px;
  margin: 3px 0px;
}

.ccf-copilot-voice-internals-card_titleRow__tRIJf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

.ccf-copilot-voice-internals-card_titleRow__tRIJf .ccf-copilot-voice-internals-card_title__sC48K {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.ccf-copilot-voice-internals-card_titleRow__tRIJf .ccf-copilot-voice-internals-card_title__sC48K .ccf-copilot-voice-internals-card_internalInfoIcon__LoJnZ {
  font-size: 16px;
}

.ccf-copilot-voice-internals-card_titleRow__tRIJf .ccf-copilot-voice-internals-card_title__sC48K .ccf-copilot-voice-internals-card_titleTxt__cg7vI {
  color: var(--text, #526b7a);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-copilot-voice-internals-card_internalInfoCard__f3no\+ {
  display: flex;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #e5e8eb;
  background: var(--Primary-Content, #fff);
  margin: 3px 0px;
}

.ccf-copilot-voice-internals-card_internalInfoCard__f3no\+ .ccf-copilot-voice-internals-card_title__sC48K {
  color: var(--text, #526b7a);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-copilot-voice-internals-card_internalInfoCard__f3no\+ .ccf-copilot-voice-internals-card_description__h1xLz {
  color: var(--text, #526b7a);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}
.ccf-all-interaction_dFlex__WcAON {
  display: flex;
}

.ccf-all-interaction_contactChannelInfo__uHqvA {
  width: 100%;
}

[dir=rtl] .ccf-all-interaction_contactChannelInfo__uHqvA {
  padding-right: 32px;
}

[dir=ltr] .ccf-all-interaction_contactChannelInfo__uHqvA {
  padding-left: 10px;
}

.ccf-all-interaction_titleRow__YTsKd {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.ccf-all-interaction_title__bNDEq {
  margin-right: 15px;
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-all-interaction_interactionContainer__cYcQ9 {
  width: inherit;
}

.ccf-all-interaction_caseGrid__m1u2e {
  border-radius: 0px;
  width: 65%;
  padding: 2px;
}

.ccf-all-interaction_linkIcon__rMO8v {
  background-color: var(--color-blue);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 5px 15px;
}

.ccf-all-interaction_tickIcon__BzBMr {
  margin: 0px 10px;
  color: #ffffff;
}

.ccf-all-interaction_viewCRmLink__wKpPG {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 2px 10px;
}

.ccf-all-interaction_paperGrid__0Z3vP {
  display: flex;
  align-items: center;
  gap: 50px;
}

.ccf-all-interaction_parentPaper__67ZSC {
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  padding: 10px 16px;
  border: 1px solid var(--color-border);
}

.ccf-all-interaction_articleIcon__AEOOg {
  font-size: 15px;
  cursor: pointer;
  transform: rotate(45deg);
}

.ccf-all-interaction_accordionHeaderExpand__bxxOs {
  flex-direction: row-reverse;
  padding-left: 10px;
  box-shadow: 0px -1px 1px #e7eaec;
}

.ccf-all-interaction_ccfAppSpaceAccordionHeader__AV3AG {
  flex-direction: row-reverse;
  padding-left: 10px;
}

.ccf-all-interaction_dropdownIcon__nKihS {
  height: 10px;
  width: 10px;
  transform: rotate(270deg);
}

.ccf-all-interaction_customerName__4czWW {
  font: normal normal 600 14px/14px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
  text-transform: uppercase;
}

.ccf-all-interaction_greenStatus__zezOb {
  background-color: rgb(80, 201, 80);
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.ccf-all-interaction_tickIcon__BzBMr {
  margin: 0px 10px;
  color: #ffffff;
}

.ccf-all-interaction_loyaltyStatus__2XLB2 {
  font: normal normal 600 12px/14px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-all-interaction_pointsGrid__fiw2k {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 5px;
}
.ccf-current-interaction_dFlex__XVMXA {
  display: flex;
}

.ccf-current-interaction_contactChannelInfo__7gLNc {
  width: 100%;
}

[dir=rtl] .ccf-current-interaction_contactChannelInfo__7gLNc {
  padding-right: 32px;
}

[dir=ltr] .ccf-current-interaction_contactChannelInfo__7gLNc {
  padding-left: 10px;
}

.ccf-current-interaction_titleRow__NouwP {
  display: flex;
  align-items: center;
  gap: 13px;
}

.ccf-current-interaction_title__40qHQ {
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-current-interaction_interactionContainer__4-fhl {
  width: inherit;
}

.ccf-current-interaction_statusGrid__nWQHs {
  display: flex;
  align-items: center;
  gap: 5%;
}

.ccf-current-interaction_status__6Qmsc {
  display: flex;
  justify-content: flex-start;
}

.ccf-current-interaction_greenStatus__964jq {
  background-color: rgb(80, 201, 80);
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.ccf-current-interaction_caseGrid__fxAtn {
  background-color: red;
  border-radius: 0px;
  width: 65%;
  padding: 2px;
}

.ccf-current-interaction_paperParent__2R1cD {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
}

.ccf-current-interaction_pinIcon__A6fhW {
  font-size: 1.7rem;
  margin-left: -5px;
}

.ccf-current-interaction_viewCRmLink__m6C23 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 2px 10px;
}

.ccf-current-interaction_tickIcon__DFkpM {
  margin: 0px 10px;
  color: #ffffff;
}

.ccf-current-interaction_accordionHeaderExpand__q\+63F {
  flex-direction: row-reverse;
  padding-left: 10px;
  box-shadow: 0px -1px 1px #e7eaec;
}

.ccf-current-interaction_ccfAppSpaceAccordionHeader__4QXiZ {
  flex-direction: row-reverse;
  padding-left: 10px;
}

.ccf-current-interaction_pinIconStyle__FCNi5 {
  fill: var(--color-blue);
  transform: rotate(45deg);
}
.ccf-contact-history-modal_modalContainer__SVj7O {
  padding: 20px;
}

.ccf-contact-history-modal_txt__nXopt {
  color: var(--interface-text800, #191919);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.ccf-contact-history-modal_closeIcon__c\+vAt {
  cursor: pointer;
  padding-top: 5px;
}

.ccf-contact-history-modal_modalHeader__ii1eC {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}

.ccf-contact-history-modal_modalContent__eoq5g {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  width: 95%;
}

.ccf-contact-history-modal_title__qy77P {
  font-size: 20px;
  font-weight: 600;
}

.ccf-contact-history-modal_contactChannel__Jwu7I {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ccf-contact-history-modal_modalFooter__Ib419 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
}

.ccf-contact-history-modal_modalFooter__Ib419 .ccf-contact-history-modal_btn__LZ9eL {
  box-sizing: border-box;
  border-radius: 4px;
  width: 60px;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid rgba(0, 124, 190, 0.5);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-contact-history-modal_modalFooter__Ib419 .ccf-contact-history-modal_btnText__XDC5h {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #003d7a;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 1px 3px #bdbdbd;
  padding: 0.75rem 0.313rem !important;
  border-radius: 3%;
  position: relative;
  cursor: pointer;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_txt__kRxNp {
  color: var(--interface-text800, #191919);
  font-family: "Segoe UI", Segoe, "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_contactHistoryNameBlock__ZeB1N {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  min-width: 50%;
  flex: 1 1 100%;
  padding: 0px;
  margin: 0px;
  padding-left: 0.5em !important;
  border-right: 2px solid rgb(238, 238, 238);
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_contactHistoryNameBlock__ZeB1N .ccf-contact-history-card_contactNameTxt__6E\+3L {
  font-size: 14px;
  font-weight: 800;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_contactHistoryNameBlock__ZeB1N .ccf-contact-history-card_contactChannel__X2Nqv {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_contactHistoryStatusBlock__nVSy5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0px;
  flex: 1 1 50px;
  padding: 0px;
  margin: 0px;
  min-width: 10em !important;
  margin-left: 1em !important;
}
.ccf-contact-history-card_contactHistoryDetails__PtprS .ccf-contact-history-card_contactHistoryStatusBlock__nVSy5 .ccf-contact-history-card_contactDate__y2GgB {
  font-weight: 600;
}
.ccf-contact-history-card_skillIcon__n4QoU {
  font-size: 16px;
  fill: #007ab8;
  margin-right: 10px;
  vertical-align: middle;
}
.ccf-contact-history-card_chatIcon__b0-82 {
  font-size: 20px;
  margin-top: 5px;
  margin-right: 10px;
  vertical-align: middle;
}
.ccf-contact-history-card_instaIcon__uof3Z {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.ccf-contact-history-card_twitterIcon__gVcO3 {
  font-size: 22px;
  margin-right: 10px;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .ccf-agent-leg_agentLeg__518SJ {
    padding: 0px;
  }
}
.ccf-agent-skills_agentSkillsContainer__EB5Jj {
  height: 100%;
}

.ccf-agent-skills_skillsTitle__I\+Xng {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25;
  padding-left: 15px;
}
.ccf-copilot-crmform-control_dFlex__BrzWh {
  display: flex;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_labelBlock__MuRej {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_labelBlock__MuRej .ccf-copilot-crmform-control_label__ZRSef {
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 {
  width: 70%;
  display: flex;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputTxt__Qi\+hR {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  display: flex;
  align-items: center;
  color: #333333;
  width: 100%;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputTxt__Qi\+hR input {
  border-right: 1px solid #c4c4c4;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputControl__tSmMP {
  width: 70%;
  height: 30px;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputControlIcon__pAQ\+4 {
  font-size: 18px;
  color: #545cbc;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_arrowIconForDropdown__XLw6y {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_arrowIconForDropdown__XLw6y {
  left: 10px;
}

[dir=ltr] .ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_arrowIconForDropdown__XLw6y {
  right: 10px;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputInfo__LNZ42 {
  width: 30px;
  height: 30px;
  border: 2px solid #afb3e0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.ccf-copilot-crmform-control_formControl__Z1\+Hq .ccf-copilot-crmform-control_inputBlock__1A9t5 .ccf-copilot-crmform-control_inputInfo__LNZ42 .ccf-copilot-crmform-control_infoIcon__xylrk {
  fill: none;
  stroke: #545cbc;
  font-size: 16px;
}
.ccf-copilot-crmdashboard_dFlex__XUB4P {
  display: flex;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW {
  width: 100%;
  overflow-x: hidden;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_txt__oShjZ {
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_titleBlock__zuXcs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  color: #007cbe;
  padding: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_titleBlock__zuXcs .ccf-copilot-crmdashboard_title__Y354H {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #000000;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn p {
  color: #ffffff;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 85%; /* 15px */
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_leftBlock__n-vCM {
  width: clamp(150px, 35%, 340px);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 2px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm {
  width: clamp(280px, 65%, 540px);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_headerIcon__4UTzD {
  color: #ffffff;
  font-size: 18px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_conversationIcon__ieElS {
  fill: none;
  stroke: #ffffff;
  font-size: 18px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_starContactBox__wO4GI {
  width: 25%;
  height: 30px;
  border: 1px solid gray;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_avatarHeader__izHKm {
  background-color: var(--color-white);
  height: 25px;
  width: 25px;
  align-items: center;
  align-self: center;
  font-size: 12px;
  font-weight: bold;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_badgeAvatarIcon__qz39y {
  width: 15px;
  height: 15px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_headerBlock__i\+Nbn .ccf-copilot-crmdashboard_rightblock__pooqm .ccf-copilot-crmdashboard_fillGreen__T7QbV {
  fill: var(--color-green);
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #e8eaed;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_leftBlock__n-vCM {
  width: clamp(150px, 35%, 300px);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 4px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_squareArrow__YCLer {
  width: 30px;
  height: 30px;
  border: 2px solid #afb3e0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_contactView__TrQoF {
  display: flex;
  flex-direction: column;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_contactView__TrQoF p {
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_contactView__TrQoF .ccf-copilot-crmdashboard_flexRow__mrSRm {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_rightBlock__Zby1P {
  width: clamp(280px, 65%, 540px);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 4px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_subHeaderBlock__THsRs .ccf-copilot-crmdashboard_rightBlock__Zby1P .ccf-copilot-crmdashboard_subHeaderIcon__EYwAq {
  color: #545cbc;
  font-size: 18px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_contactForm__F8Wn5 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_contactForm__F8Wn5 .ccf-copilot-crmdashboard_leftSideForm__UfjnI,
.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_contactForm__F8Wn5 .ccf-copilot-crmdashboard_rightSideForm__DHRBG {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c {
  width: 100%;
  background-color: #f6f6f8;
  padding: 10px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_relatedLinksContainer__1j9Gi .ccf-copilot-crmdashboard_title__Y354H {
  margin: 5px 0px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_relatedLinksContainer__1j9Gi .ccf-copilot-crmdashboard_title__Y354H p {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_relatedLinksContainer__1j9Gi .ccf-copilot-crmdashboard_linkBlock__PQGW5 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_relatedLinksContainer__1j9Gi .ccf-copilot-crmdashboard_linkBlock__PQGW5 p {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
  text-decoration: underline;
  color: #545cbc;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tabscontainer__ENKCG {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tabscontainer__ENKCG .ccf-copilot-crmdashboard_tab__tW5SB {
  width: auto;
  height: auto;
  padding: 10px;
  background-color: #e8eaed;
  border: 1px solid #d9dbe0;
  border-radius: 4px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tabscontainer__ENKCG .ccf-copilot-crmdashboard_activeTab__vV5Hw {
  background-color: #ffffff;
  border-top: 5px solid green;
  color: green;
  font-weight: bold;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si {
  background-color: #ffffff;
  border: 1px solid #d9dbe0;
  padding-top: 5px;
  width: 100%;
  height: auto;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #e8eaed;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_leftBlock__n-vCM {
  width: clamp(180px, 45%, 350px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_inputControls__oab0L {
  display: flex;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_inputControls__oab0L .ccf-copilot-crmdashboard_selectBox__X2lV2 {
  height: 30px;
  background-color: #ffffff;
  color: #333333;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_leftBlock__n-vCM .ccf-copilot-crmdashboard_inputControls__oab0L .ccf-copilot-crmdashboard_inputTxt__U16o3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #333333;
  width: 70%;
  height: 30px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_rightBlock__Zby1P {
  width: clamp(200px, 55%, 420px);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 2px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_rightBlock__Zby1P .ccf-copilot-crmdashboard_subHeaderIcon__EYwAq {
  color: #545cbc;
  font-size: 18px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_tableActionsBlock__y36Uv .ccf-copilot-crmdashboard_rightBlock__Zby1P .ccf-copilot-crmdashboard_selectBox__X2lV2 {
  height: 30px;
  background-color: #ffffff;
  color: #333333;
  width: 40%;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_contactNameBlock__a-rbZ {
  background-color: #f6f6f8;
  height: 30px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_contactNameBlock__a-rbZ .ccf-copilot-crmdashboard_txt__oShjZ {
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_checkboxColumn__ondzm {
  display: flex;
  align-items: center;
  gap: 2px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_searchIcon__dQA8d {
  font-size: 22px;
  color: #333333;
  padding-top: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_crmId__\+gldb {
  color: blue;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_paginationBlock__XJFT3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 10px;
  padding: 10px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_paginationBlock__XJFT3 .ccf-copilot-crmdashboard_arrow__WQrUZ {
  fill: lightgray;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_crmDetailsBlock__8Qj9c .ccf-copilot-crmdashboard_tablecontainer__Zr8Si .ccf-copilot-crmdashboard_paginationBlock__XJFT3 .ccf-copilot-crmdashboard_currentPage__NkCae {
  height: 30px;
  width: 70px;
  padding: 5px;
  background-color: #e4e6ea;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_arrowIconForDropdown__\+SlS4 {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_arrowIconForDropdown__\+SlS4 {
  left: 10px;
}

[dir=ltr] .ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_arrowIconForDropdown__\+SlS4 {
  right: 10px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_btnContainer__RThi2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_btnContainer__RThi2 .ccf-copilot-crmdashboard_btn__zkZcc {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #545cbc;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_btnContainer__RThi2 .ccf-copilot-crmdashboard_btnText__IWVUe {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #545cbc;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_btnContainer__RThi2 .ccf-copilot-crmdashboard_newButton__dW-Ml {
  background-color: #545cbc;
}

.ccf-copilot-crmdashboard_crmContainer__PNJwW .ccf-copilot-crmdashboard_btnContainer__RThi2 .ccf-copilot-crmdashboard_txtNew__WaFWQ {
  color: #ffffff;
}
.ccf-contact-history-row-details_interactionDetailsHeader__0c4n4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ccf-contact-history-row-details_interactionDetailsHeader__0c4n4 .ccf-contact-history-row-details_title__xXpzV {
  color: #191c21;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 {
  margin-bottom: 16px;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_detailsRow__5LgRj {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25px;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_detailsRow__5LgRj .ccf-contact-history-row-details_detailsLabel__YUiD\+ {
  width: 10%;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_detailsRow__5LgRj .ccf-contact-history-row-details_detailsInfo__t9cde {
  width: 90%;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_txt__pPsRX {
  color: #191c21;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_tagsContainer__GRlf9 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 5px;
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_tagsContainer__GRlf9 .ccf-contact-history-row-details_tagBtn__AiN0v {
  display: flex;
  height: 20px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid var(--globalState-active-border, #909597);
  background: rgba(153, 216, 240, 0.25);
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_tagsContainer__GRlf9 .ccf-contact-history-row-details_tagBtn__AiN0v:hover {
  border: 1px solid var(--globalState-active-border, #909597);
  background: rgba(153, 216, 240, 0.25);
}
.ccf-contact-history-row-details_interactionDetailsBlock__rC304 .ccf-contact-history-row-details_tagsContainer__GRlf9 .ccf-contact-history-row-details_tagTxt__EP7F7 {
  color: var(--interface-text700, #333);
  text-align: center;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ccf-contact-history-row-details_btnContainer__\+rSth {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_btn__qIWYO {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: 60px;
  height: 20px;
  cursor: pointer;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_CancelButton__dyPfD {
  background: #ffffff;
  border: 1px solid #b0cddb;
  margin-right: 10px;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_redialButton__iJx6p {
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_redialButton__iJx6p:hover {
  background: #007ab8;
  cursor: pointer;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_btnText__ibybH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_txtCancel__e98oc {
  color: #003d7a;
}
.ccf-contact-history-row-details_btnContainer__\+rSth .ccf-contact-history-row-details_txtRedial__IQux3 {
  color: #ffffff;
}
.ccf-contact-history-table-content_tableCell__MDsMs {
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 3px solid #eaf0f6;
  border-bottom: none;
  color: var(--interface-text800, #191919);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}

.ccf-contact-history-table-content_skillIcon__M58CL {
  font-size: 16px;
  fill: #007ab8;
  margin-right: 10px;
  vertical-align: middle;
}

.ccf-contact-history-table-content_chatIcon__ZBysM {
  font-size: 20px;
  margin-top: 5px;
  margin-right: 10px;
  vertical-align: middle;
}

.ccf-contact-history-table-content_instaIcon__Nx-Sr {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.ccf-contact-history-table-header_tableheader__64qrO {
  background-color: #f2f2f2;
}

.ccf-contact-history-table-header_label__Viofr {
  color: var(--globalState-inactive-text, #3f5c69);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.ccf-contact-history-table_table__uOAuU {
  border-collapse: collapse;
}

.ccf-contact-history-table_tableBody__-05-G {
  border-bottom: 3px solid #eaf0f6;
}
.ccf-contact-history_cardcontainer__tqXNL {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  overflow: auto;
}

.ccf-contact-history_cardcontainerAppSpace__YpxHx {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.ccf-copilot-nbr_carousel__zLukz {
  width: 100%;
  margin: 0 auto;
}

.ccf-copilot-nbr_suggestionCard__HtKuv {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin: 0 auto;
  border-radius: 24px;
  border: 1px solid #007ab8;
  padding: 5px;
}

.ccf-copilot-nbr_suggestionCard__HtKuv:hover {
  border: 2px solid var(--interface-blue-650, #003d7a);
  background: var(--interface-blue-450, #fff);
}

.ccf-copilot-nbr_suggestionCard__HtKuv .ccf-copilot-nbr_suggestionTxt__6QKB9 {
  width: 88%;
  color: var(--interface-text700, #333);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 10px;
}

.ccf-copilot-nbr_suggestionCard__HtKuv .ccf-copilot-nbr_sendIcon__Q9Knd {
  font-size: 20px;
  cursor: pointer;
}

.ccf-copilot-nbr_suggestionCard__HtKuv .ccf-copilot-nbr_arrowIcon__pmoso {
  rotate: 90deg;
}

.ccf-copilot-nbr_informationSuggestionCard__dgzzf {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
}

.ccf-copilot-nbr_editInformationSuggestionCard__Bbwhg {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
  background: var(--interface-background-125, #dbe6f0);
  margin-bottom: 0px;
  height: 40px;
  padding: 0px 10px;
}

.ccf-copilot-nbr_editInformationSuggestionCard__Bbwhg:hover {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
  background: var(--interface-background-125, #dbe6f0);
}

.ccf-copilot-nbr_editInformationSuggestionCard__Bbwhg .ccf-copilot-nbr_editSuggestionTxt__JT\+LR {
  color: var(--text, #526b7a);
}

.ccf-copilot-nbr_responseTextBoxSuggestionCard__IWs1- {
  border: 2px solid var(--interface-blue-650, #f7f7f7);
  background: #f7f7f7;
  margin-bottom: 0px;
  height: 40px;
  padding-left: 10px;
  border-radius: 0px;
}

.ccf-copilot-nbr_responseTextBoxSuggestionCard__IWs1-:hover {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
  background: var(--interface-background-100, #ecf3f8);
}

.ccf-copilot-nbr_responseTextBoxSuggestionCard__IWs1- .ccf-copilot-nbr_responseTextBoxSuggestionTxt__K-z2Y {
  color: #637a87;
  font-weight: 400;
}

.ccf-copilot-nbr_btnControlsSection__lfu9v {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ccf-copilot-nbr_neutralSuggestedResponseCard__8DVoE {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
}

.ccf-copilot-nbr_neutralSuggestedResponseCard__8DVoE .ccf-copilot-nbr_responseSuggestionTxt__4Pquu {
  color: var(--interface-blue-450, #d78f05);
}

.ccf-copilot-nbr_neutralSuggestedResponseCard__8DVoE .ccf-copilot-nbr_responseSuggestionLabeltxt__9llj9 {
  color: var(--interface-blue-450, #d78f05);
  font-weight: 700;
  margin-bottom: 5px;
}

.ccf-copilot-nbr_positiveSuggestedResponseCard__6X-sb {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
}

.ccf-copilot-nbr_positiveSuggestedResponseCard__6X-sb .ccf-copilot-nbr_responseSuggestionTxt__4Pquu {
  color: var(--interface-blue-450, #008940);
}

.ccf-copilot-nbr_positiveSuggestedResponseCard__6X-sb .ccf-copilot-nbr_responseSuggestionLabeltxt__9llj9 {
  color: var(--interface-blue-450, #008940);
  font-weight: 700;
  margin-bottom: 5px;
}

.ccf-copilot-nbr_negativeSuggestedResponseCard__LYN4C {
  border: 2px solid var(--interface-blue-650, #d2dbe4);
}

.ccf-copilot-nbr_negativeSuggestedResponseCard__LYN4C .ccf-copilot-nbr_responseSuggestionTxt__4Pquu {
  color: var(--interface-blue-450, #c94426);
}

.ccf-copilot-nbr_negativeSuggestedResponseCard__LYN4C .ccf-copilot-nbr_responseSuggestionLabeltxt__9llj9 {
  color: var(--interface-blue-450, #c94426);
  font-weight: 700;
  margin-bottom: 5px;
}

.ccf-copilot-nbr_assetsBlock__XScq3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ccf-copilot-nbr_articleCard__eTOKT {
  display: flex;
  padding: 6px 8px;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  border-radius: 0px 8px 8px 8px;
  background: var(--interface-blue-450, #d2e4ee);
  width: fit-content;
  margin-top: 10px;
}

.ccf-copilot-nbr_articleCard__eTOKT .ccf-copilot-nbr_articleName__MLX78 {
  color: var(--interface-blue-450, #007ab8);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ccf-copilot-nbr_articleCard__eTOKT .ccf-copilot-nbr_closeIcon__GRwiJ {
  font-size: 16px;
  font-weight: 600;
  color: #007ab8;
  margin-top: 5px;
}

.ccf-copilot-nbr_articleCard__eTOKT .ccf-copilot-nbr_articleIcon__4i4T6 {
  font-size: 16px;
}

.ccf-copilot-nbr_assetsFieldBox__TKfFz {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 4px;
  background: #f7f7f7;
  overflow-y: scroll;
  height: auto;
  white-space: normal;
  gap: 4px;
  padding-left: 10px;
  outline: none;
}

.ccf-copilot-nbr_assetsFieldBox__TKfFz .ccf-copilot-nbr_txt__YEFqk {
  color: var(--globalState-inactive-text, #3f5c69);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ccf-copilot-nbr_assetsFieldBox__TKfFz .ccf-copilot-nbr_link__iQLwK {
  text-decoration: underline;
}

.ccf-copilot-nbr_assetsFieldBox__TKfFz .ccf-copilot-nbr_imageBlock__a0ohB {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 5px;
}

.ccf-copilot-nbr_assetsFieldBox__TKfFz .ccf-copilot-nbr_imageBlock__a0ohB .ccf-copilot-nbr_imageBox__KToUl {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 10px;
}
.ccf-copilot-reimbursement-claim-form_dFlex__GpBYQ {
  display: flex;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformContainer__cl1QY {
  width: 100%;
  padding: 20px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV {
  width: 100%;
  display: flex;
  padding: 10px;
  margin-bottom: 30px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi {
  width: 50%;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_title__ejjS- {
  color: var(--interface-text-700, #333);
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_card__JXfpC {
  display: inline-flex;
  padding: 6px 8px;
  align-items: flex-start;
  gap: 6px;
  border-radius: 0px 8px 8px 8px;
  background: #e3e8ed;
  width: fit-content;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_card__JXfpC .ccf-copilot-reimbursement-claim-form_cardIcon__FXNwO {
  font-size: 18px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_card__JXfpC .ccf-copilot-reimbursement-claim-form_cardTxt__8Nzv1 {
  color: var(--global-state-inactive-text, #3f5c69);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_inputLabel__PoWi3 {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_inputTxt__tPMBS {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_dropdown__hjIWu {
  width: 100%;
  height: 40px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_arrowIconForDropdown__\+CDr0 {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_arrowIconForDropdown__\+CDr0 {
  left: 10px;
}

[dir=ltr] .ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_reimbursementForm__4WcPi .ccf-copilot-reimbursement-claim-form_arrowIconForDropdown__\+CDr0 {
  right: 10px;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_imgBlock__lKGS8 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_imgBlock__lKGS8 .ccf-copilot-reimbursement-claim-form_imgUploadContainer__QPT0N {
  display: flex;
  width: 180px;
  height: 180px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px dashed var(--global-state-disabled-content, #8e9cab);
  background: #fff;
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_imgBlock__lKGS8 .ccf-copilot-reimbursement-claim-form_screenshotUploadTxt__F7\+uc {
  color: var(--global-state-inactive-text, #3f5c69);
  text-align: center;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
}

.ccf-copilot-reimbursement-claim-form_reimbursementformBlock__XHKPV .ccf-copilot-reimbursement-claim-form_imgBlock__lKGS8 .ccf-copilot-reimbursement-claim-form_damagedLuggageImg__OSqhK {
  width: 183px;
  height: 190px;
  flex-shrink: 0;
  border-radius: 4px;
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa {
  width: 100%;
  margin-bottom: 30px;
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_title__ejjS- {
  color: var(--interface-text-700, #333);
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_confirmationTxt__ERk9\+ {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_refundTxt__eIVaX {
  color: var(--global-state-inactive-text, #3f5c69);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 15.6px */
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_label__8s5e- {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 15.6px */
  margin-bottom: 5px;
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_inputTxt__tPMBS {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
}

.ccf-copilot-reimbursement-claim-form_claimApprovedBlock__PNWYa .ccf-copilot-reimbursement-claim-form_damagedLuggageImg__OSqhK {
  width: 126px;
  height: 102px;
  flex-shrink: 0;
  border-radius: 4px;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_btn__UDZCx {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_CancelButton__Drcyi {
  background: #ffffff;
  border: 1px solid #b0cddb;
  margin-right: 10px;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_doneButton__6eAY- {
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_doneButton__6eAY-:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_btnText__qrdWg {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_txtCancel__wFh6d {
  color: #003d7a;
}

.ccf-copilot-reimbursement-claim-form_btnContainer__ZWE9D .ccf-copilot-reimbursement-claim-form_txtDone__WJQ2g {
  color: #ffffff;
}

.ccf-copilot-reimbursement-claim-form_shareBtnBlock__Td-i5 {
  display: flex;
  justify-content: flex-end;
}

.ccf-copilot-reimbursement-claim-form_shareBtnBlock__Td-i5 .ccf-copilot-reimbursement-claim-form_shareBtn__W5oM- {
  width: 60px;
  height: 28px;
  display: inline-flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid var(--button-basic-border, #b0cddb);
  background: var(--button-basic-normal, #fff);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-copilot-reimbursement-claim-form_shareBtnBlock__Td-i5 .ccf-copilot-reimbursement-claim-form_shareBtn__W5oM-:hover {
  background: var(--button-basic-normal, #fff);
  border: 1px solid var(--button-basic-border, #b0cddb);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
  cursor: pointer;
}

.ccf-copilot-reimbursement-claim-form_shareBtnBlock__Td-i5 .ccf-copilot-reimbursement-claim-form_shareBtnText__BwDhU {
  color: var(--interface-blue-650, #003d7a);
  text-align: center;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-copilot-video-call_closeBtn__TptLf {
  width: 98%;
  display: flex;
  padding-top: 10px;
  align-items: center;
  justify-content: space-between;
}
.ccf-copilot-video-call_videoCallCaption__xKNWA {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.5;
  margin-left: 15px;
}
.ccf-copilot-videocall-card_suggestionCard__ct4Zn {
  display: flex;
  padding: 6px 8px;
  align-items: flex-start;
  gap: 6px;
  border-radius: 0px 8px 8px 8px;
  background: #fff;
  margin-bottom: 15px;
  width: fit-content;
}
.ccf-copilot-videocall-card_suggestionCard__ct4Zn .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
  white-space: pre-line;
}
.ccf-copilot-videocall-card_suggestionQuestionCard__iQm-M {
  border-radius: 8px;
  border: 1px solid #0079ba;
}
.ccf-copilot-videocall-card_suggestionQuestionCard__iQm-M .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #0079ba;
}
.ccf-copilot-videocall-card_isLoading__l2Cqm {
  height: 40%;
  width: 70%;
}
.ccf-copilot-videocall-card_selectedSuggestionCard__N9kUD {
  border-radius: 8px;
  border: 1px solid #0079ba;
  background: #0079ba;
}
.ccf-copilot-videocall-card_selectedSuggestionCard__N9kUD .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #ffffff;
}
.ccf-copilot-videocall-card_negativeSentimentCard__qtphG {
  background: #f2e2e0;
}
.ccf-copilot-videocall-card_negativeSentimentCard__qtphG .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #c94426;
  font-weight: 600;
}
.ccf-copilot-videocall-card_neutralSentimentCard__XhrQB {
  background: #fceacf;
}
.ccf-copilot-videocall-card_neutralSentimentCard__XhrQB .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #c97426;
  font-weight: 600;
}
.ccf-copilot-videocall-card_positiveSentimentCard__iJnqC {
  background: #e0f2e6;
}
.ccf-copilot-videocall-card_positiveSentimentCard__iJnqC .ccf-copilot-videocall-card_suggestionTxt__MYCqQ {
  color: #228c46;
  font-weight: 600;
}
.ccf-copilot-videocall-card_suggestionLabel__VvE3W {
  color: #0079ba;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ccf-copilot-videocall-card_suggestionIcon__CF7lo {
  font-size: 18px;
}
.ccf-copilot-videocall-card_workflowCard__PrACw {
  display: flex;
  padding: 12px;
  flex-direction: column;
  gap: 8px;
  border-radius: 0px 8px 8px 8px;
  background: #fff;
  margin-bottom: 15px;
  width: 100%;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowLabelBlock__IYGuY {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowLabelBlock__IYGuY .ccf-copilot-videocall-card_workflowLabel__cowLN {
  align-self: stretch;
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowLabelBlock__IYGuY .ccf-copilot-videocall-card_transferLabel__OfNbI {
  align-self: stretch;
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 125%; /* 15px */
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowMsgBlock__sWSg1 {
  display: flex;
  height: 36px;
  padding: 0px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #e5e8eb;
  background: #fff;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowMsgBlock__sWSg1 .ccf-copilot-videocall-card_workflowMsg__Fs9SV {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_transferContainer__KBHMx {
  height: 10%;
  width: 95%;
  display: flex;
  justify-content: space-between;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowStateContainer__cGyAf {
  height: 10%;
  width: inherit;
  display: flex;
  justify-content: flex-end;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowStateContainer__cGyAf .ccf-copilot-videocall-card_startBtn__dBGcv {
  width: 80px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowStateContainer__cGyAf .ccf-copilot-videocall-card_startBtn__dBGcv:hover {
  background: #007ab8;
  cursor: pointer;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowStateContainer__cGyAf .ccf-copilot-videocall-card_startBtnText__q7Csu {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.ccf-copilot-videocall-card_workflowCard__PrACw .ccf-copilot-videocall-card_workflowStateContainer__cGyAf .ccf-copilot-videocall-card_buttonCaptionTxt__kAFTA {
  color: #526b7a;
  text-align: center;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU {
  height: 90%;
  width: inherit;
  overflow: auto;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_summaryBlock__RW34o {
  padding: 12px;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_summaryTitle__8tumr {
  color: #526b7a;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150.5%; /* 19.565px */
  text-transform: uppercase;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_highlightedSummaryTxt__kas53 {
  color: #0079ba;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 15px */
  white-space: pre-line;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_summaryTitleRow__9BJBo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_summaryIcon__ojDRI {
  font-size: 18px;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_listItem__OPOIv {
  display: flex;
  flex-direction: row;
  padding-left: 0px;
  align-items: center;
  padding: 4px;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_listItemText__I40Wr {
  color: #333;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 15.6px */
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_followUpTxt__2iL13 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  color: #0079ba;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  text-decoration-line: underline;
  cursor: pointer;
  margin-top: -10px;
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_notesBlock__gsA9H {
  display: flex;
  width: auto;
  padding: 16px;
  align-items: flex-start;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
}
.ccf-copilot-auto-summary_overallSummaryBlock__\+yAHU .ccf-copilot-auto-summary_notesBlock__gsA9H .ccf-copilot-auto-summary_notesContentTxt__pqOyH {
  color: #191919;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15px */
}
.ccf-copilot-auto-summary_submitBtnBlock__5xgwp {
  height: 10%;
  width: inherit;
  padding: 12px;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.ccf-copilot-auto-summary_submitBtnBlock__5xgwp .ccf-copilot-auto-summary_submitBtn__bi07o {
  width: 80px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}
.ccf-copilot-auto-summary_submitBtnBlock__5xgwp .ccf-copilot-auto-summary_submitBtn__bi07o:hover {
  background: #007ab8;
  cursor: pointer;
}
.ccf-copilot-auto-summary_submitBtnBlock__5xgwp .ccf-copilot-auto-summary_submitBtnText__lU9I3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.ccf-copilot-auto-summary_summaryGraph__D3nIu {
  width: 100%;
  flex-shrink: 0;
  border-radius: 4px;
}
.ccf-reschedule-popover_dFlex__IyhVS {
  display: flex;
}

.ccf-reschedule-popover_reschedulePopupContainer__j57GI {
  width: 290px;
  height: auto;
  padding: 15px;
}

.ccf-reschedule-popover_headerSection__zOH5S {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.ccf-reschedule-popover_headerTitle__bd2Ja {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #333333;
}

.ccf-reschedule-popover_closeIcon__79fCV {
  width: 20px;
  height: 20px;
  cursor: pointer;
  fill: "#333333 !important";
}

.ccf-reschedule-popover_firstNameTxtBox__EuUog {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  background-color: #f3f3f3;
}

.ccf-reschedule-popover_inputTxt__slz-Q {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
}

.ccf-reschedule-popover_dropdown__4sirP {
  width: 100%;
  height: 40px;
}

.ccf-reschedule-popover_arrowIconForDropdown__Q6SVU {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-reschedule-popover_arrowIconForDropdown__Q6SVU {
  left: 10px;
}

[dir=ltr] .ccf-reschedule-popover_arrowIconForDropdown__Q6SVU {
  right: 10px;
}

.ccf-reschedule-popover_btnContainer__aylfM {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.ccf-reschedule-popover_btn__3PLdu {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.ccf-reschedule-popover_CancelButton__1cMUG {
  width: 66px;
  height: 32px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
  margin-right: 10px;
}

.ccf-reschedule-popover_saveButton__vXz41 {
  width: 80px;
  height: 32px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-reschedule-popover_saveButton__vXz41:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-reschedule-popover_saveButton__vXz41:disabled {
  box-shadow: none;
  background-color: var(--bg-white);
  border: 1px solid var(--color-border);
  color: var(--grey-color);
}

.ccf-reschedule-popover_saveButton__vXz41:disabled:hover {
  background-color: var(--bg-white);
}

.ccf-reschedule-popover_snoozeButton__vBnWO {
  height: 32px;
  background: #ffffff !important;
  border: 2px solid #b0cddb;
  box-shadow: none !important;
}

.ccf-reschedule-popover_snoozeButton__vBnWO:hover {
  border: 2px solid #b0cddb !important;
  cursor: pointer;
}

.ccf-reschedule-popover_btnText__SIKZY {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-reschedule-popover_txtCancel__X7E9g,
.ccf-reschedule-popover_txtSnooze__6bFNP {
  color: #003d7a;
}

.ccf-reschedule-popover_txtSave__VbcuJ {
  color: #ffffff;
}

.ccf-reschedule-popover_calenderIcon__3RpNf {
  position: relative;
  left: 90%;
  bottom: 28px;
  cursor: pointer;
}

.ccf-reschedule-popover_datePickerBox__FNHHy {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  height: 37px;
  width: 100%;
  padding: 14px 10.5px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  outline: none;
}
.ccf-wem-left-nav_sidebarContainer__6EFzI {
  display: flex;
}

.ccf-wem-left-nav_sidebar__c7W\+L {
  width: 56px;
  position: static !important;
  flex-shrink: 0;
  background: var(--left-navbar-bg) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ccf-wem-left-nav_tootltipText__bt3Ur {
  background-color: white !important;
  width: 100px !important;
  height: 50px !important;
}

.ccf-wem-left-nav_sidebarItem__ISFjc {
  min-width: 44px !important;
  width: 44px !important;
  height: 44px;
  margin: 0px 6px 0px 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ccf-wem-left-nav_sidebarItemSelected__ENqqt {
  background: var(--sidebar-item-bg) 0% 0% no-repeat padding-box;
  border-radius: 2px !important;
  opacity: 1;
}

.ccf-wem-left-nav_sidebarItemIconColor__w9LRF {
  color: var(--sidebar-item-color) !important;
}

.ccf-wem-left-nav_sidebarItemIconActiveColor__EbdYp {
  color: var(--badge-bg) !important;
}

.ccf-wem-left-nav_sidebarItemIconHealthColor__c4XrI {
  color: var(--sidebar-item-health-color);
}

.ccf-wem-left-nav_sidebarItemBadge__NrFJU {
  height: 16px !important;
  min-width: 16px !important;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  border: 2px solid var(--sidebar-item-bg);
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  color: var(--left-navbar-bg);
}

.ccf-wem-left-nav_bottomList__PrLxb {
  position: absolute !important;
  bottom: 0px;
}

.ccf-wem-left-nav_conversationMenuColor__1dpFY {
  fill: none;
  stroke: var(--color-overflow-icon);
}

.ccf-wem-left-nav_conversationActiveMenuColor__5GQHO {
  fill: none;
  stroke: var(--button-primary);
}

.ccf-wem-left-nav_tooltipContainer__pCg2U {
  margin-left: 10px;
  gap: 10px;
  height: 44px;
  display: flex;
  align-items: center;
  margin: 0 8px;
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 10px;
}

.ccf-wem-left-nav_tooltipTitle__11evN {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 13px;
}

.ccf-wem-left-nav_wemTabIcon__z2XJG {
  width: 24px;
  height: 24px;
}
.ccf-wem-dashboard_dFlex__MtQBl {
  display: flex;
}

.ccf-wem-dashboard_wemScheduleContainer__JwdNt {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px;
}

.ccf-wem-dashboard_wemSessionMainContainer__-fS7L {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 15px;
  padding-top: 10px;
}

.ccf-wem-dashboard_selectedSessionTitle__f6g5q {
  font-size: 18px;
  cursor: default;
  color: #001633;
  margin: 5px 0 10px;
}

.ccf-wem-dashboard_titleParentGrid__F0tW6 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ccf-wem-dashboard_headerParentGrid__oLw45 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-wem-dashboard_scheduleSection__CWSyc {
  width: 100%;
  height: 85%;
  display: flex;
  flex-direction: row;
}

.ccf-wem-dashboard_closeBtn__US6Yi {
  background: #f7fafc 0 0 no-repeat padding-box;
  box-shadow: 0 1px 2px rgba(31, 50, 77, 0.2);
  border: 1px solid rgb(176, 205, 219);
  min-width: 90px;
  height: 35px;
  font-size: 13px;
  padding: 0 20px;
  color: #046;
  border-radius: 2px;
}

.ccf-wem-dashboard_acknowledgeBtn__tIxWk {
  min-width: 90px;
  height: 35px;
  font-size: 13px;
  padding: 0 20px;
  background: #007cbe 0 0 no-repeat padding-box;
  box-shadow: 0 1px 2px rgba(31, 50, 77, 0.2);
  color: #fff;
  border: none;
  border-radius: 2px;
  font-weight: 600;
}

.ccf-wem-dashboard_selectedSessionTopBar__D\+wqo {
  background-color: #f2f7fa;
  font-size: 11px;
  margin: inherit;
  height: 40px;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-wem-dashboard_headerLabelGrid__si37i {
  display: flex;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
}

.ccf-wem-dashboard_selectedSessionReadonlyGrid__-rgsY {
  display: grid;
  grid-template-columns: 0.6fr 0.6fr 0.8fr 0.6fr 0.8fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1px 1px;
  background-color: #dae2e8;
}

.ccf-wem-dashboard_viewResourcesTitle__pRTTN {
  padding-top: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}

.ccf-wem-dashboard_contentTitle__0BVGZ {
  font-size: 15px;
  color: #2e2e2e;
  font-weight: 700;
}

.ccf-wem-dashboard_hrDivider__v7wBN {
  margin: 0 0 20px;
  border-top: 1px solid #d1d7dc;
}

.ccf-wem-dashboard_gridCell__8i-IG {
  min-height: 86px;
  max-height: 350px;
  background-color: #ffffeb;
  padding: 20px;
}

.ccf-wem-dashboard_gridCellField__mW0B4 {
  text-transform: uppercase;
  font-size: 12px;
  color: #2e2e2e;
  font-weight: 600;
  padding: 0 0 5px;
}

.ccf-wem-dashboard_piped__vtpVR {
  height: 20px;
  font-size: 15px;
  margin: 0 10px;
  border-left: 1px solid #2e2e2e;
}

.ccf-wem-dashboard_headerItem__nBB4e {
  font-size: 12px;
  color: #577085;
  max-width: 150px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ccf-wem-dashboard_wemTabTitle__-zdBw {
  font-size: 18px;
  color: #2e2e2e;
  margin-bottom: 20px;
}

.ccf-wem-dashboard_wemSessionTabTitle__4Gcvr {
  font-size: 18px;
  color: #001633;
}

.ccf-wem-dashboard_w75__Odnu6 {
  width: 75%;
}

.ccf-wem-dashboard_wemScheduleDetails__BT-5R {
  width: 25%;
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

.ccf-wem-dashboard_agendaBlock__5UJTA {
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: #f4f8fb;
  border: 1px solid #e6e6e6;
}

.ccf-wem-dashboard_agendaTxt__4NO2b {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  color: #526b74;
  text-transform: uppercase;
}

.ccf-wem-dashboard_noScheduleTxt__Fj7qy {
  font-size: 14px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 20px;
}

.ccf-wem-dashboard_accordionSection__rw1Ot {
  margin-top: 15px;
  gap: 10px;
}

.ccf-wem-dashboard_tableBlock__CUe9g {
  height: calc(100% - 35px);
}

.ccf-wem-dashboard_tableHeaderTextBlock__Fb-9T {
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #f2f7fa;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #929292;
}

.ccf-wem-dashboard_MuiDataGrid-row__R0Yol {
  background-color: #ffffff;
}

.ccf-wem-dashboard_MuiDataGrid-actionsCell__rh51H {
  background-color: #ffffff;
}

.ccf-wem-dashboard_gridHeaderText__DuQ98 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #526b79;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.ccf-wem-dashboard_tableDataContainer__lXTWu {
  width: 100%;
  height: 100%;
  background-color: #eaf1f7;
  border: 1px solid #d2d8db;
}

.ccf-wem-dashboard_noDataFoundBlock__moSUb {
  position: absolute;
  top: 20%;
  left: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ccf-wem-dashboard_noDataFoundBlock__moSUb .ccf-wem-dashboard_noRequestTxt__oU5Oo {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #5b7c8c;
  margin-top: -30px;
}

.ccf-wem-dashboard_tabSection__kU-bt {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 45px;
  background-color: #f7f9fa;
  border-bottom: 1px solid #dae2e8;
}

.ccf-wem-dashboard_tabs__-ZRGm {
  width: auto;
  padding: 10px 20px;
  text-transform: uppercase;
  text-align: center;
  background-color: #f7f9fa;
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 13px;
  color: #3d6172;
  border-bottom: none;
}

.ccf-wem-dashboard_selectedTab__fFZID {
  border-bottom: 4px solid #007cbe;
  background-color: #fff;
  font-family: "Open Sans";
  font-weight: 600;
  color: #2e2e2e;
}

.ccf-wem-dashboard_searchBar__NlrWl {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: #f2f7fa;
  border: 1px solid #d0d2d3;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
}

.ccf-wem-dashboard_sessionTabSearchBar__-fC9z {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: #f2f7fa;
  gap: 10px;
}

.ccf-wem-dashboard_wemSessionParentContainer__GI8Km {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #f2f7fa;
  border: 1px solid #d0d2d3;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
}

.ccf-wem-dashboard_searchCountText__aVB8x {
  width: auto;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  margin-right: 50px;
}

.ccf-wem-dashboard_noResultFoundBlock__hiHB8 {
  position: absolute;
  top: 50%;
  left: 47%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ccf-wem-dashboard_noResultFoundBlock__hiHB8 .ccf-wem-dashboard_noResultTxt__kzDxe {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #5b7c8c;
  margin-top: -30px;
}

.ccf-wem-dashboard_filterIconBlock__HnbvF {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 2px;
  margin-left: 8px;
}

.ccf-wem-dashboard_coachingSearchBox__GaL6d {
  width: 300px;
  margin-left: 12px;
  background-color: #ffffff;
}

.ccf-wem-dashboard_tabsContainer__b85sp {
  height: 39px !important;
  min-height: 39px !important;
  border-bottom: 1px solid #ebebeb;
}

.ccf-wem-dashboard_selectControl__VKPMc {
  border: 1px solid #afc1ce;
  height: 34px;
  padding: 8px;
  width: 100%;
  font-size: 13px;
}

.ccf-wem-dashboard_stateFilterWrapper__1g30D {
  background-color: #f2f7fa;
  padding: 0px 20px 2px;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
  display: flex;
}

.ccf-wem-dashboard_circleOverdue__lUzc1 {
  border-radius: 50%;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  width: 20px;
  height: 20px;
  background: #e74f0d;
  opacity: 1;
  text-align: center;
}

.ccf-wem-dashboard_recentInteractionsBox__PGSmX {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem 1rem;
  background-color: #f2f7fa;
  box-shadow: 0 2px 6px rgba(31, 50, 77, 0.2);
}

.ccf-wem-dashboard_interactionsCountTxt__VwHcP {
  font-family: "Open Sans";
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}

.ccf-wem-dashboard_interactionsDropdown__EecIr {
  font-family: "Open Sans";
  font-size: 14px;
  color: #333;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  width: 15%;
  height: 35px;
}

.ccf-wem-dashboard_arrowIconForDropdown__VLLmf {
  top: calc(50% - 14px);
  color: #007cbe;
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-wem-dashboard_arrowIconForDropdown__VLLmf {
  left: 10px;
}

[dir=ltr] .ccf-wem-dashboard_arrowIconForDropdown__VLLmf {
  right: 10px;
}

@media (-webkit-device-pixel-ratio > 1.25) {
  .ccf-wem-dashboard_scheduleSection__CWSyc {
    height: 80%;
  }
}

.ccf-wem-dashboard_accordionContainer__2qAfj {
  box-shadow: none;
  display: block;
  border-left: 1px solid rgb(218, 226, 232);
  border-right: 1px solid rgb(218, 226, 232);
  border-top: 1px solid rgb(218, 226, 232);
  border-bottom: 1px solid rgb(218, 226, 232);
  overflow: hidden;
  white-space: nowrap;
  background-color: #f7f9fa;
  cursor: pointer;
  margin-right: 20px !important;
}

.ccf-wem-dashboard_accordionHeaderExpand__X85N0 {
  flex-direction: row-reverse;
  padding-left: 10px;
  height: 40px;
  margin: 0px;
  box-shadow: 0px -1px 1px #e7eaec;
}

.ccf-wem-dashboard_accordionHeader__\+DqD8 {
  flex-direction: row-reverse;
  height: 40px;
  min-height: 0px;
}

.ccf-wem-dashboard_accordianTitle__NezrQ {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: #2e2e2e !important;
  text-transform: uppercase;
}

.ccf-wem-dashboard_expandedIcon__uJgwX {
  transform: rotate(180deg);
  height: 18px;
  width: 20px;
  color: #5b7c8c;
}

.ccf-wem-dashboard_blockContainer__4F-T9 {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px !important;
}

.ccf-wem-dashboard_feildBlock__wphsw {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-wem-dashboard_tableHeaderText__o0AA7 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #8e9cab;
}

.ccf-wem-dashboard_requestCoachingContainer__mjKnu {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 12px 1px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  width: 950px;
}

.ccf-wem-dashboard_saveDraftBtn__Mx2a- {
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.25rem 0.688rem;
  background: #fff;
  color: #003d7a !important;
  height: 1.75rem;
  min-width: 3.5rem;
  border: 1px solid #b0cddb;
  white-space: nowrap;
  font-weight: 600;
  box-shadow: none;
}

.ccf-wem-dashboard_sendReqBtn__tCrxT {
  box-shadow: none;
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.25rem 0.688rem;
  height: 1.65rem;
  min-width: 3.5rem;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: 600;
}

.ccf-wem-dashboard_disabledBtn__7WU3t {
  box-sizing: border-box;
  padding: 0.25rem 0.688rem;
  background: #f8f8f9;
  border-color: #c3c5c9;
  color: #8e9cab;
  height: 1.65rem;
  transform: none;
  cursor: none;
  pointer-events: none;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid #b0cddb;
}

.ccf-wem-dashboard_notificationToast__ppBdG {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #eafaf0;
  height: 8vh;
  border: 2px solid var(--Primary-Background, #07bc0c);
  border-left: 5px solid var(--Primary-Background, #07bc0c);
  border-radius: 4px;
  padding: 5px;
  width: 300px;
  cursor: pointer;
}

.ccf-wem-dashboard_notificationToast__ppBdG .ccf-wem-dashboard_agentDetails__op-aK {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.ccf-wem-dashboard_notificationToast__ppBdG .ccf-wem-dashboard_agentDetailsHeader__pC3sq {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.ccf-wem-dashboard_notificationToast__ppBdG .ccf-wem-dashboard_agentName__-4Waf {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #333333;
}

.ccf-wem-dashboard_notificationToast__ppBdG .ccf-wem-dashboard_agentMessage__-rKsr {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;
  color: #333333;
}

.ccf-wem-dashboard_dropdownButton__n\+AT9 {
  display: flex;
  height: 40px;
  width: 100%;
  background-color: #fff;
  align-items: center;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #d9d9d9;
  font-size: 13px;
  color: #2e2e2e;
  border-radius: 2px;
}

.ccf-wem-dashboard_statusIcon__OmOz\+ {
  background-color: #71a92c;
  opacity: 0.7;
  border-radius: 3px;
  border: none;
  min-width: 16px;
  width: 16px;
  height: 16px;
}
.ccf-schedule-new-commitment_dFlex__0Ig6h {
  display: flex;
}

.ccf-schedule-new-commitment_title__\+Qo0E {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  padding: 10px;
}

.ccf-schedule-new-commitment_headerSection__jwTxf {
  padding: 10px;
}

.ccf-schedule-new-commitment_headerSection__jwTxf .ccf-schedule-new-commitment_backBtn__ybJnQ {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #007cbe;
  width: fit-content;
  cursor: pointer;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq {
  padding: 10px;
  height: inherit;
  overflow: auto;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_title__\+Qo0E {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  padding: 0;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_addCommitmentTxt__XEMB0 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_radioLabel__Tlv7d {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #616c75;
  margin-right: 30px;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_dropdown__qWk-J {
  width: 100%;
  height: 40px;
  border: 1px solid var(--color-border) !important;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_disabledDropdown__SEc8X {
  width: 100%;
  height: 40px;
  opacity: 0.7;
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_label__fL9NG {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #8c95a5;
  margin-bottom: 5px;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_inputTxt__pxzvL {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_requiredError__pPOZT {
  font-size: 14px;
  border: 1px solid red;
  border-radius: 4px;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_datePickerBox__6ckwR {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  height: 37px;
  width: 100%;
  padding: 14px 10.5px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  outline: none;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_labelBtn__KfoxE {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 37px;
  background: #f4f8fb;
  border: 1px solid #8c95a5;
  border-radius: 4px;
  margin-right: 10px;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_labelBtn__KfoxE .ccf-schedule-new-commitment_btnTxt__kf1sd {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  color: #9ba4ab;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_deleteBtn__A1w2\+ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-decoration-line: underline;
  color: #333333;
  cursor: pointer;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnActions__3lyzo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_btn__i0F-V {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_CancelButton__KTD80 {
  background: #ffffff;
  border: 1px solid #b0cddb;
  margin-right: 10px;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_saveButton__s6TaZ {
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_btnText__CsWUG {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_txtCancel__8DW4h {
  color: #003d7a;
}

.ccf-schedule-new-commitment_newCommitmentContainer__xD2Jq .ccf-schedule-new-commitment_btnContainer__6sP1A .ccf-schedule-new-commitment_txtSave__BXVbI {
  color: #ffffff;
}

.ccf-schedule-new-commitment_arrowIconForDropdown__IzQH- {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-schedule-new-commitment_arrowIconForDropdown__IzQH- {
  left: 10px;
}

[dir=ltr] .ccf-schedule-new-commitment_arrowIconForDropdown__IzQH- {
  right: 10px;
}
.ccf-display-and-accessability_dFlex__AxEXj {
  display: flex;
}

.ccf-display-and-accessability_displayAndAccessibiltyContainer__PDIA9 {
  background: var(--badge-font) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border: 1px solid var(--header-border);
  border-radius: 6px;
  opacity: 1;
  width: 100%;
  height: 89%;
}

.ccf-display-and-accessability_headerDisplay__SRzf4 {
  margin: 18px 0px 22px 22px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  color: #5b7c8c;
}

.ccf-display-and-accessability_buttonBlock__xgU8R {
  display: flex;
  flex-direction: row;
  margin-left: 22px;
  margin-bottom: 30px;
  height: 50px;
  align-items: center;
}

.ccf-display-and-accessability_title__\+m665 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #5b7c8c;
}

.ccf-display-and-accessability_customDropdown__er85J {
  width: 224px !important;
  background: 0% 0% no-repeat padding-box var(--color-white) !important;
  border: 1px solid #dae2e8;
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 30px;
  box-shadow: none;
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}

.ccf-display-and-accessability_customDropdown__er85J:invalid {
  color: var(--color-red);
}

.ccf-display-and-accessability_dropdownOption__UDIv1 {
  text-align: left;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: rgba(51, 51, 51, 0.5);
}

.ccf-display-and-accessability_dropdownOption__UDIv1:hover {
  background: 0% 0% no-repeat padding-box var(--color-light-blue);
}

.ccf-display-and-accessability_placeholderText__Blvbf {
  text-align: left;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: rgba(51, 51, 51, 0.5);
  opacity: 1;
}

.ccf-display-and-accessability_upArrowIcon__YiZta {
  fill: var(--color-white);
  padding-top: 5px;
  position: absolute;
}

.ccf-display-and-accessability_arrowIconForDropdown__v7SdL {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-display-and-accessability_arrowIconForDropdown__v7SdL {
  left: 10px;
}

[dir=ltr] .ccf-display-and-accessability_arrowIconForDropdown__v7SdL {
  right: 10px;
}

.ccf-display-and-accessability_txtButton__qoa3k {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #616c75;
}

.ccf-display-and-accessability_accessibiltyBlock__78ANH {
  display: flex;
  flex-direction: column;
}

.ccf-display-and-accessability_timeBlock__jBR8w {
  width: 71px;
  height: 39px;
  border: 1px solid #dae2e8;
  margin-left: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ccf-display-and-accessability_timer__5y9eH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #616c75;
}

.ccf-display-and-accessability_keyboardBlock__K3oo6 {
  padding-left: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0.7rem;
}

.ccf-display-and-accessability_keyboardBlockText__e097S {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0.7rem;
  flex-wrap: wrap;
}

.ccf-display-and-accessability_tableBlock__G\+mql {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0.7rem;
  flex-wrap: wrap;
}

.ccf-display-and-accessability_tableHead__AexwB {
  background: white;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.ccf-display-and-accessability_tableRow__yZr5I {
  vertical-align: middle;
  outline: 0px;
  border-top: 0.1875rem solid rgb(234, 240, 246);
  border-bottom-width: 0.1875rem;
  border-bottom-style: solid;
  overflow-wrap: anywhere;
  border-bottom-color: rgb(234, 240, 246) !important;
  text-align: left;
}

.ccf-display-and-accessability_tableBlock__G\+mql {
  border: 0.1875rem solid rgb(234, 240, 246) !important;
}

@media screen and (min-width: 768px) {
  .ccf-display-and-accessability_channelBlock__qPYQP {
    width: 255px;
  }
  .ccf-display-and-accessability_tableBlock__G\+mql {
    max-width: 50%;
  }
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY {
  padding: 15px;
  background: var(--badge-font) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border: 1px solid var(--header-border);
  border-radius: 6px;
  opacity: 1;
  width: 100%;
  height: 89%;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY > div {
  margin-top: 10px;
  display: flex;
  align-items: flex-end;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_tabTitle__i0e1G {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  color: #5b7c8c;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_infoIcon__rAlsG {
  color: #306484;
  opacity: 0.5;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_highlightedVoicePreferance__QL1en {
  background: #306484;
  width: 250px;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_highlightedVoicePreferance__QL1en span {
  color: white;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_label__cpRkf {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #707070;
}
.ccf-login-voice-preferance-tab_tabContainer__g9xAY .ccf-login-voice-preferance-tab_p10__qekuL {
  padding: 10px;
}
.ccf-login-voice-preferance-tab_loginVoicePreferanceContainer__8uOSC {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}
.ccf-login-voice-preferance-tab_settings_col__9EWpX {
  width: 30%;
}
@media (max-width: 600px) {
  .ccf-login-voice-preferance-tab_loginVoicePreferanceContainer__8uOSC {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .ccf-login-voice-preferance-tab_settings_col__9EWpX {
    width: 100%;
  }
}
.ccf-performance_productivityContainer__rd32G {
  width: inherit;
  height: inherit;
  background: #fff;
}

.ccf-performance_productivityHeaderWithMargin__pHys2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20%;
  margin-bottom: 45px;
  margin-left: 30px;
  margin-right: 30px;
}

.ccf-performance_productivityHeader__4wp-n {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20%;
  margin-left: 30px;
  margin-right: 30px;
}

.ccf-performance_tabValue__cmeQI {
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-performance_customFilterContainer__7SeEA {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 30px;
  height: 45px;
  padding-bottom: 1.5rem;
}

.ccf-performance_customFilterContainer__7SeEA span {
  height: 30px !important;
}

.ccf-performance_customFilterContainer__7SeEA button span {
  margin-top: 10px;
}

.ccf-performance_rangeCaption__qolhJ {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-performance_tableHeader__R8Kf\+ {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-performance_tableBody__-YlFq {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-performance_defaultBtn__9LxLG {
  border-radius: 0%;
  background: #dbe6f0 !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
  border-right: 1px solid #d2d8db;
}

.ccf-performance_activeBtn__QJwva {
  border-radius: 0%;
  background: #f5f8fa !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
}

.ccf-performance_overallTableRow__IwW4s {
  border-top: 1px solid #b0cddb;
}

.ccf-performance_overallTableRow__IwW4s .ccf-performance_tableCell__6iNR3 {
  font-weight: bold;
}

.ccf-performance_overallTableRow__IwW4s .ccf-performance_tableCell__6iNR3 p {
  font-weight: bold;
}

@media (max-width: 768px) {
  .ccf-performance_productivityHeaderWithMargin__pHys2, .ccf-performance_productivityHeader__4wp-n {
    margin: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1.5rem;
  }
  .ccf-performance_filterButtonContainer__0KYwv {
    display: flex;
    height: 45px;
    width: 100%;
    justify-content: space-between;
  }
  .ccf-performance_tabValue__cmeQI {
    text-align: left;
    margin: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1.085rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    line-height: 1.167;
    height: 45px;
  }
  .ccf-performance_activeBtn__QJwva, .ccf-performance_defaultBtn__9LxLG {
    padding: 0.4rem;
  }
  .ccf-performance_tableRow__jM8DF {
    display: flex !important;
    flex-direction: row;
    width: 100%;
  }
  .ccf-performance_tableHeaderRow__PGp3Z {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .ccf-performance_tableCell__6iNR3 {
    flex-direction: column;
    display: flex;
    padding: 5px;
  }
  .ccf-performance_timeBlock__YLyli {
    margin-left: 0px;
  }
  .ccf-performance_tableRowPerformance__T1hlN {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .ccf-performance_overallTableRow__IwW4s {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
.ccf-co-browse-session_agentName__yldTb {
  margin-right: 10px;
  display: block;
  width: fit-content;
  float: right;
  clear: both;
  opacity: 1;
  letter-spacing: 0px;
  font-size: 10px;
  font-weight: 600;
}

.ccf-co-browse-session_coBrowseCard__AtoNF {
  width: 386px;
  background: #872c29;
  padding: 15px;
  display: flex;
  margin-right: 10px;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_sideA__13CFx {
  width: 15%;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_sideB__dRyy0 {
  width: 80%;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_coBrowseIcon__Ke-Cj {
  width: 40px;
  height: 40px;
  fill: #ffffff;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_title__TtnEo {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ffffff;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_description__1UvmI {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  margin: 10px 0px;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_joinBtn__StZT- {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #b0cddb;
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 2px;
  cursor: pointer;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_joinBtn__StZT-:disabled {
  background: #f8f8f8;
  cursor: not-allowed;
}

.ccf-co-browse-session_coBrowseCard__AtoNF .ccf-co-browse-session_joinBtnTxt__mgUtM {
  width: 54px;
  height: 15px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}
.ccf-acd-dashboard_imgclsForleftNav__d3hHb {
  height: -webkit-fill-available;
  width: 70%;
}

.ccf-acd-dashboard_imgcls__cPuV8 {
  height: -webkit-fill-available;
  width: 80%;
}

.ccf-acd-dashboard_dashobardHeader__APANj {
  margin-top: 15px;
  width: 100%;
}

.ccf-acd-dashboard_dashboardHeaderBlock__f-BNh {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.ccf-acd-dashboard_txtAcdSkills__ZKVFP {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 33px !important;
  /* identical to box height */
  text-transform: capitalize !important;
  color: #000000 !important;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.ccf-acd-dashboard_btnNewSkills__wnzqB {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  gap: 10px;
  width: 105px;
  height: 36px;
  /* Buttons/Primary/Normal */
  background: #007cbe !important;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2) !important;
  border-radius: 2px !important;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

.ccf-acd-dashboard_btnNewSkills__wnzqB:hover {
  background: #007cbe;
  cursor: pointer;
}

.ccf-acd-dashboard_txtNewSkills__mAXHd {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff !important;
}

.ccf-acd-dashboard_tableBlock__tBdIO {
  height: inherit;
  margin-top: 20px;
}

.ccf-acd-dashboard_tableHeader__LRtVF {
  width: 100%;
  height: 60px;
  background: #f2f7fa !important;
  display: flex;
  align-items: center;
  border: 1px solid #D2D8DB;
}

.ccf-acd-dashboard_tableHeaderTextBlock__SRHox {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}

.ccf-acd-dashboard_tableHeaderText__8RxeL {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}

.ccf-acd-dashboard_searchIcon__XOo1h {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}

.ccf-acd-dashboard_searchIcon__XOo1h:hover {
  background-color: unset !important;
}

.ccf-acd-dashboard_searchColor__mSSpo {
  color: var(--color-overflow-icon);
}

.ccf-acd-dashboard_searchContainer__0y1gR {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}

.ccf-acd-dashboard_searchBox__7DCSb {
  width: 100% !important;
}

.ccf-acd-dashboard_searchElementFocused__hFQaW {
  background-color: inherit !important;
}

.ccf-acd-dashboard_searchBoxSection__rVdCz {
  width: 300px;
  height: 36px !important;
}

.ccf-acd-dashboard_searchIconColor__FeGNv {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}

.ccf-acd-dashboard_searchInput__nMYQ1 {
  background: rgba(247, 247, 247, 0.45) 0% 0% no-repeat padding-box;
  color: black;
  width: 97% !important;
  border: 1px solid var(--bottom-divider) !important;
  border-radius: 4px;
  height: 35px !important;
  margin-left: 1px;
}

.ccf-acd-dashboard_searchInput__nMYQ1 fieldset {
  border-radius: 4px !important;
  padding: 2px 0 !important;
}

.ccf-acd-dashboard_searchInput__nMYQ1 input {
  padding: 8px 8px 8px 0px !important;
  font-size: 14px;
}

.ccf-acd-dashboard_filterIconBlock__BpwsT {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px;
  margin-left: 12px;
  gap: 6px;
  width: 28px;
  height: 28px;
  /* Buttons/Secondary/Normal */
  background: #ffffff;
  /* Button Shadow */
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 2px;
}

.ccf-acd-dashboard_MuiDataGrid-row__jKDCm {
  background-color: #ffffff;
}

.ccf-acd-dashboard_MuiDataGrid-actionsCell__p6d7h {
  background-color: #ffffff;
}

.ccf-acd-dashboard_gridHeaderText__LPx\+E {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #526b79;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.ccf-acd-left-nav_accordionContainer__DeUmo {
  box-shadow: none !important;
  min-height: 45px;
}
.ccf-acd-left-nav_accordionContainer__DeUmo > div {
  margin: 0px;
  min-height: 55px;
  align-items: center;
  display: flex;
  padding: 0px;
}
.ccf-acd-left-nav_accordionContainer__DeUmo :before {
  display: none;
}
.ccf-acd-left-nav_setAccordionDetailsItem__rpL3- {
  display: flex;
  flex-direction: column;
  padding: 0px !important;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.ccf-acd-left-nav_tooltipMenuContainer__EejOa {
  width: auto;
  height: auto;
  padding: 15px;
}
.ccf-acd-left-nav_tooltipMenuContainer__EejOa .ccf-acd-left-nav_headerSection__u7qOk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.ccf-acd-left-nav_tooltipMenuContainer__EejOa .ccf-acd-left-nav_headerTitle__NfaJt {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  text-transform: capitalize;
  color: #333333;
}
.ccf-acd-left-nav_tooltipMenuContainer__EejOa .ccf-acd-left-nav_tooltipMenuOption__k2TTM {
  padding: 8px 0px;
}
.ccf-voicemail-popover_dFlex__9o6AW {
  display: flex;
}

.ccf-voicemail-popover_outboundPopupContainer__M96BB {
  width: 204px;
  height: 278px;
  padding: 15px;
}

.ccf-voicemail-popover_headerSection__MCV4B {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.ccf-voicemail-popover_closeIcon__DOebM {
  width: 20px;
  height: 20px;
  cursor: pointer;
  fill: "#333333 !important";
}

.ccf-voicemail-popover_dropdown__Rj-dT {
  width: 100%;
  height: 40px;
}

.ccf-voicemail-popover_BtnContainer__VNBF1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.ccf-voicemail-popover_btn__tPvzV {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.ccf-voicemail-popover_CancelButton__SOqxb {
  width: 66px;
  height: 32px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
}

.ccf-voicemail-popover_saveButton__CoVxG {
  width: 80px;
  height: 32px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-voicemail-popover_saveButton__CoVxG:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-voicemail-popover_saveButton__CoVxG:disabled {
  box-shadow: none;
  background-color: var(--bg-white);
  border: 1px solid var(--color-border);
  color: var(--grey-color);
}

.ccf-voicemail-popover_saveButton__CoVxG:disabled:hover {
  background-color: var(--bg-white);
}

.ccf-voicemail-popover_meButton__dJrVC {
  width: 44px;
  height: 28px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-voicemail-popover_meButton__dJrVC:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-voicemail-popover_skillButton__sYnE\+ {
  width: 50px;
  height: 28px;
  background: #f8f8f9;
  border: 1px solid #c3c5c9;
}

.ccf-voicemail-popover_btnText__nlqCv {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-voicemail-popover_txtCancel__jTJAt {
  color: #003d7a;
}

.ccf-voicemail-popover_txtSave__MrtJl {
  color: #ffffff;
}

.ccf-voicemail-popover_headerTitle__bdBi4 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #333333;
}

.ccf-voicemail-popover_labelTxt__N4uo5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.ccf-voicemail-popover_commitmentPopupContainer__9LAo0 {
  width: 290px;
  height: 471px;
  padding: 15px;
}

.ccf-voicemail-popover_commitmentPopupBtnContainer__FF8L7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.ccf-voicemail-popover_commitmentPopupTxtFieldContainer__rTIJC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
}

.ccf-voicemail-popover_scheduleTxt__Xufc2 {
  width: 51px;
  height: 15px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  display: flex;
  align-items: center;
  color: #333333;
  margin-left: 15px;
}

.ccf-voicemail-popover_inputTxt__KXzlP {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  display: flex;
  align-items: center;
  color: #333333;
}

.ccf-voicemail-popover_arrowIconForDropdown__vlOp0 {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-voicemail-popover_arrowIconForDropdown__vlOp0 {
  left: 10px;
}

[dir=ltr] .ccf-voicemail-popover_arrowIconForDropdown__vlOp0 {
  right: 10px;
}
.ccf-voicemail-control-panel_subHeading1ForVoiceMail__hkqEt {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  color: #727272;
}

.ccf-voicemail-control-panel_custServiceTxtForVoiceMail__x533U {
  margin-left: 5px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  color: #306484;
  opacity: 1;
}

.ccf-voicemail-control-panel_dateTextForVoiceMail__gWTu5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  /* identical to box height */
  color: #727272;
}

.ccf-voicemail-control-panel_subheadingBlockForVoiceMail__KCDk1 {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  width: 90%;
  margin: 5px 0px 5px 10px;
}

.ccf-voicemail-control-panel_buttonsGrid__po\+y6 {
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  height: 35px;
}

.ccf-voicemail-control-panel_digitalPanelButton__3pqhI {
  padding: 4px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 6px;
}

.ccf-voicemail-control-panel_digitalPanelButton__3pqhI:hover {
  background-color: var(--background-hover-color);
  border-radius: 4px;
}

.ccf-voicemail-control-panel_custumSpacer__bjgkI {
  padding-top: 10px;
  background-color: #f2f2f2;
}

.ccf-voicemail-control-panel_custumIcon__MsqGi {
  fill: var(--sidebar-item-color);
  font-size: 21px;
}

.ccf-voicemail-control-panel_markAsResolved__4meQM {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 4px;
}

.ccf-voicemail-control-panel_markAsResolved__4meQM:hover {
  background-color: var(--color-blue);
}

.ccf-voicemail-control-panel_resolvedIcon__3haxD {
  fill: var(--color-blue);
  opacity: 1;
  font-size: 26px;
}

.ccf-voicemail-control-panel_markAsResolved__4meQM:hover > .ccf-voicemail-control-panel_resolvedIcon__3haxD {
  fill: var(--color-white);
}

.ccf-voicemail-control-panel_footerContainer__Bps0o {
  display: "flex";
  flex-direction: "row";
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  justify-content: space-evenly;
  width: 100%;
}

.ccf-voicemail-control-panel_verticalDivider__Gibaz {
  background-color: var(--card-divider);
  height: 40px;
}
.ccf-customer-notes_dFlex__9Lk7U {
  display: flex;
}

.ccf-customer-notes_accordionRoot__Hua3t {
  padding-bottom: 15px;
  box-shadow: none !important;
  margin: 0px !important;
}

.ccf-customer-notes_accordionRoot__Hua3t :before {
  display: none;
}

.ccf-customer-notes_expandedIcon__bix1C {
  transform: rotate(180deg) !important;
}

.ccf-customer-notes_collapsedIcon__sloC6 {
  transform: rotate(180deg) !important;
}

.ccf-customer-notes_notesExpandIcon__6eYS1 {
  position: absolute !important;
  top: 3px !important;
}

[dir=ltr] .ccf-customer-notes_notesExpandIcon__6eYS1 {
  left: -12px;
}

[dir=rtl] .ccf-customer-notes_notesExpandIcon__6eYS1 {
  right: 5px;
}

.ccf-customer-notes_notesContent__yMRz6 {
  margin: 15px 0px 0px 15px !important;
  font: normal normal 600 14px/19px Open Sans;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

[dir=ltr] .ccf-customer-notes_notesContent__yMRz6 {
  margin: 15px 0px 0px 15px !important;
}

[dir=rtl] .ccf-customer-notes_notesContent__yMRz6 {
  margin: 17px 30px 0px 0px !important;
}

.ccf-customer-notes_contactNotesHeader__AIe\+j {
  min-height: 20px !important;
}

[dir=ltr] .ccf-customer-notes_contactNotesHeader__AIe\+j {
  padding: 0px 0px 0px 16px !important;
}

[dir=rtl] .ccf-customer-notes_contactNotesHeader__AIe\+j {
  padding: 0px;
}

.ccf-customer-notes_contactNoteInfo__yg56\+ {
  width: 100%;
}

[dir=rtl] .ccf-customer-notes_contactNoteInfo__yg56\+ {
  padding-right: 32px;
}

[dir=ltr] .ccf-customer-notes_contactNoteInfo__yg56\+ {
  padding-left: 10px;
}

.ccf-customer-notes_titleRow__TK5N4 {
  display: flex;
  width: 100%;
}

.ccf-customer-notes_title__oHR7t {
  width: 70%;
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-notes_addIcon__t2KNx {
  height: 18px;
  display: flex !important;
  padding: 0px !important;
}

.ccf-customer-notes_addIcon__t2KNx:hover {
  background-color: unset !important;
}

[dir=ltr] .ccf-customer-notes_addIcon__t2KNx {
  margin-left: auto;
}

[dir=ltr] .ccf-customer-notes_addIcon__t2KNx {
  padding: 0px;
}

[dir=rtl] .ccf-customer-notes_addIcon__t2KNx {
  margin-right: auto;
}

[dir=rtl] .ccf-customer-notes_addIcon__t2KNx {
  padding: 10px;
}

.ccf-customer-notes_addIconColor__nzg59 {
  color: var(--color-overflow-icon);
  height: 24px;
  width: 24px;
  margin-left: -4px;
}

.ccf-customer-notes_noteDetails__rnSGU {
  width: 100%;
  padding: 10px 0 10px 10px !important;
}

.ccf-customer-notes_noteContainer__ipOc5 {
  width: inherit;
}

.ccf-customer-notes_noteWrapper__n4mpp {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.ccf-customer-notes_agentTitle__MRzoN {
  font-size: 12px;
  font-weight: 600;
  color: #007ab8;
}

.ccf-customer-notes_font_12__V8gin {
  font-size: 12px;
}

.ccf-customer-notes_addNotesChatCard__\+p5TF {
  background: #fce69d;
  width: 323px;
  height: 200px;
  box-shadow: none;
}

.ccf-customer-notes_textFieldMsgText__3drhP {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* interface/text800 */
  color: #191919;
}

.ccf-customer-notes_addNotesChatCardNotEdited__C\+Q7U {
  background: #fce69d;
  width: 323px;
  height: fit-content;
  box-shadow: none;
  padding-bottom: 10px;
}

.ccf-customer-notes_addNotesContactCard__lsLtm {
  background: #ffffff;
  width: 100%;
  height: auto;
  box-shadow: none;
  margin: 0px 0px 20px 0px;
}

.ccf-customer-notes_addNotesContactHeader__jgJKC {
  background: #ffffff;
  height: auto;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.ccf-customer-notes_addNotesChatHeader__uJFAP {
  height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 10px 0px 10px 16px;
}

.ccf-customer-notes_addNotesContactHeaderText__6-zQ3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  /* interface/blue450 */
  color: #007ab8;
}

.ccf-customer-notes_addNotesChatHeaderText__AfwXL {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  /* interface/text800 */
  color: #191919;
}

.ccf-customer-notes_addNotesChatTextBox__uhoMZ {
  margin: 0 16px 10px 16px;
  width: 294px;
  background: #ffffff;
  /* button/basic/border */
  border: 1px solid #b0cddb;
  border-radius: 5px;
}

.ccf-customer-notes_addNotesContactTextBox__7IIKi {
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #b0cddb;
  border-radius: 5px;
  background: #ecf3f8;
  border-radius: 5px;
}

.ccf-customer-notes_addNoteChatBtnContainer__\+XgJQ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px;
}

.ccf-customer-notes_addNoteChatSaveButton__aSoyn {
  box-sizing: border-box;
  margin-right: 10px;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  /* button/primary/normal */
  background: #007ab8 !important;
  /* dropShadow/level1 */
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
}

.ccf-customer-notes_addNoteChatSaveButton__aSoyn:hover {
  background: #007ab8 !important;
  cursor: pointer;
}

.ccf-customer-notes_addNoteChatSaveButton__aSoyn:disabled {
  box-shadow: none;
  background-color: var(--bg-white) !important;
  border: 1px solid var(--color-border);
  color: var(--grey-color);
}

.ccf-customer-notes_addNoteChatSaveButton__aSoyn:disabled:hover {
  background-color: var(--bg-white);
}

.ccf-customer-notes_addNoteChatCancelButton__X-xg\+ {
  box-sizing: border-box;
  height: 30px;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  background: #ffffff;
  cursor: pointer;
  /* button/basic/border */
  border: 1px solid #b0cddb;
  border-radius: 4px;
}

.ccf-customer-notes_addNoteChatCancelButton__X-xg\+:hover {
  background: #ffffff;
}

.ccf-customer-notes_txtSave__Fz5V3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-customer-notes_txtCancel__A5FKO {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/blue650 */
  color: #003d7a;
}

.ccf-customer-notes_popOverOverflow__LkvGE {
  height: 10px;
  width: 10px;
  fill: var(--color-overflow-icon);
  cursor: pointer;
}

.ccf-customer-notes_agentName__Qn7wJ {
  right: 10px;
  display: block;
  width: fit-content;
  float: right;
  clear: both;
  opacity: 1;
  letter-spacing: 0px;
  font-size: 10px;
  font-weight: 600;
}

.ccf-customer-notes_bookmarkContent__taXOE {
  display: flex;
  font: normal normal 500 9px/30px open-sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  align-items: center;
}

.ccf-customer-notes_bookmarkContent__taXOE > p > button {
  padding: 0;
}
.ccf-productivity_productivityContainer__BErAS {
  width: inherit;
  height: inherit;
  background: #fff;
}

.ccf-productivity_productivityHeaderWithMargin__QfmzS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20%;
  margin-bottom: 45px;
  margin-left: 30px;
  margin-right: 30px;
}

.ccf-productivity_productivityHeader__\+zfai {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20%;
  margin-left: 30px;
  margin-right: 30px;
}

.ccf-productivity_tabValue__UUBX4 {
  text-align: left;
  margin: 0px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1.085rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.167;
  height: 45px;
}

.ccf-productivity_customFilterContainer__Nxp\+M {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 30px;
  height: 45px;
  padding-bottom: 1.5rem;
}

.ccf-productivity_customFilterContainer__Nxp\+M span {
  height: 30px !important;
}

.ccf-productivity_customFilterContainer__Nxp\+M button span {
  margin-top: 10px;
}

.ccf-productivity_rangeCaption__kbyRv {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-productivity_tableHeader__vHGzv {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-productivity_tableBody__\+i9ZX {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}

.ccf-productivity_defaultBtn__SEmhR {
  border-radius: 0%;
  background: #dbe6f0 !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
  border-right: 1px solid #d2d8db;
}

.ccf-productivity_activeBtn__sNy8Y {
  border-radius: 0%;
  background: #f5f8fa !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
}

.ccf-productivity_timeBlock__noRL4 {
  margin-left: 20px;
  font-weight: bolder;
}

@media (max-width: 768px) {
  .ccf-productivity_productivityHeaderWithMargin__QfmzS, .ccf-productivity_productivityHeader__\+zfai {
    margin: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1.5rem;
  }
  .ccf-productivity_filterButtonContainer__uzE-t {
    display: flex;
    height: 45px;
    width: 100%;
    justify-content: space-between;
  }
  .ccf-productivity_activeBtn__sNy8Y, .ccf-productivity_defaultBtn__SEmhR {
    padding: 0.4rem;
  }
  .ccf-productivity_tableRow__bD7hV {
    display: flex !important;
    flex-direction: row;
    width: 100%;
  }
  .ccf-productivity_tableHeaderRow__pjWPo {
    display: flex;
    flex-direction: row;
  }
  .ccf-productivity_tableCell__Qz2Er {
    flex-direction: column;
    display: flex;
  }
  .ccf-productivity_timeBlock__noRL4 {
    margin-left: 0px;
  }
}
.ccf-reporting_tabLabel__NnQId {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

@media (max-width: 768px) {
  .ccf-reporting_productivityHeaderWithMargin__GaroT, .ccf-reporting_productivityHeader__LNnXw {
    margin: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1.5rem;
  }
  .ccf-reporting_filterButtonContainer__vce3v {
    display: flex;
    height: 45px;
    width: 100%;
    justify-content: space-between;
  }
  .ccf-reporting_activeBtn__N7a18, .ccf-reporting_defaultBtn__Ja3Bo {
    padding: 0.4rem;
  }
  .ccf-reporting_tableRow__MsLaV {
    display: flex !important;
    flex-direction: row;
    width: 100%;
  }
  .ccf-reporting_tableHeaderRow__9VXa5 {
    display: flex;
    flex-direction: row;
  }
  .ccf-reporting_tableCell__OqUU\+ {
    flex-direction: column;
    display: flex;
  }
  .ccf-reporting_timeBlock__RKxB4 {
    margin-left: 0px;
  }
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid #dae2e8;
  border-radius: 4px;
  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: 2%;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailBoxBody__GO2ue {
  font: normal normal normal 11px/15px Open Sans;
  letter-spacing: 0px;
  color: #404040;
  opacity: 1;
  padding: 16px;
  border-bottom: 1px solid #dae2e8;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailFieldContainer__hzm-M {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid darkgray;
  margin-bottom: 15px;
  padding: 5px;
  align-items: center;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailFieldContainer__hzm-M .ccf-digital-email-template_emailInputField__-Pg3- {
  width: 100%;
  border: none;
  outline: none;
  font-size: 12px;
  line-height: 16px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailSendButtonContainer__ldan0 {
  width: 100%;
  display: flex;
  justify-content: right;
  margin-right: 10px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailSendButtonContainer__ldan0 .ccf-digital-email-template_buttonClass__iD\+Uo {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #dde4e9;
  border: 1px solid #dae2e8 !important;
  border-radius: 3px;
  font: normal normal bold 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #616c75;
  margin: 0px 5px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_recipientsList__dYKTQ {
  display: flex;
  position: relative;
  top: 15px;
  left: 35px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailError__\+ZGE- {
  margin: 0;
  font-size: 11px;
  color: tomato;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_tagItem__4oODS {
  background-color: #d4d5d6;
  display: inline-block;
  font-size: 12px;
  border-radius: 30px;
  height: 30px;
  padding: 0 4px 0 1rem;
  display: inline-flex;
  align-items: center;
  margin: 0 0.3rem 0.3rem 0;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_tagItem__4oODS .ccf-digital-email-template_btnClose__WBbb3 {
  background-color: white;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_closeButton__WubOX {
  background-color: #d4d5d6;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font: inherit;
  margin-left: 10px;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  align-items: center;
  justify-content: center;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailFieldLabel__T\+rgP {
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailBoxFooter__RXCPP {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_renderFileiconCls__5W6ea {
  position: relative;
  z-index: 9999;
  margin-left: 0px;
  margin-top: 7px;
  width: 20px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_renderFileiconCls__5W6ea :hover {
  background: #cce2fa;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_uploadIcon__SIexz {
  padding: 1px;
  font-size: 1.8rem;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_attachmentBox__t1rg4 {
  display: flex;
  background: #f7f8fa;
  border: 0;
  box-shadow: none;
  align-items: center;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  height: 35px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_progressBar__iHdIQ {
  width: 100%;
  display: flex;
  align-items: center;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_linearProgressBar__gYrYu {
  width: 75%;
  padding: 5px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_fileNameInBlack__O8aOg {
  color: #8e98a0;
  font: normal normal 700 10px/13.62px Open Sans;
  opacity: 80%;
  display: flex;
  align-items: center;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_fileNameInBlue__41Rtt {
  color: #006398;
  font: normal normal 700 10px/13.62px Open Sans;
  opacity: 80%;
  display: flex;
  align-items: center;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_fileSize__LWUXP {
  color: #8e98a0;
  font: normal normal 600 10px/13.62px Open Sans;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_attachmentCloseIcon__b0bOG {
  width: 10%;
  margin-left: 5px;
  right: 0;
  position: absolute;
  top: 10px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_emailAttachmentIcon__N82NH {
  width: 16px;
  height: 16px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_replyWithApprovalBlock__S4ZY4 {
  position: absolute;
  bottom: 37px;
  height: auto;
  width: 100%;
  border: 2px solid lightgrey;
  background: #ffffff;
  z-index: 9999;
  overflow: hidden;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_approvalDepartmentGrp__-x8lT {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_unavailableStatusGrp__NMSKb {
  padding-inline-start: 5px;
  margin-block-start: 5px;
  margin-block-end: 5px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_unavailableStatusGrp__NMSKb span {
  display: block;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_unavailableStatus__nPYri {
  overflow: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 8px;
  width: 160px;
  height: 35px;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_unavailableStatus__nPYri:hover {
  transition: ease 0.1s;
  font-weight: bold;
  background: 0% 0% no-repeat padding-box var(--popover-hover-color);
  cursor: pointer;
  opacity: 1;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_departmentText__Vb6au {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_searchBox__NldkQ {
  background: #ffffff;
  margin: 5px 5px 10px 5px;
  height: 30px !important;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_searchInput__ifJw0 {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  height: 30px !important;
}
.ccf-digital-email-template_emailBoxContainer__zfQN5 .ccf-digital-email-template_searchInputBox__w0NQU {
  height: 30px !important;
}
.ccf-acd-header_header__EZknh {
  width: 100%;
  max-height: 56px;
  opacity: 1;
  background: linear-gradient(180deg, var(--appbar-transition-bg) 0%, var(--badge-bg) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.ccf-acd-header_header__EZknh .cxoneLogo {
  align-items: center;
  display: flex;
}

.ccf-acd-header_header__EZknh .toolbar {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
  padding-left: 0px;
  min-height: 56px;
}

.ccf-acd-header_header__EZknh .zeroBorderRadius {
  border-radius: 0;
}

.ccf-acd-header_header__EZknh .zeroBorderRadius:hover {
  border-radius: 0;
}

.ccf-acd-header_header__EZknh .notificationAlignment {
  padding: 5px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 15px;
}

.ccf-acd-header_header__EZknh .notificationBadge {
  top: 2px;
  right: 5px;
  height: 14px;
  min-width: 14px;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  background: var(--red-badge) 0% 0% no-repeat padding-box;
  color: var(--color-white);
}

.ccf-acd-header_header__EZknh .appsIcon {
  width: 33px;
  height: 33px;
  margin-left: 10px;
  opacity: 0.6;
  margin-right: 20px;
}

.ccf-acd-header_header__EZknh .appsIcon:hover {
  opacity: 1;
}

.ccf-acd-header_appForList__lOCcZ {
  display: flex;
  margin-left: 10px;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 15px;
}

.ccf-acd-header_appsIconForList__YfrF\+ {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  color: var(--appbar-transition-bg);
}

.ccf-acd-header_grpHeadingListItem__8aIEM {
  font: normal normal bold 15px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--sidebar-item-color);
  opacity: 1;
  margin-left: 10px;
}

.ccf-acd-header_listGroup__mti7q {
  padding-top: 15px;
}

.ccf-acd-header_header__EZknh {
  width: 100%;
  max-height: 56px;
  opacity: 1;
  background: linear-gradient(180deg, var(--appbar-transition-bg) 0%, var(--badge-bg) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.ccf-acd-header_header__EZknh .cxoneLogo {
  align-items: center;
  display: flex;
}

.ccf-acd-header_header__EZknh .toolbar {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
  padding-left: 0px;
  min-height: 56px;
}

.ccf-acd-header_header__EZknh .zeroBorderRadius {
  border-radius: 0;
}

.ccf-acd-header_header__EZknh .zeroBorderRadius:hover {
  border-radius: 0;
}

.ccf-acd-header_header__EZknh .notificationAlignment {
  padding: 5px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 15px;
}

.ccf-acd-header_header__EZknh .notificationBadge {
  top: 2px;
  right: 5px;
  height: 14px;
  min-width: 14px;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  background: var(--red-badge) 0% 0% no-repeat padding-box;
}

.ccf-acd-header_header__EZknh .appsIcon {
  width: 33px;
  height: 33px;
  margin-left: 10px;
  opacity: 0.6;
  margin-right: 20px;
  fill: lightblue;
}

.ccf-acd-header_header__EZknh .appsIcon:hover {
  opacity: 1;
  fill: white;
}

.ccf-acd-header_appForList__lOCcZ {
  display: flex;
  margin-left: 10px;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 15px;
}

.ccf-acd-header_appsIconForList__YfrF\+ {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  color: var(--appbar-transition-bg);
}

.ccf-acd-header_grpHeadingListItem__8aIEM {
  font: normal normal bold 15px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--sidebar-item-color);
  opacity: 1;
  margin-left: 10px;
}

.ccf-acd-header_listGroup__mti7q {
  padding-top: 15px;
}

.ccf-acd-header_header__EZknh .notificationsOutlinedIcon {
  right: 120px;
  width: 24px;
  height: 24px;
  background: transparent 0% 0% no-repeat padding-box !important;
  opacity: 0.6 !important;
  color: white !important;
}

.ccf-acd-header_header__EZknh .notificationsOutlinedIcon:hover {
  opacity: 1;
}

.ccf-acd-header_header__EZknh .userProfile {
  display: flex;
  padding-left: 5px !important;
  padding-right: 5px !important;
  color: var(--color-avatar-text) !important;
  background-color: --left-navbar-bg !important;
  cursor: pointer !important;
}

.ccf-acd-header_header__EZknh .avatarHeader {
  background-color: var(--color-white) !important;
  height: 30px !important;
  width: 30px !important;
  align-items: center !important;
  align-self: center !important;
  margin-left: 15px !important;
}

.ccf-acd-header_header__EZknh .upArrowIcon {
  display: flex;
  flex-direction: row;
  transform: rotate(180deg);
  color: var(--color-white);
  margin-right: 5px;
}

.ccf-acd-header_header__EZknh .appsIconWithChannel {
  display: flex;
  align-items: center;
}

.ccf-acd-header_popoverForLogout__Ua2vw {
  background: 0% 0% no-repeat padding-box var(--color-white);
  box-shadow: 0px 2px 6px var(--color-black);
  border: 1px solid var(--color-border);
  position: absolute;
  border-radius: 0px 0px 6px 6px;
  opacity: 1;
  top: 56px;
  width: 286px;
  max-height: 507px;
  padding-right: 5px;
  opacity: 1;
  z-index: 999;
}

.ccf-acd-header_outboundPopupContainer__5fCfo {
  padding: 15px;
  width: 250px;
  height: 400px !important;
  overflow-y: "scroll";
}

.ccf-acd-header_notificationPopupContainer__cJ4sf {
  width: 300px;
  height: 500px;
  overflow: hidden;
}

.ccf-acd-header_headerSection__SrhaL {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ccf-acd-header_favouriteHeaderSection__d7DOo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  height: 48px;
}

.ccf-acd-header_closeIcon__CF6vU {
  width: 20px;
  height: 20px;
  cursor: pointer;
  fill: "#333333 !important";
}

.ccf-acd-header_dropdown__EF951 {
  width: 100%;
  height: 40px;
}

.ccf-acd-header_BtnContainer__SuRxS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.ccf-acd-header_favBtnContainer__jME-v {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-acd-header_signoutContainer__dhV-P {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px 15px 5px;
}

.ccf-acd-header_btn__2wtyp {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.ccf-acd-header_CancelButton__n9BWb {
  width: 66px;
  height: 32px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
}

.ccf-acd-header_saveButton__9of3a {
  width: 80px;
  height: 32px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-acd-header_saveButton__9of3a:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-acd-header_saveButton__9of3a:disabled {
  box-shadow: none;
  background-color: var(--bg-white);
  border: 1px solid var(--color-border);
  color: var(--grey-color);
}

.ccf-acd-header_saveButton__9of3a:disabled:hover {
  background-color: var(--bg-white);
}

.ccf-acd-header_meButton__Zjwst {
  width: 44px;
  height: 28px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.ccf-acd-header_meButton__Zjwst:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-acd-header_skillButton__lhXgi {
  width: 50px;
  height: 28px;
  background: #f8f8f9;
  border: 1px solid #c3c5c9;
}

.ccf-acd-header_btnText__KnrS8 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-acd-header_txtCancel__x3aJb {
  color: #003d7a;
}

.ccf-acd-header_txtSave__PrNzL {
  color: #ffffff;
}

.ccf-acd-header_headerTitle__hgJrt {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #333333;
}

.ccf-acd-header_labelTxt__MGNHM {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.ccf-acd-header_commitmentPopupContainer__kCD0e {
  width: 240px;
  height: auto;
  padding: 15px;
}

.ccf-acd-header_FavouritePopupContainer__dcYYZ {
  width: 300px;
  height: auto;
}

.ccf-acd-header_commitmentPopupBtnContainer__Clo-y {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.ccf-acd-header_commitmentPopupTxtFieldContainer__uyl5O {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
}

.ccf-acd-header_scheduleTxt__2sWLd {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  /* identical to box height */
  color: #000000;
  margin-left: 10px;
}

.ccf-acd-header_logOutBtnContainer__hiLEe {
  width: 200px;
  height: 44px;
  background: #fafcfc;
  border: 1px solid #ededed;
  /* Inside auto layout */
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
}

.ccf-acd-header_inputTxt__l9f1F {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  display: flex;
  align-items: center;
  color: #333333;
}

.ccf-acd-header_txtNotifications__ycSBq {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 16px;
  /* identical to box height */
  color: #000000;
}

.ccf-acd-header_notificationHeading__Hc5vR {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  margin-top: 4px;
}

.ccf-acd-header_notificationSubHeading__H0-ub {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  margin-top: 4px;
}

.ccf-acd-header_notificationTimer__MRU1x {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #9b9ea0;
  margin-top: 4px;
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 0;
}

.ccf-acd-header_noticationCards__9S-iI {
  align-items: flex-start;
  padding: 16px;
  width: 300px;
  height: 108px;
  background: #ffffff;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.ccf-acd-header_favListText__M6vJG {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  padding-bottom: 10px;
  color: #000000;
}

.ccf-acd-header_signoutPopupContainer__-08QC {
  width: 200px;
  height: auto;
}

.ccf-acd-header_signOutBtnContainer__MzVFL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 15px 15px 15px 5px;
  height: 44px;
  background: #fafcfc;
  /* Inside auto layout */
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
}
.ccf-acd_acdContainer__DG5gl {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #eaf6fb;
}

.ccf-acd_acdLeftContainer__0tPE6 {
  width: 25%;
}

.ccf-acd_acdRightContainer__mZqtA {
  width: 75%;
}

.ccf-acd_imgclsForleftNav__QWLbv {
  height: -webkit-fill-available;
  width: 70%;
}

.ccf-acd_imgcls__dzGbZ {
  height: -webkit-fill-available;
  width: 80%;
}


.ccf-app-agent-messages_headerContainer__uhc5U {
  display: flex;
  align-items: center;
  height: 40px;
  opacity: 1;
  background: #f8fafb 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0px 0px;
}

.ccf-app-agent-messages_headerText__ASabw {
  font-family: "Open Sans" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  /* globalState/inactive/text */
  color: #3f5c69 !important;
  margin-left: 5px;
}
.conversations-reply-app-container_leftBtnGroup__5vZ\+1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.conversations-reply-app-container_sendBtn__0LgVU {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #007ab8 !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.conversations-reply-app-container_sendBtn__0LgVU:hover {
  background: #007ab8;
  cursor: pointer;
}

.conversations-reply-app-container_disabledSendBtn__ZKNSi {
  background: #f5f8fa !important;
}

.conversations-reply-app-container_disabledSendBtn__ZKNSi:hover {
  border: none !important;
  pointer-events: none;
  cursor: not-allowed !important;
}

.conversations-reply-app-container_disabledSendBtn__ZKNSi .conversations-reply-app-container_sendBtnText__aMFSd {
  color: rgba(0, 0, 0, 0.1019607843);
}

.conversations-reply-app-container_sendBtnText__aMFSd {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.ccf-app-wem_ccfHomeContainer__Yge7g {
  height: 100%;
  border: 1px solid #dae2e8;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
}

.ccf-app-wem_wemContainer__\+5h6Y {
  height: 100%;
  background: #f4f2f6;
}

.ccf-app-wem_appSpaceHeader__paqdS {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
  height: 30px;
}

.ccf-app-wem_headerText__98RyT {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #3f5c69;
}

.ccf-app-wem_tabsContainer__njmhX {
  height: 39px !important;
  min-height: 39px !important;
  border-bottom: 1px solid var(--very-light-silver);
  background: #f4f6f7;
}

.ccf-app-wem_activeTabIndicator__-Qvga {
  background-color: var(--button-primary) !important;
}

.ccf-app-wem_tab__FqV\+0 {
  margin: 1px 0px !important;
  margin: 0px 1px;
  color: var(--color-overflow-icon) !important;
  height: 20px;
  padding: 0px;
  font: normal normal bold 13px/18px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-overflow-icon) !important;
}

.ccf-app-wem_tabSelected__3F5Ql {
  font-weight: 700 !important;
  color: var(--button-primary) !important;
  border-bottom: 3px var(--button-primary) !important;
}

.ccf-app-wem_agentsScheduleTxt__lovlv {
  position: absolute;
  z-index: 9999;
  top: 155px;
  right: 160px;
  font-size: 14px;
  font-weight: 700;
  color: #127cbe;
  text-decoration: underline;
}

.ccf-toast_dFlex__QlD2I {
  display: flex;
}

.ccf-toast_successToast__8nVf\+ {
  background: #23762D 0% 0% no-repeat padding-box !important;
  opacity: 0.9 !important;
  width: 340px;
  height: 70px;
  font: normal normal normal 14px/20px Open Sans !important;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  display: flex;
  align-items: center;
}

.ccf-toast_successTick__O8yXz {
  color: white !important;
}

[dir=rtl] .ccf-toast_succcessTickIcon__W7Bml {
  margin-left: 12px;
}

[dir=rtl] .ccf-toast_successActionIcon__NjStR {
  margin-right: auto;
}

[dir=rtl] .ccf-toast_successActionIcon__NjStR {
  margin-left: -8px;
}
.ccf-quick-reply-preview_dFlex__nFfJU {
  display: flex;
}

.ccf-quick-reply-preview_backSection__nxXEy {
  display: flex;
  margin: 16px 10px 10px !important;
  cursor: pointer !important;
}

.ccf-quick-reply-preview_backBtn__bsbk8 {
  padding: 0px !important;
}

.ccf-quick-reply-preview_breadcrumbLabel__xn-Mq {
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content) !important;
}

.ccf-quick-reply-preview_backIcon__UCXKy {
  fill: var(--address-content) !important;
  font-size: 14px !important;
}

[dir=rtl] .ccf-quick-reply-preview_backIcon__UCXKy {
  transform: rotate(180deg);
}

.ccf-quick-reply-preview_replyCardInfo__1NKOJ {
  display: flex;
  height: 44px;
  background: var(--badge-border) 0% 0% no-repeat padding-box;
}

.ccf-quick-reply-preview_replyTitle__PWiDI {
  display: flex;
  align-items: center;
  font: normal normal bold 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}

[dir=ltr] .ccf-quick-reply-preview_replyTitle__PWiDI {
  padding-left: 10px;
}

[dir=rtl] .ccf-quick-reply-preview_replyTitle__PWiDI {
  padding-right: 10px;
}

.ccf-quick-reply-preview_replyFavIcon__vQIZ0 {
  display: flex !important;
}

[dir=ltr] .ccf-quick-reply-preview_replyFavIcon__vQIZ0 {
  margin-left: auto;
}

[dir=rtl] .ccf-quick-reply-preview_replyFavIcon__vQIZ0 {
  margin-right: auto;
}

.ccf-quick-reply-preview_replyBodySection__nF\+w8 {
  padding: 10px !important;
}

.ccf-quick-reply-preview_replyContentBody__9jBPV {
  letter-spacing: 0px;
  color: var(--mine--shaft);
  font: normal normal normal 14px/22px Open Sans !important;
}

.ccf-quick-reply-preview_favReply__jJ82W {
  color: var(--fav-icon-color) !important;
}

.ccf-quick-reply-preview_nonFavReply__AdWHl {
  color: var(--color-border) !important;
}

.ccf-quick-reply-preview_confirmationContainer__6Dhz1 {
  display: flex;
  margin: 16px 0px;
  flex-direction: column;
  width: 60%;
}

.ccf-quick-reply-preview_inputLabel__z2kUk {
  font: normal normal normal 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--input-label);
}

.ccf-quick-reply-preview_sendBtn__63Oww {
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 3px;
  font: normal normal 500 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--button-secondary) !important;
}

[dir=ltr] .ccf-quick-reply-preview_sendBtn__63Oww {
  margin-left: auto;
}

[dir=ltr] .ccf-quick-reply-preview_sendBtn__63Oww {
  margin-right: 10px;
}

[dir=rtl] .ccf-quick-reply-preview_sendBtn__63Oww {
  margin-right: auto;
}

[dir=rtl] .ccf-quick-reply-preview_sendBtn__63Oww {
  margin-left: 10px;
}

.ccf-quick-reply-preview_activeSend__K1Bsu,
.ccf-quick-reply-preview_activeSend__K1Bsu:hover {
  background: var(--button-primary) 0% 0% no-repeat padding-box !important;
  border-radius: 3px;
  font: normal normal 500 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-white) !important;
}

[dir=ltr] .ccf-quick-reply-preview_activeSend__K1Bsu,
[dir=ltr] .ccf-quick-reply-preview_activeSend__K1Bsu:hover {
  margin-left: auto;
}

[dir=ltr] .ccf-quick-reply-preview_activeSend__K1Bsu,
[dir=ltr] .ccf-quick-reply-preview_activeSend__K1Bsu:hover {
  margin-right: 10px;
}

[dir=rtl] .ccf-quick-reply-preview_activeSend__K1Bsu,
[dir=rtl] .ccf-quick-reply-preview_activeSend__K1Bsu:hover {
  margin-right: auto;
}

[dir=rtl] .ccf-quick-reply-preview_activeSend__K1Bsu,
[dir=rtl] .ccf-quick-reply-preview_activeSend__K1Bsu:hover {
  margin-left: 10px;
}

.ccf-quick-reply-preview_sendButtonBox__7vG34 {
  display: flex;
  position: absolute;
  bottom: 9%;
  width: 95%;
}
.ccf-quick-reply-card_dFlex__EL85z {
  display: flex;
}

.ccf-quick-reply-card_replyCard__8DhE5 {
  background: var(--color-white) 0% 0% no-repeat padding-box !important;
  box-shadow: none !important;
  padding: 10px 0px 10px 10px !important;
  border-radius: 0px !important;
}

.ccf-quick-reply-card_replyCard__8DhE5:hover {
  background: var(--popover-hover-color) 0% 0% no-repeat padding-box !important;
}

.ccf-quick-reply-card_favIcon__v5RPV {
  padding: 5px !important;
}

.ccf-quick-reply-card_favReply__t\+rz7 {
  color: var(--fav-icon-color) !important;
}

.ccf-quick-reply-card_nonFavReply__HehnR {
  color: var(--navigation-border) !important;
}

.ccf-quick-reply-card_quickReplyTitle__dwzjU {
  font: normal normal 600 11px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

[dir=ltr] .ccf-quick-reply-card_quickReplyTitle__dwzjU {
  text-align: left;
}

[dir=rtl] .ccf-quick-reply-card_quickReplyTitle__dwzjU {
  text-align: right;
}

[dir=rtl] .ccf-quick-reply-card_quickReplyTitle__dwzjU {
  padding-right: 10px;
}

.ccf-quick-reply-card_quickReplyHeader__KGH6h {
  padding: 0px !important;
  max-height: 20px;
  margin-bottom: 5px;
}

.ccf-quick-reply-card_replyContent__ugW7k {
  font: normal normal normal 12px/17px Open Sans !important;
  letter-spacing: 0px;
  color: var(--sonic-silver);
}

[dir=ltr] .ccf-quick-reply-card_replyContent__ugW7k {
  text-align: left;
}

[dir=rtl] .ccf-quick-reply-card_replyContent__ugW7k {
  text-align: right;
}

[dir=rtl] .ccf-quick-reply-card_replyContent__ugW7k {
  padding-right: 10px;
}

.ccf-quick-reply-card_favButton__uOaY1 {
  padding-right: 12px;
}
.ccf-report-issue_reportIssueContainer__vxsFb {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  overflow-y: auto;
  position: relative;
  height: 100%;
  width: auto;
  border-radius: 6px;
}

.ccf-report-issue_reportIssueTitle__gDs2u {
  line-height: 1.5;
  font-size: 1em;
  font-weight: 700;
  margin: 0px;
  padding: 1rem 0px;
}

.ccf-report-issue_labelName__uGcjF {
  color: rgb(97, 108, 117);
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 700;
  padding: 0px;
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
  white-space: pre-wrap;
  overflow: visible;
}

.ccf-report-issue_margin_bottom__YSFML {
  margin-bottom: 2.5rem;
}

.ccf-report-issue_asterik_color__C3cHl {
  color: rgb(230, 46, 67);
}

@media (min-width: 768px) {
  .ccf-report-issue_reportIssueContainer__vxsFb {
    width: 350px;
  }
}
.ccf-app-enlighten_enlightenImg__W9WQT {
  width: 100% !important;
  height: 71vh !important;
}

.ccf-app-enlighten_articleSuggestionBox__ggmMq {
  display: flex;
  align-items: center;
  height: 45px;
}

.ccf-app-enlighten_txtArticleSuggestion__21TL2 {
  margin-left: 15px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #526b7a;
}

.ccf-app-enlighten_accountManagementBox__-QbjR {
  height: 26px;
  display: flex;
  align-items: center;
  background: #93a5af;
}

.ccf-app-enlighten_txtAccountManagement__29Q7z {
  margin-left: 15px;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

.ccf-app-enlighten_enlightenDataBox__fEX-e {
  margin: 4px;
  padding: 10px;
  border: 1px solid #ecf0f3;
  display: flex;
  flex-direction: column;
}

.ccf-app-enlighten_enlightenDataHeader__3E0ql {
  margin-bottom: 5px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  color: #707070;
}

.ccf-app-enlighten_enlightenDataText__E4JLd {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  color: #3b3535;
}

.ccf-app-enlighten_feedBackBlock__AxOm4 {
  height: 5%;
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  margin-right: 10px;
}

.ccf-app-enlighten_helpfulText__THR08 {
  margin-right: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  color: #3b3535;
}

.ccf-app-enlighten_addToUrlBox__RmZFM {
  height: 20px;
  padding: 5px;
  width: 105px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dae2e8;
}

.ccf-app-enlighten_addtoURLText__r\+Rr2 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 15px;
  /* identical to box height */
  color: #616c75;
}
.ccf-app-health_dFlex__JSYiK {
  display: flex;
}

.ccf-app-health_healthMainWithNoAssignment__SAfzo {
  width: -webkit-fill-available;
  height: 100%;
  transition: all 0.3s ease;
  margin: 12px 0px 12px 0px;
}

.ccf-app-health_healthMainWithAssignmentCollapased__zA80V {
  max-height: 100%;
  width: -webkit-fill-available;
  transition: all 0.3s ease;
  margin: 12px 0px 12px 0px;
}

.ccf-app-health_healthMainWithAssignmentExpanded__sCWx2 {
  max-height: 100%;
  width: -webkit-fill-available;
  transition: all 0.3s ease;
  margin: 12px 0px 12px 0px;
}

.ccf-app-health_fitImage__N44Ay {
  height: 100%;
  width: 100%;
  margin-top: 10px;
}

.ccf-app-health_networkHealthContainer__oXJ8d {
  background: var(--badge-font) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  width: 100%;
}

.ccf-app-health_reloadAppBtn__NLQci {
  background: #ffffff;
  border: 1px solid #b0cddb;
  border-radius: 4px;
  height: 28px;
}

.ccf-app-health_reloadAppBtncaption__6C-8\+ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/blue650 */
  color: #003d7a;
}

.ccf-app-health_networkContent__T4upi {
  margin: 0px 20px 0px 20px;
  width: 90%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.ccf-app-health_networkContentBlock__jEeJq {
  display: flex;
  width: 100%;
}

.ccf-app-health_networkStatusIcon__pDMd- {
  fill: var(--radio-blue);
  height: 22px;
  margin-top: 2px;
}

.ccf-app-health_networkHealthHeader__BhGOg {
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-grey-85);
  border-radius: 5px 5px 0px 0px;
  height: 35px;
  padding-top: 5px;
}

.ccf-app-health_networkHealthHeader__BhGOg label {
  text-align: left;
  font: normal normal 600 16px/18px Open Sans;
  letter-spacing: 0px;
  color: var(--color-fiord);
  opacity: 1;
}

[dir=rtl] .ccf-app-health_networkHealthHeader__BhGOg label {
  margin-right: 10px;
}

.ccf-app-health_networkStatusSubTitle__6YSOR {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  /* or 15px */
  color: #4c5c64;
}

.ccf-app-health_networkStatusTitle__HUbJH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  /* identical to box height */
  color: rgb(28, 99, 156);
}

[dir=rtl] .ccf-app-health_networkStatusTitle__HUbJH {
  margin-left: 15px;
}

[dir=rtl] .ccf-app-health_networkStatusTitle__HUbJH {
  margin-right: 16px;
}

.ccf-app-health_title__r0jq5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  text-transform: uppercase;
  color: rgb(28, 99, 156);
}

.ccf-app-health_value__3L7ee {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #4c5c64;
}

.ccf-app-health_timeZoneValue__\+\+8GM {
  font: normal normal normal 16px/18px Open Sans !important;
  letter-spacing: 0px;
  color: var(--network-value-color);
  opacity: 1;
  width: 185px;
}

.ccf-app-health_titleValueContainer__5Dd31 {
  height: 55px;
  color: rgb(28, 99, 156);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 33.33%;
}

.ccf-app-health_sliderContainer__nKbiI {
  margin-top: 17px;
  margin-bottom: 17px;
  margin-left: 20px;
}

.ccf-app-health_sliderMinValue__5FMQU {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  color: #4c5c64;
}

.ccf-app-health_divider__4jlMJ {
  border: 1px solid #c3c5c9;
}

.ccf-app-health_sliderMaxValue__SGkr- {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  color: #4c5c64;
}

.ccf-app-health_networkHeader__JZVHo {
  display: flex;
  flex-direction: row;
  width: 90%;
  align-items: center;
}

@media only screen and (min-height: 750px) {
  .ccf-app-health_titleValueContainer__5Dd31 {
    padding-bottom: 16px;
  }
  .ccf-app-health_networkHeaderSlider__0agN\+ {
    margin: 8px 16px -6px 16px;
  }
}

@media (max-width: 600px) {
  .ccf-app-health_networkHealthContainer__oXJ8d {
    box-shadow: none;
    border: none;
  }
  .ccf-app-health_networkContentBlock__jEeJq {
    flex-direction: column;
  }
  .ccf-app-health_networkHeader__JZVHo {
    width: 100%;
  }
  .ccf-app-health_reloadAppBtn__NLQci {
    height: 50px;
    display: none;
  }
  .ccf-app-health_sliderContainer__nKbiI {
    margin-left: 0px;
  }
}
.ccf-quick-replies_quickReplyContainer__iSAuG {
  height: 100%;
  overflow: hidden;
}

.ccf-quick-replies_contentHeading__M\+7Nn {
  font: normal normal 600 14px/19px Open Sans !important;
  padding: 12px 0px 5px !important;
}

.ccf-quick-replies_favTitle__Jo77t {
  padding-top: 13px;
}

.ccf-quick-replies_favSection__ygUbL {
  max-height: 53vh;
  overflow-y: auto;
}

.ccf-quick-replies_divider__-r2jY {
  margin: 14px !important;
  height: 2px !important;
}

.ccf-quick-replies_searchContainer__-P6Om {
  display: flex;
  margin: 16px 10px 0px 10px;
}

.ccf-quick-replies_searchInput__YEpPf {
  background: rgba(247, 247, 247, 0.45) 0% 0% no-repeat padding-box !important;
  height: 35px !important;
}

.ccf-quick-replies_searchInputBox__3sIf0 {
  height: 35px !important;
}

.ccf-quick-replies_quickReplyTitle__3Gmdh {
  text-align: left;
  font: normal normal 600 11px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-quick-replies_quickReplyHeader__w57NX {
  padding: 0px !important;
  max-height: 20px;
  margin-bottom: 5px;
}

.ccf-quick-replies_replyContent__ErJuQ {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans !important;
  letter-spacing: 0px;
  color: var(--sonic-silver);
}

.ccf-quick-replies_dividerHeight__pYrOu {
  height: 2px !important;
}

.ccf-quick-replies_tabsContainer__LcfWc {
  height: 25px !important;
  min-height: 23px !important;
  margin: 8px 10px;
}

.ccf-quick-replies_activeTabIndicator__sxzHA {
  background-color: none !important;
}

.ccf-quick-replies_tab__MdIqn {
  min-width: 63px !important;
  max-width: 84px !important;
  margin: 1px 0px !important;
  margin: 0px 1px;
  color: var(--color-overflow-icon) !important;
  height: 24px;
  min-height: 24px !important;
  padding: 0px;
  font: normal normal normal 11px/15px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-overflow-icon) !important;
}

.ccf-quick-replies_tabSelected__i-Mq5 {
  background: var(--badge-border) 0% 0% no-repeat padding-box !important;
  border-radius: 2px;
  font-weight: 600 !important;
}
.ccf-app-space_appSpaceCard__xSwvm {
  width: auto;
  height: 100%;
  background: var(--left-navbar-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border: 1px solid var(--navigation-border);
  border-radius: 6px;
  opacity: 1;
  transition: all 0.5s ease;
}

.ccf-app-space_contactDetails__8C4mv {
  overflow-y: auto;
  max-height: 56vh;
  margin: 0px 12px;
}

.ccf-app-space_contactDetails__8C4mv {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.ccf-app-space_contactDetails__8C4mv::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
  height: 95%;
}

.ccf-app-space_appSpaceHeader__x-aMk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-grey-85);
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
  height: 40px;
}

.ccf-app-space_appSpaceHeader__x-aMk label {
  font: normal normal 600 14px/11px OpenSans-Semibold, Open Sans;
  color: var(--color-fiord);
  line-height: 18px;
}

.ccf-app-space_tabsIcon__xGroR {
  font-size: 22px;
}

.ccf-app-space_tabsContainerBlock__iIWYt {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.ccf-app-space_tabsContainer__UFrEv {
  height: 40px !important;
  min-height: 40px !important;
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
}

.ccf-app-space_tabContentSectionForSKills__9CqrB {
  height: calc(100% - 84px);
}

.ccf-app-space_tabContentSection__\+P2QE {
  height: calc(100% - 39px);
}

.ccf-app-space_activeTabIndicator__sinVN {
  background-color: var(--button-primary) !important;
}

.ccf-app-space_tab__xQzkH {
  min-width: 35px !important;
  margin: 1px 5px !important;
  margin: 0px 1px;
  color: var(--color-overflow-icon) !important;
  min-height: fit-content;
  padding: 8px 0px;
}

.ccf-app-space_tabSelected__xuEcY {
  color: var(--button-primary) !important;
}

.ccf-app-space_tabSelected__xuEcY .ccf-app-space_conversationIcon__xOzks {
  stroke: var(--button-primary);
}

.ccf-app-space_unreadItemBadge__9J-kr {
  height: 12px !important;
  min-width: 12px !important;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  border: 2px solid #f2f2f2;
  background: #e4263c 0% 0% no-repeat padding-box;
  color: #ffffff;
}

.ccf-app-space_tabicon__xbJW7 {
  margin-top: -4px;
}

.ccf-app-space_panelIcon__eX0AZ {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}

.ccf-app-space_conversationIcon__xOzks {
  fill: none;
  stroke: var(--color-overflow-icon);
}

.ccf-app-space_menuOptionClass__jL8K8 {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  opacity: 1;
  margin-top: -3px;
}

.ccf-app-space_customizeToolbarClass__5072h {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #2498d5;
  opacity: 1;
  margin-top: -3px;
}

.ccf-app-space_closeButton__nBmIB {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75rem;
  opacity: 0.9;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ccf-app-space_controlButtonHeaderText__gVbS2 {
  font: normal normal bold 13px/18px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-nero-font);
  opacity: 0.9;
  margin: 9px 10px 9px 10px;
}

.ccf-app-space_controlPanelHeaderLeftIcon__TWzle {
  font-size: 16px;
  margin: 9px 0px;
  color: var(--history-inactive-status) !important;
}

.ccf-app-space_phonefillColor__jkuac {
  fill: var(--phone-outbound-icon);
}

.ccf-app-space_overflowIcon__tRqe8 {
  transform: rotate(90deg);
}

.ccf-app-space_notificationToast__QjAz7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #f5f8fa;
  border: 2px solid var(--Primary-Background, #007ab8);
  border-radius: 4px;
  padding: 5px;
  width: 300px;
  cursor: pointer;
}

.ccf-app-space_notificationToast__QjAz7 .ccf-app-space_agentDetails__sNoa3 {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.ccf-app-space_notificationToast__QjAz7 .ccf-app-space_agentDetailsHeader__Uqhur {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.ccf-app-space_notificationToast__QjAz7 .ccf-app-space_agentName__nwKto {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #333333;
}

.ccf-app-space_notificationToast__QjAz7 .ccf-app-space_agentMessage__mdK\+5 {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;
  color: #333333;
}

/* contact card inner scroll height based on responsive screen */

@media only screen and (min-height: 650px) and (max-height: 667px) {
  .ccf-app-space_contactDetails__8C4mv {
    max-height: 60vh;
  }
}

@media only screen and (min-height: 668px) and (max-height: 768px) {
  .ccf-app-space_contactDetails__8C4mv {
    max-height: 61vh;
  }
}

@media only screen and (min-height: 769px) and (max-height: 860px) {
  .ccf-app-space_contactDetails__8C4mv {
    max-height: 65vh;
  }
}

@media only screen and (min-height: 861px) and (max-height: 959px) {
  .ccf-app-space_contactDetails__8C4mv {
    max-height: 69vh;
  }
}

@media only screen and (min-height: 960px) {
  .ccf-app-space_contactDetails__8C4mv {
    max-height: 80vh;
  }
}
.guidance-score_guidance-score__CeZL9 {
  padding: 0px !important;
}

.guidance-score_guidance-score__CeZL9 .main-accordian {
  box-shadow: none !important;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: none !important;
  padding: 0px;
  margin: 0px !important;
}

.guidance-score_guidance-score__CeZL9 .main-accordian:before {
  height: 0px !important;
}

.guidance-score_guidance-score__CeZL9 .txt-guidance-score {
  font: normal normal 600 18px/25px Open Sans;
  color: var(--network-header-title-color);
  margin-left: 5px;
}

.guidance-score_accordionContainer__G2QKs {
  padding-bottom: 14px;
  box-shadow: none !important;
  margin: 0px !important;
}

.guidance-score_accordionContainer__G2QKs :not(:last-child) {
  align-items: center;
  display: flex;
}

.guidance-score_accordionContainer__G2QKs :before {
  display: none;
}

.guidance-score_expandCollapseIconRtl__0hDpu {
  position: absolute;
  left: 10px;
}

.guidance-score_makeCenterAlign__A\+v1G {
  justify-content: center;
}
.overall-sentiment_overall-sentiment__YN7y7 .sentiment-header {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  padding-top: 5px;
  padding-left: 10px;
}
.notification-message_cardDetails__MjeFr {
  display: flex;
  flex-direction: row;
}

.notification-message_suggestionDetails__DEPlq {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}

.notification-message_cardRightSection__bI\+Ia {
  display: flex;
  width: 25%;
  align-items: flex-start;
}

.notification-message_suggestionTypeLabel__\+41fX {
  min-height: 0px !important;
  text-align: right;
  letter-spacing: 0px;
  float: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "open-sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  padding-bottom: 5px;
}

.notification-message_suggestionTypeDescription__Odi1r {
  display: flex;
  align-items: center;
  text-align: left;
  letter-spacing: 0px;
  word-break: break-word;
  font-family: "open-sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #6d6e70;
}

.notification-message_suggestionSummaryCardItem__s5inW {
  justify-content: space-between;
  display: flex;
  width: 100%;
  margin-bottom: 7px;
  cursor: pointer;
}

.notification-message_preferenceSelectorContainer__e\+jcV {
  width: 100%;
  text-align: center;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-message_iconAndSugeestionTypeBlock__DQMML {
  display: flex;
  justify-content: space-between;
  width: 75%;
}

.notification-message_timerLabel__JvkVs {
  display: flex;
  align-items: flex-start;
  font-family: "open-sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #6d6e70;
}
.suggestion-summary_suggestionSummary__C1ATv {
  text-align: center;
}

.suggestion-summary_suggestionSummary__C1ATv .book-open-icon {
  font-size: 60px;
  margin: 0px 0px 20px 0px !important;
}

.suggestion-summary_suggestionSummary__C1ATv .accordian {
  background-color: #f5f7f9;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none;
  padding-bottom: 5px !important;
}

.suggestion-summary_suggestionSummary__C1ATv .no-suggestions-header {
  justify-content: "center";
  font-weight: bold;
}

.suggestion-summary_suggestionSummary__C1ATv .no-suggestions {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}

.suggestion-summary_suggestionSummary__C1ATv .txt-suggestion-summary {
  font: normal normal 600 18px/25px Open Sans;
  margin-left: 5px;
  color: var(--network-header-title-color);
}

.suggestion-summary_suggestionSummary__C1ATv .txt-no-suggestion {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  text-align: center;
  color: #909597;
}

.suggestion-summary_suggestionSummary__C1ATv .txt-view-more {
  transition: ease-in 0.3s;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-decoration-line: underline;
  color: #007ab8;
  cursor: pointer;
  padding: 4px;
}

.suggestion-summary_accordionContainer__P8v3u {
  padding-bottom: 14px;
  box-shadow: none !important;
  min-height: 45px;
}

.suggestion-summary_accordionContainer__P8v3u :not(:last-child) {
  border-bottom: 0;
  margin: 0px;
  min-height: 45px;
  align-items: center;
  display: flex;
}

.suggestion-summary_accordionContainer__P8v3u :before {
  display: none;
}

.suggestion-summary_expandCollapseIconRtl__lOTj1 {
  position: absolute;
  left: 10px;
}

.suggestion-summary_makeCenterAlign__qWfwj {
  justify-content: center;
}

.suggestion-summary_setAccordionDetailsItem__DYpRC {
  display: flex;
  flex-direction: column;
  padding: 5px !important;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.suggestion-summary_setAccordionDetailsItem__DYpRC::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ccf-rtig_rtig_container__Gs-FE {
  background-color: #F5F7F9;
  color: var(--inc-fore-color);
  font-family: var(--inc-font-family);
  font-size: var(--inc-font-size);
  height: 100%;
  padding: 1%;
}

.ccf-rtig_overall_sentiment_section__gKtDS {
  height: 15vh;
}

/* start scroll styles */

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ccf-consumer-card_appSpaceCard__qaFeR {
  width: auto;
  height: 100%;
  background: var(--left-navbar-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border: 1px solid var(--navigation-border);
  border-radius: 0px;
  opacity: 1;
  transition: all 0.5s ease;
}
.ccf-consumer-card_contactDetails__o8CeD {
  overflow-y: auto;
  max-height: 56vh;
  margin: 0px 12px;
}
.ccf-consumer-card_contactDetails__o8CeD {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.ccf-consumer-card_contactDetails__o8CeD::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
  height: 95%;
}
.ccf-consumer-card_appSpaceHeader__Ivich {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-grey-85);
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
  height: auto;
}
.ccf-consumer-card_appSpaceHeader__Ivich label {
  font: normal normal 600 14px/11px OpenSans-Semibold, Open Sans;
  color: var(--color-fiord);
}
.ccf-consumer-card_tabsContainer__TPFHa {
  height: 39px !important;
  min-height: 39px !important;
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--very-light-silver);
}
.ccf-consumer-card_tabContentSectionForSKills__6ZY92 {
  height: calc(100% - 84px);
}
.ccf-consumer-card_tabContentSection__F2e0d {
  height: calc(100% - 69px);
  background-color: #f7f7f7;
}
.ccf-consumer-card_activeTabIndicator__NDpfW {
  background-color: #005c99 !important;
}
.ccf-consumer-card_tab__cFS6I {
  min-width: 40px !important;
  margin: 1px 0px !important;
  margin: 0px 1px;
  color: #3f5c69 !important;
  min-height: fit-content;
  padding: 8px 8px 8px 0px;
  font-size: 12px;
  font-weight: 600;
}
.ccf-consumer-card_tabSelected__SVgy0 {
  color: #005c99 !important;
}
.ccf-consumer-card_tabSelected__SVgy0 .ccf-consumer-card_conversationIcon__TcVNF {
  stroke: var(--button-primary);
}
.ccf-consumer-card_tabicon__IFWCW {
  margin-top: -4px;
}
.ccf-consumer-card_panelIcon__fv3kp {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}
.ccf-consumer-card_conversationIcon__TcVNF {
  fill: none;
  stroke: var(--color-overflow-icon);
}
.ccf-consumer-card_menuOptionClass__Z7UMv {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  opacity: 1;
  margin-top: -3px;
}
.ccf-consumer-card_customizeToolbarClass__gDFJt {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #2498d5;
  opacity: 1;
  margin-top: -3px;
}
.ccf-consumer-card_closeButton__TUluA {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75rem;
  opacity: 0.9;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.ccf-consumer-card_controlButtonHeaderText__o0mof {
  font: normal normal bold 13px/18px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-nero-font);
  opacity: 0.9;
  margin: 9px 10px 9px 10px;
}
.ccf-consumer-card_controlPanelHeaderLeftIcon__YOqx9 {
  font-size: 16px;
  margin: 9px 0px;
  color: var(--history-inactive-status) !important;
}
.ccf-consumer-card_phonefillColor__VMDGD {
  fill: var(--phone-outbound-icon);
}
/* contact card inner scroll height based on responsive screen */
@media only screen and (min-height: 650px) and (max-height: 667px) {
  .ccf-consumer-card_contactDetails__o8CeD {
    max-height: 60vh;
  }
}
@media only screen and (min-height: 668px) and (max-height: 768px) {
  .ccf-consumer-card_contactDetails__o8CeD {
    max-height: 61vh;
  }
}
@media only screen and (min-height: 769px) and (max-height: 860px) {
  .ccf-consumer-card_contactDetails__o8CeD {
    max-height: 65vh;
  }
}
@media only screen and (min-height: 861px) and (max-height: 959px) {
  .ccf-consumer-card_contactDetails__o8CeD {
    max-height: 69vh;
  }
}
@media only screen and (min-height: 960px) {
  .ccf-consumer-card_contactDetails__o8CeD {
    max-height: 80vh;
  }
}
.ccf-consumer-card_customDropdown__kHxW3 {
  padding-left: 0px;
  margin-left: 15px;
  margin-bottom: -1px;
  box-shadow: none;
  font: normal normal normal 13px/17px Open Sans;
  color: #005c99;
  font-weight: 600;
}
.ccf-directory_dFlex__8djBi {
  display: flex;
}

.ccf-directory_directoryContainer__KNL2e {
  height: 100%;
  border: 1px solid #dae2e8;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
}

.ccf-directory_directory__Ym28I {
  width: 100%;
  height: calc(100% - 128px);
  overflow: auto;
  padding: 0px;
  margin: 0px;
}

.ccf-directory_directory__Ym28I .ccf-directory_noAgentFoundTypography__lE9kb {
  margin-top: 16px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}

.ccf-directory_directoryItem__zKiot {
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  padding: 8px 12px;
  width: 100%;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_directoryUser__aq572 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_directoryUser__aq572 .ccf-directory_text__E4v5j {
  margin-left: 4px;
  font-weight: 800;
  font-size: 14px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_directoryItemUserStatus__utcWd {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-bottom: 12px;
  min-height: 40px;
  width: 100%;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_directoryItemUserStatus__utcWd .ccf-directory_icon__MeNqj {
  font-size: 20px;
  margin-left: 4px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_directoryItemUserStatus__utcWd .ccf-directory_text__E4v5j {
  margin-left: 4px;
  font-size: 12px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_textSecondary__uxun3 {
  color: #526b7a;
  min-width: 48px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_textSecondary__uxun3:hover {
  background-color: #526b7a;
  color: white;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_buttonCallDisabled__Pntis {
  color: #e62e43;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_buttonCallDisabled__Pntis ::after {
  content: "x";
  top: -8px;
  position: absolute;
  right: 0px;
  margin-right: 8px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_input1__LhbvS {
  height: 15px;
  font-size: 14px;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_collapseContainer__cmcNV {
  display: flex;
  width: 100%;
}

.ccf-directory_directoryItem__zKiot .ccf-directory_hoverDisabledButton__dTPxw:hover {
  background: inherit;
}

.ccf-directory_directoryItemContact__VXTQ- {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  padding: 8px 12px;
  width: 100%;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_directoryUser__aq572 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_directoryUser__aq572 .ccf-directory_text__E4v5j {
  margin-left: 4px;
  font-weight: 800;
  font-size: 14px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_contactName__a-EuO {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #404040;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_directoryItemUserStatus__utcWd {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-bottom: 12px;
  min-height: 40px;
  width: 100%;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_directoryItemUserStatus__utcWd .ccf-directory_icon__MeNqj {
  font-size: 20px;
  margin-left: 4px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_directoryItemUserStatus__utcWd .ccf-directory_text__E4v5j {
  margin-left: 4px;
  font-size: 12px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_textSecondary__uxun3 {
  color: #526b7a;
  min-width: 48px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_textSecondary__uxun3:hover {
  color: white;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_buttonCallDisabled__Pntis {
  color: #e62e43;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_buttonCallDisabled__Pntis ::after {
  content: "x";
  top: -8px;
  position: absolute;
  right: 0px;
  margin-right: 8px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_input1__LhbvS {
  height: 15px;
  font-size: 14px;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_collapseContainer__cmcNV {
  display: flex;
  width: 100%;
}

.ccf-directory_directoryItemContact__VXTQ- .ccf-directory_hoverDisabledButton__dTPxw:hover {
  background: inherit;
}

.ccf-directory_arrowIconForDropdown__\+2gI5 {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-directory_arrowIconForDropdown__\+2gI5 {
  left: 10px;
}

[dir=ltr] .ccf-directory_arrowIconForDropdown__\+2gI5 {
  right: 10px;
}

.ccf-directory_directoryIcon__X7558 {
  height: 18px;
  width: 18px;
  margin-top: 5px;
}

.ccf-directory_headerText__\+EwR6 {
  font-family: "Open Sans";
  margin: 5px 0px 0px 5px;
  color: rgb(97, 108, 117);
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 19px;
  letter-spacing: 0px;
}
.ccf-outbound-trigger_triggerContainer__9d2GM {
  width: 100%;
  padding: 10px;
}

.ccf-outbound-trigger_voiceBox__-OWFw {
  display: flex;
}

.ccf-outbound-trigger_submitContainer__CfqsW {
  float: right;
  margin-top: 10px;
}

.ccf-outbound-trigger_liner__aouTS {
  border: 1px solid #f3f3f3;
}

.ccf-outbound-trigger_ccfPhoneIcon__85muT {
  color: #666;
  font-size: 27px;
}

.ccf-outbound-trigger_backText__1vB3L {
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.ccf-outbound-trigger_numberFont__76MvU {
  font-size: 18px;
}

.ccf-outbound-trigger_voiceText__atYif {
  padding-left: 10px;
  color: gray;
  font-family: sans-serif;
}

.ccf-outbound-trigger_ccfDoubleArrowIcon__77zh3 {
  color: #666;
}

.ccf-outbound-trigger_arrowBackIcon__V5vg5 svg {
  font-size: 15px;
  margin-right: 5px;
}

.ccf-outbound-trigger_arrowBackIcon__V5vg5 {
  display: flex;
  align-items: center;
}

.ccf-outbound-trigger_paperSendEnabled__G9o4K,
.ccf-outbound-trigger_paperSendEnabled__G9o4K:hover {
  background-color: var(--button-primary);
  border-radius: 2px;
  color: white;
  border: 1px solid #e2e2e2;
  height: 30px;
  width: 50px;
}

.ccf-outbound-trigger_paperSendDisabled__WvMc7 {
  background-color: var(--collapsed-assignment-bg);
  border-radius: 2px;
  color: white;
  border: 1px solid #e2e2e2;
  height: 30px;
  width: 50px;
}

.ccf-outbound-trigger_backContainer__y40kC {
  display: flex;
  align-items: center;
}
.ccf-outbound-options_liner__DM-va {
  border: 1px solid var(--outbound-call-liner);
  display: inline-block;
  width: 50%;
  margin: 3px 0px;
}

.ccf-outbound-options_textContainer__UsslO {
  display: inline-block;
  width: 100%;
}

.ccf-outbound-options_text__\+DnJm {
  display: inline-block;
  width: max-content;
  height: 100%;
  margin: 0px 10px;
  color: var(--color-grey);
}

.ccf-outbound-options_outboundOption__lQb6a {
  display: flex;
  padding: 0.33vw 1vw 0 1vw;
  align-items: center;
  justify-content: space-between;
}

.ccf-outbound-options_outboundOption__lQb6a.ccf-outbound-options_noTriggerButton__6hSqW:hover {
  cursor: pointer;
}

.ccf-outbound-options_outboundOption__lQb6a:hover {
  background-color: var(--outbound-option-bg);
}

.ccf-outbound-options_outboundOption__lQb6a:hover .ccf-outbound-options_triggerButton__5Py-q {
  display: block;
}

.ccf-outbound-options_outboundOptionIcon__HssJc {
  padding: 0.66vw;
}

.ccf-outbound-options_outboundOptionText__Ug6EZ {
  padding: 0.8vw 0.8vw 0.8vw 0.33vw;
}

.ccf-outbound-options_email__ekicK,
.ccf-outbound-options_chat__dUMdB {
  fill: var(--outbound-option-icons-email);
}

.ccf-outbound-options_triggerButton__5Py-q {
  display: none;
  cursor: pointer;
  background: var(--outbound-option-icons-email);
}

.ccf-outbound-options_triggerButton__5Py-q #Group_120847 {
  transform: translate(-97px, -380px);
  stroke: var(--color-white);
}

.ccf-outbound-options_triggerButton__5Py-q #Group_120840,
.ccf-outbound-options_triggerButton__5Py-q #Group_120846,
.ccf-outbound-options_triggerButton__5Py-q #Group_120782,
.ccf-outbound-options_triggerButton__5Py-q #btn_inbound,
.ccf-outbound-options_triggerButton__5Py-q #Path_25429,
.ccf-outbound-options_triggerButton__5Py-q #Path_25435 {
  stroke: var(--color-white);
}

.ccf-outbound-options_triggerButton__5Py-q #Polygon_92 {
  fill: var(--color-white);
}

.ccf-outbound-options_flexDisplay__fHzFi {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccf-call-conference_dFlex__wMWSG {
  display: flex;
}

.ccf-call-conference_callConferenceContainer__lUi7k {
  max-width: 212px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_marginLeft__TNdI6 {
  margin-left: 8px;
  margin-top: 8px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h {
  padding-top: 0px;
  padding-bottom: 12px !important;
  padding-inline: 4px !important;
  display: flex;
  flex-direction: column-reverse;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_contentBoldText__An1xv {
  font-weight: bolder;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_holdIcon__iNfDn {
  font-size: 32px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_userInConsultRecordIcon__-gCZo {
  border-radius: 100px;
  margin-right: 4px;
  font-size: 18px;
  fill: var(--color-overflow-icon);
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_userInConsultTypography__SzWy\+ {
  max-width: 40%;
  font-weight: bold;
  font-size: smaller;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_UsersInConferenceContainer__Bx3ti {
  overflow-x: hidden;
  overflow-y: auto;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_userInConferenceIcon__pL8pk {
  font-size: 24px;
  border: 2px solid #007cbe;
  border-radius: 100px;
  margin-right: 4px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_userInConferenceIconInactive__YTekh {
  font-size: 24px;
  border: 12px solid grey;
  border-radius: 100px;
  margin-right: 4px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_content__LP39h .ccf-call-conference_userInConferenceTypography__Co5yM {
  font-weight: bold;
  font-size: small;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_contentReverse__BhKNk {
  flex-direction: column;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_footerButton__lSuH2 {
  background: transparent;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_footerText__iScsm {
  font-size: 12px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_actionButton__-6KBV {
  margin-right: 8px;
  min-width: 40px;
  padding-inline: 4px;
  margin-left: 4px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_verticalDivider__Q2P-a {
  height: 30px;
  margin-inline: 8px;
}

.ccf-call-conference_callConferenceContainer__lUi7k .ccf-call-conference_conferenceHoverBtn__706sQ {
  color: var(--sidebar-item-color);
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_header__FRE7P {
  padding: 8px 8px 0px 8px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerTitle__yAVkL {
  font-weight: bold;
  font-size: 14px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerActionButton__\+kPxe {
  margin-top: 10px;
  margin-right: 8px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerActionButtonIcon__QVQhT {
  font-size: 14px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerContent__1Ay9e {
  padding: 0px;
  margin: 8px 0px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerContentMenuItem__YpzOi {
  padding-inline: 8px;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerContentMenuItemTypography__pbuBl {
  font-size: small;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerContentMenuItem__YpzOi:hover .ccf-call-conference_headerContentMenuItemTypography__pbuBl {
  font-weight: bold;
}

.ccf-call-conference_callConferenceHeader__0Y9t- .ccf-call-conference_headerContentMenuItemIcon__kxs0D {
  margin-right: 4px;
}

.ccf-call-conference_callControlButtonBordered__Ly3Ic {
  margin-top: 6px;
  margin-bottom: 6px;
  fill: var(--box-shadow-color);
  border-radius: 0px;
  border-left: none;
  border-right: 1px solid var(--box-shadow-color);
}

[dir=rtl] .ccf-call-conference_callControlButtonBordered__Ly3Ic {
  border-left: 1px solid var(--box-shadow-color);
}

[dir=rtl] .ccf-call-conference_callControlButtonBordered__Ly3Ic {
  border-right: none;
}

.ccf-call-conference_iconEnd__CblWI {
  float: right;
}

.ccf-call-conference_callControlHover__aWTe6:hover {
  cursor: pointer;
  border-radius: 4px;
}

.ccf-call-conference_userConferenceHeader__9uwhG {
  margin-bottom: 8px;
  background: var(--color-alice-blue);
  box-shadow: 0px 1px 3px var(--color-grey-85);
  padding-bottom: 2px;
}
.ccf-text-editor_dFlex__rmUSp {
  display: flex;
}

.ccf-text-editor_wrapperClassName__vURw9 {
  display: flex;
  flex-direction: column-reverse;
}

.ccf-text-editor_wrapperClassName__vURw9 .editorClassName {
  top: 0;
  /* position: absolute; */
  height: 58px;
  word-break: break-all;
  margin: 5px;
  background: var(--color-lynx-white);
}

.ccf-text-editor_wrapperClassName__vURw9 .DraftEditor-root {
  overflow-y: auto;
  padding: 0 5px;
  word-break: break-all;
}

.ccf-text-editor_wrapperClassName__vURw9 .public-DraftStyleDefault-block {
  margin: 0;
}

.ccf-text-editor_wrapperClassName__vURw9 .toolbarClassName {
  display: flex;
  flex-direction: row;
  width: inherit;
  margin-bottom: 0 !important;
  padding: 3px 7px;
  border: none;
  border-top: 1px solid var(--color-border);
  justify-content: space-between;
}

.ccf-text-editor_wrapperClassName__vURw9 .noBorder {
  border: none;
}

.ccf-text-editor_wrapperClassName__vURw9 .sendButtonContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 39px;
  opacity: 1;
}

.ccf-text-editor_wrapperClassName__vURw9 .custumButtonWrapper {
  gap: 10px;
  display: flex;
  justify-content: flex-end;
  width: 75%;
}

.ccf-text-editor_wrapperClassName__vURw9 .custumIconWrapper {
  display: flex;
  justify-content: space-between;
  width: 60%;
  align-items: end;
}

.ccf-text-editor_wrapperClassName__vURw9 .sendButton {
  right: 10px;
  width: auto;
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 0px #1c639c;
  border-radius: 3px;
  border: none;
  opacity: 1;
  text-align: center;
  font: normal normal 600 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-white);
}

.ccf-text-editor_wrapperClassName__vURw9 .sendButton:hover {
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 0px #1c639c;
  border: none;
  cursor: pointer;
}

.ccf-text-editor_wrapperClassName__vURw9 .disabledButton {
  right: 10px;
  height: 28px;
  border-radius: 3px;
  width: 58px;
  opacity: 1;
  text-align: center;
  font: normal normal 600 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-black);
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
}

.ccf-text-editor_wrapperClassName__vURw9 .disableButton {
  right: 10px;
  width: auto;
  border-radius: 3px;
  border: 1px solid var(--color-border);
  margin-left: 5px;
  opacity: 1;
  text-align: center;
  font: normal normal 600 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-black);
  cursor: not-allowed;
}

.ccf-text-editor_wrapperClassName__vURw9 .attachment {
  padding: 3px;
  margin-left: 5px;
}

.ccf-text-editor_wrapperClassName__vURw9 .quickRepliesButton {
  display: flex;
  padding: 1px 10px;
  align-items: center;
  width: auto;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  opacity: 1;
}

.ccf-text-editor_wrapperClassName__vURw9 .quickRepliesText {
  display: inline;
}

.ccf-text-editor_wrapperClassName__vURw9 .alignStyles {
  margin-top: 6px;
}

.ccf-text-editor_wrapperClassName__vURw9 .emptyspaces {
  width: 25%;
}

@media (-webkit-device-pixel-ratio > 1.25) {
  .ccf-text-editor_wrapperClassName__vURw9 .toolbarClassName {
    justify-content: flex-start;
  }
  .ccf-text-editor_wrapperClassName__vURw9 .sendButtonContainer {
    width: 100%;
  }
  .ccf-text-editor_wrapperClassName__vURw9 .emptyspaces {
    width: 0%;
  }
  .ccf-text-editor_wrapperClassName__vURw9 .quickRepliesButton {
    margin-right: 5px;
  }
  .ccf-text-editor_wrapperClassName__vURw9 .custumButtonWrapper {
    width: 85%;
    justify-content: flex-end;
  }
  .ccf-text-editor_wrapperClassName__vURw9 .disableButton {
    margin-left: 10px;
  }
}
.ccf-chat-box_container__cq6hy {
  position: relative;
  height: auto;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  opacity: 1;
  margin: 8px;
}

.ccf-chat-box_header__K7lLq {
  top: 72px;
  left: 298px;
  width: 615px;
  height: 40px;
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-radius: 6px 6px 0px 0px;
  opacity: 1;
}

.ccf-chat-box_messageContainer__zzCfQ {
  position: relative;
  width: 100%;
  height: 75%;
  overflow-y: auto;
  padding: 15px;
}

.ccf-chat-box_LeftAlign__rAqAj {
  margin-left: 97%;
}

.ccf-chat-box_clientMessageBox__M-kik {
  max-width: 55%;
  right: 10px;
  display: block;
  width: fit-content;
  padding: 5px 10px;
  margin: 1px 0;
  float: none;
  clear: both;
  background: var(--color-client-chat) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  font: normal normal normal 12px/17px "Open Sans";
  letter-spacing: 0px;
}

.ccf-chat-box_clientName__CZGP- {
  right: 10px;
  display: block;
  width: fit-content;
  float: none;
  clear: both;
  opacity: 1;
  font-size: 10px;
  letter-spacing: 0px;
}

.ccf-chat-box_agentMessageBox__l9pZK {
  right: 10px;
  max-width: 55%;
  display: block;
  width: fit-content;
  padding: 5px 10px;
  margin: 1px 0;
  float: right;
  clear: both;
  background: var(--chat-bg-color) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  font: normal normal normal 12px/17px "Open Sans";
  font-size: 12px;
  color: var(--color-white);
  white-space: pre-wrap;
}

.ccf-chat-box_botMessageBox__Dyx-D {
  right: 10px;
  max-width: 55%;
  display: block;
  width: fit-content;
  padding: 5px 10px;
  margin: 1px 0;
  float: right;
  clear: both;
  background: #7d3bc8;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  font: normal normal normal 12px/17px "Open Sans";
  font-size: 12px;
  color: var(--color-white);
}

.ccf-chat-box_agentName__6kY-O {
  right: 10px;
  display: block;
  width: fit-content;
  float: right;
  clear: both;
  opacity: 1;
  letter-spacing: 0px;
  font-size: 10px;
}

.ccf-chat-box_clear__eeOtO {
  clear: both;
}

.ccf-chat-box_tab__liF0j {
  position: absolute;
  top: 7px;
  left: 20px;
  width: 100px;
  height: 34px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-bottom: none;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
}

.ccf-chat-box_tabContent__s3hwN {
  width: 22px;
  height: 15px;
  text-align: left;
  font: normal normal normal 11px/15px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
  padding: 10px 0 0 10px;
}

.ccf-chat-box_newtab__ajq59 {
  display: flex;
  justify-content: space-around;
  position: absolute;
  color: var(--color-white);
  border-radius: 4px;
  top: 12px;
  left: 127px;
  width: 25px;
  height: 25px;
  background: #526b7a 0% 0% no-repeat padding-box;
  opacity: 0.45;
}

.ccf-chat-box_newtabContent__RJ5-u {
  font-size: 25px;
  position: relative;
  bottom: 4px;
}

.ccf-chat-box_bookmark__wLEF\+ {
  position: absolute;
  width: 100%;
  height: 33px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--color-border);
  opacity: 1;
}

.ccf-chat-box_bookmarkFullHeight__NrUJQ {
  height: 55px;
}

.ccf-chat-box_bookmarkContent__k0Xcy {
  display: flex;
  justify-content: space-around;
  margin: 2px 0;
}

.ccf-chat-box_bookmarkContent__k0Xcy:hover, .ccf-chat-box_bookmarkContent__k0Xcy:active, .ccf-chat-box_bookmarkContent__k0Xcy:focus {
  border: none;
}

.ccf-chat-box_locationDetails__AzEVA {
  display: flex;
  justify-content: flex-start;
}

.ccf-chat-box_chatInfo__k0vZG {
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-chat-box_chatInfoLocation__oRZIF {
  padding-left: 12px;
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-chat-box_chatDetails__ObnDw {
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--badge-bg);
  opacity: 1;
}

.ccf-chat-box_chatDetailsLoad__efgfl {
  width: 7px;
  height: 6px;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ccf-chat-box_viewMoreIcon__steLW {
  top: 118px;
  left: 880px;
  width: 23px;
  height: 23px;
}

.ccf-chat-box_quickReplies__agJF- {
  bottom: 109px;
  font-size: 10px;
  margin: 4px;
  width: 98%;
  padding-left: 5px;
  background: var(--color-white);
  position: absolute;
  color: var(--color-overflow-icon);
  height: 14px;
  border-top: 1px solid var(--color-border);
  opacity: 1;
}

.ccf-chat-box_quickRepliesButton__PgmfN {
  position: absolute;
  top: 7px;
  right: 5px;
  width: 110px;
  height: 29px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  opacity: 1;
}

.ccf-chat-box_chatBox__12Q4A {
  position: absolute;
  margin: 4px;
  bottom: 0;
  width: 98%;
  height: 109px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 4px 4px;
  opacity: 1;
}

.ccf-chat-box_sendButtonContainer__5hlj9 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 88px;
  height: 39px;
  opacity: 1;
}

.ccf-chat-box_sendButton__G65FT {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 58px;
  height: 28px;
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 0px #1c639c;
  border-radius: 3px;
  border: none;
  opacity: 1;
  text-align: center;
  font: normal normal 600 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-white);
}

.ccf-chat-box_ageContainer__nK6gM {
  position: relative;
  width: 100%;
  height: 156px;
  opacity: 1;
  top: 20px;
}

.ccf-chat-box_ageSelector__BFuin {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 142px;
  width: 120px;
  height: 132px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 3px;
  opacity: 1;
}

.ccf-chat-box_overflowContainer__0\+YQV {
  right: 0;
  width: 222px;
  height: 76px;
  position: absolute;
  opacity: 1;
  top: 62px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  opacity: 1;
  font: normal normal normal 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: #191c21;
}

.ccf-chat-box_overflowModal__-BvXG {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ccf-chat-box_overflowModalOption__FF-8S {
  cursor: pointer;
  height: 38px;
  margin: 0;
  padding: 0 0 0 10px;
}

.ccf-chat-box_overflowModalOption__FF-8S:hover {
  background: var(--color-light-grey);
}

.ccf-chat-box_overflowModalPosition__rJN6\+ {
  padding-top: 10px;
}

.ccf-chat-box_ageDetail__BRYyx {
  padding: 10px 15px;
  text-align: left;
  height: 44px;
  font: normal normal bold 13px/18px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-chat-box);
  opacity: 1;
}

.ccf-chat-box_ageDetail__BRYyx:hover {
  background-color: var(--color-light-grey);
}

.ccf-chat-box_ageButton__tyXb2 {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px "Open Sans";
  color: var(--color-chat-box);
  height: 29px;
}

.ccf-chat-box_ageButton__tyXb2:hover, .ccf-chat-box_ageButton__tyXb2:focus, .ccf-chat-box_ageButton__tyXb2:active {
  background: var(--color-light-grey);
}

.ccf-chat-box_viewButton__1J\+ty {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px "Open Sans";
  color: var(--badge-bg);
}

.ccf-chat-box_clientMessageBoxHighlighted__jKdKM {
  max-width: 55%;
  right: 10px;
  display: block;
  width: fit-content;
  padding: 5px 10px;
  margin: 1px 0;
  float: none;
  clear: both;
  background: #003d7a;
  color: #f5f8fa;
  border-radius: 6px;
  opacity: 1;
  font: normal normal normal 12px/17px "Open Sans";
  letter-spacing: 0px;
}

.ccf-chat-box_msgCardContainer__6vxeg {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
}

.ccf-chat-box_notesComponentSection__uJ0Sv {
  background: #fce69d;
  width: 323px;
  height: 165px;
}

.ccf-chat-box_txt__eXLi4 {
  color: var(--globalState-inactive-text, #3f5c69);
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

.ccf-chat-box_link__USJOb {
  text-decoration: underline;
}

.ccf-chat-box_imageBlock__UNL3R {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 5px;
}

.ccf-chat-box_imageBlock__UNL3R .ccf-chat-box_imageBox__6vRax {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 10px;
}

.ccf-chat-box_noshow__YINi3 {
  display: none;
}
.ccf-customer-channels_dFlex__0s010 {
  display: flex;
}

.ccf-customer-channels_expandedIcon__\+WReZ {
  transform: rotate(180deg) !important;
}

.ccf-customer-channels_collapsedIcon__V2zEr {
  transform: rotate(180deg) !important;
}

.ccf-customer-channels_channelExpandIcon__H3Xot {
  position: absolute !important;
  top: 3px !important;
}

[dir=ltr] .ccf-customer-channels_channelExpandIcon__H3Xot {
  left: -12px;
}

[dir=rtl] .ccf-customer-channels_channelExpandIcon__H3Xot {
  right: 5px;
}

.ccf-customer-channels_channelContent__\+ZssA {
  margin: 15px 0px 0px 15px !important;
  font: normal normal 600 14px/19px Open Sans;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

[dir=ltr] .ccf-customer-channels_channelContent__\+ZssA {
  margin: 15px 0px 0px 15px !important;
}

[dir=rtl] .ccf-customer-channels_channelContent__\+ZssA {
  margin: 17px 30px 0px 0px !important;
}

.ccf-customer-channels_contactHistoryDetails__99DyQ {
  padding: 0px 7px !important;
  margin-top: 5px !important;
  display: flex;
  flex-direction: column;
}

.ccf-customer-channels_contactChannelHeader__Pe109 {
  min-height: 20px !important;
}

[dir=ltr] .ccf-customer-channels_contactChannelHeader__Pe109 {
  padding: 0px 0px 0px 16px !important;
}

[dir=rtl] .ccf-customer-channels_contactChannelHeader__Pe109 {
  padding: 0px;
}

.ccf-customer-channels_accordionRoot__0VckX {
  padding-bottom: 15px;
  box-shadow: none !important;
  margin: 0px !important;
}

.ccf-customer-channels_accordionRoot__0VckX :not(:last-child) {
  border-bottom: 0;
}

.ccf-customer-channels_accordionRoot__0VckX :before {
  display: none;
}

.ccf-customer-channels_contactChannelInfo__HuXzz {
  width: 100%;
}

[dir=rtl] .ccf-customer-channels_contactChannelInfo__HuXzz {
  padding-right: 32px;
}

[dir=ltr] .ccf-customer-channels_contactChannelInfo__HuXzz {
  padding-left: 10px;
}

.ccf-customer-channels_titleRow__lNm0L {
  display: flex;
  width: 100%;
}

.ccf-customer-channels_title__CGEJH {
  width: 70%;
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-channels_titleTag__IHdVU {
  text-align: left;
  font: normal normal 600 10px/14px Open Sans !important;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

[dir=rtl] .ccf-customer-channels_titleTag__IHdVU {
  margin-left: 8px;
}

.ccf-customer-channels_addIcon__zceCw {
  height: 18px;
  display: flex !important;
  padding: 0px !important;
}

.ccf-customer-channels_addIcon__zceCw:hover {
  background-color: unset !important;
}

[dir=ltr] .ccf-customer-channels_addIcon__zceCw {
  margin-left: auto;
}

[dir=ltr] .ccf-customer-channels_addIcon__zceCw {
  padding: 0px;
}

[dir=rtl] .ccf-customer-channels_addIcon__zceCw {
  margin-right: auto;
}

[dir=rtl] .ccf-customer-channels_addIcon__zceCw {
  padding: 10px;
}

.ccf-customer-channels_titleDescription__0oDPf {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  height: 15px;
}

.ccf-customer-channels_titleDescription__0oDPf div {
  margin-right: 5px;
  text-align: center;
  font: normal normal 600 10px/14px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-customer-channels_titleDescription__0oDPf div span {
  position: relative;
  top: -6px;
  left: -4px;
}

.ccf-customer-channels_phoneStatusIcon__alp0b {
  height: 12px !important;
  width: 13px !important;
  color: var(--history-inactive-status);
}

.ccf-customer-channels_emailStatusIcon__5lpQ5 {
  height: 12px !important;
  width: 16px !important;
  color: var(--history-inactive-status);
}

.ccf-customer-channels_twitterStatusIcon__tEqxt {
  width: 18px !important;
  height: 18px !important;
  margin-top: -3px;
  margin-left: -6px;
}

.ccf-customer-channels_whatsupStatusIcon__u1jOl {
  width: 19px !important;
  height: 17px !important;
  margin-top: -3px;
}

.ccf-customer-channels_statusCount__7ekmf {
  position: relative !important;
  margin-left: 8px !important;
  padding: 0px !important;
}

.ccf-customer-channels_bottomBorder__zCvOI {
  border-bottom: 1px solid var(--bottom-divider);
  opacity: 0.5;
  width: 100%;
}

.ccf-customer-channels_collapsedTitleDescription__JsLdw {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  height: 15px;
}

.ccf-customer-channels_collapsedTitleDescription__JsLdw div {
  margin-right: 5px;
  text-align: center;
  font: normal normal 600 10px/14px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-customer-channels_collapsedTitleDescription__JsLdw div span {
  position: relative;
  top: -6px;
  left: -4px;
}

.ccf-customer-channels_addIconColor__vNOes {
  color: var(--color-overflow-icon);
  height: 24px;
  width: 24px;
  margin-left: -4px;
}

.ccf-customer-channels_channelDetails__Ru65C {
  width: 100%;
  padding: 0px !important;
}

.ccf-customer-channels_phoneIcon__kjzJh {
  width: 15px !important;
  height: 15px !important;
  opacity: 1;
  color: var(--history-inactive-status);
}

.ccf-customer-channels_emailIcon__mLy1q {
  width: 16px !important;
  height: 11px !important;
  opacity: 1;
  color: var(--history-inactive-status);
}

.ccf-customer-channels_whatsappIcon__T8y0r {
  width: 20px !important;
  height: 18px !important;
  opacity: 1;
}

.ccf-customer-channels_twitterIcon__UIoJr {
  width: 22px !important;
  height: 22px !important;
  opacity: 1;
}

.ccf-customer-channels_actionIcon__XsTxu {
  width: 24px !important;
  height: 24px !important;
  opacity: 1;
}

.ccf-customer-channels_mentionIcon__a7Mb1 {
  width: 20px !important;
  height: 20px !important;
  opacity: 1;
}

.ccf-customer-channels_videoActionIcon__9S7xY {
  width: 30px !important;
  height: 24px !important;
  opacity: 1;
}

.ccf-customer-channels_actionIconColor__MXJ-C {
  color: var(--color-overflow-icon);
}

.ccf-customer-channels_channelRow__mtAmQ {
  display: flex;
}

.ccf-customer-channels_leftItems__HDzGk {
  display: flex;
}

.ccf-customer-channels_rightItems__cbNTE {
  display: flex;
  margin-left: auto;
}

.ccf-customer-channels_channelContainer__iBwvf {
  width: inherit;
}

.ccf-customer-channels_channelName__chbDa {
  text-align: left;
  font: normal normal 600 12px/17px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-raven);
  text-transform: uppercase;
  opacity: 1;
  padding-top: 2px;
}

.ccf-customer-channels_tagId__uwTKu {
  text-align: left;
  font: normal normal normal 13px/30px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
  line-height: 18px;
  position: relative;
  top: -12px;
  padding-left: 10px;
}

[dir=ltr] .ccf-customer-channels_tagId__uwTKu {
  top: -12px;
}

[dir=ltr] .ccf-customer-channels_tagId__uwTKu {
  padding-left: 10px;
}

[dir=rtl] .ccf-customer-channels_tagId__uwTKu {
  top: -8px;
}

[dir=rtl] .ccf-customer-channels_tagId__uwTKu {
  padding-right: 15px;
}

[dir=rtl] .ccf-customer-channels_tagId__uwTKu {
  display: flex;
}

[dir=rtl] .ccf-customer-channels_tagId__uwTKu {
  margin-left: auto;
}

[dir=ltr] .ccf-customer-channels_channelActionIcons__EnCTk {
  margin-left: auto;
}

[dir=rtl] .ccf-customer-channels_channelActionIcons__EnCTk {
  margin-right: auto;
}

.ccf-customer-channels_iconbtn__jqc0N {
  padding: 8px !important;
}
.ccf-app-header_header__bN-mC {
  width: 100%;
  max-height: 56px;
  background: linear-gradient(180deg, var(--appbar-transition-bg) 0%, var(--badge-bg) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  box-shadow: none !important;
}

.ccf-app-header_header__bN-mC .cxoneLogo {
  align-items: center;
  display: flex;
}

.ccf-app-header_header__bN-mC .toolbar {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
  padding-left: 0px;
  min-height: 56px;
}

.ccf-app-header_header__bN-mC .zeroBorderRadius {
  border-radius: 0;
}

.ccf-app-header_header__bN-mC .zeroBorderRadius:hover {
  border-radius: 0;
}

.ccf-app-header_header__bN-mC .notificationAlignment {
  padding: 5px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin-left: 15px;
}

.ccf-app-header_header__bN-mC .notificationBadge {
  top: 2px;
  right: 5px;
  height: 14px;
  min-width: 14px;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  background: var(--red-badge) 0% 0% no-repeat padding-box;
  color: var(--color-white);
}

.ccf-app-header_header__bN-mC .appsIcon {
  width: 33px;
  height: 33px;
  margin-left: 10px;
  opacity: 0.6;
  fill: #fff;
}

.ccf-app-header_header__bN-mC .appsIcon:hover {
  opacity: 1;
}

.ccf-app-header_header__bN-mC .simulatorBlock {
  width: 50px;
  height: 32px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ccf-app-header_header__bN-mC .simulatorBlock:hover {
  background: #007ab8;
  border-radius: 4px;
}

.ccf-app-header_header__bN-mC .simulatorText {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  /* identical to box height */
  /* button/text/normal */
  color: #ffffff;
}

.ccf-app-header_header__bN-mC .notificationsOutlinedIcon {
  right: 120px;
  width: 24px;
  height: 24px;
  background: transparent 0% 0% no-repeat padding-box;
  color: white !important;
}

.ccf-app-header_header__bN-mC .notificationsOutlinedIcon:hover {
  opacity: 1;
}

.ccf-app-header_header__bN-mC .userProfile {
  padding-left: 5px;
  padding-right: 5px;
  color: var(--color-avatar-text);
  background-color: --left-navbar-bg !important;
}

.ccf-app-header_headerText__qJIhe {
  position: fixed;
  left: 4rem;
  margin: 0px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.25px;
}

.ccf-app-header_appsIconWithChannel__c1C3v {
  position: fixed;
  left: 1rem;
  display: flex;
  align-items: center;
}

.ccf-app-header_headerLogo__oHqZT {
  position: fixed;
  left: 1rem;
  width: 2rem;
}

.ccf-app-header_headerContainer__ws7G3 {
  box-sizing: border-box;
  flex-shrink: 0;
  position: static;
  color: rgb(255, 255, 255);
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: flex-start;
  width: 100%;
  max-height: 56px;
  height: 56px;
}

.ccf-app-header_headerFunctionsContainer__5hY\+G {
  position: absolute;
  right: 0px;
  -webkit-box-pack: end;
}

@media (max-width: 600px) {
  .ccf-app-header_header__bN-mC .cxoneLogo {
    display: none;
  }
  .ccf-app-header_header__bN-mC .simulatorBlock {
    padding-left: 8px;
  }
  .ccf-app-header_header__bN-mC .userProfile {
    padding-left: 0px;
    padding-right: 3px;
  }
  .ccf-app-header_headerText__qJIhe {
    display: none;
  }
}

.ccf-app-header_popOverActionLabelWrapper__FVJwJ {
  color: #003d7a;
  font-size: 13px;
  font-weight: 400;
}
.ccf-agent-state_dFlex__lSVdv {
  display: flex;
}

.ccf-agent-state_agentStatusSelection__eT92h {
  height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  width: 176px;
  border-radius: 6px;
  opacity: 1;
  justify-content: center;
  align-items: center;
}

.ccf-agent-state_agentStatusSelection__eT92h:hover {
  background: 0% 0% no-repeat padding-box var(--color-dark-blue);
  box-shadow: inset 1px 1px 2px var(--box-shadow-color), 1px 1px 1px var(--color-grey-box-shadow);
  cursor: pointer;
}

.ccf-agent-state_agentStatusSelection__eT92h .displayStateSelect {
  display: flex;
}

.ccf-agent-state_agentStatusSelection__eT92h .stateSelect {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  cursor: pointer;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusSelection {
  background: 0% 0% no-repeat padding-box var(--color-white);
  box-shadow: 0px 2px 6px var(--color-black);
  border: 1px solid var(--color-border);
  position: absolute;
  border-radius: 0px 0px 6px 6px;
  opacity: 1;
  top: 56px;
  width: 286px;
  max-height: 507px;
  padding-right: 5px;
  opacity: 1;
  z-index: 999;
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusSelection {
  left: 5px;
}

[dir=ltr] .ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusSelection {
  right: 5px;
}

.ccf-agent-state_agentStatusSelection__eT92h .starIcon {
  fill: var(--fav-icon-color);
}

.ccf-agent-state_agentStatusSelection__eT92h .favoriteLabel {
  top: 107px;
  left: 988px;
  width: 40px;
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/13px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-grey);
  text-transform: capitalize;
  opacity: 1;
  padding-left: 8px;
}

.ccf-agent-state_agentStatusSelection__eT92h ul {
  font: normal normal normal 14px/19px var(--font-family);
  top: 124px;
  left: 987px;
  width: 265px;
  height: 40px;
  margin-block-end: 0em;
  margin-block-start: 0em;
  padding-inline-start: 8px;
  display: flex;
  align-items: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusGrp span {
  display: none;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusGrp:hover {
  font-weight: bold;
  background: 0% 0% no-repeat padding-box var(--popover-hover-color);
  cursor: pointer;
  opacity: 1;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatusGrp:hover span {
  display: block;
}

.ccf-agent-state_agentStatusSelection__eT92h .labelAllCodes {
  color: var(--color-grey);
  opacity: 1;
  padding-left: 8px;
  top: 329px;
  left: 988px;
  width: 108px;
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/13px var(--font-family);
  letter-spacing: 0px;
  text-transform: capitalize;
  opacity: 1;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatus {
  overflow: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 8px;
  width: 265px;
  height: 40px;
}

.ccf-agent-state_agentStatusSelection__eT92h .unavailableStatus:hover {
  transition: ease 0.1s;
}

[dir=ltr] .ccf-agent-state_agentStatusSelection__eT92h .unavailableStatus:hover {
  transform: translate(5px);
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .unavailableStatus:hover {
  transform: translate(-5px);
}

.ccf-agent-state_agentStatusSelection__eT92h .hoverButton {
  top: 60px;
  left: 368px;
  width: 165px;
  height: 40px;
  background: 0% 0% no-repeat padding-box var(--popover-hover-color);
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  opacity: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .displayHoverButton {
  margin: 3px 4px 4px 4px;
}

.ccf-agent-state_agentStatusSelection__eT92h .hoverButtonIconText {
  justify-content: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .hoverButtonText {
  top: 70px;
  left: 405px;
  height: 19px;
  vertical-align: middle;
  font: normal normal 600 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-tint-shade);
  opacity: 1;
  padding-left: 5px;
}

.ccf-agent-state_agentStatusSelection__eT92h .stateSelected {
  height: 47px;
  text-align: left;
  font: normal normal normal 13px/18px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-white);
  opacity: 1;
  display: flex;
  align-items: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfile {
  top: 60px;
  left: 987px;
  width: 272px;
  height: 39px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border-radius: 6px;
  opacity: 1;
  display: flex;
  align-items: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfile:hover {
  background: 0% 0% no-repeat padding-box var(--popover-hover-color);
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfileText {
  top: 70px;
  left: 1037px;
  height: 19px;
  text-align: left;
  font: normal normal 600 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
  margin-left: 10px;
  width: 100%;
}

[dir=ltr] .ccf-agent-state_agentStatusSelection__eT92h .myProfileText {
  text-align: left;
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .myProfileText {
  text-align: right;
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfileText:hover {
  font-weight: bold;
  cursor: pointer;
  transition: ease-in 0.1s;
}

[dir=ltr] .ccf-agent-state_agentStatusSelection__eT92h .myProfileText:hover {
  transform: translate(5px);
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .myProfileText:hover {
  transform: translate(-5px);
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfileTextForRightOrientation {
  width: 233px;
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfileTextForLeftOrientation {
  width: 70px;
}

.ccf-agent-state_agentStatusSelection__eT92h .seperatorLine {
  top: 103px;
  left: 987px;
  width: 271px;
  height: 0px;
  border-bottom: 1px solid var(--header-drag-color);
  opacity: 0.15;
}

.ccf-agent-state_agentStatusSelection__eT92h .allStatus {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
}

.ccf-agent-state_agentStatusSelection__eT92h .myProfileAvatar {
  color: var(--color-mine-shaft);
  width: 30px;
  height: 30px;
  background: 0% 0% no-repeat padding-box var(--color-background-my-profile-avatar);
  opacity: 1;
  margin-left: 10px;
  font: normal normal 600 16px/22px var(--font-family);
}

.ccf-agent-state_agentStatusSelection__eT92h .logout {
  top: 518px;
  left: 987px;
  width: 272px;
  height: 39px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border-radius: 6px;
  opacity: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ccf-agent-state_agentStatusSelection__eT92h .logout:hover {
  background: 0% 0% no-repeat padding-box var(--popover-hover-color);
}

[dir=ltr] .ccf-agent-state_agentStatusSelection__eT92h .logOutIcon {
  margin-left: 7px;
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .logOutIcon {
  margin-right: 3px;
}

[dir=rtl] .ccf-agent-state_agentStatusSelection__eT92h .logOutIcon {
  transform: rotate(180deg);
}

.ccf-agent-state_agentStatusSelection__eT92h .logoutText {
  top: 526px;
  left: 1017px;
  width: 53px;
  height: 19px;
  text-align: left;
  font: normal normal 600 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
  margin-left: 10px;
}

.ccf-agent-state_agentStatusSelection__eT92h .iconAvailable {
  top: 357px;
  left: 989px;
  width: 18px;
  height: 18px;
  fill: var(--color-green);
  opacity: 1;
  vertical-align: middle;
}

.ccf-agent-state_agentStatusSelection__eT92h .iconUnavailable {
  top: 357px;
  left: 989px;
  width: 18px;
  height: 18px;
  fill: var(--color-red);
  opacity: 1;
}

.ccf-agent-state_agentStatusSelection__eT92h .avatarMain {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}

.ccf-agent-state_agentStatusSelection__eT92h .avatarHeader {
  background-color: var(--color-white);
  height: 30px;
  width: 30px;
  align-items: center;
  align-self: center;
}

.ccf-agent-state_agentStatusSelection__eT92h .avatarText {
  width: 18px;
  height: 22px;
  text-align: center;
  font: normal normal 600 16px/22px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-agent-state_agentStatusSelection__eT92h .badgeAvatarIcon {
  width: 17px;
  height: 17px;
}

.ccf-agent-state_agentStatusSelection__eT92h .fillGreen {
  fill: var(--color-green);
}

.ccf-agent-state_agentStatusSelection__eT92h .fillRed {
  fill: var(--color-red);
}

.ccf-agent-state_agentStatusSelection__eT92h .ccf-agent-state_fillYellow__uCHlM {
  fill: #ffb000;
}

.ccf-agent-state_avatarFontSize__ynTcM {
  font-size: 16px !important;
  font-weight: 600;
}

@media (max-width: 768px) {
  .ccf-agent-state_agentStatusSelection__eT92h {
    justify-content: flex-end;
    width: 130px;
  }
}
.login-container_loginContainer__KFypJ {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url(c7182e12c3b46568.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.login-container_logoStyling__BqeP8 {
  height: 40px;
  margin-bottom: 30px;
}
.login-stage-one_stageOneCard__sP02P {
  width: fit-content;
  min-width: 368px;
  text-align: center;
  padding: 16px 0px;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_header__T5X30 {
  padding: 0 0 16px 0;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_title__o\+67g {
  font-size: 18px;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_actions__k6Jmg {
  padding: 0px 24px 0;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_content__le1Dn {
  padding: 0px 24px 24px;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_nextButtonDisabledStyle__e1C4v {
  box-shadow: none;
  background-color: var(--bg-white);
  border: 1px solid var(--color-border);
  color: var(--grey-color);
  box-shadow: none !important;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_nextButtonStyling__lWeIt {
  border: 1px solid var(--badge-bg);
  color: #ffffff;
  background-color: #007cbe;
  box-shadow: none !important;
}
.login-stage-one_stageOneCard__sP02P .login-stage-one_nextButtonStyling__lWeIt:hover {
  color: #ffffff;
  background-color: rgb(0, 86, 133);
}
@media (max-width: 600px) {
  .login-stage-one_stageOneCard__sP02P {
    width: fit-content;
    max-width: 368px;
  }
}
.login-stage-two_stageTwoCard__fLved {
  width: fit-content;
  min-width: 368px;
  text-align: center;
  padding: 16px 0px;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_header__lbABw {
  padding: 0 0 16px 0;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_title__25hJj {
  font-size: 18px;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_actions__Qq041 {
  padding: 0 16px;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_backButtonIcon__qAXSy > *:first-child {
  font-size: 12px;
  color: var(--color-dark-greyish-blue);
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_primaryButtonDisabledStyle__dU-pO {
  box-shadow: none !important;
  background-color: var(--bg-white);
  border: 1px solid var(--color-border);
  color: var(--grey-color);
  margin-left: 8px;
}
[dir=rtl] .login-stage-two_stageTwoCard__fLved .login-stage-two_primaryButtonDisabledStyle__dU-pO {
  margin-left: 0;
  margin-right: 8px;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_primaryButtonStyling__97huK {
  border: 1px solid var(--badge-bg);
  color: #ffffff;
  background-color: #007cbe;
  margin-left: 8px;
}
[dir=rtl] .login-stage-two_stageTwoCard__fLved .login-stage-two_primaryButtonStyling__97huK {
  margin-left: 0;
  margin-right: 8px;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_primaryButtonStyling__97huK:hover {
  color: #ffffff;
  background-color: rgb(0, 86, 133);
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_secondaryButtonStyling__qJNm7 {
  box-shadow: 0px 1px 2px var(--input-box-shadow);
  border: 1px solid var(--secondary-button-border);
  border-radius: 2px;
  opacity: 1;
  color: var(--secondary-button-color);
  background-color: var(--badge-font);
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_linkCursor__Z9DYx {
  cursor: pointer;
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_rememberMeCheckbox__UZtZD {
  border-color: var(--color-border);
}
.login-stage-two_stageTwoCard__fLved .login-stage-two_content__M9bYB {
  padding-top: 0;
}
[dir=rtl] .login-stage-two_stageTwoCard__fLved .login-stage-two_rememberMePlaceHolder__OZ17B {
  margin-right: -28px;
}
@media (max-width: 600px) {
  .login-stage-two_stageTwoCard__fLved {
    width: fit-content;
    max-width: 368px;
  }
}
.footer_footer__JylUk {
  color: #ffffff;
  display: flex;
}
.footer_footer__JylUk p {
  display: inline-block;
  font-size: 12px;
}
.footer_footer__JylUk .footer_linkText__A-yuA {
  color: #ffffff;
  cursor: pointer;
  margin-left: 4px !important;
}
.marketing-panel_marketingPanel__SrRcr {
  height: 100%;
  background-color: #ffffff;
}
.marketing-panel_marketingPanel__SrRcr .marketing-panel_image__yxnwb {
  width: auto;
  height: 230px;
  margin: auto;
  margin-top: 70px;
}
.marketing-panel_marketingPanel__SrRcr .marketing-panel_title__O2pl2 {
  color: #000;
  font-family: "Lato";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 10px 0px;
  letter-spacing: 0;
}
.marketing-panel_marketingPanel__SrRcr .marketing-panel_subTitle__TYa4d {
  color: #10a0d5;
  font-family: "Lato";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 10px 0px;
  letter-spacing: 0;
}
.marketing-panel_marketingPanel__SrRcr .marketing-panel_content__XvmL4 {
  color: #333;
  font-family: "Lato";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0px;
  letter-spacing: 0;
}
.marketing-panel_marketingPanel__SrRcr .marketing-panel_actionButton__ba\+dG {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 22px;
  height: 46px;
  background: #60c6fa;
  border-radius: 23px;
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #1f3b4c;
}
@media (-webkit-device-pixel-ratio > 1.25) {
  .marketing-panel_marketingPanel__SrRcr .marketing-panel_image__yxnwb {
    height: 220px;
    margin-top: 20px !important;
    background-size: auto !important;
  }
  .marketing-panel_marketingPanel__SrRcr .marketing-panel_registerNowButtonBlock__af6WE {
    margin-top: -15px;
  }
}
@media screen and (min-width: 1600px) {
  .marketing-panel_marketingPanel__SrRcr .marketing-panel_image__yxnwb {
    height: 310px;
  }
}
.ccf-unified-inbox_dFlex__PDkKR {
  display: flex;
}

.ccf-unified-inbox_container__\+22vb {
  display: block;
  height: calc(100% - 1px);
  position: relative;
}

.ccf-unified-inbox_assignementContainer__tHt9f {
  display: flex;
  flex-direction: row;
  height: inherit;
}

.ccf-unified-inbox_container__\+22vb .expandedInbox {
  background-color: rgb(227, 233, 238);
  transition: all 0.3s ease;
  width: 100%;
}

.ccf-unified-inbox_container__\+22vb .collapsedInbox {
  width: 64px;
  background-color: rgb(227, 233, 238);
  transition: all 0.3s ease;
}

.ccf-unified-inbox_container__\+22vb .assignmentHeaderExpanded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

[dir=rtl] .ccf-unified-inbox_container__\+22vb .assignmentHeaderExpanded {
  padding-right: 8px;
}

[dir=ltr] .ccf-unified-inbox_container__\+22vb .assignmentHeaderExpanded {
  padding-left: 8px;
}

.ccf-unified-inbox_container__\+22vb .assignmentHeaderCollapsed {
  height: 150px;
  display: flex;
  justify-content: space-evenly;
  -webkit-box-align: center;
  padding: 11px 0 10px 0;
  align-items: center;
  flex-direction: column-reverse;
}

[dir=rtl] .ccf-unified-inbox_container__\+22vb .assignmentHeaderCollapsed {
  padding-right: 8px;
}

[dir=ltr] .ccf-unified-inbox_container__\+22vb .assignmentHeaderCollapsed {
  padding-left: 8px;
}

.ccf-unified-inbox_container__\+22vb .expandIcon {
  cursor: pointer;
}

[dir=rtl] .ccf-unified-inbox_container__\+22vb .expandIcon {
  transform: rotate(180deg);
}

.ccf-unified-inbox_container__\+22vb .collapseIcon {
  cursor: pointer;
}

[dir=ltr] .ccf-unified-inbox_container__\+22vb .collapseIcon {
  transform: scale(-1, -1);
}

[dir=rtl] .ccf-unified-inbox_container__\+22vb .collapseIcon {
  transform: scale(1, 1);
}

.ccf-unified-inbox_container__\+22vb .assignmentLabel {
  font: normal normal bold 12px/17px var(--font-family);
  letter-spacing: 0px;
  color: var(--sidebar-item-color);
  opacity: 1;
  margin-right: 12px;
}

.ccf-unified-inbox_container__\+22vb .cardsConatiner {
  height: 91%;
  overflow: auto;
  padding-top: 1px;
}

.ccf-unified-inbox_container__\+22vb .cardContainerExpanded {
  width: 229px;
  overflow: auto;
  padding-top: 0.063rem;
  scrollbar-width: none;
  width: inherit;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
}

.ccf-unified-inbox_container__\+22vb .cardContainerCollpased {
  width: 68px;
  overflow: auto;
  padding-top: 0.063rem;
  scrollbar-width: none;
  height: 60vh;
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
}

.ccf-unified-inbox_container__\+22vb .noAssignmentDivCollapsed {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ccf-unified-inbox_container__\+22vb .noAssignmentDivExpanded {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.ccf-unified-inbox_container__\+22vb .noAssignmentTextCommon {
  letter-spacing: 0px;
  color: var(--color-no-assignment-text);
  opacity: 1;
}

.ccf-unified-inbox_container__\+22vb .noAssignmentCollpased {
  font: normal normal 600 10px/14px var(--font-family);
}

.ccf-unified-inbox_container__\+22vb .noAssignmentExpanded {
  font: normal normal 600 14px/24px var(--font-family);
}

.ccf-unified-inbox_container__\+22vb .inboundOutboundIcons {
  display: block;
  margin: auto;
}

.ccf-unified-inbox_container__\+22vb .MuiIconButton-root.popOverOverflow {
  padding: 0;
}

.ccf-unified-inbox_container__\+22vb .controlPanelContainer {
  margin-top: 12px;
}

[dir=rtl] .ccf-unified-inbox_container__\+22vb .controlPanelContainer {
  margin-right: 16px;
}

[dir=ltr] .ccf-unified-inbox_container__\+22vb .controlPanelContainer {
  margin-left: 16px;
}

.ccf-unified-inbox_callConferenceContainer__2WJ8Z {
  margin-left: 8px;
  margin-top: 6px;
  margin-bottom: 8px;
}

.ccf-unified-inbox_sortingPopoverContainer__hYZBj {
  box-sizing: border-box;
  width: 187px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 15px;
}

.ccf-unified-inbox_headerSection__kgJ7\+ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.ccf-unified-inbox_headerTitle__ZLM\+8 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 125%;
  text-align: center;
  color: #191919;
}

.ccf-unified-inbox_sortByIcon__rmXlW {
  width: 17px;
  height: 16px;
  cursor: pointer;
}

.ccf-unified-inbox_sortByAsc__4ufKC {
  transform: rotate(0deg);
}

.ccf-unified-inbox_sortByDesc__rWAQX {
  transform: rotate(180deg);
}

.ccf-unified-inbox_BtnContainer__zVjPE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  cursor: pointer;
}

.ccf-unified-inbox_btn__IBSlz {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.ccf-unified-inbox_btnText__UE4En {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.ccf-unified-inbox_CancelButton__7GbmZ {
  width: 66px;
  height: 32px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
  color: #004466;
}

.ccf-unified-inbox_saveButton__5N4so {
  width: 80px;
  height: 32px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
  color: #ffffff;
}

.ccf-unified-inbox_saveButton__5N4so:hover {
  background: #007ab8;
  cursor: pointer;
}

.ccf-unified-inbox_dropdown__fnaBH {
  width: 100%;
  height: 40px;
}

.ccf-unified-inbox_selectDrpdown__sw-VI {
  width: 72px;
  height: 16px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #333333;
}

.ccf-unified-inbox_arrowIconForDropdown__6y4Pk {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-unified-inbox_arrowIconForDropdown__6y4Pk {
  left: 10px;
}

[dir=ltr] .ccf-unified-inbox_arrowIconForDropdown__6y4Pk {
  right: 10px;
}

@media (max-width: 600px) {
  .ccf-unified-inbox_container__\+22vb .cardContainerExpanded {
    width: 100%;
  }
}
.ccf-inbox-cards_dFlex__xjCOr {
  display: flex;
}

.ccf-inbox-cards_card__pzKvY .active {
  background-color: var(--color-landing-background);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 8px;
  box-shadow: none;
  color: var(--card-active-timer);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .active {
  border-left: 4px solid var(--active-inbox-card-border);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .active {
  border-top-right-radius: 0px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .active {
  border-bottom-right-radius: 0px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .active {
  margin-left: 8px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .active {
  border-right: 4px solid var(--active-inbox-card-border);
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .active {
  border-top-left-radius: 0px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .active {
  border-bottom-left-radius: 0px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .active {
  margin-right: 8px;
}

.ccf-inbox-cards_card__pzKvY .greenActive {
  background-color: var(--color-landing-background);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 8px;
  box-shadow: none;
  color: var(--card-active-timer);
}

.ccf-inbox-cards_card__pzKvY .inactive {
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border-radius: 4px;
  margin-bottom: 8px;
  color: var(--card-active-timer);
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .inactive {
  margin-left: 4px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .inactive {
  margin-right: 8px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .inactive {
  margin-left: 8px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .inactive {
  margin-right: 4px;
}

.ccf-inbox-cards_card__pzKvY .sectionTop {
  display: flex;
}

.ccf-inbox-cards_card__pzKvY .cardLeft {
  width: 155px;
  padding: 8px 9px 0px 9px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.ccf-inbox-cards_card__pzKvY .customerName {
  font: normal normal bold 14px/19px var(--font-family);
  display: block;
  padding: 2px;
  letter-spacing: 0px;
}

.ccf-inbox-cards_card__pzKvY .leftImage {
  vertical-align: bottom;
  font-size: 20px;
}

.ccf-inbox-cards_emailIcon__AeL4u {
  vertical-align: bottom;
  font-size: 20px;
  color: var(--history-inactive-status) !important;
}

.ccf-inbox-cards_card__pzKvY .phoneOutbound {
  fill: var(--phone-outbound-icon);
  width: 12.3px;
  height: 13.8px;
  vertical-align: bottom;
}

.ccf-inbox-cards_card__pzKvY .phoneOutboundCollapsed {
  fill: var(--phone-outbound-icon);
  width: 19px;
  height: 19px;
}

.ccf-inbox-cards_card__pzKvY .phoneNumber {
  font: normal normal normal 13px/18px var(--font-family);
  margin: 5px;
  padding: 2px;
  letter-spacing: 0px;
}

.ccf-inbox-cards_card__pzKvY .channelDetail1 {
  font: normal normal normal 14px/19px var(--font-family);
  padding: 2px;
  letter-spacing: 0px;
}

.ccf-inbox-cards_card__pzKvY .channelDetail {
  font: normal normal 600 12px/17px var(--font-family);
  color: var(--color-tint-shade);
  padding: 2px;
  letter-spacing: 0px;
}

.ccf-inbox-cards_card__pzKvY .channelDetailEllipsis {
  font: normal normal 600 12px/17px var(--font-family);
  color: var(--color-tint-shade);
  padding: 2px;
  letter-spacing: 0px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.ccf-inbox-cards_card__pzKvY .cardDivider {
  background-color: var(--card-divider);
  height: 56px;
  margin-top: 12px;
}

.ccf-inbox-cards_card__pzKvY .cardRight {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  padding: 10px 0px 5px 0px;
  justify-content: center;
}

.ccf-inbox-cards_card__pzKvY .rightImage {
  font-size: 28px;
  display: block;
}

.ccf-inbox-cards_card__pzKvY .digitalRightImage {
  font-size: 38px;
  display: block;
}

.ccf-inbox-cards_card__pzKvY .timer {
  font: normal normal bold 14px/19px var(--font-family);
  padding: 2px;
}

.ccf-inbox-cards_card__pzKvY .activeTimer {
  font: normal normal bold 13px/18px var(--font-family);
  padding: 2px;
}

.ccf-inbox-cards_card__pzKvY .digitalCollapsedTimer {
  padding-top: 7px;
}

.ccf-inbox-cards_card__pzKvY .MuiButtonBase-root.MuiButton-root.MuiButton-contained {
  border-radius: 3px;
  text-transform: capitalize;
  font-size: 14px;
}

.ccf-inbox-cards_card__pzKvY .MuiButtonBase-root.MuiButton-root.MuiButton-contained.niceDefaultBtn {
  margin: 9px;
  padding: 9px 20px;
  color: var(--button-default);
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  box-shadow: 0px 1px 0px var(--color-border);
  font: normal normal 600 14px/19px var(--font-family);
}

.ccf-inbox-cards_card__pzKvY .MuiButtonBase-root.MuiButton-root.MuiButton-contained.nicePrimaryBtn {
  padding: 9px 20px;
  color: var(--color-white);
  background-color: var(--button-primary);
  box-shadow: 0px 2px 0px var(--button-primary-shadow);
  font: normal normal 600 14px/19px var(--font-family);
}

.ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
  width: 59px;
  height: 80px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  background-color: var(--color-landing-background);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
  margin-left: 8px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
  margin-right: 8px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
  border-right: 4px solid var(--active-inbox-card-border);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
  border-left: 4px solid var(--active-inbox-card-border);
}

.ccf-inbox-cards_card__pzKvY .inactiveCardCollapsed {
  width: 48px;
  height: 80px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--card-divider);
  background-color: var(--color-white);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .inactiveCardCollapsed {
  margin-left: 8px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .inactiveCardCollapsed {
  margin-right: 4px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .inactiveCardCollapsed {
  margin-right: 8px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .inactiveCardCollapsed {
  margin-left: 4px;
}

.ccf-inbox-cards_notificationBadge__InjgE {
  background-color: var(--red-badge);
  height: 12px;
  min-width: 12px;
  border-radius: 6px;
}

.ccf-inbox-cards_card__pzKvY .rejected {
  height: 140px;
  width: 221px;
  box-shadow: none;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .rejected {
  border-right: 4px solid var(--reject);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .rejected {
  border-left: 4px solid var(--reject);
}

.ccf-inbox-cards_card__pzKvY .rejectIcon {
  font-size: 28px;
  fill: var(--reject);
}

.ccf-inbox-cards_card__pzKvY .rejectText {
  font: normal normal bold 18px/24px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-pop-over-text);
  vertical-align: super;
}

.ccf-inbox-cards_card__pzKvY .rejectAnimation {
  height: 140px;
  width: 221px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  animation-duration: 1s;
  animation-name: ccf-inbox-cards_slidein__WG4A6;
}

@keyframes ccf-inbox-cards_slidein__WG4A6 {
  from {
    width: 95%;
  }
  to {
    width: 100%;
  }
}

.ccf-inbox-cards_card__pzKvY .hangUpContainer {
  width: 220px;
  height: 150px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: none;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .hangUpContainer {
  border-radius: 0px 4px 4px 0px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .hangUpContainer {
  border-radius: 4px 0px 0px 4px;
}

.ccf-inbox-cards_card__pzKvY .hungUpClass {
  height: 70px !important;
  transition: all 0.35s ease-out;
}

.ccf-inbox-cards_card__pzKvY .hungUpIcon {
  font-size: 28px;
  fill: var(--color-green);
}

.ccf-inbox-cards_card__pzKvY .hungUpText {
  text-align: left;
  font: normal normal bold 18px/24px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-pop-over-text);
  vertical-align: super;
}

.ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  animation-duration: 1.5s;
  animation-delay: 1s;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  border-right: 4px solid var(--color-green);
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  border-left: 4px solid var(--color-green);
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  margin-right: 8px;
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  margin-left: 8px;
}

[dir=rtl] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  animation-name: "hungUpslideinForRtr";
}

[dir=ltr] .ccf-inbox-cards_card__pzKvY .hungUpAnimation {
  animation-name: "hungUpslideinForLtr";
}

@keyframes ccf-inbox-cards_hungUpslideinForLtr__itqII {
  to {
    margin-left: 100%;
  }
}

@keyframes ccf-inbox-cards_hungUpslideinforRtl__VDVAW {
  to {
    margin-right: 100%;
  }
}

.ccf-inbox-cards_buttonWrapper__Q5Yej {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}

.ccf-inbox-cards_MuiButton-contained__Fmxue {
  height: 30px;
  cursor: pointer;
}

.ccf-inbox-cards_tooltipHeader__MwR2j {
  color: var(--color-white);
  font: normal normal 600 10px/17px var(--font-family) !important;
  letter-spacing: 0px !important;
  opacity: 1 !important;
}

.ccf-inbox-cards_tooltipButton__7ERwT {
  height: 30px;
  cursor: pointer;
}

.ccf-inbox-cards_tooltipHelperText__ePXbX {
  font-size: 12px !important;
}

.ccf-inbox-cards_card__pzKvY .activeCardCollapsed .callStatusWrapper {
  padding-top: 5px;
}

.ccf-inbox-cards_card__pzKvY .carControlPanelContainer {
  margin: 0px 3px 8px 3px;
}

.ccf-inbox-cards_card__pzKvY .carControlPanelWorkingOB {
  width: 213px;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  margin: 0px 3px 0px 3px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}

.ccf-inbox-cards_card__pzKvY .rescheduleLink {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.ccf-inbox-cards_card__pzKvY .rescheduleLink p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #007cbe;
  cursor: pointer;
  text-decoration: underline;
}

.ccf-inbox-cards_elevatedCard__NQJVV {
  display: flex;
  flex-direction: row;
  width: 213px;
  height: 68px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 8px;
  opacity: 0px;
  border: 1px solid var(--color-border);
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  margin: 0px 3px 8px 3px;
}

.ccf-inbox-cards_elevatedCard__NQJVV .ccf-inbox-cards_elvationDetails__2L0UI {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border-right: 1px solid #d2d8db;
}

.ccf-inbox-cards_elevatedCard__NQJVV .ccf-inbox-cards_elvationDetails__2L0UI .ccf-inbox-cards_elevationId__p1cDG {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  text-align: left;
}

.ccf-inbox-cards_elevatedCard__NQJVV .ccf-inbox-cards_elvationDetails__2L0UI .ccf-inbox-cards_elevationTxt__Tq--h {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.34px;
  text-align: left;
  color: #767676;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.ccf-inbox-cards_elevatedCard__NQJVV .ccf-inbox-cards_elevationIcon__fGfeT {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 900px) {
  .ccf-inbox-cards_card__pzKvY .activeCardCollapsed {
    width: 52px !important;
  }
}
.ccf-app-navigation_sidebarItemIconColor__myk-t {
  color: var(--sidebar-item-color) !important;
}

.ccf-app-navigation_sidebarItemIconActiveColor__r3yv2 {
  color: var(--badge-bg) !important;
}

.ccf-app-navigation_sidebarItemIconHealthColor__ZipOO {
  color: var(--sidebar-item-health-color);
}

.ccf-app-navigation_sidebarItemBadge__S4lE2 {
  height: 16px !important;
  min-width: 16px !important;
  font-size: 9px !important;
  padding: 1px 2px 0px 2px !important;
  border: 2px solid var(--sidebar-item-bg);
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  color: var(--left-navbar-bg);
}

.ccf-app-navigation_bottomList__SRdk6 {
  position: absolute !important;
  bottom: 0px;
}

.ccf-app-navigation_conversationMenuColor__RQ-3g {
  fill: none;
  stroke: var(--color-overflow-icon);
}

.ccf-app-navigation_conversationActiveMenuColor__QMxT2 {
  fill: none;
  stroke: var(--button-primary);
}

.ccf-app-navigation_sidebarContainer__9XE\+w {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 7px;
  border-right: 1px solid #dae2e8;
  flex-shrink: 0;
  background-color: rgb(255, 255, 255);
  -webkit-box-pack: center;
  opacity: 1;
}

.ccf-app-navigation_sidebar__-26Eg {
  position: static;
  flex-shrink: 0;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: static;
}

@media (max-width: 1020px) {
  .ccf-app-navigation_sidebarContainer__9XE\+w {
    width: 100%;
    background-color: rgb(242, 242, 242);
    padding: 4px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .ccf-app-navigation_sidebar__-26Eg {
    width: 90%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
}
.ccf-customer-card_contactCardContainer__5Spju {
  width: 100%;
  height: 100%;
  background: var(--sidebar-item-bg) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ccf-customer-card_contactCardSection__\+leoj {
  height: inherit;
}

.ccf-customer-card_contactCard__3GITu {
  margin: 8px 0px;
  width: 100%;
  background: var(--left-navbar-bg) 0% 0% no-repeat padding-box;
  opacity: 1;
  transition: all 0.5s ease;
}

.ccf-customer-card_contactDetails__fxtMS {
  overflow-y: auto;
  max-height: 56vh;
  margin: 0px 12px;
}

.ccf-customer-card_contactDetails__fxtMS {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.ccf-customer-card_contactDetails__fxtMS::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
  height: 95%;
}

.ccf-customer-card_appSpaceHeader__Ubi8G {
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-grey-85);
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
  height: 30px;
}

.ccf-customer-card_tabsContainer__70HTz {
  height: 39px !important;
  min-height: 39px !important;
  background: var(--color-alice-blue) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #cbcbcb;
}

.ccf-customer-card_tabContentSection__tlVvC {
  height: calc(100% - 69px);
}

.ccf-customer-card_activeTabIndicator__jdxwr {
  background-color: var(--button-primary) !important;
}

.ccf-customer-card_tab__nHSIj {
  min-width: 45px !important;
  max-width: 49px !important;
  margin: 1px 5px !important;
  margin: 0px 1px;
  color: var(--color-overflow-icon) !important;
}

.ccf-customer-card_tabSelected__zdRPK {
  color: var(--button-primary) !important;
}

.ccf-customer-card_tabicon__B8CiX {
  margin-top: -4px;
}

/* contact card inner scroll height based on responsive screen */

@media only screen and (min-height: 650px) and (max-height: 667px) {
  .ccf-customer-card_contactDetails__fxtMS {
    max-height: 60vh;
  }
}

@media only screen and (min-height: 668px) and (max-height: 768px) {
  .ccf-customer-card_contactDetails__fxtMS {
    max-height: 61vh;
  }
}

@media only screen and (min-height: 769px) and (max-height: 860px) {
  .ccf-customer-card_contactDetails__fxtMS {
    max-height: 65vh;
  }
}

@media only screen and (min-height: 861px) and (max-height: 959px) {
  .ccf-customer-card_contactDetails__fxtMS {
    max-height: 69vh;
  }
}

@media only screen and (min-height: 960px) {
  .ccf-customer-card_contactDetails__fxtMS {
    max-height: 80vh;
  }
}
.ccf-customer-card-profile-info_profileInfo__vDPzq {
  flex-direction: column;
  display: flex;
  align-items: center;
  margin: 0px 12px;
}

.ccf-customer-card-profile-info_accountId__kC0rT {
  padding-top: 9px;
  text-align: left;
  font: normal normal normal 14px/18px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-account-id);
  opacity: 1;
}

.ccf-customer-card-profile-info_accountName__NyZro {
  padding-bottom: 6px;
  text-align: left;
  font: normal normal bold 21px/28px Open Sans;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-card-profile-info_bottomBorder__boZ2m {
  border-bottom: 1px solid var(--bottom-divider);
  opacity: 0.5;
  width: 100%;
}

.ccf-customer-card-profile-info_viewCRmLink__T1BeE {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  color: #333333;
}
.ccf-customer-card-address_dFlex__iqVnY {
  display: flex;
}

.ccf-customer-card-address_expandedIcon__bmOkk {
  transform: rotate(180deg) !important;
}

.ccf-customer-card-address_collapsedIcon__L4zM1 {
  transform: rotate(180deg) !important;
}

.ccf-customer-card-address_addressInfo__PUfbq {
  display: flex;
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
  padding-top: 10px;
}

[dir=ltr] .ccf-customer-card-address_addressInfo__PUfbq {
  padding-left: 28px;
}

[dir=rtl] .ccf-customer-card-address_addressInfo__PUfbq {
  padding-right: 15px;
}

.ccf-customer-card-address_editIcon__z7Ve0 {
  margin-left: auto;
  width: 50%;
  text-align: end;
}

.ccf-customer-card-address_editIconBtn__is01W {
  padding: 0px !important;
}

.ccf-customer-card-address_addressExpandIcon__oV0gJ {
  position: absolute !important;
  top: 3px !important;
}

[dir=rtl] .ccf-customer-card-address_addressExpandIcon__oV0gJ {
  right: 5px;
}

[dir=ltr] .ccf-customer-card-address_addressExpandIcon__oV0gJ {
  left: -12px;
}

.ccf-customer-card-address_addressContent__BTdrI {
  margin: 15px 0px 0px 15px !important;
  font: normal normal 600 14px/19px Open Sans;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-card-address_contactAddress__ExHu0 {
  width: 100%;
}

[dir=rtl] .ccf-customer-card-address_contactAddress__ExHu0 {
  padding-right: 32px;
}

[dir=ltr] .ccf-customer-card-address_contactAddress__ExHu0 {
  padding-left: 10px;
}

.ccf-customer-card-address_addressTitle__\+idXQ {
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-card-address_addressDetails__njwkA {
  padding: 0px !important;
  display: flex;
  flex-direction: column;
}

.ccf-customer-card-address_addressHeader__5kpPg {
  min-height: 20px !important;
}

.ccf-customer-card-address_addressContainer__sKGjU {
  padding-bottom: 14px;
  box-shadow: none !important;
  margin: 0px !important;
}

.ccf-customer-card-address_addressContainer__sKGjU :not(:last-child) {
  border-bottom: 0;
}

.ccf-customer-card-address_addressContainer__sKGjU :before {
  display: none;
}

.ccf-customer-card-address_bottomBorder__M-0Ew {
  border-bottom: 1px solid var(--bottom-divider);
  opacity: 0.5;
  width: 100%;
}
.ccf-customer-card-history_dFlex__uu9rz {
  display: flex;
}

.ccf-customer-card-history_expandedIcon__0a3Hb {
  transform: rotate(180deg) !important;
}

.ccf-customer-card-history_collapsedIcon__98bwi {
  transform: rotate(180deg) !important;
}

.ccf-customer-card-history_historyExpandIcon__SApZZ {
  position: absolute !important;
  top: 3px !important;
}

[dir=rtl] .ccf-customer-card-history_historyExpandIcon__SApZZ {
  right: 5px;
}

[dir=ltr] .ccf-customer-card-history_historyExpandIcon__SApZZ {
  left: -12px;
}

.ccf-customer-card-history_contactHistoryContent__bB0wo {
  font: normal normal 600 14px/19px Open Sans;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

[dir=ltr] .ccf-customer-card-history_contactHistoryContent__bB0wo {
  margin: 15px 0px 0px 15px !important;
}

[dir=rtl] .ccf-customer-card-history_contactHistoryContent__bB0wo {
  margin: 15px 0px 0px !important;
}

.ccf-customer-card-history_contactHistoryDetails__oGn7V {
  padding: 0px 7px !important;
  margin-top: 5px !important;
  display: flex;
  flex-direction: column;
}

.ccf-customer-card-history_contactHistoryHeader__hhodQ {
  min-height: 20px !important;
  padding: 0px !important;
}

.ccf-customer-card-history_contacthistory__ItmVc {
  padding-bottom: 15px;
  box-shadow: none !important;
  margin: 0px !important;
}

.ccf-customer-card-history_contacthistory__ItmVc :not(:last-child) {
  border-bottom: 0;
}

.ccf-customer-card-history_contacthistory__ItmVc :before {
  display: none;
}

.ccf-customer-card-history_contactHistoryInfo__BjB8\+ {
  width: 100%;
}

[dir=rtl] .ccf-customer-card-history_contactHistoryInfo__BjB8\+ {
  padding-right: 32px;
}

[dir=ltr] .ccf-customer-card-history_contactHistoryInfo__BjB8\+ {
  padding-left: 10px;
}

.ccf-customer-card-history_titleRow__5x9d3 {
  display: flex;
  width: 100%;
}

.ccf-customer-card-history_title__3Yfxo {
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-customer-card-history_entriesLabel__Qdh3L {
  text-align: center;
  font: normal normal 600 10px/14px Open Sans !important;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-customer-card-history_searchIcon__eZ33m {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}

.ccf-customer-card-history_searchIcon__eZ33m:hover {
  background-color: unset !important;
}

[dir=ltr] .ccf-customer-card-history_searchIcon__eZ33m {
  margin-left: auto;
}

[dir=rtl] .ccf-customer-card-history_searchIcon__eZ33m {
  margin-right: auto;
}

.ccf-customer-card-history_searchColor__R2yGr {
  color: var(--color-overflow-icon);
}

.ccf-customer-card-history_historyCount__43aGA {
  text-align: left;
  font: normal normal 600 10px/24px Open Sans !important;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-customer-card-history_titleDescription__JurjK {
  display: flex !important;
  flex-direction: row !important;
  margin-top: 5px !important;
  height: 15px !important;
}

.ccf-customer-card-history_titleDescription__JurjK div {
  margin-right: 5px !important;
  text-align: center;
  font: normal normal 600 10px/14px Open Sans;
  letter-spacing: 0px !important;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-customer-card-history_titleDescription__JurjK div span {
  position: relative;
  top: -6px;
  left: -4px;
}

.ccf-customer-card-history_statusCount__08BVK {
  position: relative !important;
  padding: 0px 5px !important;
}

.ccf-customer-card-history_statusCount__08BVK:hover {
  background-color: unset !important;
}

.ccf-customer-card-history_viewMorebtn__LnfQW {
  font: normal normal bold 11px/15px Open Sans !important;
  letter-spacing: 0px !important;
  color: var(--history-inactive-status) !important;
  text-transform: uppercase !important;
  opacity: 1;
  padding: 5px 8px 0px !important;
  width: 100%;
  top: 4px;
}

.ccf-customer-card-history_viewMorebtn__LnfQW:hover {
  background: none !important;
}

.ccf-customer-card-history_bottomBorder__46knd {
  border-bottom: 1px solid var(--bottom-divider);
  opacity: 0.5;
  width: 100%;
}

.ccf-customer-card-history_collapsedTitleDescription__C0x-3 {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  height: 15px;
}

.ccf-customer-card-history_collapsedTitleDescription__C0x-3 div {
  margin-right: 5px;
  text-align: center;
  font: normal normal 600 10px/14px Open Sans;
  letter-spacing: 0px;
  color: var(--contact-history-title-desc);
  opacity: 1;
}

.ccf-customer-card-history_collapsedTitleDescription__C0x-3 div span {
  position: relative;
  top: -6px;
  left: -4px;
}

.ccf-customer-card-history_hideSearch__ykpXi {
  text-align: left;
  font: normal normal bold 11px/15px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-inactive-status);
  text-transform: uppercase;
  opacity: 1;
  text-align: right;
  padding-left: 12px !important;
}

.ccf-customer-card-history_searchElementFocused__WWYYS {
  background-color: inherit !important;
}

.ccf-customer-card-history_searchBoxSection__lCSf\+ {
  display: flex !important;
  margin-top: 12px !important;
  width: 100% !important;
}

.ccf-customer-card-history_searchIconColor__7yX8N {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}

.ccf-customer-card-history_searchInput__C3yBT {
  background: rgba(247, 247, 247, 0.45) 0% 0% no-repeat padding-box;
  color: black;
  width: 97% !important;
  border: 1px solid var(--bottom-divider) !important;
  border-radius: 4px;
  height: 35px !important;
  margin-left: 1px;
}

.ccf-customer-card-history_searchInput__C3yBT fieldset {
  border-radius: 4px !important;
  padding: 2px 0 !important;
}

.ccf-customer-card-history_searchInput__C3yBT input {
  padding: 8px 8px 8px 0px !important;
  font-size: 14px;
}

.ccf-customer-card-history_filterBtn__QVKzL {
  width: 30px !important;
  height: 30px !important;
  margin: 2px 5px 3px 9px !important;
  min-width: 30px !important;
  background: var(--color-white) 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 1px 0px var(--color-light-grey) !important;
  border: 1px solid var(--navigation-border) !important;
  border-radius: 3px !important;
  opacity: 1;
}

.ccf-customer-card-history_selectDropdown__hZ9RX {
  width: 100px !important;
  height: 17px !important;
  background: rgba(228, 228, 228, 0.6) 0% 0% no-repeat padding-box !important;
  border-radius: 5px !important;
  font: normal normal bold 11px/15px Open Sans !important;
  letter-spacing: 0px !important;
  color: var(--button-default) !important;
  text-transform: uppercase;
  padding: 4px 10px !important;
}

[dir=rtl] .ccf-customer-card-history_selectDropdown__hZ9RX {
  text-align: right !important;
}

[dir=ltr] .ccf-customer-card-history_selectDropdown__hZ9RX {
  text-align: left !important;
}

.ccf-customer-card-history_selectDropdownIcon__5Q-2x {
  position: absolute !important;
}

[dir=rtl] .ccf-customer-card-history_selectDropdownIcon__5Q-2x {
  left: 0 !important;
}

[dir=ltr] .ccf-customer-card-history_selectDropdownIcon__5Q-2x {
  right: 0 !important;
}

[dir=rtl] .ccf-customer-card-history_selectDropdownIcon__5Q-2x {
  right: auto !important;
}

[dir=ltr] .ccf-customer-card-history_selectDropdownIcon__5Q-2x {
  left: auto !important;
}

.ccf-customer-card-history_categorySelectDropdown__lEgNC {
  margin-top: 12px !important;
}

.ccf-customer-card-history_searchContainer__wpfUt {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}

.ccf-customer-card-history_searchBox__z29sF {
  width: 100% !important;
}

.ccf-customer-card-history_historyDetails__8en6D {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 260px;
}

.ccf-customer-card-history_historyDetails__8en6D {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.ccf-customer-card-history_historyDetails__8en6D::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ccf-customer-history-card_cardDetails__n9EFL {
  display: flex;
  flex-direction: row;
  height: 64px;
  min-height: 64px;
  background: var(--history-card-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--box-shadow-color) !important;
  border-radius: 4px;
  opacity: 1;
  margin: 6px 2px 2px 2px;
}

.ccf-customer-history-card_details__C9Feb {
  display: flex;
  flex-direction: column;
  width: 77%;
}

.ccf-customer-history-card_content__QTEyg {
  flex: 1 0 auto;
}

.ccf-customer-history-card_cardContent__BECSt {
  padding: 7px 7px 9px 9px !important;
}

.ccf-customer-history-card_contentDetails__Ds4t5 {
  display: flex;
  flex-direction: column;
}

.ccf-customer-history-card_titleInfo__AG4Wf {
  display: flex;
  flex-direction: row;
}

.ccf-customer-history-card_titleTag__gne86 {
  display: flex;
  flex-direction: row;
  padding-top: 4px;
}

.ccf-customer-history-card_titleIcon__5vqaM {
  width: 17px !important;
  height: 16px !important;
  opacity: 1;
  color: var(--history-card-title) !important;
}

.ccf-customer-history-card_titleId__8SZ1A {
  font: normal normal 600 14px/19px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  font-weight: bold;
  padding: 0px 7px;
  white-space: nowrap;
  width: 185px;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.ccf-customer-history-card_titleDesc__\+7wsN {
  font: normal normal normal 11px/15px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  display: flex;
}

.ccf-customer-history-card_activeStatus__hqlui {
  width: 23%;
  border-radius: 0px 4px 4px 0px;
  opacity: 1;
  padding: 9px 0px;
  text-align: center;
  color: var(--history-active-status) !important;
}

.ccf-customer-history-card_inactiveStatus__Zs0QS {
  width: 23%;
  border-radius: 0px 4px 4px 0px;
  opacity: 1;
  padding: 6px 2px 4px 2px;
  text-align: center;
}

.ccf-customer-history-card_statusDivider__rgZhI {
  width: 2px;
  background: var(--history-status-divider) 0% 0% no-repeat padding-box;
  opacity: 1;
  margin: 5px 0px;
}

.ccf-customer-history-card_inactiveStatusIcon__9T08N {
  color: var(--history-inactive-status) !important;
  height: 18px !important;
  width: 20px !important;
  opacity: 1;
}

.ccf-customer-history-card_hidddenDateInfo__0XMMw {
  display: none;
  font: normal normal 600 9px/13px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-date);
  opacity: 1;
}

.ccf-customer-history-card_dateInfo__7QMxj {
  display: block;
  font: normal normal 600 9px/13px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-date);
  opacity: 1;
}

.ccf-customer-history-card_trackingId__8xAN\+ {
  text-align: left;
  font: normal normal 600 9px/13px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
}

.ccf-customer-history-card_agentName__cnlfQ {
  text-align: left;
  font: normal normal 600 9px/13px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
}

.ccf-customer-history-card_activeStatusId__HCAHJ {
  font: normal normal bold 14px/19px Open Sans !important;
  letter-spacing: 0px;
  opacity: 1;
  text-transform: uppercase;
}

.ccf-customer-history-card_inactiveStatusId__zIlj5 {
  font: normal normal bold 10px/14px Open Sans !important;
  letter-spacing: 0px;
  color: var(--history-inactive-statue-id);
  opacity: 0.75;
  text-transform: uppercase;
}

.ccf-customer-history-card_titleLogo__LPKFD {
  padding: 0px !important;
}

.ccf-customer-history-card_statusLogo__zF9v0 {
  padding: 0px !important;
}

.ccf-customer-history-card_activeStatusLogo__Sapgi {
  color: var(--history-active-status) !important;
  padding: 0px !important;
}
.ccf-voice-preference_voicePrefernceParent__QrrXO {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .loginContainer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url(c7182e12c3b46568.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .logoStyling {
  height: 40px;
  margin-bottom: 30px;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .voicePrefCardWrapper {
  padding: 1rem 1.5rem;
  padding-bottom: 0px;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .header {
  text-align: center;
  border-bottom: 1px solid var(--navigation-border);
  font-size: 18px;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .preferenceSelectorContainer
      .MuiFormControl-root
      .MuiFormGroup-root
      .MuiFormControlLabel-root {
  margin-right: 0;
  margin-left: 0;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO input::-webkit-outer-spin-button,
.ccf-voice-preference_voicePrefernceParent__QrrXO input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO input[type="number"] {
  -moz-appearance: textfield;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .buttonWrapper {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .rememberWrapper {
  width: 100%;
  text-align: left;
  max-height: 40px;
}

[dir=rtl] .ccf-voice-preference_voicePrefernceParent__QrrXO .rememberWrapper {
  margin-right: -55px;
  text-align: right;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .rememberWrapper .MuiTypography-body1 {
  font-size: 12px;
  color: #333;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .primaryButtonDisabledStyle {
  background-color: rgb(248, 250, 251) !important;
  border-color: rgb(218, 226, 232) !important;
  box-shadow: rgb(218, 226, 232) 0px 2px 0px !important;
  color: rgba(0, 0, 0, 0.26) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .primaryButtonStyling {
  border: 1px solid var(--badge-bg);
  color: #ffffff;
  background-color: #007cbe;
  box-shadow: none !important;
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .primaryButtonStyling:hover {
  color: #ffffff;
  background-color: rgb(0, 86, 133);
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .secondaryButtonStyling {
  box-shadow: 0px 1px 2px var(--input-box-shadow);
  border: 1px solid var(--secondary-button-border);
  border-radius: 2px;
  opacity: 1;
  color: var(--secondary-button-color);
  background-color: var(--badge-font);
}

.ccf-voice-preference_voicePrefernceParent__QrrXO .rememberMeCheckbox {
  border-color: var(--color-border);
}

.ccf-voice-preference_cardHeaderBox__RKGnV {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.75em;
  padding: 0rem 1.5rem;
}

.ccf-voice-preference_cardHeader__v501o {
  margin: 0px 0px 0px 0.75rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  padding: 0px;
  font-weight: 600;
  font-size: 1.085rem;
  text-transform: capitalize;
}

.ccf-voice-preference_dividerLine__-7LzV {
  margin: 0px;
  flex-shrink: 0;
  border-width: 0px 0px thin;
  border-style: solid;
  padding-top: 0.75em;
  border-color: rgb(227, 233, 238);
}

.ccf-voice-preference_cardWrapper__PR9uV {
  background-color: rgb(255, 255, 255);
  color: rgb(25, 28, 33);
  width: 300px;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 4px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(218, 226, 232);
  border-image: initial;
  z-index: 1;
  padding: 1rem 0rem;
}

.ccf-voice-preference_textFieldStyling__w51ss {
  padding-top: 0.75rem;
  text-transform: capitalize;
}
.ccf-directory_directoryIcon__xV\+uq {
  height: 18px;
  width: 18px;
  margin-top: 5px;
}

.ccf-directory_headerText__YaMfD {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #485e69;
}

.ccf-directory_mockDirectoryDashboard__ZQTPY {
  display: flex;
  flex-direction: row;
  height: 95%;
}

.ccf-directory_mockDirectoryLeftBlock__jN3uP {
  width: 20%;
  background: #e3e9ee;
  opacity: 0.7;
}

.ccf-directory_mockDirectoryRightBlock__CYok- {
  width: 80%;
  background: white;
}

.ccf-directory_searchBox__eW9QK {
  background: white;
  margin: 10px 5px 10px 5px;
  width: 95%;
}

.ccf-directory_searchInput__gIAkT {
  background: white;
  height: 35px !important;
}

.ccf-directory_searchInputBox__ptkhc {
  height: 35px !important;
}

.ccf-directory_customDropdown__vZ7xM {
  background: white;
  margin: 10px 5px 10px 5px;
  width: 95%;
  height: 30px;
  border: 1px solid #dae2e8;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
}

.ccf-directory_txtPeople__zWmlH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #808080;
}

.ccf-directory_dropdownIcon__qxihm {
  height: 10px;
  width: 10px;
  transform: rotate(270deg);
}

.ccf-directory_agentDataBlock__u3Ffz {
  display: flex;
  align-items: center;
  margin: 0px 15px 5px 15px;
  justify-content: space-between;
}

.ccf-directory_agentStatusBlock__dfqMo {
  display: flex;
  flex-direction: row;
  margin: 0 15px 10px 15px;
  align-items: center;
}

.ccf-directory_txtAgentBlock__UiUR1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  color: #404040;
}

.ccf-directory_txtStatus__3b0qB {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #555e71;
}

.ccf-directory_rightBlockHeader__MfzQo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  border: 1px solid #dee5ea;
}

.ccf-directory_rightBlockHeaderLeftSection__f7-ps {
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ccf-directory_agentHeaderName__L4QpH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  margin-right: 5px;
}

.ccf-directory_subTextHeader__uQBIY {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}

.ccf-directory_rightBlockHeaderRightSection__xjmM0 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ccf-directory_callBtn__bIydq {
  margin-right: 10px;
  height: 20px;
  background: white;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: row;
  align-items: center;
  filter: drop-shadow(0px 1px 0px #dde4e9);
}

.ccf-directory_txtCall__av377 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 15px;
  /* identical to box height */
  color: #616c75;
}

.ccf-directory_phoneIcon__toJKG {
  margin-right: 5px;
  font-size: 12px;
}

.ccf-directory_chatBox__O0YmQ {
  height: 65%;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-radius: 0px 0px 4px 4px;
  opacity: 1;
}

.ccf-directory_chatBoxContainer__S8Gg- {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid #dae2e8;
  border-radius: 4px;
  width: 100%;
  margin-top: 12px;
}

.ccf-directory_chatBoxHeader__M8XxE {
  background: #f5f8fa 0% 0% no-repeat padding-box;
  padding: 4px;
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #dae2e8;
  border-radius: 4px 4px 0px 0px;
}

.ccf-directory_chatBoxBody__tI8n0 {
  font: normal normal normal 11px/15px Open Sans;
  letter-spacing: 0px;
  color: #404040;
  opacity: 1;
  padding: 7px;
}

.ccf-directory_chatBoxBody__tI8n0 > .ccf-directory_title__ChX\+I {
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-directory_chatBoxBody__tI8n0 > .ccf-directory_title__ChX\+I > div > p {
  font: normal normal normal 11px/15px Open Sans;
}

.ccf-directory_chatContainer__QKvS1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 8px;
  justify-content: space-between;
}

.ccf-directory_chatBodyContainer__9kv3l {
  width: 100%;
  height: 390px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.ccf-disposition_dFlex__mbAr9 {
  display: flex;
}

.ccf-disposition_dispositionsDetails__7RvI9 {
  bottom: 0px;
  width: 326px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  opacity: 1;
  cursor: pointer;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 999;
}

.ccf-disposition_dispositionsDetailsForLiveCopilot__A62Dz {
  width: 652px !important;
  right: 200px;
}

.ccf-disposition_expandedDisposition__L3T6v {
  display: flex;
  flex-direction: column;
  height: fit-content;
  position: absolute;
  transition: all 0.3s ease;
  max-height: 84%;
}

.ccf-disposition_collapsedDisposition__NUz7x {
  position: absolute;
  float: right;
  transition: all 0.3s ease;
  display: none;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionsDetailsHeader {
  display: flex;
  align-items: center;
  width: 323px;
  min-height: 36px;
  background: 0% 0% no-repeat padding-box var(--color-alice-blue);
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
  border-bottom: 1px solid var(--color-border);
  flex-grow: 0;
}

@media only screen and (max-height: 620px) {
  .ccf-disposition_dispositionsDetails__7RvI9 .dispositionsDetailsHeader {
    min-height: 30px;
  }
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionsDetailsHeaderForLiveCopilot {
  width: 652px !important;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionsDetailsWrapper {
  overflow: auto;
}

.ccf-disposition_dispositionsDetails__7RvI9 .textOutcomes {
  display: flex;
  top: 772px;
  left: 640px;
  width: 260px;
  height: 19px;
  padding-top: 4px;
  font: normal normal 600 14px/11px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-fiord);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .doubleArrowIcon {
  color: 0% 0% no-repeat padding-box var(--color-shades-mischka);
}

.ccf-disposition_dispositionsDetails__7RvI9 .displayAccordionDetails {
  flex-grow: 1;
  overflow: auto;
  overflow-x: hidden;
  cursor: default;
  margin-bottom: 60px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionCardsAccordion {
  width: inherit;
  min-height: 59px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  letter-spacing: 0px;
  margin: 0 0 !important;
  box-shadow: none !important;
  background: 0% 0% no-repeat padding-box var(--color-shades-alice-blue);
  opacity: 0.75;
}

.ccf-disposition_dispositionsDetails__7RvI9 .MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}

.ccf-disposition_dispositionsDetails__7RvI9 .textForDispositionDetails {
  top: 308px;
  left: 622px;
  height: 19px;
  font: normal normal 600 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .subTextForDispositionDetails {
  top: 327px;
  left: 622px;
  height: 15px;
  font: normal normal normal 11px/15px var(--font-family);
  letter-spacing: 0px;
  color: var(--address-content);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .textRequired {
  padding-left: 15px;
  text-align: left;
  font: normal normal normal 9px/13px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-red);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .textForDispositionCards {
  display: flex;
  flex-direction: column;
  width: 65%;
}

[dir=rtl] .ccf-disposition_dispositionsDetails__7RvI9 .textForDispositionCards {
  margin-right: 25px;
}

[dir=ltr] .ccf-disposition_dispositionsDetails__7RvI9 .textForDispositionCards {
  margin-left: 25px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .captionForDropdown {
  top: 205px;
  left: 603px;
  padding-left: 10px;
  width: 100%;
  height: 15px;
  font: normal normal bold 11px/15px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-manatee);
  text-transform: uppercase;
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .popOverFlow {
  top: 110px;
  left: 878px;
  width: 23px;
  height: 23px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dynamicTabsDropDown {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dynamicTabsDropDown .captionForDropdown {
  width: 30%;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dynamicTabsDropDown .MuiInputBase-root.MuiInput-root {
  width: 70%;
}

.ccf-disposition_dispositionsDetails__7RvI9 .accordionDetails {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-border);
}

.ccf-disposition_expandCollapseIconRtl__aAPQd {
  fill: 0% 0% no-repeat padding-box var(--color-shades-mischka) !important;
  opacity: 1;
  position: absolute !important;
  right: 10px;
}

.ccf-disposition_expandCollapseIconLtr__pgTPG {
  fill: 0% 0% no-repeat padding-box var(--color-shades-mischka) !important;
  opacity: 1;
  position: absolute !important;
  left: -5px;
}

.ccf-disposition_customDropdown__E-uQS {
  left: 601px;
  width: 270px !important;
  background: 0% 0% no-repeat padding-box var(--color-white) !important;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 10px;
  padding-right: 0px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  box-shadow: none;
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}

.ccf-disposition_customDropdown__E-uQS:invalid {
  color: var(--color-red);
}

.ccf-disposition_dispositionsDetails__7RvI9 .customDropdownForError {
  width: 270px !important;
  background: 0% 0% no-repeat padding-box var(--color-white) !important;
  border: 1px solid var(--color-red) !important;
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 10px;
  padding-right: 0px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  box-shadow: none;
  outline: none;
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}

.ccf-disposition_dropdownOption__oYf2J {
  text-align: left;
  font: normal normal normal 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-grey);
  opacity: 1;
}

.ccf-disposition_dropdownOption__oYf2J:hover {
  background: 0% 0% no-repeat padding-box var(--color-light-blue);
}

.ccf-disposition_dispositionsDetails__7RvI9 .disposition__textarea {
  top: 299px;
  left: 595px;
  width: 268px;
  height: 80px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  outline: none;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}

.ccf-disposition_dispositionsDetails__7RvI9 .disposition__textarea::placeholder {
  color: var(--color-shades-grey);
}

.ccf-disposition_dispositionsDetails__7RvI9 .disposition__textarea_for_autosummary {
  top: 299px;
  left: 595px;
  width: 280px;
  height: 200px;
  background: 0% 0% no-repeat padding-box #dae2e8;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  outline: none;
  font-family: Open Sans;
  font: normal normal normal 400 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}

.ccf-disposition_dispositionsDetails__7RvI9 .disposition__textarea_for_autosummary::placeholder {
  color: var(--color-shades-grey);
}

.ccf-disposition_dispositionsDetails__7RvI9 .spinner-block {
  display: flex;
  flex-direction: row;
  margin-top: 0px !important;
  padding: 10px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .copilotIcon {
  fill: #007AB8;
}

.ccf-disposition_dispositionsDetails__7RvI9 .spinner_text {
  font: normal normal 400 12px/16px var(--font-family);
  letter-spacing: 0px;
  color: #007AB8;
  opacity: 1;
  margin-left: 10px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .textAreaError {
  top: 299px;
  left: 595px;
  width: 280px;
  height: 80px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-red);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  outline: none;
}

.ccf-disposition_dispositionsDetails__7RvI9 .autoSummaryChip {
  width: 250px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #008940;
  padding: 4px, 6px, 4px, 6px;
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ccf-disposition_dispositionsDetails__7RvI9 .approvedIcon {
  width: 12px;
  height: 12px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .txtautoSummaryCompleted {
  font: normal normal 600 9px/12px var(--font-family);
  color: #008940;
}

.ccf-disposition_dispositionsDetails__7RvI9 .divider {
  height: 30px;
  border-right: 1px solid var(--color-white);
  opacity: 1;
  margin-left: 5px;
}

[dir=rtl] .ccf-disposition_dispositionsDetails__7RvI9 .divider {
  margin-left: 25px;
}

[dir=ltr] .ccf-disposition_dispositionsDetails__7RvI9 .divider {
  margin-right: 25px;
}

.ccf-disposition_ExpandLessIcon__A8HbU {
  margin-left: 20px;
  margin-right: 10px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .markAsResolved {
  display: flex;
  flex-direction: column-reverse;
  padding: 12px 15px;
  align-items: flex-end;
  height: 60px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  box-shadow: 0px -1px 3px var(--box-shadow-color);
  border-radius: 0px 0px 5px 5px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.ccf-disposition_dispositionsDetails__7RvI9 .MuiButtonBase-root.MuiButton-root.MuiButton-contained.markAsResolvedButton {
  width: 80px;
  height: 38px;
  background: 0% 0% no-repeat padding-box var(--button-primary);
  box-shadow: 0px 2px 0px var(--button-primary-shadow);
  border-radius: 3px;
}

.ccf-disposition_disabled__EmyDW {
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
  pointer-events: none;
}

.ccf-disposition_disabled__EmyDW > p {
  color: var(--button-secondary) !important;
}

.ccf-disposition_disabled__EmyDW > hr {
  border-right: 1px solid var(--button-secondary) !important;
}

.ccf-disposition_disabled__EmyDW > svg {
  fill: var(--button-secondary) !important;
}

.ccf-disposition_dispositionsDetails__7RvI9 .markAsResolvedText {
  font: normal normal 600 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-white);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 ul.markAsResolvedMenu {
  width: 183px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  box-shadow: 0px 2px 6px var(--color-black);
  border: 1px solid var(--color-iron);
  border-radius: 4px;
  opacity: 1;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  list-style-type: none;
  z-index: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList {
  height: 40px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  opacity: 1;
  display: flex;
  align-items: center;
  font: normal normal normal 12px/17px var(--font-family);
}

[dir=rtl] .ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList {
  padding-right: 15px;
}

[dir=ltr] .ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList {
  padding-left: 15px;
}

.ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList:first-child {
  border-radius: 4px 4px 0 0;
}

.ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList:last-child {
  border-radius: 0 0 4px 4px;
}

.ccf-disposition_dispositionsDetails__7RvI9 li.markAsResolvedMenuList:hover {
  background: 0% 0% no-repeat padding-box var(--color-light-blue);
}

.ccf-disposition_dispositionsDetails__7RvI9 .upArrowIcon {
  fill: var(--color-white);
  padding-top: 5px;
  position: absolute;
}

[dir=rtl] .ccf-disposition_dispositionsDetails__7RvI9 .upArrowIcon {
  left: 10px;
}

[dir=ltr] .ccf-disposition_dispositionsDetails__7RvI9 .upArrowIcon {
  right: 10px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionCompleted {
  width: 18px;
  height: 18px;
  margin: 5px;
  stroke: var(--color-green);
}

.ccf-disposition_dispositionsDetails__7RvI9 .dispositionPending {
  width: 18px;
  height: 18px;
  margin: 5px 5px 5px 2px;
  stroke: var(--color-blue);
}

.ccf-disposition_dispositionsDetails__7RvI9 .arrowIconForDropdown {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .ccf-disposition_dispositionsDetails__7RvI9 .arrowIconForDropdown {
  left: 10px;
}

[dir=ltr] .ccf-disposition_dispositionsDetails__7RvI9 .arrowIconForDropdown {
  right: 10px;
}

.ccf-disposition_dispositionsDetails__7RvI9 .placeholderText {
  text-align: left;
  font: normal normal normal 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-shades-grey);
  opacity: 1;
}

.ccf-disposition_dispositionsDetails__7RvI9 .requiredIconColor {
  color: var(--color-red);
}
.ccf-interaction-workspace_dispotionContainer__7GOaX {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 0;
  width: -webkit-fill-available;
}

.ccf-interaction-workspace_containerForRtl__NvxVJ {
  display: flex;
  flex-direction: column;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-shadow);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  flex-grow: 6;
  height: 0;
  margin: 8px;
}

.ccf-interaction-workspace_containerForLtr__5o7rg {
  display: flex;
  flex-direction: column;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px var(--color-shadow);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  flex-grow: 6;
  height: 0;
  margin: 8px;
}

.ccf-interaction-workspace_header__R5FXZ {
  display: flex;
  flex-direction: row;
  height: 38px;
  padding: 4px 20px 0;
}

.ccf-interaction-workspace_tab__GvP7Q {
  min-width: 100px;
  width: auto;
  height: 34px;
}

.ccf-interaction-workspace_active__SF4tg {
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-bottom: none;
  border-radius: 4px 4px 0px 0px;
}

.ccf-interaction-workspace_tabContent__tMO43 {
  height: 15px;
  text-align: left;
  font: normal normal normal 11px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
  padding: 10px 10px 0 10px;
}

.ccf-interaction-workspace_newtab__6DEHX {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-top: 4px;
  color: var(--color-white);
  border-radius: 4px;
  width: 25px;
  height: 25px;
  background: #526b7a 0% 0% no-repeat padding-box;
  opacity: 0.45;
}

.ccf-interaction-workspace_newtabContent__1t\+xX {
  font-size: 25px;
}

.ccf-interaction-workspace_bookmark__ER3Qn {
  width: 100%;
  height: 33px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--color-border);
  opacity: 1;
}

.ccf-interaction-workspace_bookmarkFullHeight__Nw5M8 {
  height: 55px;
}

.ccf-interaction-workspace_bookmarkContent__2gVii {
  display: flex;
  justify-content: space-around;
  margin: 2px 0;
}

.ccf-interaction-workspace_bookmarkContent__2gVii:hover, .ccf-interaction-workspace_bookmarkContent__2gVii:active, .ccf-interaction-workspace_bookmarkContent__2gVii:focus {
  border: none;
}

.ccf-interaction-workspace_locationDetails__wvta4 {
  display: flex;
  justify-content: flex-start;
}

.ccf-interaction-workspace_chatInfo__KMLDL {
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-interaction-workspace_chatInfoLocation__o96LO {
  padding-left: 12px;
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-interaction-workspace_chatDetails__wIOqH {
  height: 13px;
  text-align: left;
  font: normal normal 600 9px/30px "Open Sans";
  letter-spacing: 0px;
  color: var(--badge-bg);
  opacity: 1;
}

.ccf-interaction-workspace_chatDetailsLoad__Zv0kp {
  width: 7px;
  height: 6px;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ccf-interaction-workspace_viewMoreIcon__RK0wx {
  top: 118px;
  left: 880px;
  width: 23px;
  height: 23px;
}

.ccf-interaction-workspace_filler__WGdhK {
  flex: 3;
}

.ccf-interaction-workspace_quickRepliesMain__Ahfk5 {
  display: flex;
  flex: 2;
  flex-direction: column;
}

.ccf-interaction-workspace_quickReplies__g2C8Z {
  height: 30%;
  display: flex;
  justify-content: flex-end;
  background: var(--color-callControl-header) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
}

.ccf-interaction-workspace_quickRepliesButton__EZ29D {
  margin: 3px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  opacity: 1;
}

.ccf-interaction-workspace_chatBox__mVcFI {
  height: 65%;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-radius: 0px 0px 4px 4px;
  opacity: 1;
}

.ccf-interaction-workspace_attachIcons__\+cy8o {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  opacity: 1;
}

.ccf-interaction-workspace_sendButtonContainer__1BIr\+ {
  opacity: 1;
}

.ccf-interaction-workspace_sendButton__XxbXN {
  background: var(--badge-bg) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 0px #1c639c;
  border-radius: 3px;
  border: none;
  opacity: 1;
  text-align: center;
  font: normal normal 600 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-white);
}

.ccf-interaction-workspace_content__TwUhV {
  border: none;
  resize: none;
  width: 99%;
}

.ccf-interaction-workspace_content__TwUhV:hover, .ccf-interaction-workspace_content__TwUhV:focus {
  border: 1px solid;
  border-radius: 5px;
}

.ccf-interaction-workspace_alignmentIcons__ReTJY {
  margin-top: 2px;
}

.ccf-interaction-workspace_alignmentControls__QZkVm {
  border-top: 1px solid var(--color-border);
}

.ccf-interaction-workspace_ageContainer__tCPri {
  position: relative;
  width: 100%;
  height: 156px;
  opacity: 1;
  top: 20px;
}

.ccf-interaction-workspace_ageSelector__XyXS6 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 3px;
  opacity: 1;
}

.ccf-interaction-workspace_overflowContainer__JI6ha {
  opacity: 1;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 4px;
  opacity: 1;
  font: normal normal normal 12px/17px "Open Sans";
  letter-spacing: 0px;
  color: #191c21;
}

.ccf-interaction-workspace_overflowModal__hBs6o {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ccf-interaction-workspace_overflowModalOption__Am4Ym {
  cursor: pointer;
  height: 38px;
  margin: 0;
  padding: 0 0 0 10px;
}

.ccf-interaction-workspace_overflowModalOption__Am4Ym:hover {
  background: var(--color-light-grey);
}

.ccf-interaction-workspace_overflowModalPosition__JxvrP {
  padding-top: 10px;
}

.ccf-interaction-workspace_ageDetail__52bYU {
  text-align: center;
  padding: 10px 15px;
  text-align: left;
  font: normal normal bold 13px/18px "Open Sans";
  letter-spacing: 0px;
  color: var(--color-chat-box);
  opacity: 1;
}

.ccf-interaction-workspace_ageDetail__52bYU:nth-child(even) {
  background-color: var(--color-light-grey);
}

.ccf-interaction-workspace_ageButton__Fh2f- {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px "Open Sans";
  color: var(--color-chat-box);
  height: 29px;
}

.ccf-interaction-workspace_ageButton__Fh2f-:hover, .ccf-interaction-workspace_ageButton__Fh2f-:focus, .ccf-interaction-workspace_ageButton__Fh2f-:active {
  background: var(--color-light-grey);
}

.ccf-interaction-workspace_viewButton__GTor2 {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px "Open Sans";
  color: var(--badge-bg);
}

.ccf-interaction-workspace_select__Tmaoc {
  top: 158px;
  left: 541px;
  width: 10px;
  height: 8px;
  background: var(--color-active-age) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ccf-interaction-workspace_flex1__8Cmeo {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 30%;
  margin-top: 3px;
}

.ccf-interaction-workspace_flex2__Gvp5E {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 5px;
  align-content: center;
}

.ccf-interaction-workspace_flexFooter__CRm1- {
  display: inline-flex;
  flex-direction: row;
  margin-left: 8px;
}

@media screen and (max-width: 900px) {
  .ccf-interaction-workspace_containerForLtr__5o7rg {
    margin-left: 0;
  }
}
.ccf-interaction-space-header-tab_dFlex__w-D2b {
  display: flex;
}

.ccf-interaction-space-header-tab_container__-nChH {
  height: 94%;
  display: flex;
  flex-direction: column;
}

.ccf-interaction-space-header-tab_header__3-eJG {
  display: flex;
  flex-direction: row;
  height: 38px;
  padding: 4px 0px 0;
}

.ccf-interaction-space-header-tab_tab__0FTBG {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 100px;
  width: auto;
  padding: 0px 10px;
  height: 34px;
}

.ccf-interaction-space-header-tab_active__rG61o {
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-border);
  border-bottom: none;
  border-radius: 4px 4px 0px 0px;
  height: 35px;
}

.ccf-interaction-space-header-tab_tabContent__ZSrds {
  height: 15px;
  text-align: left;
  font: normal normal normal 11px/15px open-sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-interaction-space-header-tab_newtab__2NSyo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  opacity: 0.45;
  margin-left: 8px;
  margin-right: 0;
}

[dir=rtl] .ccf-interaction-space-header-tab_newtab__2NSyo {
  margin-left: 0;
}

[dir=rtl] .ccf-interaction-space-header-tab_newtab__2NSyo {
  margin-right: 8px;
}

.ccf-interaction-space-header-tab_bookmark__IlCfW {
  width: 100%;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border-bottom: 1px solid var(--color-border);
}

.ccf-interaction-space-header-tab_bookmarkContent__9qKPh {
  display: flex;
  font: normal normal 500 9px/30px open-sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  align-items: center;
  height: 30px;
}

.ccf-interaction-space-header-tab_bookmarkContent__9qKPh:hover, .ccf-interaction-space-header-tab_bookmarkContent__9qKPh:active, .ccf-interaction-space-header-tab_bookmarkContent__9qKPh:focus {
  border: none;
}

.ccf-interaction-space-header-tab_bookmarkContent__9qKPh > div {
  display: flex;
  margin-left: 4px;
  align-items: center;
}

.ccf-interaction-space-header-tab_bookmarkContent__9qKPh > div > span {
  font-weight: bold;
}

.ccf-interaction-space-header-tab_bookmarkContent__9qKPh > p > button {
  padding: 0;
}

.ccf-interaction-space-header-tab_bookmarkLabels__pr5-F {
  font: normal normal bold 9px/30px open-sans !important;
  letter-spacing: 0px;
}

.ccf-interaction-space-header-tab_locationDetails__Mpscc {
  display: flex;
  justify-content: flex-start;
}

.ccf-interaction-space-header-tab_chatInfo__1klbu {
  font-weight: bold;
  margin-right: 2px;
}

.ccf-interaction-space-header-tab_chatInfoLocation__ewMKv {
  padding-left: 15px;
  text-align: left;
  font: normal normal 600 9px/30px open-sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
  opacity: 1;
}

.ccf-interaction-space-header-tab_viewButton__mMr04 {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px open-sans;
  color: var(--badge-bg);
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ccf-interaction-space-header-tab_viewButton__mMr04 > p {
  font: normal normal 600 9px/30px open-sans;
}

.ccf-interaction-space-header-tab_viewIconButton__o9zdt {
  border: none;
  background: transparent;
  font: normal normal 600 9px/30px open-sans;
  padding: 0;
}

.ccf-interaction-space-header-tab_phoneOutbound__t7SWR {
  fill: var(--phone-outbound-icon) !important;
  width: 12.3px;
  height: 13.8px;
  margin-right: 6px;
}

.ccf-interaction-space-header-tab_menuPopupHeight__qs3yB {
  width: 100px;
  height: 85px;
  margin-top: 30px;
}

.ccf-interaction-space-header-tab_popupMenuConatiner__2VlH3 {
  width: 195px;
  margin-top: 35px;
}

.ccf-interaction-space-header-tab_menuItem__RKKAr {
  padding: 2px 7px;
}

.ccf-interaction-space-header-tab_minimizePanelIcon__6yT4P {
  width: 24px;
  height: 24px;
  color: var(--color-overflow-icon);
  opacity: 1;
}

.ccf-interaction-space-header-tab_minimizePanelLabel__7byw1 {
  text-align: left;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: var(--history-card-title-desc);
  opacity: 1;
  margin-top: -3px;
}

.ccf-interaction-space-header-tab_marginLeft20PX__Lucdj {
  margin-left: 20px;
}

.ccf-interaction-space-header-tab_tweetEyeIcon__8Nesk {
  color: var(--tweet-eye-icon-red);
}

.ccf-interaction-space-header-tab_iconDispositionCompleted__mzoeL {
  padding-bottom: 2px !important;
  width: 10px !important;
  height: 10px !important;
  margin: 5px !important;
  fill: var(--color-green) !important;
  opacity: 1;
}

.ccf-interaction-space-header-tab_doubleArrowIcon__dyDBc {
  height: 16px;
  width: 16px;
}

.ccf-interaction-space-header-tab_doubleArrowIcon__dyDBc.ccf-interaction-space-header-tab_upArrow__ESZ18 {
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}

.ccf-interaction-space-header-tab_emailIcon__2wv\+m {
  vertical-align: bottom;
  font-size: 20px;
  color: var(--history-inactive-status) !important;
}

.ccf-interaction-space-header-tab_interactionHeaderBodyText__fnp8A {
  color: #333333;
  font: normal normal 700 9px/12px Open Sans;
  opacity: 80%;
  letter-spacing: 0px;
}

.ccf-interaction-space-header-tab_msgCounteText__Q1yZI {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  line-height: 12px;
  margin-right: 5px;
  color: #333333;
}

.ccf-interaction-space-header-tab_coBrowseSessionProgress__oHI4r {
  width: 100%;
  height: 42px;
  background: #b0cddb;
  display: flex;
  padding: 10px;
  justify-content: space-between;
}

.ccf-interaction-space-header-tab_coBrowseSessionProgress__oHI4r .ccf-interaction-space-header-tab_coBrowseIcon__RM-Fw {
  fill: #3f5c69;
}

.ccf-interaction-space-header-tab_coBrowseSessionProgress__oHI4r .ccf-interaction-space-header-tab_info__1qtcW {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #1c1c1c;
  opacity: 0.9;
  margin-left: 10px;
}

.ccf-interaction-space-header-tab_coBrowseSessionProgress__oHI4r .ccf-interaction-space-header-tab_endSessionBtn__ulDJ6 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  width: 87px;
  height: 20px;
  background: #007cbe;
  box-shadow: 0px 1px 2px rgba(31, 50, 77, 0.2);
  border-radius: 2px;
}

.ccf-interaction-space-header-tab_coBrowseSessionProgress__oHI4r .ccf-interaction-space-header-tab_endSessionBtnTxt__P5awe {
  width: 63px;
  height: 15px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #f8f8f9;
}

@media screen and (max-width: 900px) {
  .ccf-interaction-space-header-tab_bookmarkContent__9qKPh {
    height: 52px;
  }
}
.ccf-digital-contact-body_dFlex__DlMKK {
  display: flex;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 8px;
  overflow: auto;
  height: 100%;
  justify-content: space-between;
}

.ccf-digital-contact-body_videotwitterContainer__YwMQ7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 85%;
  justify-content: space-between;
}

.ccf-digital-contact-body_chatContainer__Puerr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 8px;
  height: calc(100% - 84px);
  justify-content: space-between;
}

.ccf-digital-contact-body_videobodyContainer__X7m1r {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ccf-digital-contact-body_bodyContainer__Rlln6 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.ccf-digital-contact-body_chatBodyContainer__zi0GV {
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.ccf-digital-contact-body_originalTweetContainer__boVt3 {
  display: flex;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid var(--bottom-divider);
  margin-bottom: 12px;
}

.ccf-digital-contact-body_originalTweetContainer__boVt3 > img {
  width: 210px;
  height: 124px;
}

.ccf-digital-contact-body_originalTweetBody__FWSVZ {
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}

.ccf-digital-contact-body_originalTweetTitle__4\+chV {
  align-items: flex-start;
  display: flex;
  font-size: 14px;
  font-weight: bold;
}

.ccf-digital-contact-body_originalTweetSubtitle__Z5Jt4 {
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
  color: #a8b3bf;
  margin-bottom: 4px;
}

.ccf-digital-contact-body_viewTweetContainer__qWOy8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  stroke: #ccd7e0;
}

.ccf-digital-contact-body_viewTweetContainer__qWOy8:hover {
  text-decoration: underline;
  stroke: var(--button-primary);
}

.ccf-digital-contact-body_twitterCardWrapper__STKfD {
  display: flex;
  margin: 12px 0;
  padding: 12px 22px;
  width: 100%;
  align-items: center;
}

.ccf-digital-contact-body_twitterCardContainer__3CsQ0 {
  flex-grow: 1;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #ccd7e0;
  border-radius: 6px;
  padding: 16px;
}

.ccf-digital-contact-body_twitterMiniCard__5UxRc {
  flex-grow: 1;
  background: #f5f8fa 0% 0% no-repeat padding-box;
  border: 1px solid #dae2e8;
  border-radius: 6px;
  padding: 16px;
}

.ccf-digital-contact-body_viewTweetLabel__yoC0R {
  font: normal normal 600 9px/13px Open Sans !important;
  color: var(--button-primary);
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .upArrow {
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}

[dir=rtl] .ccf-digital-contact-body_digitalInteractionCardContainer__s\+pqk {
  margin-right: 8px;
}

[dir=ltr] .ccf-digital-contact-body_digitalInteractionCardContainer__s\+pqk {
  margin-left: 8px;
}

.ccf-digital-contact-body_cardHeader__FNwPB {
  font: normal normal 600 14px/30px Open Sans;
  letter-spacing: 0px;
  color: #506070;
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 2px solid rgba(168, 179, 191, 0.368627451);
  flex-grow: 1;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardTitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardTitle > div {
  font: normal normal bold 12px/14px Open Sans;
  letter-spacing: 0px;
  color: #001633;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardTitle > span {
  font: normal normal normal 10px/14px Open Sans;
  letter-spacing: 0px;
  color: #7b8b9d;
  display: flex;
  align-items: center;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardTitle > span button {
  padding: 0;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardSubtitle {
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
  color: #b3bdc5;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardSubtitle > p {
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardSubtitle > span {
  font: normal normal 600 12px/18px Open Sans;
  letter-spacing: 0px;
  color: #127cbe;
}

.ccf-digital-contact-body_twitterContainer__Oh7uz .cardBody {
  font: normal normal normal 12px/18px Open Sans;
  letter-spacing: 0px;
  color: #001633;
  margin-bottom: 10px;
}

.ccf-digital-contact-body_twitterCommentButton__VzOUb {
  height: 30px;
  background: var(--button-primary) 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 2px 0px var(--button-primary-shadow) !important;
  color: white !important;
}

[dir=rtl] .ccf-digital-contact-body_twitterCommentButton__VzOUb > span > span {
  margin-left: 5px;
}

.ccf-digital-contact-body_twitterCommentButton__VzOUb:hover {
  background: #298fd8 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 2px 0px var(--button-primary) !important;
}

.ccf-digital-contact-body_twitterFavoriteButton__0uUm6 {
  border: 1px solid #dae2e8;
  height: 30px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #dde4e9;
  border-radius: 3px;
  color: var(--twitter-icons-color) !important;
}

.ccf-digital-contact-body_twitterFavoriteButton__0uUm6:hover {
  color: #f91880;
}

[dir=rtl] .ccf-digital-contact-body_twitterFavoriteButton__0uUm6 > span > span {
  margin-left: 0px;
}

.ccf-digital-contact-body_twitterRetweetButton__XBrbD {
  border: 1px solid #dae2e8;
  height: 30px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #dde4e9;
  border-radius: 3px;
  color: var(--twitter-icons-color);
}

.ccf-digital-contact-body_twitterRetweetButton__XBrbD:hover {
  color: #00ba7c;
}

[dir=rtl] .ccf-digital-contact-body_twitterRetweetButton__XBrbD > span > span {
  margin-left: 0px;
}

.ccf-digital-contact-body_cardFooter__4cyyQ {
  display: flex;
  justify-content: space-between;
}

.ccf-digital-contact-body_iconsContainer__dsd7p {
  font: normal normal normal 10px/14px Open Sans;
  letter-spacing: 0px;
  color: #52515d;
  display: flex;
  margin-left: -4px;
  margin-top: 4px;
}

.ccf-digital-contact-body_iconsContainer__dsd7p > span {
  display: flex;
  align-items: center;
  margin-right: 6px;
  color: var(--twitter-icons-color);
}

.ccf-digital-contact-body_iconsContainer__dsd7p > .ccf-digital-contact-body_commentIconOder__8ZxAK {
  order: 2;
}

.ccf-digital-contact-body_iconsContainer__dsd7p > .ccf-digital-contact-body_favouriteIconOrder__ki2wS {
  order: 1;
}

.ccf-digital-contact-body_tweetImage__skWy6 {
  margin-right: 16px;
}

.ccf-digital-contact-body_chatBoxContainer__6Z78u {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dae2e8;
  width: 100%;
  margin-top: 12px;
}

.ccf-digital-contact-body_chatBoxHeader__lLzkr {
  background: #f5f8fa 0% 0% no-repeat padding-box;
  padding: 4px;
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #dae2e8;
  border-radius: 4px 4px 0px 0px;
}

.ccf-digital-contact-body_chatBoxBody__ohwgT {
  font: normal normal normal 11px/15px Open Sans;
  letter-spacing: 0px;
  color: #404040;
  opacity: 1;
  padding-top: 7px;
}

.ccf-digital-contact-body_chatBoxBody__ohwgT > .ccf-digital-contact-body_title__TTiqu {
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccf-digital-contact-body_chatBoxBody__ohwgT > .ccf-digital-contact-body_title__TTiqu > div > p {
  font: normal normal normal 11px/15px Open Sans;
}

.ccf-digital-contact-body_addNotesIcon__8MhM3 {
  height: 16px;
  width: 16px;
  margin-right: 15px;
  cursor: pointer;
}

.ccf-digital-contact-body_coBrowseIcon__31nve {
  height: 17px;
  width: 19px;
  cursor: pointer;
  fill: #3f5c69;
}

.ccf-digital-contact-body_chatBoxTextarea__\+CSmE {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}

.ccf-digital-contact-body_chatBoxTextarea__\+CSmE > :first-child {
  margin-right: 12px;
}

.ccf-digital-contact-body_chatBoxTextarea__\+CSmE > textarea {
  border: 1px solid var(--button-primary);
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 4px 10px;
  font: normal normal normal 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #707070;
  width: 100%;
  resize: none;
}

.ccf-digital-contact-body_chatBoxTextarea__\+CSmE > textarea:focus {
  outline: none !important;
}

.ccf-digital-contact-body_chatBoxFooter__z4I0X {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px;
}

.ccf-digital-contact-body_chatBoxFooterIcons__fzegl {
  display: flex;
  align-items: center;
}

.ccf-digital-contact-body_chatBoxFooterIcons__fzegl > svg {
  margin-right: 8px;
  color: var(--twitter-icons-color);
}

.ccf-digital-contact-body_buttonClass__aU5\+7 {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #dde4e9;
  border: 1px solid #dae2e8 !important;
  border-radius: 3px;
  font: normal normal bold 12px/17px Open Sans;
  letter-spacing: 0px;
  color: #616c75;
}

.ccf-digital-contact-body_sendButtonContainer__0UWx9 {
  width: 240px;
  display: flex;
  justify-content: space-around;
}

.ccf-digital-contact-body_divider__MEKJr {
  position: relative;
}

.ccf-digital-contact-body_divider__MEKJr:after {
  content: "";
  background: #dae2e8;
  position: absolute;
  bottom: 0;
  height: var(--social-interaction-post-height);
  width: 2px;
}

[dir=rtl] .ccf-digital-contact-body_divider__MEKJr:after {
  right: 40px;
}

[dir=ltr] .ccf-digital-contact-body_divider__MEKJr:after {
  left: 40px;
}

.ccf-digital-contact-body_divider__MEKJr:not(.ccf-digital-contact-body_divider__MEKJr ~ .ccf-digital-contact-body_divider__MEKJr):after {
  content: "";
  height: 60%;
}

.ccf-digital-contact-body_divider__MEKJr:nth-last-of-type(1):after {
  content: "";
  top: -30px;
  height: 58%;
}

.ccf-digital-contact-body_replyCard__jpZiI:after {
  content: "";
  top: -30px;
  height: 55%;
}

.ccf-digital-contact-body_avatarWrapper__\+lVl7 {
  height: 48px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: white;
  z-index: 1;
}

[dir=rtl] .ccf-digital-contact-body_avatarWrapperMargin__RGUTQ {
  margin-right: 45px;
}

[dir=ltr] .ccf-digital-contact-body_avatarWrapperMargin__RGUTQ {
  margin-left: 45px;
}

.ccf-digital-contact-body_avatarWrapperMargin__RGUTQ:before {
  content: "";
  background: #dae2e8;
  position: absolute;
  bottom: 129px;
  height: 80%;
  width: 2px;
  margin-left: -27px;
}

[dir=rtl] .ccf-digital-contact-body_avatarWrapperMargin__RGUTQ:before {
  margin-right: -27px;
}

.ccf-digital-contact-body_leftDividerWrapper__ipfez {
  position: relative;
  width: 65px;
  height: 78px;
  border: solid 2px #000;
  border-color: #dae2e8 transparent transparent transparent;
  border-radius: 68%/100% 100% 0 0;
  margin-top: -85px;
}

[dir=rtl] .ccf-digital-contact-body_leftDividerWrapper__ipfez {
  transform: rotate(134deg);
}

[dir=ltr] .ccf-digital-contact-body_leftDividerWrapper__ipfez {
  transform: rotate(227deg);
}

[dir=rtl] .ccf-digital-contact-body_leftDividerWrapper__ipfez {
  margin-right: -26px;
}

[dir=ltr] .ccf-digital-contact-body_leftDividerWrapper__ipfez {
  margin-left: -25px;
}

.ccf-digital-contact-body_kebabIconButton__bufQZ {
  padding: 0 !important;
}

.ccf-digital-contact-body_width100__tjDZX {
  width: 100%;
}

[dir=rtl] .ccf-digital-contact-body_tweetImage__skWy6 {
  margin-left: 16px;
}

[dir=ltr] .ccf-digital-contact-body_tweetImage__skWy6 {
  margin-right: 16px;
}

.ccf-digital-contact-body_faceBookCommentActionWrapper__gDDd1 {
  display: inherit;
  justify-content: space-between;
  width: 100%;
}

.ccf-digital-contact-body_facebookIcons__oyvAk > .ccf-digital-contact-body_iconsContainer__dsd7p > span:first-child {
  margin-right: -7px;
}

[dir=rtl] .ccf-digital-contact-body_facebookIcons__oyvAk > .ccf-digital-contact-body_iconsContainer__dsd7p > span:first-child {
  margin-left: -12px;
}

.ccf-digital-contact-body_facebookFooter__-jQHw {
  font-size: 12px;
  margin-top: 20px;
}

.ccf-digital-contact-body_facebookFooter__-jQHw > span:nth-child(-n+2) {
  margin-right: -7px;
}

[dir=rtl] .ccf-digital-contact-body_facebookFooter__-jQHw > span:nth-child(3) {
  margin-right: -7px;
}

.ccf-digital-contact-body_facebookCommentWrapper__D9PJ- {
  display: flex;
  justify-content: space-between;
}

.ccf-digital-contact-body_facebookCommentWrapper__D9PJ- p {
  font: italic normal normal 12px/18px Open Sans;
  color: #a8b3bf;
}

.ccf-digital-contact-body_facebookCommentWrapper__D9PJ- span {
  color: orange;
}

[dir=ltr] .ccf-digital-contact-body_facebookCommentWrapper__D9PJ- span {
  padding-left: 10px;
}

[dir=rtl] .ccf-digital-contact-body_facebookCommentWrapper__D9PJ- span {
  padding-right: 10px;
}

.ccf-digital-contact-body_facebookComment__\+Aicp {
  display: flex;
  flex-direction: row-reverse;
}

[dir=rtl] .ccf-digital-contact-body_flaggedComment__L2QHQ {
  padding-right: 8px;
}

.ccf-digital-contact-body_facebookCommentReply__5VBs7 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.ccf-digital-contact-body_facebookCommentReply__5VBs7 > img {
  width: 130px;
  height: 85px;
  border-radius: 10px;
}

.ccf-digital-contact-body_facebookCommentReply__5VBs7 > .ccf-digital-contact-body_replyBody__gAbvX {
  width: 95%;
}

.ccf-digital-contact-body_facebookCommentReply__5VBs7 > .ccf-digital-contact-body_replyBody__gAbvX > .ccf-digital-contact-body_replyContent__4hw2X {
  width: 95%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.ccf-digital-contact-body_agentName__ElgzM {
  display: flex;
  justify-content: flex-end;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #61676a;
}

.ccf-digital-contact-body_customerName__yk4FJ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #61676a;
}

.ccf-digital-contact-body_emailCardMainContainer__kPU5q {
  width: auto;
}

.ccf-digital-contact-body_originalEmailCard__SJHXf {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border: 2px solid #f6f6f6;
}

.ccf-digital-contact-body_orignalEmailText__V4-8Y {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}

.ccf-digital-contact-body_orignalEmailText__V4-8Y img {
  max-width: 100%;
}

.ccf-digital-contact-body_orignalEmailText__V4-8Y table {
  border-collapse: collapse;
  width: auto;
}

.ccf-digital-contact-body_originalEmailAttchmentBlock__dWMvD {
  background: #e6e6e6;
  border-radius: 0px 0px 5px 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.ccf-digital-contact-body_originalEmailAttchmentFirstBlock__13h2U {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
}

.ccf-digital-contact-body_originalEmailAttchmentSecondBlock__yy-ib {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ccf-digital-contact-body_attchmentFileAndSizeGroup__XPuLS {
  display: flex;
  flex-direction: column;
  margin-left: 7px;
}

.ccf-digital-contact-body_attchedFileName__ghGsx {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 8px;
  line-height: 8px;
  color: #006398;
  margin-bottom: 5px;
}

.ccf-digital-contact-body_attchedFileSize__IXIxB {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 7px;
  line-height: 8px;
  color: #006398;
}

.ccf-digital-contact-body_txtViewThread__Lkd5R {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #007cbe;
  margin-top: 3%;
}

.ccf-digital-contact-body_hoverBackground__-aRCL {
  height: 105px;
  width: 150px;
  background: #f2f2f2;
  display: flex;
  flex-direction: row;
  position: absolute;
  padding: 5px;
  align-items: center;
  justify-content: center;
}

.ccf-digital-contact-body_hoverPreviewBlock__e9ASK {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.ccf-digital-contact-body_hoverDownloadBlock__Bk3yo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}

.ccf-digital-contact-body_hoverIconText__stPh1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 8px;
  line-height: 11px;
  color: #007cbe;
}

.ccf-digital-contact-body_accordionContainer__\+WWaO {
  padding-bottom: 14px;
  box-shadow: none !important;
  background: #306484;
  margin: 0px !important;
  padding: 0px;
}

.ccf-digital-contact-body_accordionContainer__\+WWaO :not(:last-child) {
  border-bottom: 0;
  margin: 0px;
  min-height: 20px;
  align-items: center;
  display: flex;
  margin: 0px !important;
  padding: 0px;
}

.ccf-digital-contact-body_accordionContainer__\+WWaO :last-child {
  border-bottom: 0;
  margin: 0px;
  min-height: 20px;
  align-items: center;
  display: flex;
  margin: 0px !important;
  padding: 0px;
}

.ccf-digital-contact-body_expandCollapseIconRtl__nGj4Y {
  padding: 0px;
  margin: 0px;
  padding-right: 5px !important;
}

.ccf-digital-contact-body_makeCenterAlign__O3Law {
  justify-content: center;
}

.ccf-digital-contact-body_setAccordionDetailsItem__Xi5cA {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: "#306484";
  min-height: 45px !important;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.ccf-digital-contact-body_setAccordionDetailsItem__Xi5cA::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.ccf-digital-contact-body_accordionEmailText__HcuTt {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 15px;
  /* identical to box height */
  color: #ffffff;
}

.ccf-digital-contact-body_accordionEmailDateAndTImeText__2\+gT3 {
  padding-right: 10px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  /* identical to box height */
  color: #ffffff;
}

.ccf-digital-contact-body_padding5px__YFzxK {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ccf-digital-contact-body_renderFileiconCls__lxXTr {
  position: relative;
  z-index: 9999;
  margin-left: 6px;
  margin-top: -35px;
}

.ccf-digital-contact-body_uploadIcon__6\+fec {
  font-size: 1.8rem;
}

.ccf-digital-contact-body_approvalTextAndTimerBlock__\+Unrf {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ccf-digital-contact-body_approvalPendingNotification__4HC8w {
  display: flex;
  align-items: center;
  height: 25px;
  width: 100%;
  border: 1px solid #006398;
  border-top: none !important;
  border-radius: 5px;
  background: #eaf1f6;
}

.ccf-digital-contact-body_approvalApprovedNotification__AohtV {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 25px;
  width: 100%;
  border: 1px solid #23762d;
  border-top: none !important;
  border-radius: 5px;
  background: #dee9df;
}

.ccf-digital-contact-body_txtApprovals__xWGxV {
  padding-left: 5px;
  font-family: "Open Sans";
  font-style: bold;
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  /* identical to box height */
  color: #333333;
}

.ccf-digital-contact-body_txtApprovalTimer__C4\+RJ {
  padding-right: 5px;
  font-family: "Open Sans";
  font-style: normal;
  font-size: 10px;
  line-height: 15px;
  /* identical to box height */
  color: #333333;
}

.ccf-digital-contact-body_quickReplies__E9yeq {
  font-size: 10px;
  margin: 4px;
  width: 98%;
  padding-left: 5px;
  background: var(--color-white);
  color: var(--color-overflow-icon);
  height: 14px;
  border-top: 1px solid var(--color-border);
  opacity: 1;
}

.ccf-digital-contact-body_quickRepliesButton__apTfG {
  width: 110px;
  height: 29px;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px var(--color-light-grey);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  opacity: 1;
}

.ccf-digital-contact-body_chatBox__ergY1 {
  margin: 4px;
  bottom: 0;
  background: var(--color-white) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 4px 4px;
  opacity: 1;
}

.ccf-digital-contact-body_suggestionCardBox__Wo2tI {
  width: 100%;
  height: auto;
  border-radius: 4px;
  padding: 10px;
  min-height: 50px;
}

.ccf-digital-contact-body_modalContent__c6L-X {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
}

.ccf-digital-contact-body_previewImage__M-6iV {
  max-width: 50%;
  max-height: 50%;
}

@media screen and (max-width: 900px) {
  .ccf-digital-contact-body_chatContainer__Puerr {
    height: calc(100% - 105px);
  }
}
.ccf-contact-control-panel_dFlex__KhQzO {
  display: flex;
}

.ccf-contact-control-panel_controlPanel__60X-7 {
  width: 213px;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  box-shadow: 0px 1px 3px var(--box-shadow-color);
  height: 92%;
}

.ccf-contact-control-panel_controlPanel__60X-7 .buttonsGrid {
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-bottom: 13px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .gridPadding {
  justify-content: flex-start;
  padding: 0px 26px;
  margin-bottom: 0px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .gridPadding5 {
  margin-bottom: 0px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .digitalPanelButton {
  padding: 4px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 6px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .digitalPanelButton:hover {
  background-color: var(--background-hover-color);
  border-radius: 4px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .dailpadOpacity {
  fill: var(--sidebar-item-color);
  font-size: 21px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .verticalDivider {
  background-color: var(--card-divider);
  height: 40px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .horizontalDivider {
  width: 196px;
  background-color: var(--card-divider);
  margin: 0px 8px 5px 8px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .dailpadOpacity #commitPlus {
  stroke: var(--sidebar-item-color);
}

.ccf-contact-control-panel_controlPanel__60X-7 .dailpadOpacity #recordEllipse4739 {
  stroke: var(--sidebar-item-color);
}

.ccf-contact-control-panel_controlPanel__60X-7 .dailpadOpacity #maskLine1 {
  stroke: var(--sidebar-item-color);
}

.ccf-contact-control-panel_controlPanel__60X-7 .MuiIconButton-root.popOverOverflow {
  padding: 0;
}

.ccf-contact-control-panel_controlPanel__60X-7 .phonefillColor {
  fill: var(--phone-outbound-icon);
}

.ccf-contact-control-panel_controlPanel__60X-7 .footerContainer {
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  justify-content: space-evenly;
}

.ccf-contact-control-panel_controlPanel__60X-7 .fullWidth {
  width: 100%;
}

.ccf-contact-control-panel_controlPanel__60X-7 .hungUp {
  width: 68px;
  margin: 0px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .markAsResolved {
  width: 68px;
  height: 34px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 4px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .markAsResolved:hover {
  background-color: var(--color-blue);
}

.ccf-contact-control-panel_controlPanel__60X-7 .markAsResolvedSmall {
  width: 48px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .resolvedIcon {
  fill: var(--color-blue);
  opacity: 1;
  font-size: 26px;
}

.ccf-contact-control-panel_controlPanel__60X-7 .markAsResolved:hover > .resolvedIcon {
  fill: var(--color-white);
}

.ccf-contact-control-panel_controlPanel__60X-7 .custumSeekerText {
  position: absolute;
  font-size: 11px;
  padding-top: 4px;
  margin-left: 5px;
  color: #007ab8;
}

.ccf-contact-control-panel_controlPanel__60X-7 .duration {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-align: left;
}

.ccf-contact-control-panel_disabledControlPanel__VT2p7 {
  pointer-events: none;
  opacity: 0.5;
}
.contact-control-panel-sub-heading_subHeading__sFAB1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 0px;
}

.contact-control-panel-sub-heading_subHeading__sFAB1 .subHeading1 {
  font: normal normal 600 13px/18px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-nero-font);
  opacity: 0.9;
}

.contact-control-panel-sub-heading_subHeading__sFAB1 .subHeading2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-top: 5px;
}

.contact-control-panel-sub-heading_subHeading__sFAB1 .subHeading2LeftText {
  font: normal normal 400 11px/15px var(--font-family);
  letter-spacing: 0em;
  color: #727272;
  opacity: 1;
}

.contact-control-panel-sub-heading_subHeading__sFAB1 .subHeading2RightText {
  font: normal normal 600 10px/15px var(--font-family);
  text-align: left;
  letter-spacing: 0em;
  color: #005F8F;
  opacity: 1;
}

.contact-control-panel-sub-heading_subHeading__sFAB1 .subHeading3 {
  font: normal normal 600 10px/14px var(--font-family);
  letter-spacing: 0px;
  color: var(--highlight-blue);
  opacity: 1;
}
.contact-control-panel-heading_controlHeader__VKWba {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact-control-panel-heading_controlHeader__VKWba .controlButtonHeaderText {
  font: normal normal bold 13px/18px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-nero-font);
  opacity: 0.9;
  margin: 9px 10px 9px 10px;
}

.contact-control-panel-heading_controlHeader__VKWba .controlPanelHeaderLeftIcon {
  font-size: 16px;
  margin: 9px 0px;
  color: var(--history-inactive-status) !important;
}

.contact-control-panel-heading_controlHeader__VKWba .phonefillColor {
  fill: var(--phone-outbound-icon);
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.partner-access-control-table_tableBlock__dYGZJ {
  margin-top: 0px !important;
  margin: 50px;
}
.partner-access-control-table_paperContainer__AIuPb {
  padding: 10px 15px;
  background-color: rgba(0, 124, 190, 0.12);
  box-shadow: none;
  border-radius: 0px;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
.partner-access-control-table_papaerSubBlock__xCiX8 {
  display: flex;
  align-items: center;
  gap: 30px;
}
.partner-access-control-table_employeeHeader__\+M6i8 {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  height: auto;
}
.partner-access-control-table_searchContainer__tKpQ0 {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
  border: 1px solid #dae2e8;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1607843137);
}
.partner-access-control-table_filterBlock__Tn-1G {
  padding: 4px 10px;
  background: #f8fafb 0% 0% no-repeat padding-box;
  border: 1px solid #dae2e8;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1607843137);
}
.partner-access-control-table_cell-firstName__xY54s {
  background-color: #935e0f;
}
.partner-access-control-table_userLabel__zmIwX {
  font-weight: 600;
  font-size: 12px;
  color: grey;
}
.partner-access-control-table_tableHeader__kegz9 {
  width: 100%;
  height: 60px;
  background: #f2f7fa !important;
  display: flex !important;
  align-items: center;
  border: 1px solid #d2d8db;
  justify-content: space-between;
  padding: 10px;
}
.partner-access-control-table_subHeader__n6MbI {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.partner-access-control-table_tableHeaderTextBlock__wcoWJ {
  width: 200px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.partner-access-control-table_tableHeaderText__vrLKH {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}
.partner-access-control-table_searchIcon__AQo0U {
  display: flex;
  padding: 0px !important;
  height: 18px !important;
}
.partner-access-control-table_searchIcon__AQo0U:hover {
  background-color: unset !important;
}
.partner-access-control-table_searchColor__1Zibd {
  color: var(--color-overflow-icon);
}
.partner-access-control-table_searchContainer__tKpQ0 {
  position: relative !important;
  margin: 0px 2px 8px 2px !important;
}
.partner-access-control-table_searchBox__caXnX {
  width: 100% !important;
}
.partner-access-control-table_searchElementFocused__bmKeB {
  background-color: inherit !important;
}
.partner-access-control-table_searchBoxSection__IpOtI {
  width: 300px;
  height: 36px !important;
}
.partner-access-control-table_searchIconColor__NxJcm {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}
.partner-access-control-table_searchInput__ImG24 {
  background: rgba(247, 247, 247, 0.45) 0% 0% no-repeat padding-box;
  color: black;
  width: 97% !important;
  border: 1px solid var(--bottom-divider) !important;
  border-radius: 4px;
  height: 35px !important;
  margin-left: 1px;
}
.partner-access-control-table_searchInput__ImG24 fieldset {
  border-radius: 4px !important;
  padding: 2px 0 !important;
}
.partner-access-control-table_searchInput__ImG24 input {
  padding: 7px 0px 7px 10px !important;
  font-size: 14px;
}
.partner-access-control-table_filterIconBlock__tpyZ5 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px;
  margin-left: 12px;
  gap: 6px;
  width: 35px;
  height: 34px;
  /* Buttons/Secondary/Normal */
  /* Button Shadow */
  border-radius: 2px;
}
.partner-access-control-table_MuiDataGrid-row__TCHF7 {
  background-color: #ffffff;
}
.partner-access-control-table_MuiDataGrid-actionsCell__HSzcw {
  background-color: #ffffff;
}
.partner-access-control-table_gridHeaderText__tdJpf {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #526b79;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.partner-access-control-table_passwordBlock__tM-wH {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px !important;
}
.partner-access-control-table_feildBlock__XfAJ\+ {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px !important;
}
.partner-access-control-table_filtersHeader__pnNUi {
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: center;
  color: #003d7a;
}
.partner-access-control-table_filtersDropdown__5rGd7 {
  width: 100%;
  height: 35px;
}
.partner-access-control-table_arrowIconForDropdown__LZVEN {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}
.partner-access-control-table_dropdownOption__MEwxq {
  text-align: left;
  font: normal normal normal 14px/19px var(--font-family);
  letter-spacing: 0px;
  color: var(--color-grey);
  opacity: 1;
}
.partner-access-control-table_dropdownOption__MEwxq:hover {
  background: 0% 0% no-repeat padding-box var(--color-light-blue);
}
.partner-access-control-table_customDropdown__XkY3a {
  width: 150px !important;
  background: 0% 0% no-repeat padding-box var(--color-white) !important;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 5px;
  box-shadow: none;
  font: normal normal normal 14px/19px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}
.partner-access-control-table_customDropdown__XkY3a:invalid {
  color: var(--color-red);
}
.partner-access-control-table_attachmentCloseIcon__s5VZp {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  color: #333333;
  cursor: pointer;
}
.partner-access-control-table_selectParent__\+A2Kv {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 30px;
}
.partner-access-control-table_arrowIconForDropdown__LZVEN {
  top: calc(50% - 16px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
  left: 115px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.partner-access-control-new-user_inputTxt__5kOfb {
  color: var(--global-state-active-content, #333);
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 15.6px */
}
.partner-access-control-new-user_feildBlock__6dWmx {
  width: 100%;
  margin-bottom: 15px;
}
.partner-access-control-new-user_feildBlockParent__7ngw1 {
  column-count: 3;
  width: 100%;
}
.partner-access-control-new-user_parentContainer__GiInz {
  margin: 10px 50px 10px;
  height: 55%;
}
.partner-access-control-new-user_tableHeaderText__4nsTk {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  margin-bottom: 5px;
  color: #333333;
}
.simulator_dFlex__Puq6\+ {
  display: flex;
}

.simulator_simContainer__Bpkvd {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.simulator_simulatorContainer__xRsRX {
  height: 100%;
  background-color: #eaf0f6;
  display: flex;
  /* Hide scrollbar for Chrome, Safari and Opera */
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-right: 0.3rem solid transparent;
  overflow: scroll;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 {
  width: 100%;
  height: inherit;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_input__Th02k {
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_inputChat__xbUlv {
  height: 200px;
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_formControl__OHNkw {
  width: 100%;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorHistoryContent__mlJCz {
  max-height: 75vh;
  overflow: scroll;
  padding: 0 !important;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorHistoryContent__mlJCz .simulator_simulatorCard__QNs4f {
  border: none !important;
  padding: 0px !important;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCard__QNs4f .simulator_simulatorPaper__XFUY1 .simulator_simulatorHistoryContent__mlJCz .simulator_simulatorCardContent__3cYs9 {
  padding: 4px !important;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB {
  width: 16.5%;
  height: 100%;
  cursor: pointer;
  position: relative;
  border-right: 0.3rem solid transparent;
  overflow: scroll;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaper__XFUY1 {
  width: 100%;
  max-height: inherit;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_input__Th02k {
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_inputChat__xbUlv {
  height: 200px;
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaper__XFUY1 .simulator_simulatorForm__XM-BJ .simulator_formControl__OHNkw {
  width: 100%;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB {
  width: 16.5%;
  height: 100%;
  cursor: pointer;
  position: relative;
  border-right: 0.3rem solid transparent;
  overflow: scroll;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaperWithFullheight__gMo2M {
  width: 100%;
  height: inherit;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaperWithFullheight__gMo2M .simulator_simulatorForm__XM-BJ .simulator_input__Th02k {
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaperWithFullheight__gMo2M .simulator_simulatorForm__XM-BJ .simulator_inputChat__xbUlv {
  height: 200px;
  margin-bottom: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorColumn__sw3sB .simulator_simulatorPaperWithFullheight__gMo2M .simulator_simulatorForm__XM-BJ .simulator_formControl__OHNkw {
  width: 100%;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorCardSelected__He9-X {
  background-color: #90dcff !important;
  border-right: 0.3rem solid #58abf1;
}

.simulator_simulatorContainer__xRsRX .simulator_heightInherit__oB-Hq {
  height: inherit;
  overflow: auto;
}

.simulator_simulatorContainer__xRsRX .simulator_heightAuto__N-2Sx {
  height: auto;
  overflow: auto;
}

.simulator_simulatorContainer__xRsRX .simulator_fixedHeight__4auQt {
  overflow: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.simulator_simulatorContainer__xRsRX .simulator_fixedHeight__4auQt .simulator_avatar__luTOu {
  position: absolute;
  right: 2rem;
  top: 31%;
}

.simulator_simulatorContainer__xRsRX .simulator_fixedHeight__4auQt::-webkit-scrollbar {
  display: none;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorButton__07BHx {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
}

.simulator_simulatorContainer__xRsRX .simulator_simulatorSaveButton__Ylll\+ {
  display: flex;
  justify-content: flex-end;
}

.simulator_simulatorContainer__xRsRX .simulator_centerAlign__pndUd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70% !important;
}

.simulator_uploadFileBox__3qm\+O {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 1px dashed #b0cddb;
  border-radius: 5px;
  flex-direction: column;
}

.simulator_txtUploadTemplate__KUeVI {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/text450 */
  color: #767676;
}

.simulator_clickHereStatement__jmRza {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 12px;
  line-height: 125%;
  /* or 15px */
  margin-top: 20px;
  /* interface/blue450 */
  color: #767676;
}

.simulator_btnBox__4krkl {
  display: flex;
  height: 30px;
  margin-top: 15px;
  justify-content: flex-end;
  margin-bottom: 15px;
  cursor: not-allowed;
}

.simulator_txtChatMsg__NsE9U {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #4e5a61;
  margin-bottom: 16px;
}

.simulator_headingSubText__Eq60\+ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  /* or 15px */
  color: #191c21;
  margin-bottom: 20px;
}

.simulator_mainDivBlock__lczo4 {
  border: 1px solid #b0cddb;
  border-radius: 5px;
  padding: 10px;
  height: 450px;
}

.simulator_textAreaInput__FWZ9r {
  height: 122px;
  background: #ffffff;
  border: 1px solid #b0cddb !important;
  border-radius: 5px;
  margin-bottom: 28px;
  margin-top: 16px;
  resize: none;
}

.simulator_textAreaInput__FWZ9r:focus {
  border: 1px solid #b0cddb !important;
  border-radius: 5px;
  outline: none;
}

.simulator_textAreaInput__FWZ9r:disabled {
  cursor: not-allowed;
}

.simulator_expandedDialog__18GrK {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.88);
  width: calc(100% - 18.313rem);
  height: calc(100% - 3.5rem);
}

.simulator_txtChat__M6p4Q {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  color: #191c21;
}

.simulator_p10__GBzOZ {
  padding: 10px;
}

.simulator_makeCenterAlign__zjYQW {
  position: absolute;
  left: 40px;
}

.simulator_expandCollapseIconRtl__cBjOA {
  position: absolute;
  left: 0px;
}

.simulator_expanedicon__InuKu {
  position: absolute;
  left: 0px;
  transform: rotate(90deg) !important;
}

.simulator_btn__\+4EBv {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
}

.simulator_CancelButton__yC58d {
  width: 66px;
  height: 28px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #b0cddb;
  margin-right: 10px;
}

.simulator_saveButton__8qvUB {
  width: 56px;
  height: 28px;
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}

.simulator_saveButton__8qvUB:hover {
  background: #007ab8;
  cursor: pointer;
}

.simulator_saveButton__8qvUB:disabled {
  box-shadow: none;
  background: #f8f8f9;
  border: 1px solid #c3c5c9;
}

.simulator_saveButton__8qvUB:disabled:hover {
  background-color: var(--bg-white);
}

.simulator_btnText__mOfRD {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}

.simulator_txtCancel__HLvIX {
  color: #003d7a;
}

.simulator_txtSave__lzAIl {
  color: #ffffff;
}

.simulator_txtSaveDisabled__RpXOX {
  color: #8e9cab;
}

.simulator_attachmentBox__Zeigu {
  display: flex;
  border: 0;
  box-shadow: none;
  align-items: center;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  height: 35px;
}

.simulator_progressBar__M8q5s {
  width: 100%;
  display: flex;
  align-items: center;
}

.simulator_linearProgressBar__0IFPe {
  width: 100%;
  padding: 5px;
}

.simulator_fileNameInBlack__1GvvR {
  color: #8e98a0;
  font: normal normal 700 10px/13.62px Open Sans;
  opacity: 80%;
  display: flex;
  align-items: center;
}

.simulator_fileNameUploaded__6\+HkJ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/text700 */
  color: #333333;
  display: flex;
  align-items: center;
}

.simulator_fileSize__NvmP3 {
  color: #8e98a0;
  font: normal normal 600 10px/13.62px Open Sans;
}

.simulator_attachmentCloseIcon__ROUI9 {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 5px;
}

.simulator_uploadFileInnerBox__7koIY {
  height: 80px;
  background: #f5f8fa;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.simulator_txtFile__T245K {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  /* globalState/inactive/text */
  color: #3f5c69;
  margin-bottom: 10px;
}

.simulator_uploadedFileBox__iFXl1 {
  display: flex;
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 1px dashed #b0cddb;
  border-radius: 5px;
  flex-direction: column;
}

.simulator_upArrowIcon__\+rczW {
  fill: var(--color-white);
  padding-top: 5px;
  position: absolute;
}

.simulator_arrowIconForDropdown__xKiGz {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .simulator_arrowIconForDropdown__xKiGz {
  left: 10px;
}

[dir=ltr] .simulator_arrowIconForDropdown__xKiGz {
  right: 10px;
}

.simulator_autoSummary_textarea__oc9G2 {
  width: 100% !important;
  height: 130px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}

.simulator_autoSummary_textarea__oc9G2::placeholder {
  color: var(--color-shades-grey);
}

.simulator_autoSummary_text__1b85U {
  font: normal normal 400 12px/15px Open Sans;
  color: #333333;
  margin-bottom: 10px;
}

.simulator_datePickerBox__YhF0g {
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  height: 37px;
  width: 100%;
  padding: 14px 10.5px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  outline: none;
}

.simulator_blockContainer__0Rcmw {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px !important;
}

.simulator_feildBlock__5Q6IF {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px !important;
}

.simulator_tableHeaderText__3vVWq {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}

.simulator_label__xfbvE {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  /* identical to box height */
}

.simulator_editBox__hzP14 {
  width: 100% !important;
}

.simulator_note_textarea__Y545e {
  width: 100% !important;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}

.simulator_note_textarea__Y545e::placeholder {
  color: var(--color-shades-grey);
}
.admin_container__v\+2VH {
  margin: 10px;
  font-family: Arial, sans-serif;
  display: block;
  width: 100%;
  padding: 10px;
}

.admin_listing__TC5\+Q {
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 10px;
}

.admin_header__UM6jR {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin_title__vbK9b {
  font-size: larger;
}

.admin_buttonContainer__-b48w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.admin_button__Hgcmn, .admin_usersButton__k2WYB {
  background-color: #1976d2;
  color: white;
  size: 10px;
  padding: 10px;
}

.admin_button__Hgcmn:hover, .admin_usersButton__k2WYB:hover {
  background-color: #1565c0;
}

.admin_usersButton__k2WYB {
  background-color: white;
  color: #003d7a;
  border-color: #4a8aca;
  border: 1px solid #83b0de;
}

.admin_usersButton__k2WYB:hover {
  background-color: #f0f0f0;
}

.admin_closeButton__kLAcA {
  position: absolute;
  top: 8px;
  right: 8px;
  color: lightgrey;
  font-size: 1rem;
}

.admin_addUserButton__Nd-Dq {
  margin-top: 10px;
  align-self: center;
  width: 100%;
}

.admin_addUserMessage__Q06pZ {
  margin-top: 10px;
  text-align: center;
}

.admin_adminAccessHeader__EoDq3 {
  font-weight: bold;
  text-align: center;
}

.admin_popper__CWSwv {
  width: 350px;
  padding: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  background-color: #fff;
}

.admin_dataGridContainer__H\+Wbk {
  height: calc(80vh - 20px);
}

.admin_searchAndFilterContainer__xmiFO {
  width: 30%;
  margin: 10px;
  display: flex;
  gap: 10px;
}

.admin_filterIcon__TeeqY {
  border: 1px solid rgb(229, 226, 226);
  border-radius: 5px;
  border-color: gainsboro;
}

.admin_actionIcon__KubnA {
  border: none;
  background: none;
  padding: 0;
  color: #000;
}

.admin_actionIcon__KubnA:hover,
.admin_actionIcon__KubnA:focus {
  border: none;
  background: none;
  box-shadow: none;
}

.admin_activeIcon__UQeDU {
  color: green;
  font-size: "20px";
}

.admin_inactiveIcon__SDeVK {
  color: grey;
  font-size: "20px";
}

.admin_demoTypeDropdown__hIRL6 {
  min-width: 200px;
  margin-left: 0.7rem;
}

.admin_visibilityOwnerDropdown__pDQ\+o {
  min-width: 200px;
  margin-left: 0.5rem;
}

.admin_removeFilterIcon__wXjOk {
  background-color: #0077b6;
}

.admin_removeFilterIcon__wXjOk .admin_MuiChip-deleteIcon__RVE-L {
  fill: #ffffff;
}

.admin_MuiChip-deleteIcon__RVE-L {
  fill: #ffffff !important;
}

.admin_clearAllLabel__\+XSET {
  color: #0077b6;
  font-weight: 500;
  cursor: pointer;
}

.admin_clearAllLabel__\+XSET:hover {
  text-decoration: underline;
}

.admin_filledIcon__0rKm6 {
  color: #0077b6;
}
.verticalForm_verticalForm__yO0o2 {
  width: 100%;
  flex-direction: column;
  gap: 12px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.verticalForm_formHeader__SvDJz {
  font-weight: bold;
  margin-bottom: 20px;
}

.verticalForm_fileUpload__Bl1HH {
  color: #6c7480;
  padding: 10px;
  font-size: medium;
}

.verticalForm_fileUploadIcon__Bo-ih {
  padding-top: 5px;
  margin-right: 10px;
}

.verticalForm_fileList__2ZbdO {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  margin-bottom: 8px;
}

.verticalForm_dropzoneContainer__3jvi4 {
  border: 1px dashed rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 16px;
}

.verticalForm_buttonContainer__nKsRq {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.verticalForm_modalContainer__7D-HV {
  display: flex;
  align-items: center;
  justify-content: center;
}

.verticalForm_modalContent__2-6BY {
  background-color: white;
  padding: 10px;
  width: 35%;
  max-height: 75%;
  overflow: auto;
  text-align: justify;
  box-shadow: 0 4px 8px rgba(133, 132, 132, 0.25);
  position: relative;
  white-space: pre-line;
}

.verticalForm_success__6cDub {
  background-color: #dbe5eb;
  border: 1px solid #4691bc;
}

.verticalForm_error__cmu2i {
  background-color: #f8d7da;
  border: 1px solid red;
}

.verticalForm_closeButton__obVHw {
  position: absolute;
  top: 10px;
  right: 10px;
}

.verticalForm_dropdown__CtkwF {
  display: flex;
  gap: 20px;
}

.verticalForm_statusIcon__msmpy, .verticalForm_inactiveIcon__BbbxI, .verticalForm_errorIcon__QwN25, .verticalForm_successIcon__fNmqe, .verticalForm_uploadingIcon__O9bd5 {
  margin-right: 1rem;
  font-size: 14px;
}

.verticalForm_uploadingIcon__O9bd5 {
  color: yellow;
}

.verticalForm_successIcon__fNmqe {
  color: green;
}

.verticalForm_errorIcon__QwN25 {
  color: red;
}

.verticalForm_inactiveIcon__BbbxI {
  color: grey;
}

.verticalForm_inactiveToggle__0CEij {
  color: grey;
  font-size: larger;
}

.verticalForm_activeToggle__3mW0s {
  color: green;
  font-size: larger;
}

.verticalForm_truncate__FGQYu {
  display: inline-block;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 12px;
  color: black;
}
.simulator-v2_dFlex__RjkXN {
  display: flex;
}

.simulator-v2_mainContainer__HFgWk {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(100% - 56px);
  background-color: #eaf6fb;
  padding-bottom: 30px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.simulator-v2_leftContainer__\+AdNV {
  width: 20%;
  min-width: 150px;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
}

.simulator-v2_tableDataContainer__Yth0Y {
  width: 100%;
  height: 100%;
  background-color: #eaf1f7;
  border: 1px solid #d2d8db;
}

.simulator-v2_noDataFoundBlock__AvAdU {
  position: absolute;
  top: 20%;
  left: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.simulator-v2_journeyNameCell__fRYbK {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  height: 100%;
}

.simulator-v2_noRequestTxt__BYVWp {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #5b7c8c;
  padding: 7rem 5rem 4rem 3rem;
}

.simulator-v2_rightContainer__tDCiU {
  width: 80%;
  flex-grow: 1;
  background-color: #eaf1f7;
  padding: 20px 20px 0px;
  overflow-x: hidden;
  box-sizing: border-box;
}

.simulator-v2_header__3LRI5 {
  width: 100%;
  max-height: 56px;
  opacity: 1;
  background: linear-gradient(180deg, var(--appbar-transition-bg) 0%, var(--badge-bg) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.simulator-v2_headerText__m3Mca {
  color: #003d7a;
  font-weight: 700;
  font-size: 13px;
  padding: 8px 20px;
}

.simulator-v2_listItemContainer__MiTsT {
  color: #003d7a;
  font-size: 13px;
  font-weight: 400;
}

.simulator-v2_tableBlock__dhp3- {
  margin-top: 20px !important;
}

.simulator-v2_tableHeader__ycJJB {
  width: 100%;
  height: 60px;
  background: #f2f7fa !important;
  display: flex !important;
  align-items: center;
  border: 1px solid #d2d8db;
  justify-content: space-between;
  padding: 10px;
}

.simulator-v2_subHeader__CNHR3 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}

.simulator-v2_tableHeaderTextBlock__CCz\+N {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}

.simulator-v2_tableHeaderText__3Txtq {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #333333;
}

.simulator-v2_searchBox__SqbMv {
  width: auto;
}

.simulator-v2_searchBoxSection__pELEO {
  width: 300px;
  height: 36px !important;
}

.simulator-v2_searchIconColor__qyc6r {
  color: var(--color-grey);
  opacity: 0.7 !important;
  margin-left: 7px !important;
}

.simulator-v2_searchInput__WZOlJ {
  background: rgba(247, 247, 247, 0.45) 0% 0% no-repeat padding-box;
  color: black;
  border-radius: 4px;
  height: 35px !important;
  margin-left: 1px;
}

.simulator-v2_searchInput__WZOlJ fieldset {
  border-radius: 4px !important;
  padding: 2px 0 !important;
}

.simulator-v2_searchInput__WZOlJ input {
  padding: 7px 0px 7px 10px !important;
  font-size: 14px;
}

.simulator-v2_MuiDataGrid-row__HkDrM {
  background-color: #ffffff;
}

.simulator-v2_MuiDataGrid-actionsCell__znGwS {
  background-color: #ffffff;
}

.simulator-v2_gridHeaderText__GAeAM {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #526b79;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.simulator-v2_popOverActionLabelWrapper__FPUT9 {
  color: #003d7a;
  font-size: 13px;
  font-weight: 400;
}

.simulator-v2_menuHeaderName__JnVYi {
  font-weight: 600;
  font-size: 12px;
}

.simulator-v2_filtersDropdown__5EVHX {
  width: 100%;
  height: 35px;
}

.simulator-v2_btn__Xmisg {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px 15px 20px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 30px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #1c639c;
}

.simulator-v2_btnText__MqWWJ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
}

.simulator-v2_btnBox__9NNIn {
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

.simulator-v2_arrowIconForDropdown__0Q8hC {
  top: calc(50% - 14px);
  color: var(--color-dark-greyish-blue);
  position: absolute;
  pointer-events: none;
  transform: rotate(180deg);
}

[dir=rtl] .simulator-v2_arrowIconForDropdown__0Q8hC {
  left: 10px;
}

[dir=ltr] .simulator-v2_arrowIconForDropdown__0Q8hC {
  right: 10px;
}

.simulator-v2_containerGrid__zhc2I {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.simulator-v2-create-new-journey_createNewJourneyContainer__EABm0 {
  display: flex;
  flex-direction: column;
  height: 78vh;
  width: 100%;
  background: #ffffff;
  margin-top: 20px;
  padding: 0px 20px;
}

.simulator-v2-create-new-journey_container__MlsRG {
  overflow-y: auto;
  height: 71vh;
  background-color: #ffffff;
}

.simulator-v2-create-new-journey_blockContainer__vrODP {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px !important;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-radius: 24px;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_cardIcon__EISF6 {
  fill: #007ab8;
  height: 15px;
  width: 15px;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_feedbackBlock__UC9aE {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_feedbackBlock__UC9aE .simulator-v2-create-new-journey_feedbackIcon__4OXxE {
  font-size: 18px;
  stroke: #bfc1c5;
  stroke-width: 2px;
  fill: transparent;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_feedbackBlock__UC9aE .simulator-v2-create-new-journey_feedbackLikeIcon__zez\+x {
  font-size: 18px;
  stroke: #007ab8;
  stroke-width: 2px;
  fill: transparent;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_suggestionTxt__-nVkK {
  width: 88%;
  color: var(--interface-text700, #333);
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 10px;
  height: 300px;
  border: 1px solid #808080;
  border-radius: 4px;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_sendIcon__8L7wc {
  font-size: 20px;
  cursor: pointer;
}

.simulator-v2-create-new-journey_suggestionCard__t1TIg .simulator-v2-create-new-journey_arrowIcon__J5DoR {
  rotate: 90deg;
}

.simulator-v2-create-new-journey_containerGrid__IZB0H {
  display: flex;
  gap: 3px;
  flex-direction: column;
  width: 25rem;
  margin-bottom: 0rem;
}

.simulator-v2-create-new-journey_inputLabel__Ikym9 {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.simulator-v2-journey-details-tab_container__F2w2N {
  height: 60vh;
  overflow-y: auto;
}

.simulator-v2-journey-details-tab_headerText__pDbsQ {
  font-size: 20px;
  font-weight: 600;
}

.simulator-v2-journey-details-tab_inputLabel__HyiN- {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}

.simulator-v2-journey-details-tab_featuredText__v2vNR {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin: 10px 0px 5px;
}

.simulator-v2-journey-details-tab_containerGrid__0YuOL {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 20rem;
  margin-bottom: 1rem;
}

.simulator-v2-journey-details-tab_inputFeildStyle__qHVW3 {
  border-radius: 4px;
  height: 36px;
  border: 1px solid #afc1ce;
}

.simulator-v2-journey-details-tab_textAreaInput__-SLDa {
  width: 100% !important;
  background: 0% 0% no-repeat padding-box #ffffff;
  border: 1px solid #afc1ce;
  border-radius: 4px;
  opacity: 1;
  padding: 10px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}

.simulator-v2-journey-details-tab_simLabelStyles__5-dxN {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }

*/
.simulator-v2-customer-details-tab_container__M5Ib3 {
  height: auto;
  overflow-y: auto;
}
.simulator-v2-customer-details-tab_headerText__7d9av {
  font-size: 20px;
  font-weight: 600;
}
.simulator-v2-customer-details-tab_inputLabel__hp5Dm {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.simulator-v2-customer-details-tab_featuredText__ERGfA {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin: 10px 0px 5px;
}
.simulator-v2-customer-details-tab_containerGrid__Wentp {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 25rem;
  margin-bottom: 0rem;
}
.simulator-v2-customer-details-tab_inputFeildStyle__DgVhq {
  border-radius: 4px;
  height: 36px;
  border: 1px solid #afc1ce;
}
.simulator-v2-customer-details-tab_textAreaInput__TU50L {
  width: 100% !important;
  background: 0% 0% no-repeat padding-box #ffffff;
  border: 1px solid #afc1ce;
  border-radius: 4px;
  opacity: 1;
  padding: 10px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: #333333;
}
.simulator-v2-customer-details-tab_simLabelStyles__mDqFO {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.simulator-v2-customer-details-tab_autoSummary_text__cmE3j {
  font: normal normal 400 12px/15px Open Sans;
  color: #333333;
  margin-bottom: 10px;
}
.simulator-v2-customer-details-tab_autoSummary_textarea__6Sk\+w {
  width: 100% !important;
  height: 130px;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 2px solid #afc1ce;
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.simulator-v2-customer-details-tab_autoSummary_textarea__6Sk\+w::placeholder {
  color: var(--color-shades-grey);
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.simulator-v2-overview-tab_container__-g8Uv {
  height: auto;
  overflow-y: auto;
}
.simulator-v2-overview-tab_numericSelectorInput__uYBly {
  box-sizing: border-box;
  width: 38px;
  height: 36px;
  border: 1px solid #afc1ce;
  border-right: none;
  background-color: #fff;
  padding: 8px;
  font-size: 13px;
  color: #2e2e2e;
  border-radius: 4px 0px 0px 4px;
}
.simulator-v2-overview-tab_numericSelectorIncGrid__1x0Wt {
  -webkit-user-select: none;
  user-select: none;
  width: 38px;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid #afc1ce;
  border-radius: 0 2px 2px 0;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0px 4px 4px 0px;
}
.simulator-v2-overview-tab_columnForIncDec__281jM {
  height: 51%;
  border-bottom: 1px solid #afc1ce;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.simulator-v2-overview-tab_columnForIncDec__281jM:hover {
  cursor: pointer;
}
.simulator-v2-overview-tab_headerText__8bIMO {
  font-size: 20px;
  font-weight: 600;
}
.simulator-v2-overview-tab_subTitle__Z5Qy1 {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
}
.simulator-v2-overview-tab_subTitleContainer__w8rsl {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.simulator-v2-overview-tab_inputProps__YJwaZ {
  padding: 10px;
}
.simulator-v2-overview-tab_editBox__cdfuH {
  width: 100% !important;
}
.simulator-v2-overview-tab_note_textarea__h9Sk8 {
  width: 100% !important;
  background: 0% 0% no-repeat padding-box var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  padding-left: 5px;
  outline: none;
  font: normal normal normal 12px/15px Open Sans;
  letter-spacing: 0px;
  color: var(--color-mine-shaft);
}
.simulator-v2-overview-tab_note_textarea__h9Sk8::placeholder {
  color: var(--color-shades-grey);
}
.simulator-v2-overview-tab_parentGrid__NiKDw {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 25rem;
}
.simulator-v2-overview-tab_inputLabel__GNY9s {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.simulator-v2-overview-tab_noteText__gqhi2 {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- {
  padding: 20px 20px 0px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryItem__vM2uI {
  font-weight: 600;
  font-size: 20px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_addNewItem__OBzMV {
  display: flex;
  justify-content: flex-end;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_addNewItem__OBzMV .simulator-v2-interaction-history-tab_addNewBtn__vY8ZV {
  min-width: 80px;
  color: var(--Secondary-Content, rgb(0, 61, 122));
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 {
  padding-top: 10px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- {
  height: 129px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #D2D8DB;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_callNumber__yTH85 {
  font-weight: 600;
  font-size: 15px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_editBtn__oTXOB {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_dataItemText__d8D-r {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding-bottom: 4x;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_dataItemAgent__j-Ilo {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  opacity: 0.6;
  padding-bottom: 4px;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_dataItemStatus__NKoJ0 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #008940;
  text-transform: capitalize;
}
.simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 .simulator-v2-interaction-history-tab_interactionHistoryDataItem__3ObH- .simulator-v2-interaction-history-tab_dataItemStatusClosed__YH7S1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
}
.simulator-v2-interaction-history-tab_addNewBtn__vY8ZV {
  min-width: 80px;
  color: var(--Secondary-Content, rgb(0, 61, 122));
  border: 1px solid var(--Secondary-Border, rgb(176, 205, 219));
  font-weight: 600;
  font-size: 13px;
}
.simulator-v2-interaction-history-tab_inputLabel__WRH46 {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.simulator-v2-interaction-history-tab_containerGrid__\+Xn8p {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 20rem;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .simulator-v2-interaction-history-tab_interactionHistoryContainer__GSVB- {
    padding: 10px;
  }
  .simulator-v2-interaction-history-tab_interactionHistoryDataContainer__eOyu1 {
    padding-top: 10px !important;
  }
}
.simulator-v2-interaction-history-tab_MuiBackdrop-root__c\+16S {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.simulator-v2-interaction-history-tab_modalHeader__KBk5b {
  font-weight: 600;
  font-size: 20px;
}
.simulator-v2-interaction-history-tab_modalBody__7x-v7 {
  max-height: 70vh;
  overflow-y: auto;
}
.simulator-v2-interaction-history-tab_modalLabel__MHo9C {
  font-weight: 600;
  font-size: 12px;
  color: #333333;
}
.simulator-v2-interaction-history-tab_modalFooter__0\+xSC {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.simulator-v2-interaction-history-tab_modalFooter__0\+xSC .simulator-v2-interaction-history-tab_cancelBtn__tzBNb {
  background-color: #fff;
  border: 1px solid var(--Secondary-Border, #B0CDDB);
  color: var(--Secondary-Content, #003D7A);
}
.simulator-v2-interaction-history-tab_modalFooter__0\+xSC .simulator-v2-interaction-history-tab_closeBtn__dCtGU {
  background: var(--SOL-Web-Color-Background-Buttons-Primary-Regular, #107DBC);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1607843137);
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 {
  padding: 20px 20px 0px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryItems__mu8Qx {
  font-weight: 600;
  font-size: 20px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_addNewItem__e23T\+ {
  display: flex;
  justify-content: flex-end;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_addNewItem__e23T\+ .simulator-v2-contact-history-tab_addNewBtn__\+\+LrX {
  min-width: 80px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL {
  padding: 10px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W {
  height: 129px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #d2d8db;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_callNumber__rkUhf {
  font-weight: 600;
  font-size: 15px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_editBtn__-BlKW {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_dataItemText__7sC38 {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding-bottom: 4x;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_dataItemAgent__on-6z {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  opacity: 0.6;
  padding-bottom: 4px;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_dataItemStatus__7EldV {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #008940;
  text-transform: capitalize;
}
.simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL .simulator-v2-contact-history-tab_contactHistoryDataItem__ru30W .simulator-v2-contact-history-tab_dataItemStatusClosed__U0plC {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
}
.simulator-v2-contact-history-tab_addNewBtn__\+\+LrX {
  min-width: 80px;
  color: var(--Secondary-Content, rgb(0, 61, 122));
  border: 1px solid var(--Secondary-Border, rgb(176, 205, 219));
  font-weight: 600;
  font-size: 13px;
}
.simulator-v2-contact-history-tab_inputLabel__6OlFR {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.simulator-v2-contact-history-tab_containerGrid__bSOFw {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 20rem;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .simulator-v2-contact-history-tab_contactHistoryContainer__15Mj5 {
    padding: 10px;
  }
  .simulator-v2-contact-history-tab_contactHistoryDataContainer__2dvYL {
    padding-top: 10px !important;
  }
}
.simulator-v2-contact-history-tab_MuiBackdrop-root__DZQqE {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.simulator-v2-contact-history-tab_modalHeader__Y\+E08 {
  font-weight: 600;
  font-size: 20px;
}
.simulator-v2-contact-history-tab_modalBody__2Y\+Td {
  max-height: 70vh;
  overflow-y: auto;
}
.simulator-v2-contact-history-tab_modalLabel__o84NT {
  font-weight: 600;
  font-size: 12px;
  color: #333333;
}
.simulator-v2-contact-history-tab_modalFooter__5R3BC {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.simulator-v2-contact-history-tab_modalFooter__5R3BC .simulator-v2-contact-history-tab_cancelBtn__CuDcC {
  background-color: #fff;
  border: 1px solid var(--Secondary-Border, #b0cddb);
  color: var(--Secondary-Content, #003d7a);
}
.simulator-v2-contact-history-tab_modalFooter__5R3BC .simulator-v2-contact-history-tab_closeBtn__5\+DxS {
  background: var(--SOL-Web-Color-Background-Buttons-Primary-Regular, #107dbc);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1607843137);
}
.simulator-v2-contact-history-tab_padding_bottom__PkWZD {
  padding-bottom: 16px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.simulator-v2-external-data-tab_container__3prGA {
  height: auto;
  overflow-y: auto;
  padding: 20px;
  padding-bottom: 0px;
}
.simulator-v2-external-data-tab_headerText__0zoVI {
  font-size: 20px;
  font-weight: 600;
}
.simulator-v2-external-data-tab_subHeaderText__6KidG {
  font-size: 15px;
  font-weight: 600;
}
.simulator-v2-external-data-tab_addBtn__vg2uU {
  border: 1px solid #b0cddb !important;
  color: #003d7a !important;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
}
.simulator-v2-external-data-tab_subContainer__pC2Sn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simulator-v2-external-data-tab_subContainer1__Ftw\+h {
  display: flex;
  flex-direction: column;
  width: 25rem;
  gap: 10px;
}
.simulator-v2-external-data-tab_recordContent__e1Pd- {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0px;
  margin: 0px;
  box-shadow: 0 1px 3px #bdbdbd;
  padding: 0.75rem 0.313rem !important;
  border-radius: 3%;
  position: relative;
  cursor: pointer;
}
.simulator-v2-external-data-tab_recordDetailsBlock__f5HLI {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 50%;
  flex: 1 1 100%;
  padding: 0px;
  margin: 0px;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.simulator-v2-external-data-tab_recordMinParentContainer__5qPTS {
  flex: 1;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.simulator-v2-external-data-tab_recordDetails__cOHjp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.simulator-v2-external-data-tab_title__Mjy-V {
  font-family: Open Sans;
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
  text-wrap: nowrap;
}
.simulator-v2-external-data-tab_caseTitle__hbCnX {
  font-family: Open Sans;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color: #333333;
  word-break: break-word;
}
.simulator-v2-external-data-tab_recordParent__KWgHg {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.simulator-v2-external-data-tab_recordType__Kp8RX {
  color: #767676;
  font-size: 11px;
  padding: 0px 0px 5px 0px;
  width: max-content;
}
.simulator-v2-external-data-tab_statusText__h3Uc2 {
  color: #fb8c00;
  font-weight: 600;
  font-size: 11px;
  margin: 3px 0px;
}
.simulator-v2-external-data-tab_closedText__M6etR {
  color: #767676;
  font-weight: 600;
  font-size: 11px;
  margin: 3px 0px;
}
.simulator-v2-external-data-tab_subTitle__mXjSw {
  font-size: 11px;
  color: #767676;
  font-weight: 400;
}
.simulator-v2-external-data-tab_firstColumn__UJVTN {
  color: #767676;
  font-size: 11px;
}
.simulator-v2-external-data-tab_greenStatus__lWI6e {
  background-color: rgb(80, 201, 80);
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.simulator-v2-external-data-tab_tickIcon__g2YGl {
  margin: 0px 12px;
  color: #ffffff;
  font-size: 15px;
}
.simulator-v2-external-data-tab_linkIcon__-mL2G {
  background-color: var(--color-blue);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0px 12px;
  height: 25px;
}
.simulator-v2-external-data-tab_articleIcon__paJNp {
  font-size: 15px;
  cursor: pointer;
  transform: rotate(45deg);
}
.simulator-v2-external-data-tab_editDetailsHeader__Ihq2q {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simulator-v2-external-data-tab_label__l6zQG {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  /* identical to box height */
}
.simulator-v2-external-data-tab_switchSubContainer__aBe36 {
  display: flex;
  flex-direction: column;
  width: 25rem;
  align-items: flex-start;
  gap: 0px;
}
/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.simulator-v2-copilot-tab_container__MhCP7 {
  height: 65vh;
  overflow-y: auto;
}
.simulator-v2-copilot-tab_headerText__fclef {
  font-size: 20px;
  font-weight: 600;
}
.simulator-v2-copilot-tab_containerGrid__95VyV {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 20rem;
}
.simulator-v2-copilot-tab_simLabelStyles__ADDmU {
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
.simulator-v2-copilot-tab_uploadedFileBox__TkLaO {
  display: flex;
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 1px dashed #b0cddb;
  border-radius: 5px;
  flex-direction: column;
}
.simulator-v2-copilot-tab_uploadFileBox__90GJn {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: 1px dashed #b0cddb;
  border-radius: 5px;
  flex-direction: column;
}
.simulator-v2-copilot-tab_txtUploadTemplate__S2Fl\+ {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/text450 */
  color: #767676;
}
.simulator-v2-copilot-tab_clickHereStatement__xs0yX {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 12px;
  line-height: 125%;
  /* or 15px */
  margin-top: 5px;
  /* interface/blue450 */
  color: #767676;
}
.simulator-v2-copilot-tab_uploadFileInnerBox__dyAEs {
  height: 80px;
  background: #f5f8fa;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-left: 5px;
}
.simulator-v2-copilot-tab_txtFile__yu3mj {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  /* globalState/inactive/text */
  color: #3f5c69;
  margin-bottom: 10px;
}
.simulator-v2-copilot-tab_attachmentBox__raqUy {
  display: flex;
  border: 0;
  box-shadow: none;
  align-items: center;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  height: 35px;
}
.simulator-v2-copilot-tab_progressBar__Cpr6d {
  width: 100%;
  display: flex;
  align-items: center;
}
.simulator-v2-copilot-tab_linearProgressBar__vMazc {
  width: 100%;
  padding: 5px;
}
.simulator-v2-copilot-tab_fileNameInBlack__08PjS {
  color: #8e98a0;
  font: normal normal 700 10px/13.62px Open Sans;
  opacity: 80%;
  display: flex;
  align-items: center;
}
.simulator-v2-copilot-tab_fileNameUploaded__FB19p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 125%;
  /* identical to box height, or 15px */
  display: flex;
  align-items: center;
  text-align: center;
  /* interface/text700 */
  color: #333333;
  display: flex;
  align-items: center;
}
.simulator-v2-copilot-tab_fileSize__2LJta {
  color: #8e98a0;
  font: normal normal 600 10px/13.62px Open Sans;
}
.simulator-v2-copilot-tab_attachmentCloseIcon__0SuUG {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 5px;
}
.simulator-v2-copilot-tab_txtChatMsg__6XRxs {
  font-style: normal;
  display: flex;
  align-items: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
.simulator-v2-dashboard-header_dashboardHeaderContainer__jP0Bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simulator-v2-dashboard-header_dashboardHeaderContainer__jP0Bt .simulator-v2-dashboard-header_title__nscGe {
  font-family: Open Sans;
  font-weight: 400;
  width: 25%;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: bottom;
  color: #000000;
}
.simulator-v2-dashboard-header_errorText__NLuUe {
  padding: 3px 0;
  min-width: 0;
  overflow: auto;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 88%;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_btn__shtEG {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  gap: 10px;
  border-radius: 4px;
  width: auto;
  height: 35px;
  cursor: pointer;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_cancelBtn__Kw0Mt {
  background: #ffffff;
  border: 1px solid #b0cddb;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_saveBtn__gKkKh {
  background: #007ab8;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32);
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_saveBtn__gKkKh:hover {
  background: #007ab8;
  cursor: pointer;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_btnText__6XalI {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_txtCancel__cMgVT {
  color: #003d7a;
}
.simulator-v2-dashboard-header_btnContainer__ErCm7 .simulator-v2-dashboard-header_txtSave__R95\+y {
  color: #ffffff;
}

/*# sourceMappingURL=main.css.map*/