.dark-mode body {
    background-color: var(--main-background);
    color: var(--text-color);
}

.dark-mode ::-webkit-scrollbar-track {
    background-color: var(--scroll-background);
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--scrollbar);
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--scollbar-thumb-hover);
}

.dark-mode .gif-loading{
    background: #fff;
    border-radius: 50%;
}
/* Update specific element */
.dark-mode input::placeholder {
    color: var(--text-secondary-color);
    opacity: 0.8;
}

.dark-mode input,
.dark-mode textarea {
    color: var(--text-color);
    opacity: 1;
}

.dark-mode .modern-ui-custom-radio input[type="radio"],
.dark-mode .k-checkbox.modern-input-checkbox,
.dark-mode .modern-ui-radio-box .k-radio {
    background-color: var(--popup-background);
}

.dark-mode .modern-ui-multiselect-popup .k-multiselect-popup .k-list-item .select-item input[type="checkbox"].modern-input-checkbox {
    background-color: var(--popup-background);
    border: 1px solid var(--gray-color);
}

/* Update specific area */
.dark-mode .right-side .validate-generic-wrapper {
    border: 1px solid var(--border-red-danger);
}

.dark-mode .right-side .validate-generic-wrapper .validate-icon-wrapper .validate-icon > svg {
    fill: var(--border-red-danger);
}

.dark-mode .k-window.multi-task-window .multi-task-container .multi-task-left,
.dark-mode .solid-background {
    background: var(--popup-background);
}

.dark-mode .modern-login-container .login-button .k-button-text,
.dark-mode .modern-login-container .connect-button .k-button-text {
    color: var(--text-color);
}

.dark-mode .right-side .error-page-generic-container,
.dark-mode .dialog-wrapper .k-dialog-content .password-expired .password-expired-header,
.dark-mode .dialog-wrapper .k-dialog-content .dialog-wrapper-not-found-container {
    border: 1px solid var(--dark-gold-text);
    background: var(--dark-gold-background);
}

/* Main page */
.dark-mode .page .main-content .content-container {
    background: var(--main-background);
}

.dark-mode .modern-page-non-background .page-header .page-title {
    color: var(--text-color);
}
/* Header */
.dark-mode .header-container,
.dark-mode .header-container .quick-search {
    background: var(--popup-background);
}

.dark-mode .header-container.header-container .input-search::placeholder,
.dark-mode .header-container .right-header .header-menu .menu-item,
.dark-mode .header-container .right-header .campaign-area .campaign-label,
.dark-mode .header-container .input-search {
    color: var(--text-color);
    opacity: 1;
}

.dark-mode .header-container .right-header .campaign-area .campaign-list.disabled .campaign-dropdownlist-header {
    color: var(--text-disabled);
}

.dark-mode .header-container .campaign-list.disabled .campaign-dropdownlist-header svg path {
    fill: var(--text-disabled);
}

.dark-mode .leftmenu-area .menu-area .menu-list .menu-item.active,
.dark-mode .header-container .right-header .header-menu .menu-item.active {
    background: var(--dropdown-list-selected);
}

.dark-mode .header-container .right-header .campaign-area .loading-campaign-list{
    background: var(--gray-color);
}

.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .recent-search-list.k-listview.telerik-blazor {
    background: var(--popup-background);
}

/* Profile box */
.dark-mode .user-info-area {
    background: transparent;
    border-left: 1px solid var(--popup-border);
}

.dark-mode .user-info-area .user-action-area {
    background: var(--main-background);
}

.dark-mode .change-status-popover {
    background: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .user-info-area .user-action-area .action-title {
    color: var(--text-color);
}

.dark-mode .user-info-area .user-action-area .logout-area svg path {
    fill: var(--offline-color);
}

.dark-mode .change-status-popover .k-popover-body .status-item.item-selected,
.dark-mode .change-status-popover .k-popover-body .busy-status-area .user-status-child .user-status-name.item-selected,
.dark-mode .modern-dropdown-list-setting div .k-dropdownlist-popup .k-list .k-list-content .k-list-ul li.k-list-item.k-selected {
    background: var(--dropdown-list-selected);
}

.dark-mode .change-status-popover .k-popover-body .status-item:hover,
.dark-mode .change-status-popover .k-popover-body .busy-status-area .user-status-child .user-status-name:hover,
.dark-mode .user-info-area .user-action-area .menu-item:hover,
.dark-mode .modern-dropdown-list-setting div .k-dropdownlist-popup .k-list .k-list-content .k-list-ul li.k-list-item:hover {
    background: var(--dropdown-list-hover);
    color: var(--text-color);
}

.dark-mode .k-popup.k-list-container.k-dropdownlist-popup,
.dark-mode .change-status-popover .k-popover-body .busy-status-area {
    background: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .user-info-area .user-action-area .menu-item.disable .menu-name {
    color: var(--text-disabled);
}

.dark-mode .user-info-area .user-action-area .menu-item.disable svg.menu-icon path {
    fill: var(--text-disabled);
}
/* Left menu */
.dark-mode .leftmenu-area {
    background: var(--popup-background);
}

.dark-mode .leftmenu-area .menu-area .menu-list .menu-item.disabled,
.dark-mode .leftmenu-area .manual-call-area.disabled {
    background: var(--gray-color);
}

.leftmenu-area .manual-call-area .phone-bg .phone-icon path {
    fill: var(--text-primary-color);
}

.dark-mode .leftmenu-area .manual-call-area .phone-bg,
.dark-mode .leftmenu-area .manual-call-area.selected .phone-bg {
    background: #eee;
}

.dark-mode .leftmenu-area .manual-call-area.disabled .phone-bg {
    background: var(--gray-color);
}

.dark-mode .leftmenu-area .menu-area .menu-list .menu-item.disabled,
.dark-mode .leftmenu-area .menu-area .menu-list .menu-item.disabled-nav,
.dark-mode .leftmenu-area .manual-call-area.disabled-nav,
.dark-mode .user-info-area .user-action-area .menu-item.disable {
    background: transparent;
}

.dark-mode .leftmenu-area .toggle-menu:hover,
.dark-mode .leftmenu-area .manual-call-area:not(.selected):hover,
.dark-mode .leftmenu-area .menu-area .menu-list .menu-item:hover,
.dark-mode .header-container .right-header .header-menu .menu-item:hover,
.dark-mode .header-container .right-header .profile-area:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .leftmenu-area > div {
    border-bottom: 1px solid #c6c6c64d;
}

.dark-mode .leftmenu-area .manual-call-area.selected:hover {
    background: var(--purple-color);
}

.dark-mode .leftmenu-area .manual-call-area.selected:hover .manual-call-title {
    color: var(--text-color);
}

/* Dial Pad */
.dark-mode .number-button-container,
.dark-mode .phone-pad-menu-container .phone-pad-menu-content .phone-pad-number .keyboard-row .number-button-container,
.dark-mode .k-window.telerik-blazor.dial-pad-container .k-actions .dial-pad-footer,
.dark-mode .dial-pad-container .keypad-tab-bottom,
.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list,
.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .recent-stored-phone-number-search .quick-search-item,
.dark-mode .keypad-tab-container .recent-call-history-container .collapse-container .collapse-btn .dial-pad-btn,
.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .result-search .result-item,
.dark-mode .quick-search-list .result-search,
.dark-mode .filter-box-container,
.dark-mode .dial-pad-container .directory-container .filter-box-container,
.dark-mode .dial-pad-container .directory-container .directory-content,
.dark-mode .dial-pad-container .directory-container,
.dark-mode .white-btn,
.dark-mode .ai-agent-history-container,
.dark-mode .ai-agent-history-container .content-ai-agent .call-transcription-container,
.dark-mode .ai-agent-history-container .content-ai-agent .call-summary-container,
.dark-mode .ai-agent-history-container .content-ai-agent .call-sentiment-container,
.dark-mode .dial-pad-container .history-container .user-list-conainer,
.dark-mode .dial-pad-container .history-container .user-list-conainer .call-history-card,
.dark-mode .dial-pad-container .phone-screen-container {
    background: var(--popup-background);
}

.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .preview-card-name,
.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .preview-card-number,
.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row .accept-call-card-number,
.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .dial-container .text {
    color: var(--popup-background);
}

.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .preview-card-calling {
    color: var(--text-primary-color);
}

.dark-mode .phone-pad-menu-container .phone-pad-menu-content .phone-pad-number .keyboard-row .number-button-container:hover {
    background: var(--dropdown-list-hover);
    border: 1px solid var(--gray-color);
}

.dark-mode .number-button-container:hover {
    background: var(--purple-btn-hover);
    border: 1px solid var(--gray-color);
}

.dark-mode .phone-pad-menu-container .phone-pad-menu-content .phone-pad-number .keyboard-row .number-button-container {
    border: 1px solid var(--gray-color);
}

.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-title-group-skill .group-skill-name,
.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-fields-group .directory-agent-fields-row .directory-agent-fields-caption-detail,
.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .recent-stored-phone-number-search .quick-search-item .quick-search-text {
    color: var(--text-color);
}

.dark-mode .k-window.telerik-blazor.dial-pad-container .k-actions {
    border-top: 1px solid #616264;
}

.dark-mode .dial-pad-container .directory-container .directory-content .directory-agents-list .directory-agent-item .directory-agent-info .directory-agent-status,
.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-fields-group .directory-agent-fields-row .directory-agent-fields-caption,
.dark-mode .number-button-container .text {
    color: var(--text-secondary-color);
}

.dark-mode .dial-pad-container .square-btn.selected, 
.dark-mode .dial-pad-container .square-btn:hover,
.dark-mode .k-window.telerik-blazor.dial-pad-container .k-actions .dial-pad-footer .dial-pad-footer-item.dial-pad-active-tab .dial-pad-footer-icon {
    background: var(--dropdown-list-selected);
}

.dark-mode .k-window.telerik-blazor.dial-pad-container .k-actions .dial-pad-footer .dial-pad-footer-item.dial-pad-active-tab .dial-pad-footer-icon path {
    fill: var(--primary-button-color);
}

.dark-mode .k-window.telerik-blazor.dial-pad-container .k-actions .dial-pad-footer .dial-pad-footer-item:hover .dial-pad-footer-icon,
.dark-mode .dial-pad-container .directory-container .directory-content .directory-agents-list .directory-agent-item:hover,
.dark-mode .white-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .dial-pad-container .search-field-content span .phone-number-search,
.dark-mode .transfer-call-agent-item:hover {
    background: transparent;
}

.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .recent-stored-phone-number-search .quick-search-item:hover,
.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .result-search .result-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .dial-pad-container .history-container .user-list-conainer .call-history-card:hover {
    background: var(--main-background);
}

.dark-mode .dial-pad-container .history-container .search-field-container,
.dark-mode .dial-pad-container .directory-container .search-field-container {
    background: var(--dropdown-list-hover);
}

.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-profile-container .directory-agent-profile-details {
    background: var(--main-background);
}

.dark-mode .new-ai-agent-actions-icon svg path,
.dark-mode .ai-agent-actions-icon svg path,
.dark-mode .search-ai-agent-actions-icon svg path,
.dark-mode .ai-agent-history-actions-icon svg path,
.dark-mode .ai-live-transcript-icon path{
    stroke: var(--text-color);
}

.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-title-group-skill {
    background: var(--black-color);
    border: 1px solid var(--gray-color);
}

.dark-mode .keypad-menu-container,
.dark-mode .mute-menu-container,
.dark-mode .hangup-menu-container,
.dark-mode .keypad-menu-container .keypad-menu-content {
    background: var(--popup-background);
}

.dark-mode .ai-agent-popover.k-popover,
.dark-mode .more-action-popover.k-popover {
    background: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .ai-agent-popover.k-popover .k-popover-inner .k-popover-body .ai-agent-popup-container .ai-agent-text-item,
.dark-mode .more-action-popover.k-popover .k-popover-inner .k-popover-body .more-action-popup-container .more-action-text-item,
.dark-mode .ai-agent-component-header .ai-agent-component-header-title,
.dark-mode .hangup-menu-container .hangup-menu-content .hangup-btn-container,
.dark-mode .modern-ui-radio-box .k-radio-label {
    color: var(--text-color);
}

.dark-mode .clear-sms-dtmf path {
    fill: var(--text-color);
}

.dark-mode .ai-agent-text-item svg rect {
    fill: currentColor;
}

.dark-mode .ai-agent-text-item.rating svg path {
    fill: transparent;
    stroke: var(--text-color);
}

.dark-mode .ai-agent-popover.k-popover .k-popover-inner .k-popover-body .ai-agent-popup-container .ai-agent-text-item:hover,
.dark-mode .more-action-popover.k-popover .k-popover-inner .k-popover-body .more-action-popup-container .more-action-text-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .modern-ui-textareabox {
    background: var(--black-color);
    border: 1px solid var(--gray-color);
}

.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row .accept-call-card-name,
.dark-mode .default-btn-container .text:not(.dial-pad-container .phone-screen-container .text, .call-history-item-actions .text, .directory-agent-profile-actions .text, .mute-menu-container .text) {
    color: var(--popup-background);
}

.dark-mode .close-button .media-icon path {
    fill: var(--popup-background);
}

.dark-mode .toggle-button.k-switch-on .k-switch-track {
    background: var(--purple-color);
}

.dark-mode .dial-pad-container .history-container .user-list-conainer .call-history-card.selected {
    background: var(--main-background);
}

.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .result-search .result-item .highlighter-item .highlighter-text{
    mix-blend-mode: unset;
}

.dark-mode .dial-pad-container .history-container{
    background: var(--popup-background);
}

.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list {
    border: 1px solid var(--gray-color);
}

.dark-mode .keypad-tab-container .keypad-tab-top .keypad-search-container .quick-search-list .no-result-search,
.dark-mode .chat-search-container .quick-search-list .no-data-list-result,
.dark-mode .quick-search-list > .no-data-list-result .no-data-text-list-result {
    color: var(--text-secondary-color);
}

.dark-mode .keypad-tab-container .recent-call-history-container .collapse-container .collapse-btn .dial-pad-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row .accept-call-card-hold-timer,
.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row .accept-call-card-contact {
    color: var(--text-primary-color);
}

.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row .accept-call-card-dot {
    background: var(--text-primary-color);
}

.dark-mode .keypad-tab-container .accept-call-container .accept-call-card {
    background: #FFFFFFE5;
}

.dark-mode .lighter-purple-btn .icon path {
    fill: var(--primary-purple-color);
}

.dark-mode .k-window.transfer-call-window .k-window-titlebar .transfer-call-header,
.dark-mode .k-window.accept-transfer-call-window .k-window-titlebar .accept-transfer-call-header,
.dark-mode .call-recording-container .default-btn:not(.stop-btn),
.dark-mode .keypad-tab-container .on-call-container .on-call-content .on-call-row .on-call-avatar:hover .default-btn,
.dark-mode .k-window.accept-transfer-call-window .k-window-titlebar,
.dark-mode .k-window.accept-transfer-call-window {
    background: var(--popup-background);
}

.dark-mode .accept-transfer-call-window .accept-transfer-call-container .accept-transfer-content .accept-transfer-content-actions .accept-transfer-setting-component,
.dark-mode .k-window.accept-transfer-call-window {
    border: 1px solid var(--gray-color);
}

.dark-mode .accept-transfer-call-window .accept-transfer-call-container .accept-transfer-content .accept-transfer-content-info {
    background: var(--dropdown-list-hover);
}

.dark-mode .transfer-call-agent-item .transfer-call-agent-item-info .transfer-call-agent-item-status,
.dark-mode .dial-pad-container .history-container .user-list-conainer .call-history-card .call-history-item-right-menu .call-history-item-duration {
    color: var(--text-secondary-color);
}

.dark-mode .dial-pad-container .square-btn:hover .icon path,
.dark-mode .dial-pad-container .square-btn.selected .icon path {
    fill: var(--text-color);
}

.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .preview-card-drawn-icon,
.dark-mode .keypad-tab-container .preview-card-container .preview-card .preview-card-row .preview-card-img,
.dark-mode .keypad-tab-container .on-call-container .on-call-content .on-call-row .on-call-drawn-icon,
.dark-mode .keypad-tab-container .on-call-container .on-call-content .on-call-row .on-call-img,
.dark-mode .dial-pad-container .recent-call-drawn-icon,
.dark-mode .dial-pad-container .recent-call-img,
.dark-mode .call-preview-top .call-preview-profile .profile-avatar-container .profile-avatar,
.dark-mode .agent-hub-content .agent-hub-item-content .item-content .agent-info .avatar-area .profile-avatar,
.dark-mode .right-side .contact-items .user-image img,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .contact-items .user-image img,
.dark-mode .right-side .message-container .message-area .user-image img,
.dark-mode .right-side .message-container .attachment-area .user-image img,
.dark-mode .sms-search-container .quick-search-list .result-search .result-item img,
.dark-mode .instant-msg-avatar .instant-msg-img,
.dark-mode .transfer-call-agent-item .transfer-call-agent-item-avatar-status img.transfer-call-agent-item-avatar,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .agent-info .avatar-area .profile-avatar,
.dark-mode .dial-pad-container .directory-container .directory-content .directory-agents-list .directory-agent-item .directory-agent-avatar-status img.directory-agent-avatar,
.dark-mode .dial-pad-container .directory-container .directory-content .directory-agent-profile-container .directory-agent-profile-details .directory-agent-profile-avatar .agent-detail-avatar,
.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row.avatar .accept-call-drawn-icon,
.dark-mode .keypad-tab-container .accept-call-container .accept-call-card .accept-call-card-row.avatar .accept-call-card-img {
    background: var(--background-preview-actions-btn);
}

.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .agent-info .avatar-area .profile-avatar,
.dark-mode .agent-hub-content .agent-hub-item-content .item-content .agent-info .avatar-area .profile-avatar,
.dark-mode .sms-search-container .quick-search-list .result-search .result-item img {
    border-radius: 50%;
}

.dark-mode .phone-screen-container .phone-screen-row .default-btn-container.mute .white-btn path {
    fill: var(--text-primary-color);
}

.dark-mode .call-recording-container .calling-text {
    color: var(--popup-background);
}

.dark-mode .call-recording-container .calling-text.pause {
    color: var(--red-danger);
}

.dark-mode .transfer-call-agent-item.no-img .transfer-call-agent-item-info .transfer-call-agent-item-name {
    color: #525252;
}

.dark-mode .k-window.transfer-call-window,
.dark-mode .transfer-call-window .transfer-call-container .transfer-call-content .transfer-call-direct-component,
.dark-mode .transfer-call-window .transfer-call-container .transfer-call-content .transfer-call-blind-component {
    border: 1px solid var(--popup-border);
}

.dark-mode .transfer-call-window .transfer-call-container .transfer-call-content .transfer-call-status-component {
    border: 1px solid var(--kendo-color-primary);
}

.dark-mode .transfer-call-window .transfer-call-container .transfer-call-content .transfer-call-status-component .transfer-call-icon path {
    fill: var(--aqua-darker);
}

.dark-mode .transfer-call-window .transfer-call-container .transfer-call-blind-component .transfer-call-blind-input-custom .recent-number-list,
.dark-mode .conference-call-window .conference-call-container .conference-call-input-custom .recent-number-list {
    margin-top: 5px;
    background: var(--popup-background);
    border: 1px solid var(--gray-color);
}

.dark-mode .transfer-call-window .transfer-call-container .transfer-call-blind-component .transfer-call-blind-input-custom .recent-number-list .recent-number-item:hover,
.dark-mode .conference-call-window .conference-call-container .conference-call-input-custom .recent-number-list .recent-number-item:hover {
    background: var(--dropdown-list-hover);
}

/* Instant Messages */
.dark-mode .k-window.multi-task-window .multi-task-container .multi-task-left .multi-task-arrow-icon,
.dark-mode .instant-msg-module-container {
    background: var(--popup-background);
}

.dark-mode .instant-msg-contacts-container .instant-msg-contact .instant-msg-focus-chat .instant-msg-contact-item.active {
    background: var(--popup-background);
}

.dark-mode .instant-msg-contacts-container .instant-msg-contact .instant-msg-contact-item:hover {
    background: var(--purple-btn-hover);
}

.dark-mode .instant-msg-contacts-container .instant-msg-contact .instant-msg-focus-chat .instant-msg-contact-item.active:hover {
    background: var(--background-preview-actions-btn);
}

.dark-mode .phone-pad-menu-container .phone-pad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-action:hover path,
.dark-mode .keypad-menu-container .keypad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-action:hover path,
.dark-mode .instant-msg-module-container .instant-msg-module-send-container .instant-msg-module-send-input-box .instant-msg-module-send-action:hover path,
.dark-mode .instant-msg-focus-chat .instant-msg-contact-item.active:hover .instant-msg-actions path {
    fill: var(--primary-purple-color);
}

.dark-mode .instant-msg-focus-chat .instant-msg-contact-item.active:hover .instant-msg-info-status {
    color: var(--text-primary-color);
}

.dark-mode .instant-msg-contacts-container .instant-msg-search-container .search-box input{
    color: var(--text-color);
}

.dark-mode textarea::placeholder,
.dark-mode .instant-msg-contacts-container .instant-msg-search-container .search-box input::placeholder {
    color: var(--text-secondary-color);
}

.dark-mode .ai-agent-container .ai-agent-icon:hover,
.dark-mode .k-window.multi-task-window .multi-task-container .multi-task-left .multi-task-arrow-icon:hover {
    background: var(--purple-color);
}

.dark-mode .phone-pad-menu-container .phone-pad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-action:hover,
.dark-mode .keypad-menu-container .keypad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-action:hover,
.dark-mode .instant-msg-module-container .instant-msg-module-send-container .instant-msg-module-send-input-box .instant-msg-module-send-action:hover {
    background: var(--purple-hover-color);
}

/* Dialog */
.dark-mode .dialog-wrapper,
.dark-mode .dialog-wrapper .k-dialog-titlebar {
    background-color: var(--popup-background);
}

.dark-mode .dialog-wrapper {
    border: 1px solid var(--popup-border);
}

.dark-mode .dialog-wrapper .k-dialog-actions .dialog-confirm-button {
    background-color: var(--primary-button-color);
    color: var(--text-color);
}

.dark-mode .dialog-wrapper .k-dialog-actions .dialog-cancel-button {
    border: 1px solid var(--text-color);
    color: var(--text-color);
    background-color: var(--popup-background);
}

.dark-mode .contact-actions .edit-call-info-wrapper .edit-btn:hover,
.dark-mode .dialog-wrapper .k-dialog-actions .dialog-confirm-button:hover {
    background-color: var(--primary-button-hover-color);
}

.dark-mode .conference-call-window .conference-call-container .conference-call-blind-radio-item.active,
.dark-mode .transfer-call-window .transfer-call-container .transfer-call-blind-radio-item.active {
    background: var(--dropdown-list-hover);
    border: 1px solid var(--primary-button-color);
}

.dark-mode .conference-call-window .conference-call-container .conference-call-blind-radio-item,
.dark-mode .transfer-call-window .transfer-call-container .transfer-call-blind-radio-item {
    background: transparent;
    border: 1px solid var(--popup-border);
}
/* Window */
.dark-mode .k-window.conference-call-window,
.dark-mode .k-window.conference-call-window .k-window-titlebar,
.dark-mode .k-window.transfer-call-window,
.dark-mode .k-window.transfer-call-window .k-window-titlebar {
    background: var(--popup-background);
}

/* Dropdown */
.dark-mode .campaign-dropdown-item div .k-popup.k-dropdownlist-popup,
.dark-mode .campaign-dropdown-item div .k-popup.k-list-container .k-list .k-list-content,
.dark-mode .campaign-dropdown-item div .k-popup.k-list-container .k-list,
.dark-mode .campaign-dropdown-header .k-dropdownlist-popup .k-list {
    background: var(--popup-background);
}

.dark-mode .change-status-area .custom-change-status,
.dark-mode .modern-dropdown-input.smart-message-dropdown,
.dark-mode .campaign-dropdown-item div .k-popup.k-dropdownlist-popup {
    border: 1px solid var(--popup-border);
}

.dark-mode .modern-dropdown-list-setting div .k-dropdownlist-popup .k-list .k-list-content .k-list-ul .k-list-item,
.dark-mode .campaign-dropdown-item .k-popup.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item,
.dark-mode .campaign-dropdown-item div .k-popup.k-list-container .k-list .k-nodata,
.dark-mode .campaign-dropdown-header .k-list .k-nodata,
.dark-mode .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item,
.dark-mode .modern-dropdown-list-setting div .k-popup.k-dropdownlist-popup .k-list-filter .k-searchbox.k-input input {
    color: var(--text-color);
}

.dark-mode .campaign-dropdown-item .k-list-content ul li:hover,
.dark-mode .campaign-dropdown-item .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item:hover,
.dark-mode .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item:hover {
    background-color: var(--dropdown-list-hover);
    color: var(--text-color);
}

.dark-mode .campaign-dropdown-item .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item.k-selected,
.dark-mode .campaign-dropdown-item .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-selected.k-list-optionlabel 
{
    background-color: var(--dropdown-list-selected);
    color: var(--text-color);
}

.dark-mode .modern-dropdown-input{
    background: var(--main-background);
}

.dark-mode .k-dropdownlist-popup .k-list-content {
    background: var(--popup-background);
}

.dark-mode .info-row-edit .state-input-dropdown {
    border: 1px solid var(--popup-border);
}

.dark-mode .k-popup {
    border: 1px solid var(--popup-border);
    background: var(--popup-background);
}
 
.dark-mode .state-dropdownlist-setting div .k-combobox-popup .k-list .k-list-content .k-list-ul .k-list-item,
.dark-mode .new-lead-action-left .rounded-btn {
    color: var(--text-color);
}

.dark-mode .contact-information-preview .info-preview-section-edit .info-row .info-row-edit .title,
.dark-mode .contact-information-preview .info-preview-section-edit .info-row .info-row-section.info-row-edit.row-client-id .title {
    color: var(--text-secondary-color);
}

.dark-mode .state-dropdownlist-setting div .k-combobox-popup .k-list .k-list-content .k-list-ul .k-list-item,
.dark-mode .k-list {
    background-color: var(--popup-background);
}

.dark-mode .state-dropdownlist-setting div .k-combobox-popup .k-list .k-list-content .k-list-ul .k-list-item:hover {
    background-color: var(--dropdown-list-hover);
}

.dark-mode .state-dropdownlist-setting div .k-combobox-popup .k-list .k-list-content .k-list-ul .k-list-item.k-selected {
    background-color: var(--dropdown-list-selected);
}

/* Media Player */
.dark-mode .new-audio-player .left-side #currentTime:not(.playing),
.dark-mode .new-audio-player .left-side #duration {
    color: var(--text-primary-color);
}

/* Table */
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable,
.dark-mode .k-grid.modern-ui-datatable .k-grid-header,
.dark-mode .k-grid.modern-ui-datatable .k-grid-content,
.dark-mode col.k-sorted, .dark-mode .k-table-th.k-sorted,
.dark-mode .filter-popup-container,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header-table.k-table thead,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header-table.k-table thead tr th .k-cell-inner,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-pager.k-grid-pager,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header .k-table-th.k-grid-header-sticky,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header td.k-grid-header-sticky,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header .k-table-td.k-grid-header-sticky,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header .k-grid-header-sticky.k-sorted,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable td.k-table-td.k-grid-content-sticky,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-grid-header .k-table-th.k-grid-header-sticky,
.dark-mode .k-grid.modern-ui-datatable .k-table-row.k-table-alt-row {
    background: var(--popup-background);
}

.dark-mode .k-grid .k-table-row.k-selected:hover > td,
.dark-mode .k-grid .k-table-row.k-selected:hover > .k-table-td,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-table-tbody tr:hover,
.dark-mode .k-table-tbody .k-master-row .k-grid-content-sticky:hover:before,
.dark-mode .modern-ui-datatable .k-table-tbody .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected::before,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-table-tbody tr:hover .k-grid-content-sticky:before,
.dark-mode .telerik-blazor.k-listview.di-listview .k-listview-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .k-grid .k-table-row.k-selected > td,
.dark-mode .k-grid .k-table-row.k-selected > .k-table-td,
.dark-mode .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-table-tbody tr.k-selected .k-grid-content-sticky:before,
.dark-mode .k-grid.modern-ui-datatable .k-table-row.k-selected.k-expanded + .k-detail-row {
    background: var(--dropdown-list-selected);
}

.dark-mode .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item.k-selected,
.dark-mode .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-selected.k-list-optionlabel {
    background: var(--dropdown-list-selected);
    color: var(--text-color);
}

.dark-mode .k-grid td,
.dark-mode .k-grid .k-table-row > td,
.dark-mode .k-grid .k-table-td,
.dark-mode .k-grid .k-table-row > .k-table-td {
    border-bottom: 1px solid var(--gray-color);
}

.dark-mode .k-grid .k-grid-header-wrap {
    border-color: var(--gray-color);
}

.dark-mode .k-grid.modern-ui-datatable .k-table-tbody tr:hover .purple-btn,
.dark-mode .k-grid.modern-ui-datatable tr:hover .k-table-td:nth-last-child(1) .purple-btn {
    background: transparent;
}

.dark-mode .k-grid.modern-ui-datatable tr.k-selected .k-table-td:nth-last-child(1) .purple-btn {
    background: transparent;
}

.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-table-td:nth-last-child(1) .purple-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-selected .k-table-td:nth-last-child(1) .purple-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .k-animation-container.telerik-blazor.k-animation-container-shown:has(.k-grid-filter-popup),
.dark-mode .k-columnmenu-item-content {
    background: var(--popup-background);
    border: 1px solid var(--gray-color);
}

.dark-mode .k-popup:has(.k-grid-filter-popup) {
    background: var(--popup-background);
    border: unset;
}

.dark-mode .k-grid.modern-ui-datatable tr.k-table-row > td .purple-btn,
.dark-mode .k-grid.modern-ui-datatable tr.k-table-row > .k-table-td .purple-btn {
    background: transparent;
}

.dark-mode .k-grid .k-grid-filter-menu.k-grid-header-menu:hover {
    background: var(--dropdown-list-hover);
    border: unset;
    mix-blend-mode: unset;
}

.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-table-tbody thead.k-table-thead tr:hover {
    background-color: unset;
}

.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-pager.k-grid-pager .k-pager-numbers-wrap .k-pager-nav.k-disabled path {
    fill: var(--button-disabled);
}
/* Tooltip */
.dark-mode #di-tooltip.di-tooltip-new {
    background: var(--text-color);
    border: 1px solid var(--gray-color);
    color: var(--black-color);
}

/* Icon */
.dark-mode path:not(.focus-area-header .area-status path,.area-differences-icon path, .dialog-audio-not-found path, .password-expired-dialog path, .number-icon path, .directory-agent-profile-actions path, .new-audio-player path, .preview-card-back path, .lighter-purple-btn path, .button-action-wrapper path, .ai-status-content path, .validate-icon path, .error-page-icon path, .powered-by path, .button-action-container path, .keypad-menu-sms-dtmp path, .agent-hub-item-header path, .positive-item path, .negative-item path, .rating-star path, .instant-msg-module-send-action path, .k-circulargauge-show-dialing-line path, .content-chart path, .chat-contact-list path, .contact-info-area path, .ai-agent-history-arrow path, .area-calls path, .priority-icon path, .objective-header path, .section-header path, .stat-card path, .answer-feedback path) {
    fill: var(--text-color);
}

.call-preview-top .call-preview-actions .actions-container > .button-action-container path{
    fill: var(--text-color);
}

.dark-mode .quick-search-icon svg path {
    fill: var(--text-secondary-color);
}

.dark-mode svg.no-data-icon path {
    fill: var(--text-secondary-color) !important;
}

.dark-mode .btn-close-panel path {
    fill: var(--text-color);
}
/* Button */
.dark-mode .white-btn.disable {
    background: var(--button-disabled);
    border: 1px solid var(--button-disabled);
}

.dark-mode .default-btn-container .text.disable {
    color: var(--button-disabled);
}

.dark-mode .white-btn.disable .icon path {
    fill: var(--text-button-color);
}

.dark-mode .cancel-btn,
.dark-mode .default-outline-btn {
    background: var(--text-button-color);
    border: 1px solid var(--text-color);
    color: var(--text-color);
}

.dark-mode .ai-agent-header-top .default-outline-btn {
    height: 30px;
    width: 30px;
    padding: 4px;
}

.dark-mode .cancel-btn:hover,
.dark-mode .default-outline-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .toggle-button,
.dark-mode .toggle-button.k-switch-off .k-switch-track {
    background: var(--button-disabled);
}

/* Top Preview */
.dark-mode .call-preview-top .call-preview-profile .call-preview-profile-info .call-preview-profile-name,
.dark-mode .call-preview-top .call-preview-profile .call-preview-profile-info .call-preview-phone-label .call-preview-phone-number,
.dark-mode .disposition-wrapper .disposition-name, .dark-mode .disposition-items .disposition-nodata,
.dark-mode .card-new-lead-container.contact-information-preview .contact-info-container .info-preview-section .info-row .info-row-edit.info-row-section .input-text-field,
.dark-mode .card-new-lead-container.contact-information-preview .contact-info-container .info-preview-section .info-row .info-row-edit.info-row-section .state-input-dropdown .k-input-inner,
.dark-mode .contact-information-preview .info-preview-section-title,
.dark-mode .contact-preview-container .contact-header .contact-title span,
.dark-mode .contact-preview-container .contact-header .contact-actions .default-btn.rounded-btn,
.dark-mode .modern-tab-strip .k-tabstrip-items-wrapper,
.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-content,
.dark-mode .k-popup.k-list-container.k-dropdownlist-popup .k-list-content .k-list-ul li.k-list-item,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-pager.k-grid-pager .k-pager-sizes .k-dropdownlist,
.dark-mode .ai-agent-container .resizable-content .ai-agent-header .ai-agent-title,
.dark-mode .ai-agent-container .resizable-content .content-ai-agent .call-transcription-container,
.dark-mode .call-sumamry-container, .ai-agent-container .resizable-content .content-ai-agent .call-sentiment-container,
.dark-mode .ai-agent-component-header .ai-agent-component-header-title,
.dark-mode .phone-pad-menu-container .phone-pad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-box .k-input-solid,
.dark-mode .phone-pad-menu-container .phone-pad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-box .k-input-solid:focus-within,
.dark-mode .modern-dropdown-input .k-input-inner .k-input-value-text,
.dark-mode .ai-guidance-container
{
    color: var(--text-color);
}

.dark-mode .call-preview-top .call-preview-profile .call-preview-profile-info .call-preview-phone-label,
.dark-mode .disposition-items .disposition-item .disposition-item-name .disposition-item-name-shortcut,
.dark-mode .contact-information-preview .info-preview-section .title,
.dark-mode .info-preview-edit-section .info-edit-advances .info-row-edit.info-row-edit-advanced .title,
.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-items-wrapper .k-tabstrip-items .tab-item .k-link,
.dark-mode .no-data-preview-container,
.dark-mode .ai-agent-component-header .ai-agent-component-header-details .ai-agent-component-header-detail-top .ai-agent-component-header-detail-item .title,
.dark-mode .spotting-phrases-modal .k-window-content .ai-agent-component-header-details .ai-agent-component-header-detail-top .ai-agent-component-header-detail-item .title {
    color: var(--text-secondary-color);
}

.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.skip-lead {
    border-color: var(--gray-color);
}

.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.skip-lead:hover,
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.dial-pad:hover,
.dark-mode body:has(.telerik-blazor .disposition-popover) #disposition-button-area .disposition-wrapper {
    background-color: var(--dropdown-list-hover);
}

.dark-mode .disposition-wrapper,
.dark-mode .disposition-popover .k-popover-inner,
.dark-mode .preview-call .k-splitter .k-pane,
.dark-mode .preview-call .k-splitter,
.dark-mode .default-btn.flip-btn,
.dark-mode .right-preview-container .right-preview-tabs,
.dark-mode .contact-preview-container .contact-header .contact-actions .default-btn.rounded-btn,
.dark-mode .modern-tab-strip .k-tabstrip-items-wrapper,
.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-content,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable .k-pager.k-grid-pager .k-pager-sizes .k-dropdownlist {
    background-color: var(--popup-background);
    border-color: var(--gray-color);
}

.dark-mode .disposition-items .disposition-item.disposition-item-selected {
    background-color: var(--dropdown-list-selected);
}

.dark-mode .disposition-items .disposition-item:hover,
.dark-mode .flip-btn-wrapper .rectangle-btn:hover,
.dark-mode .box-content .rounded-btn:hover,
.dark-mode .contact-preview-container .contact-header .contact-actions .default-btn.rounded-btn:hover,
.dark-mode .modern-tab-strip .k-tabstrip-items-wrapper .k-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .rounded-btn:hover{
    color: var(--text-color);
}

.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-items-wrapper .k-item.tab-item.k-active .k-link {
    color: var(--purple-brighter-color);
}

.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-items-wrapper .k-item.tab-item.k-active,
.dark-mode .recording-action-column .default-btn.circle-btn.purple-btn,
.dark-mode .ai-agent-container .resizable-content .ai-agent-header,
.dark-mode .ai-agent-container .resizable-content .content-ai-agent .call-transcription-container,
.dark-mode .call-sumamry-container,
.dark-mode .ai-agent-container .resizable-content .content-ai-agent .call-sentiment-container,
.dark-mode .ai-agent-container .resizable-content .content-ai-agent .call-summary-container,
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.dial-pad,
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.skip-lead,
.dark-mode .phone-pad-menu.k-popover,
.dark-mode .ai-agent-container .ai-agent-icon,
.dark-mode .call-preview-top .call-preview-profile .profile-avatar-container .circle-btn,
.dark-mode .ai-guidance-container {
    background-color: var(--popup-background);
}

.dark-mode .right-preview-container .right-preview-tabs .k-tabstrip-content #data iframe {
    background-color: var(--text-color);
}

.dark-mode .contact-preview-container .contact-header .contact-actions .default-btn.rounded-btn.edit-btn.disable {
    color: var(--main-background);
}

.dark-mode .ai-agent-container .resizable-content .ai-agent-header {
    border: 1px solid var(--popup-border);
}

.dark-mode .profile-avatar-container .avatar-calling-container .typing {
    color: var(--popup-background);
}

.dark-mode .call-preview-top .call-preview-actions .actions-container .vertical-line {
    background-color: var(--button-disabled, #454545);
}

.dark-mode .call-preview-bottom .call-preview-splitter .k-splitbar .k-resize-handle,
.dark-mode .content-ai-agent .call-preview-splitter .k-splitbar .k-resize-handle,
.dark-mode .network-test-modal .network-test-content .content-information .network-test-splitter .k-splitbar .k-resize-handle {
    background-color: unset;
    background-image: url("../../../Images/modernUI/darkTheme/three-dot-rezise-icon.svg");
    width: 100%;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.dark-mode .new-audio-player .left-side .audio-column .audio-desc {
    color: var(--primary-purple-color);
}

.dark-mode .rounded-btn:hover {
    background: var(--primary-button-hover-color);
}

/* New Lead Window */
.dark-mode .new-lead-action-right .cancel-edit-btn:hover,
.dark-mode .new-lead-action-left .cancel-edit-btn:hover,
.dark-mode .new-lead-action-right .cancel-edit-btn,
.dark-mode .new-lead-action-left .rounded-btn {
    color: var(--text-color);
}
.dark-mode .new-lead-window.multi-task-window .k-actions,
.dark-mode .new-lead-action-right .cancel-edit-btn,
.dark-mode .card-new-lead-container,
.dark-mode .new-lead-action-left .rounded-btn {
    background-color: var(--popup-background);
}
.dark-mode .list-view-follow-up-tabs .follow-up-tab-header-item.active .follow-up-tab-header-title {
    color: var(--purple-color);
}

.dark-mode .new-lead-action-right .cancel-edit-btn:hover,
.dark-mode .new-lead-action-left .rounded-btn:hover{
    background-color: var(--dropdown-list-hover);
}

/* Modal */
.dark-mode .modal-content {
    background-color: var(--popup-background);
}

/* Filter */
.dark-mode .filter-popup-container .filter-popup-checkbox-component .filter-checkbox-label,
.dark-mode .filter-popup-container .filter-popup-checkbox-component .filter-checkbox-list-component .filter-checkbox-list .filter-checkbox-item {
    color: var(--text-color);
}

.dark-mode .filter-popup-container .filter-popup-checkbox-component .filter-checkbox-list-component {
    background-color: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .modern-ui-textbox,
.dark-mode .modern-filter-date,
.dark-mode .modern-filter-dropdown-input {
    background-color: var(--black-color);
    border: 1px solid var(--popup-border);
}

.dark-mode .filter-popup-container .filter-popup-component {
    border: 1px solid var(--popup-border);
}

.dark-mode .modern-filter-date.k-input-md .k-input-inner::placeholder,
.dark-mode .modern-filter-date.k-picker-md .k-input-inner::placeholder {
    color: var(--text-secondary-color);
}

.dark-mode .cancel-no-border-btn{
    background: transparent;
}

.dark-mode .cancel-no-border-btn:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .k-datetime-wrap,
.dark-mode .k-datetime-buttongroup,
.dark-mode .k-datetime-footer,
.dark-mode .k-datetime-wrap .k-timeselector,
.dark-mode .k-calendar-container .k-calendar,
.dark-mode .k-datetime-container .k-calendar {
    background-color: var(--popup-background);
}

.dark-mode .modern-combobox-input,
.dark-mode .modern-dropdown-input:not(.smart-message-dropdown),
.dark-mode .k-datetimepicker-popup.k-popup {
    background: var(--black-color);
    border: 1px solid var(--popup-border);
}

.dark-mode .k-calendar .k-calendar-td.k-other-month {
    color: #c2c2c2;
}

.dark-mode .k-calendar-nav-today,
.dark-mode .k-calendar .k-calendar-td {
    color: #f5f5f5;
}

.dark-mode .k-grid .k-grid-filter-menu.k-grid-header-menu[aria-expanded="true"] {
    background: var(--dropdown-list-selected);
}

.dark-mode .filter-popup-container .filter-popup-checkbox-component .filter-checkbox-list-component .filter-checkbox-list .filter-checkbox-item:has(.modern-input-checkbox:checked) {
    background: var(--dropdown-list-selected);
}
/* Voice Media */
.dark-mode .modern-workspace-wrapper.voice-media-wrapper .modern-workspace-card-container.voice-media-card, .dark-mode .voice-media-tabs, .dark-mode .voice-media-search-container, .dark-mode .voice-media-tabs .voice-media-tabs-item.active {
    background: var(--popup-background);
}

.dark-mode .voice-media-tabs .voice-media-tabs-item:not(.active) .voice-media-tabs-title {
    color: var(--text-secondary-color);
}

.dark-mode .voice-media-tabs .voice-media-tabs-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .recording-note-container .recording-note-agent textarea.recording-note-agent-msg,
.dark-mode .voice-media-search-container .toggle-button-row .toggle-item,
.dark-mode .recent-contact-component .recent-contact-inline-search-input .inline-search-box .di-textbox .input-inner input {
    color: var(--text-color);
}

.dark-mode .k-table-td .action-column-wrapper .default-btn.circle-btn.purple-btn.btn-make-call:hover,
.dark-mode .k-table-td .action-column-wrapper .default-btn.circle-btn.purple-btn.btn-kebab-wrapper:hover,
.dark-mode .k-table-td .btn-voice-notes .default-btn.circle-btn.purple-btn.btn-make-call:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .k-table-td:has(div.highlight-cell) {
    background: linear-gradient(77.83deg, rgba(125, 53, 235, 0.48) -72.43%, rgba(15, 181, 196, 0.6) 97.36%);
}

.dark-mode .k-grid .highlight-text {
    color: var(--kendo-color-primary);
}

.dark-mode .k-datetimepicker-popup .k-group-start {
    background: transparent;
    border: 1px solid var(--popup-border);
}

.dark-mode .k-datetimepicker-popup .k-button-solid-base.k-selected {
    background: var(--kendo-color-primary);
}

.dark-mode .k-datetimepicker-popup .k-time-cancel,
.dark-mode .k-datetimepicker-popup .k-group-end {
    background: transparent;
    border: 1px solid var(--popup-border);
}

.dark-mode .k-time-header .k-title,
.dark-mode .k-time-list-wrapper .k-title,
.dark-mode .k-timeselector-md .k-time-list-item,
.dark-mode .k-timeselector-md .k-time-list .k-item,
.dark-mode .k-button-solid-base .k-button-text {
    color: var(--text-color);
}

.dark-mode .k-time-list-wrapper.k-focus .k-title {
    color: var(--gray-color);
}

.dark-mode .k-time-list::before,
.dark-mode .k-time-list::after {
    box-shadow: 0 3em 1.5em var(--popup-background);
}

.dark-mode .k-time-highlight {
    border: 1px solid var(--gray-color);
    background: var(--main-background);
}

/* Agent Hub */
.dark-mode .agent-hub-content .agent-hub-chat-container,
.dark-mode .agent-hub-content .agent-hub-sms-container,
.dark-mode .agent-hub-content .agent-hub-voice-media-container,
.dark-mode .agent-hub-content .agent-hub-inbound-call-container,
.dark-mode .agent-hub-content .agent-hub-call-reminder-container {
    background: var(--main-background);
}

.dark-mode .agent-hub-content .agent-hub-chat-container .agent-hub-item-header,
.dark-mode .agent-hub-content .agent-hub-sms-container .agent-hub-item-header,
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-header {
    background: var(--dropdown-list-hover);
    border-top-left-radius: 8px;
}

.dark-mode .agent-hub-content .agent-hub-chat-container .agent-hub-item-content,
.dark-mode .agent-hub-content .agent-hub-sms-container .agent-hub-item-content,
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-content,
.dark-mode .agent-hub-content .agent-hub-inbound-call-container .agent-hub-item-content,
.dark-mode .agent-hub-content .agent-hub-call-reminder-container .agent-hub-item-content,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content {
    background: var(--popup-background);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dark-mode .agent-hub-content .agent-hub-chat-container .agent-hub-item-header .right-side .campaign-name,
.dark-mode .agent-hub-content .agent-hub-sms-container .agent-hub-item-header .right-side .campaign-name,
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-header .right-side .campaign-name,
.dark-mode .agent-hub-content .agent-hub-inbound-call-container .agent-hub-item-header .right-side .campaign-name,
.dark-mode .agent-hub-content .agent-hub-call-reminder-container .agent-hub-item-header .right-side .campaign-name,
.dark-mode .parked-call-list .parked-item .agent-hub-item-header .right-side .campaign-name,
.dark-mode .parked-call-list .parked-item .parked-time .parked-time-title,
.dark-mode .parked-call-list .parked-item .parked-time.cyan {
    color: var(--text-color);
}

.dark-mode .agent-hub-content .agent-hub-chat-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon),
.dark-mode .agent-hub-content .agent-hub-sms-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon),
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon),
.dark-mode .agent-hub-content .agent-hub-call-reminder-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon),
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon, .hangup-icon),
.dark-mode .agent-hub-content .agent-hub-inbound-call-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon),
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon {
    background: transparent;
    border: 1px solid var(--gray-color);
}

.dark-mode .agent-hub-content .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon):hover,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon, .hangup-icon):hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .agent-hub-content .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:hover,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:hover {
    background: var(--purple-hover-color);
}

.dark-mode .agent-hub-content .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:hover svg path,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:hover svg path,
.dark-mode .parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon svg path,
.dark-mode .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon svg path:not(.agent-hub-voice-media-container svg path) {
    fill: var(--primary-purple-color);
}

.dark-mode .agent-hub-content .agent-hub-voice-media-container.media-opened .agent-hub-item-content .item-content .action-area .recording-item .action-icon-area {
    background: var(--button-disabled);
    border: unset;
    cursor: not-allowed;
}

.dark-mode .agent-hub-content .agent-hub-inbound-call-container .agent-hub-item-header .left-side path,
.dark-mode .agent-hub-content .agent-hub-call-reminder-container .agent-hub-item-header .left-side path {
    fill: var(--purple-color);
}

.dark-mode .agent-hub-content .agent-hub-chat-container .agent-hub-item-content .item-content .agent-info .info-area .agent-message .message-title,
.dark-mode .agent-hub-content .agent-hub-sms-container .agent-hub-item-content .item-content .agent-info .info-area .agent-message .message-title,
.dark-mode .agent-hub-content .agent-hub-voice-media-container .agent-hub-item-content .item-content .agent-info .info-area .agent-message .message-title {
    color: var(--text-secondary-color);
}

.dark-mode .parked-call-list .parked-item .agent-hub-item-header.cyan {
    background: var(--on-hold-color);
}

.dark-mode .parked-call-list .parked-item .agent-hub-item-header.red {
    background: var(--hang-up-on-hold-color);
}
/*Follow up call*/
.dark-mode .multi-task-window.call-reminder-window .call-reminder-content-wrapper {
    background-color: var(--main-background);
}

.dark-mode .wrapper-content .card-wrapper .card-header,
.dark-mode .wrapper-content .card-wrapper .card-container,
.dark-mode .wrapper-content .recent-contact-info,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header,
.dark-mode .multi-task-window.call-reminder-window .call-reminder-content-wrapper .call-reminder-content,
.dark-mode .telerik-blazor.k-calendar,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block.row-edit-note .k-input-solid,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-block-actions .rounded-btn.cancel-edit-btn,
.dark-mode .appointment-detail-wrapper,
.dark-mode .appointment-detail-wrapper .appointment-detail-bottom {
    background-color: var(--popup-background);
}

.dark-mode .card-header .card-header-title,
.dark-mode .wrapper-content .contact-other-preview,
.dark-mode .wrapper-content .info-preview-section,
.dark-mode .wrapper-content .recent-contact-block-other-info .title,
.dark-mode .wrapper-content .recent-contact-block-other-info .data,
.dark-mode .recent-contact-component .info-preview-section-title,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .call-reminder-card-header-title,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container,
.dark-mode .form-callback-reminder-block-actions .cancel-edit-btn:hover,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .rectangle-btn span,
.dark-mode .call-reminder-card-container .flip-card-inner.flipped .flip-card-back .flip-btn-wrapper .rectangle-btn span,
.dark-mode .appointment-detail-wrapper .appointment-detail-top .appointment-detail-top-header .appointment-detail-top-sub-title,
.dark-mode .appointment-detail-wrapper .appointment-detail-top .appointment-detail-top-body .appointment-detail-campaign-label,
.dark-mode .appointment-detail-wrapper .appointment-detail-top .appointment-detail-top-body .appointment-detail-campaign,
.dark-mode .k-scheduler,
.dark-mode .k-calendar .k-calendar-td:hover .k-link,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-block-actions .rounded-btn.cancel-edit-btn,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-block-title,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .rectangle-btn.disabled span,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .callback-date .form-callback-reminder-form-group .modern-combobox-input .k-input-inner,
.dark-mode .call-reminder-card .call-reminder-card-container .call-reminder-tabs.k-tabstrip-top .k-tabstrip-content .form-callback-reminder-container .form-callback-reminder-block .callback-date .form-callback-reminder-form-group .modern-combobox-input .k-input-inner {
    color: var(--text-color);
}

.dark-mode .list-view-follow-up-tabs .follow-up-tab-header-item:hover{
    cursor: pointer;
}

.dark-mode .list-view-follow-up-tabs .follow-up-tab-header-item .follow-up-tab-header-title {
    color: var(--text-secondary-color);
}


.dark-mode .ai-agent-text-item kebab-popup-item .icon svg line,
.dark-mode .ai-agent-text-item kebab-popup-item .icon svg circle {
    stroke: var(--text-color);
}
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-form-group .lead-dialed-block,
.dark-mode .call-reminder-card .call-reminder-card-container .call-reminder-tabs.k-tabstrip-top .k-tabstrip-content .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-form-group .lead-dialed-block,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .rectangle-btn:hover,
.dark-mode .appointment-detail-wrapper .appointment-detail-top,
.dark-mode .list-view-follow-up-tabs .follow-up-tab-header-item:hover,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-block-actions .rounded-btn.cancel-edit-btn:hover,
.dark-mode .k-calendar .k-calendar-td:hover .k-link,
.dark-mode .default-btn.flip-btn:hover,
.dark-mode .card-container .card-content.calendar-view-container .k-button-solid-base:hover,
.dark-mode .btn-close-panel:hover{
    background-color: var(--dropdown-list-hover);
}
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .rectangle-btn.disabled {
    background-color: var(--button-disabled);
    border-color: unset;
}

.dark-mode .k-scheduler {
    border-color: #ffffff3d;
    background-color: #3D3D3D;
}
.dark-mode .k-scheduler-toolbar {
    background-color: #242424;
    color: var(--text-color);
}

.dark-mode .card-content.calendar-view-container .telerik-blazor.k-button {
    background-color: var(--popup-background);
    color: var(--text-color);
}

.dark-mode .k-scheduler-layout-flex .k-scheduler-head,
.dark-mode .k-scheduler-footer,
.dark-mode .k-scheduler-layout-flex .k-sticky-cell,
.dark-mode .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell,
.dark-mode .k-scheduler-layout-flex .k-scheduler-cell {
    background-color: var(--dark-gray-color);
}

.dark-mode .k-scheduler-nonwork,
.dark-mode .k-scheduler .k-nonwork-hour {
    background-color: #3D3D3D;
}

.dark-mode .card-container .card-content.calendar-view-container .k-scheduler-toolbar,
.dark-mode .card-container .card-content.calendar-view-container .k-button-solid-base,
.dark-mode .card-container .card-content.calendar-view-container .k-scheduler {
    border-color: var(--text-secondary-color);
}
.dark-mode .card-container .card-content.calendar-view-container .k-button-solid-base.k-selected,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable.follow-up-call-list .k-table-td .action-column-wrapper .default-btn.circle-btn.purple-btn.btn-kebab-wrapper:hover,
.dark-mode .telerik-blazor.k-grid.modern-ui-datatable.follow-up-call-list .k-table-td .action-column-wrapper .default-btn.circle-btn.purple-btn.btn-make-call:hover {
    background-color: var(--dropdown-list-selected);
}

.dark-mode .tooltip-appointment .telerik-blazor.k-tooltip .k-callout {
    color: var(--popup-background);
}
.dark-mode .k-dialog-wrapper .k-overlay {
    background-color: var(--backdrop-color) !important;
}

.dark-mode .agent-hub-content .agent-hub-voice-media-container.media-opened .agent-hub-item-content .item-content .action-area .recording-item .action-icon-area path {
    fill: var(--popup-background);
}

.agent-hub-content .agent-hub-item-content .item-content .other-info .info-item .info-title,
.parked-call-list .parked-item .agent-hub-item-content .item-content .other-info .info-item .info-title {
    color: var(--text-secondary-color);
}

.dark-mode .agent-hub-area .parked-call-list,
.dark-mode .parked-call-list .parked-item {
    background: var(--popup-background);
}

.dark-mode .parked-call-list .parked-item.cyan {
    background: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .parked-call-list .parked-item.red {
    background: var(--popup-background);
    border: 1px solid var(--park-call-border-red);
}

.dark-mode .parked-call-list .parked-item.cyan .agent-hub-item-content {
    background: var(--park-call-yellow);
}

.dark-mode .parked-call-list .parked-item.red .agent-hub-item-content {
    background: var(--park-call-red);
}

.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block.row-edit-note .k-input-solid {
    border: 1px solid transparent;
    border-radius: 4px;
}

.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block.row-edit-note .k-input-solid textarea::placeholder,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block.row-edit-note .k-input-solid textarea::-webkit-input-placeholder {
    color: var(--text-secondary-color);
    opacity: 1;
}

.dark-mode .ai-agent-text-item.kebab-popup-item svg circle,
.dark-mode .ai-agent-text-item.kebab-popup-item svg line {
    stroke: white;
}

.dark-mode .k-time-list-wrapper.k-focus::before,
.dark-mode .k-time-list-wrapper.k-focus::after 
{
    background-color: var(--datetime-hover-color);
}

.dark-mode .modern-ui-datatable.follow-up-call-list .k-table-tbody .k-master-row .k-grid-content-sticky:hover:before {
    background-color: var(--dropdown-list-selected);
}

.dark-mode .k-grid .k-table-th,
.dark-mode .k-grid-header {
    border-color: var(--gray-color);
}
.dark-mode .card-content.calendar-view-container .telerik-blazor.k-button:hover,
.dark-mode .card-content.calendar-view-container .telerik-blazor.k-button.k-selected {
    background-color: var(--dropdown-list-selected);
}

.dark-mode .k-datetimepicker-popup .k-group-start.k-button-solid-base:hover,
.dark-mode .k-datetimepicker-popup .k-group-end.k-button-solid-base:hover,
.dark-mode .k-datetimepicker-popup .k-time-cancel.k-button-solid-base:hover{
    background-color: var(--dropdown-list-hover);
}

.dark-mode .k-calendar-nav-prev.k-button::before,
.dark-mode .k-calendar-nav-next.k-button::before {
    background-color: var(--dropdown-list-hover);
}
.dark-mode .k-calendar-nav-next.k-button:hover::before,
.dark-mode .k-calendar-nav-prev.k-button:hover::before {
    opacity: 1;
}

.dark-mode .k-calendar-nav-next.k-button:active::before,
.dark-mode .k-calendar-nav-prev.k-button:active::before {
    background-color: var(--dropdown-list-selected);
    opacity: 1;
}

.dark-mode .k-button.k-calendar-nav-today.k-button-flat:hover {
    background-color: var(--dropdown-list-hover) !important;
}

.dark-mode .call-preview-top .call-preview-profile .profile-avatar-container .draw-avatar .draw-avata-text {
    color: var(--popup-background);
}

.dark-mode .k-calendar .k-calendar-view .k-today {
    color: var(--scollbar-thumb-hover);
}

/* AI Agent */
.dark-mode .content-ai-agent .powered-by,
.dark-mode .spotting-phrases-modal .spotting-phrases-header .powered-by,
.dark-mode .ai-guidance-container .article-ai-guidance-see-more,
.dark-mode .ai-guidance-container .article-ai-guidance-container .article-ai-guidance-header .article-ai-guidance-title .article-ai-guidance-link {
    color: var(--primary-button-color);
}

.dark-mode .content-ai-agent .powered-by path,
.dark-mode .spotting-phrases-modal .spotting-phrases-header .powered-by path {
    fill: var(--primary-button-color);
}

.dark-mode .ai-guidance-container .article-ai-guidance-container {
    border-top: 3px solid var(--primary-button-color);
}

.dark-mode .ai-agent-list-tags .tag-guidance.tag-selected,
.dark-mode .article-tags-ai-guidance .tag-guidance.tag-selected {
    background-color: var(--primary-button-color);
    color: var(--text-color);
}

.dark-mode .article-tags-ai-guidance .tag-guidance.k-button::after,
.dark-mode .ai-agent-list-tags .tag-guidance.k-button::after {
    background-color: var(--popup-background);
}

.dark-mode .article-tags-ai-guidance .tag-guidance.tag-selected.k-button::after,
.dark-mode .ai-agent-list-tags .tag-guidance.tag-selected.k-button::after {
    background-color: var(--text-color);
}

.dark-mode .article-tags-ai-guidance .tag-guidance .k-button-text,
.dark-mode .ai-agent-list-tags .tag-guidance .k-button-text {
    color: var(--popup-background);
}

.dark-mode .article-tags-ai-guidance .tag-guidance.tag-selected .k-button-text,
.dark-mode .ai-agent-list-tags .tag-guidance.tag-selected .k-button-text {
    color: var(--text-color);
}

.dark-mode .content-ai-agent .k-splitter,
.dark-mode .content-ai-agent .call-preview-splitter .k-splitter {
    border-color: var(--main-background);
    background: var(--main-background);
}

.dark-mode .article-ai-guidance-wrapper .article-ai-guidance-container:hover {
    background: linear-gradient(77.83deg, rgba(125, 53, 235, 0.48) -72.43%, rgba(15, 181, 196, 0.6) 97.36%);
}

.dark-mode .article-ai-guidance-container .article-ai-guidance-header .article-ai-guidance-title .search-march,
.dark-mode .article-ai-guidance-container .article-ai-guidance-content .search-march {
    background-color: var(--primary-button-color);
    color: var(--text-color);
}

.dark-mode .ai-guidance-container .search-ai-guidance-wrapper .btn-clear-search-guidance {
    background-color: transparent;
}

.dark-mode .content-ai-agent .rating-header .rating-header-title,
.dark-mode .content-ai-agent .rating-header .rating-header-score,
.dark-mode .content-ai-agent .rating-criteria,
.dark-mode .content-ai-agent .rating-criteria-component .rating-criteria-component-header .rating-criteria-component-header-title,
.dark-mode .content-ai-agent .rating-star-component-detail-item,
.dark-mode .content-ai-agent .rating-star-component-score {
    color: var(--text-color);
}

.dark-mode .call-transcription-content .message.user .text {
    background-color: var(--main-background);
}

.dark-mode .ai-agent-component-content .spotting-category {
    color: var(--text-color);
}

.dark-mode .call-sentiment-container .sentinemt-section .negative-section .negative-item .negative-item-text,
.dark-mode .call-sentiment-container .sentinemt-section .positive-section .positive-item .positive-item-text {
    color: var(--text-color);
}

.dark-mode .call-sentiment-container .sentinemt-section .positive-section {
    background: var(--dark-background-success);
    border: 1px solid var(--background-success)
}

.dark-mode .call-sentiment-container .sentinemt-section .negative-section {
    background: var(--dark-background-negative);
    border: 1px solid var(--asterisk-color)
}

.dark-mode .call-sentiment-container .sentinemt-process .sentiment-process-bar {
    background: var(--gray-color);
    border: none;
}

.dark-mode .call-sentiment-container .sentinemt-process .sentiment-process-bar .k-progress-status-wrap.k-progress-end {
    border: 1px solid var(--gray-color);
    border-radius: 4px;
}

.dark-mode .ai-agent-component-content .panelbar .k-panelbar-item.k-level-0 > .k-link:has(.type-danger) {
    background-color: var(--background-red-danger);
}

.dark-mode .ai-agent-component-content .panelbar .k-panelbar-item.k-level-0 > .k-link:has(.type-warning) {
    background-color: var(--dark-gold-background);
}

.dark-mode .ai-agent-component-content .panelbar .k-panelbar-item.k-level-0 > .k-link:has(.type-positive) {
    background-color: var(--dark-background-success);
}

.dark-mode .ai-agent-sub-header .see-more-btn,
.dark-mode .article-ai-guidance-header .see-more-btn {
    color: var(--primary-button-color);
    background: transparent;
}

/* SMS */
.dark-mode .right-side .contact-info-area,
.dark-mode .multi-task-container .right-side,
.dark-mode .sms-area .right-side {
    background: var(--popup-background);
}

.dark-mode .quick-search-list {
    background: var(--popup-background);
    border: 1px solid var(--popup-border);
}

.dark-mode .right-side .contact-items .contact-item .user-info .name,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .contact-items .contact-item .user-info .name,
.dark-mode .right-side .contact-items .contact-item .user-info,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .contact-items .contact-item .user-info,
.dark-mode .right-side .send-message-container .sms-message-input input,
.dark-mode .sms-area .left-side .sms-search-container .phone-number-input input,
.dark-mode .quick-search-list .recent-stored-phone-number-search .result-search .result-item,
.dark-mode .quick-search-list .result-search .result-item .highlighter-item,
.dark-mode .quick-search-list .result-search .result-item .highlighter-item:first-child {
    color: var(--text-color);
}

.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .k-treeview-leaf:has(.contact-item.active),
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item[aria-expanded="true"] .k-treeview-leaf,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item[aria-expanded="true"] .k-treeview-item,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item[aria-expanded="true"] .k-treeview-group li.k-treeview-item .k-treeview-leaf,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item:has(.k-svg-i-caret-alt-down) .k-treeview-group li.k-treeview-item .k-treeview-leaf:hover,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item:hover .k-treeview-leaf {
    background: var(--popup-background);
}

.dark-mode .sms-area .left-side .sms-contact-list .k-treeview-item:where:has(.k-treeview-leaf:hover) .k-treeview-leaf {
    background: var(--popup-background);
}

.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .contact-items .contact-item.active .user-info .name {
    color: var(--primary-purple-color);
}

.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .contact-items .contact-item.active .user-info .agent-info .agent {
    color: var(--text-primary-color);
}

.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .k-treeview-group li.k-treeview-item:has(.contact-item.active) .k-treeview-leaf:hover,
.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item .k-treeview-leaf:has(.contact-item.active) {
    background: var(--background-preview-actions-btn);
}

.dark-mode .sms-area .left-side .sms-contact-list li.k-treeview-item:has(.k-svg-i-caret-alt-down) .k-treeview-group li.k-treeview-item .k-treeview-leaf:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .right-side .message-container .message-area.message-recipient .messages-info .messages-detail,
.dark-mode .right-side .message-container .attachment-area.message-recipient .messages-info .attach-group {
    background: var(--main-background);
    color: var(--text-color);
}

.dark-mode #sms-message-attachment-container,
.dark-mode #chat-attachment-container,
.dark-mode .right-side .message-container .attachment-area .icon-box,
.dark-mode .right-side .send-message-container .send-message-function .icon-box:not(.send-message) {
    background: var(--popup-background);
    border: 1px solid var(--gray-color);
}

.dark-mode #chat-attachment-container .remove-attachment path,
.dark-mode #sms-message-attachment-container .remove-attachment path {
    fill: var(--text-color);
}

.dark-mode #chat-attachment-container path,
.dark-mode #sms-message-attachment-container path,
.dark-mode .right-side .send-message-container .send-message-function .icon-box.send-message path {
    fill: var(--primary-purple-color);
}

.dark-mode .right-side .send-message-container .send-message-function .icon-box:hover:not(.send-message),
.dark-mode .right-side .message-container .attachment-area .icon-box:hover,
.dark-mode .quick-search-list .recent-stored-phone-number-search .quick-search-item:hover,
.dark-mode .quick-search-list .result-search .result-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .sms-area .sms-contact-list li.k-treeview-item .contact-items .contact-item.active .user-info .sub-info:first-child {
    color: var(--primary-purple-color);
}

.dark-mode .sms-area .sms-contact-list li.k-treeview-item .contact-items .contact-item.active .user-info .sub-info {
    color: var(--text-primary-color);
}

/* Chat */
.dark-mode .chat-area .left-side .chat-search-container .phone-number-input .chat-search.k-focus input,
.dark-mode .chat-area .left-side .chat-search-container .phone-number-input input,
.dark-mode .right-side .send-message-container .chat-message-input textarea,
.dark-mode .chat-search-container .quick-search-list .recent-stored-phone-number-search .quick-search-item .quick-search-text,
.dark-mode .chat-search-container .quick-search-list .result-search .result-item .user-info .name,
.dark-mode .right-side .contact-items .contact-item .user-info .name,
.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item .user-info .name,
.dark-mode .view-member-popup-modern-ui .contact-item .user-info .name {
    color: var(--text-color);
}

.dark-mode .multi-task-container .right-side,
.dark-mode .chat-area .right-side,
.dark-mode .quick-search-list .recent-stored-phone-number-search .recent-search-list,
.dark-mode .quick-search-list .recent-stored-phone-number-search .quick-search-item {
    background: var(--popup-background);
}

.dark-mode .chat-area .left-side .chat-contact-list .contact-items:hover {
    background: var(--popup-background);
}

.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item.active .user-info .name {
    color: var(--primary-purple-color);
}

.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item.active .user-info .agent-info .agent,
.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item.active .user-info .agent-info .agent-ext {
    color: var(--text-primary-color);
}

.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item.active .user-info .agent-info .dots {
    background: var(--text-disabled);
}

.dark-mode .chat-area .left-side {
    border-right: 1px solid var(--popup-border);
}
.dark-mode .no-data .no-data-box path {
    fill: var(--scrollbar);
}
.dark-mode .chat-search-container .quick-search-list .result-search .result-item .user-info .agent-info .dots,
.dark-mode .chat-area .left-side .chat-contact-list .contact-items .contact-item .user-info .agent-info .dots {
    background-color: var(--text-secondary-color);
}
.dark-mode .chat-area .left-side .chat-contact-list .contact-items:has(.contact-item.active):hover {
    background-color: var(--background-preview-actions-btn);
}

/* Recent Contact */
.dark-mode .recent-contact-component .recent-contact-card-header,
.dark-mode .recent-contact-search,
.dark-mode .recent-contact-component .recent-contact-container,
.dark-mode .recent-contact-component .recent-contact-info,
.dark-mode .recent-contact-component .recent-contact-card-wrapper {
    background: var(--popup-background);
}

.dark-mode .modern-ui-radio-box .k-radio.k-checked {
    background-color: var(--popup-background);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='5' fill='var%28--kendo-color-on-primary, %230FB5C4%29'/%3e%3c/svg%3e");
    border-color: var(--primary-button-color);
    fill: var(--white-color);
    stroke-width: 1px;
    stroke: var(--primary-button-color);
}

.dark-mode .recent-contact-component .recent-contact-other-info-section,
.dark-mode .recent-contact-component .card-header-title {
    color: var(--text-color);
}

.dark-mode .recent-contact-component .recent-contact-card-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dark-mode .recent-contact-component .recent-contact-container {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Setting page */
.dark-mode .setting-container .page-header .page-title,
.dark-mode .setting-container .page-content .setting-box .box-title,
.dark-mode .setting-container .page-content .setting-box .box-content .mini-title,

.dark-mode .network-test-modal .network-test-content .content-information .network-test-splitter .default-title,
.dark-mode .setting-container .page-content .setting-box .box-content .toggle-row:has(.k-switch-on) .switch-label,
.dark-mode .setting-container .page-content .setting-box .box-content .toggle-row:has(.k-switch-off) .switch-label {
    color: var(--text-color);
}
.dark-mode .setting-container .page-content .setting-box,
.dark-mode .network-test-modal .network-test-content .content-information .network-test-splitter .left-side, .network-test-modal .network-test-content .content-information .network-test-splitter .right-side,
.dark-mode .k-window.multi-task-window .k-window-content {
    background-color: var(--popup-background);
}

.dark-mode .setting-container .page-header .page-close:hover {
    background: var(--dropdown-list-hover);
}
.dark-mode .network-test-chart svg path[fill^="rgb"] {
    fill: var(--popup-background);
}

.dark-mode .export-network-test-btn:hover,
.dark-mode .dialog-wrapper .k-dialog-actions .dialog-cancel-button:hover{
    background-color: var(--dropdown-list-hover);
}

/*Report page*/
.dark-mode .report-container .report-component .report-header,
.dark-mode .report-container .report-component .report-content {
    background-color: var(--popup-background);
}

.dark-mode .report-container .report-component .report-content iframe {
    background-color: var(--text-color);
}

/*Line Dialing page*/
.dark-mode .dialing-card-wrapper {
    background-color: var(--popup-background);
}

.dark-mode .dialing-card-container .dialing-card-header .dialing-card-header-text,
.dark-mode .available-lead-text strong,
.dark-mode .dialing-card-body .dialing-line-table.modern-ui-datatable.k-grid .k-grid-header-table.k-table thead tr th{
    color: var(--text-color);
}

.dark-mode .modern-page-non-background .page-header .page-close:hover {
    background: var(--dropdown-list-hover);
}
/*Notification*/
.dark-mode .notification .k-notification-container .k-notification-info {
    background-color: var(--primary-purple-color);
    border: unset;
}

.dark-mode .notification .k-notification-container .k-notification-error {
    background: var(--red-danger);
}
/* Live Shadow */
.dark-mode .screen-sharing-window .sharing-window-content.rejected .waiting-container {
    background: var(--main-background);
}

.dark-mode .screen-sharing-window .sharing-window-content.rejected .waiting-container path {
    fill: var(--border-red-danger);
}

.dark-mode .live-shadow-container .trainee-dropdownlist #trainer-dropdown-list_selectId {
    color: var(--text-color);
}

.dark-mode .screen-sharing-window .sharing-window-content.has-data .sharing-mode-group {
    background: var(--main-background);
}

/* Search */
.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .k-listview-item,
.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .quick-search-item,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search .k-listview-content,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search .k-listview-item,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search .result-item,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search,
.dark-mode .quick-search-container .quick-search-content .k-grouping-row td, 
.dark-mode .quick-search-container .quick-search-content .k-grouping-row .k-table-td, 
.dark-mode .quick-search-container .quick-search-content .k-table-tbody .k-group-cell,
.dark-mode .quick-search-container .quick-search-filter,
.dark-mode .quick-search-container .quick-search-content,
.dark-mode .quick-search-component {
    background: var(--popup-background);
}

.dark-mode .quick-search-container .quick-search-content .k-grid-md .k-grouping-header,
.dark-mode .header-container .quick-search .d-quick-search-detail {
    background: var(--popup-background);
    border: 1px solid var(--gray-color);
}

.dark-mode .header-container .quick-search .d-quick-search-detail .no-result-search,
.dark-mode .custom-group-by-column .group-by-column-name,
.dark-mode .header-container .quick-search .d-quick-search-detail .quick-search-detail-expand .quick-search-detail-expanded .quick-search-detail-expanded-item-key,
.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .recent-searchs {
    color: var(--text-secondary-color);
}


.dark-mode .modern-ui-multiselect-popup .select-all-item .select-all-checkbox-label,
.dark-mode .telerik-blazor.k-multiselect.modern-ui-multi-select .k-input-values .k-input-inner,
.dark-mode .custom-group-by-column .group-by-column-value,
.dark-mode .quick-search-container .quick-search-content .quick-search-inline-search .inline-search-box .di-textbox .input-inner input,
.dark-mode .header-container .quick-search .d-quick-search-detail .quick-search-detail-expand .quick-search-detail .quick-search-detail-info .highlighter-item,
.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .quick-search-item .quick-search-text {
    color: var(--text-color);
}

.dark-mode .header-container .quick-search .d-quick-search-detail .recent-stored-phone-number-search .quick-search-item:hover,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search .result-item:hover {
    background: var(--dropdown-list-hover);
}

.dark-mode .header-container .quick-search .d-quick-search-detail .quick-search-detail-expand .quick-search-detail .quick-search-detail-info .highlighter-text,
.dark-mode .header-container .quick-search .d-quick-search-detail .result-search .result-item .highlighter-item .highlighter-text {
    mix-blend-mode: unset;
}

.dark-mode .quick-search-container .quick-search-content .quick-search-table-actions .delete-lead-btn,
.dark-mode .modern-ui-multiselect-popup .k-multiselect-popup {
    background: var(--popup-background);
    border: 1px solid var(--gray-color);
}

.dark-mode .modern-ui-multiselect-popup .k-multiselect-popup.k-popup > .k-list,
.dark-mode .modern-ui-multiselect-popup .k-child-animation-container .k-multiselect-popup .k-list-item {
    background: var(--popup-background);
}

.dark-mode .quick-search-container .quick-search-content .quick-search-table-actions .delete-lead-btn:hover,
.dark-mode .modern-ui-multiselect-popup .k-child-animation-container .k-multiselect-popup .k-list-item:hover > * {
    background: var(--dropdown-list-hover);
}

.dark-mode .modern-ui-multiselect-popup .k-multiselect-popup.k-popup > .k-list .k-list-content {
    margin-right: 4px;
}

.dark-mode .telerik-blazor.k-multiselect.modern-ui-multi-select .k-chip-solid.k-chip-solid-base,
.dark-mode .quick-search-container .quick-search-content .k-grid-md .k-grouping-header .k-chip-solid-base,
.dark-mode .quick-search-container .quick-search-campaign-item,
.dark-mode .modern-ui-multiselect-popup .k-multiselect-popup .k-list-item:has(.modern-input-checkbox:checked) {
    background: var(--dropdown-list-selected);
}

.dark-mode .quick-search-container span.telerik-blazor.k-icon.k-svg-icon.k-svg-i-x-circle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.3 12.75L9 10.05L11.7 12.75L12.75 11.7L10.05 9L12.75 6.3L11.7 5.25L9 7.95L6.3 5.25L5.25 6.3L7.95 9L5.25 11.7L6.3 12.75ZM9 16.5C7.9625 16.5 6.9875 16.3031 6.075 15.9094C5.1625 15.5156 4.36875 14.9813 3.69375 14.3063C3.01875 13.6313 2.48438 12.8375 2.09063 11.925C1.69687 11.0125 1.5 10.0375 1.5 9C1.5 7.9625 1.69687 6.9875 2.09063 6.075C2.48438 5.1625 3.01875 4.36875 3.69375 3.69375C4.36875 3.01875 5.1625 2.48438 6.075 2.09063C6.9875 1.69687 7.9625 1.5 9 1.5C10.0375 1.5 11.0125 1.69687 11.925 2.09063C12.8375 2.48438 13.6313 3.01875 14.3063 3.69375C14.9813 4.36875 15.5156 5.1625 15.9094 6.075C16.3031 6.9875 16.5 7.9625 16.5 9C16.5 10.0375 16.3031 11.0125 15.9094 11.925C15.5156 12.8375 14.9813 13.6313 14.3063 14.3063C13.6313 14.9813 12.8375 15.5156 11.925 15.9094C11.0125 16.3031 10.0375 16.5 9 16.5ZM9 15C10.675 15 12.0938 14.4187 13.2563 13.2563C14.4187 12.0938 15 10.675 15 9C15 7.325 14.4187 5.90625 13.2563 4.74375C12.0938 3.58125 10.675 3 9 3C7.325 3 5.90625 3.58125 4.74375 4.74375C3.58125 5.90625 3 7.325 3 9C3 10.675 3.58125 12.0938 4.74375 13.2563C5.90625 14.4187 7.325 15 9 15Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.dark-mode .quick-search-container .quick-search-content .quick-search-table-actions .delete-lead-btn.disable {
    background: var(--button-disabled);
    border: unset;
}

.dark-mode .quick-search-container .quick-search-content .quick-search-table-actions .delete-lead-btn.disable svg path {
    fill: var(--main-background);
}

.dark-mode .quick-search-container .quick-search-content .quick-search-inline-search input::placeholder,
.dark-mode .filter-popup-container .filter-popup-checkbox-component .filter-checkbox-label.blank {
    color: var(--text-secondary-color);
}

.dark-mode .quick-search-container .quick-search-content .quick-search-table-actions .delete-lead-btn svg path {
    fill: var(--text-color);
}

.dark-mode .bubble-minimize .close-icon {
    background: var(--white-color);
}

.dark-mode .bubble-minimize .close-icon path {
    fill: var(--popup-background);
}

.dark-mode .modern-ui-multi-select .k-input-values .k-input-inner::placeholder,
.dark-mode .modern-ui-textbox::placeholder, 
.dark-mode .modern-filter-date::placeholder,
.dark-mode .modern-filter-dropdown-input::placeholder {
    color: var(--text-secondary-color);
}

.dark-mode .k-time-list .k-item:hover {
    color: var(--scollbar-thumb-hover);
}

.dark-mode .no-data-preview-container .no-data-content path {
    fill: var(--text-secondary-color);
}
/*enhance active button*/
/*Filled Button*/
.dark-mode .k-button-solid-base.k-active,
.dark-mode .contact-title .default-btn:active,
.dark-mode .default-btn.rectangle-btn:active,
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.skip-lead:active,
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.dial-pad:active,
.dark-mode .header-container .s-quick-search .search-button:active,
.dark-mode .dialog-wrapper .k-dialog-actions .dialog-confirm-button:active,
.dark-mode .recent-contact-component .search-button.k-button-solid-base:active,
.dark-mode .contact-actions .edit-call-info-wrapper .edit-btn:active,
.dark-mode .modern-login-container .login-button:active,
.dark-mode .modern-login-container .connect-button:active,
.dark-mode .primary-btn:active {
    background: var(--aqua-darker);
}
/*Outline Button*/
.dark-mode .default-btn:active,
.dark-mode .rounded-btn:active,
.dark-mode .white-btn:active,
.dark-mode .cancel-btn:active,
.dark-mode .default-outline-btn:active,
.dark-mode .flip-btn:active,
.dark-mode .btn-close-panel:active,
.dark-mode .flip-btn-wrapper .rectangle-btn:active,
.dark-mode .sms-area .right-side .send-message-container .send-message-function .icon-box:active,
.dark-mode .chat-area .right-side .send-message-container .send-message-function .icon-box:active,
.dark-mode .call-reminder-content-wrapper .call-reminder-content .call-reminder-card .call-reminder-card-header .rectangle-btn:active,
.dark-mode .dialog-wrapper .k-dialog-actions .dialog-cancel-button:active,
.dark-mode .new-lead-action-right .cancel-edit-btn:active,
.dark-mode .new-lead-action-left .rounded-btn:active,
.dark-mode label .cancel-upload-file:active,
.dark-mode .contact-preview-container .contact-header .contact-actions .default-btn.rounded-btn:active,
.dark-mode div.parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon, .hangup-icon):active,
.dark-mode .call-reminder-card .call-reminder-card-container .flip-card-inner .flip-card-front .form-callback-reminder-container .form-callback-reminder-block .form-callback-reminder-block-actions .rounded-btn.cancel-edit-btn:active,
.dark-mode .agent-hub-content .agent-hub-item-content .item-content .action-area .action-item .action-icon-area:not(.phone-icon):active {
    background: var(--dropdown-list-selected);
}

/*Purple button*/
.dark-mode .call-preview-actions .actions-container .button-action-wrapper .button-action-container .dial-lead:active,
.dark-mode .call-preview-actions .actions-container .button-action-wrapper .button-action-container .btn-action:active,
.dark-mode .ai-agent-container .ai-agent-icon:active,
.dark-mode .ai-agent-container .resize-handle:active,
.dark-mode .lighter-purple-btn:active,
.dark-mode .keyboard-row .number-button-container:active,
.dark-mode .chat-area .right-side .contact-info-area .phone-bg:active,
.dark-mode .sms-area .right-side .send-message-container .send-message-function .icon-box.send-message:active,
.dark-mode .chat-area .right-side .send-message-container .send-message-function .icon-box.send-message:active,
.dark-mode div.agent-hub-content .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:active,
.dark-mode div.parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.phone-icon:active,
.dark-mode .keypad-menu-container .keypad-menu-content .keypad-menu-sms-dtmp .keypad-menu-sms-dtmp-input-box .keypad-menu-sms-dtmp-action:active {
    background: var(--purple-btn-active);
}
/*Text button*/
.dark-mode .cancel-no-border-btn:active,
.dark-mode .contact-preview-container .contact-header .contact-actions .cancel-edit-btn.default-btn.rounded-btn:active,
.dark-mode div.header-container .right-header .header-menu .menu-item:active {
    background: var(--dropdown-list-selected);
}

/*Dark purple button*/
.dark-mode .call-purple-btn:active,
.dark-mode .modern-ui-chat-channel .btn-close-panel:active {
    background: var(--call-purple-btn-active);
}

/*Red button*/
.dark-mode .call-preview-top .call-preview-actions .button-action-container .k-button.btn-action.hang-up:active,
.dark-mode div.network-test-modal .network-test-content .content-actions label[data-title="Stop"] .primary-btn:active,
.dark-mode div.parked-call-list .parked-item .agent-hub-item-content .item-content .action-area .action-item .action-icon-area.hangup-icon:active,
.dark-mode .hang-up-btn:active {
    background: var(--red-btn-active);
}

.dark-mode .btn-close-panel:active,
.dark-mode .modern-ui-chat-channel .btn-close-panel:active {
    border-radius: 50%;
}

.dark-mode .cancel-upload-file {
    background: var(--popup-background);
    color: var(--text-label-btn-action);
    border: 1px solid var(--text-label-btn-action);
}

.dark-mode .cancel-upload-file:hover {
    background: var(--dropdown-list-hover);
}