@import url(login.css);
@import url(main-page.css);
@import url(header.css);
@import url(left-menu.css);
@import url(tooltip.css);
@import url(layout.css);
@import url(preview-call.css);
@import url(button.css);
@import url(change-status.css);
@import url(table.css);
@import url(radio-box.css);
@import url(dialog.css);
@import url(dropdown.css);
@import url(notification.css);
@import url(agent-hub.css);
@import url(error.css);
@import url(dial-pad.css);
@import url(call-menu.css);
@import url(chat.css);
@import url(sms.css);
@import url(instant-msg.css);
@import url(phone-pad-menu.css);
@import url(multi-task.css);
@import url(recent-contact.css);
@import url(quick-search.css);
@import url(transfer-call.css);
@import url(conference-call.css);
@import url(report.css);
@import url(./FollowUpCall/follow-up-call.css);
@import url(./FollowUpCall/tabs.css);
@import url(./FollowUpCall/toggle-view.css);
@import url(filter.css);
@import url(waiting.css);
@import url(add-new-lead.css);
@import url(./VoiceMedia/voice-media.css);
@import url(multi-select.css);
@import url(settings.css);
@import url(dialing-line.css);
@import url(live-shadow.css);
@import url(screen-sharing.css);
@import url(ai-agent.css);
@import url(coaching.css);

@import url(responsive.css);
@import url(./FollowUpCall/appointment.css);
@import url(script-pages.css);
@import url(media-player.css);
@import url(./DarkTheme/dark-theme.css);
@import url(ai-guidance.css);

@font-face {
    font-family: 'Ubuntu';
    src: url('../../Fonts/UbuntuSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Italic';
    src: url('../../Fonts/UbuntuSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../Fonts/GeistMono-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Font family*/
    --primary-font: "Helvetica", "Arial", sans-serif;
    --secondary-font: 'Ubuntu';
    /* Font size */
    --font-size-x-lg: 40px;
    --font-size-lg: 28px;
    --font-size-md-lg: 20px;
    --font-size-sm-md: 16px;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
    --font-size-xxs: 10px;
    /* Color */
    --modern-color: #00ACBC;
    --purple-color: #7D35EB;
    --white-color: #FFFFFF;
    --text-color: #4B4D53;
    --gray-color: #CCCCCC;
    --black-color: #000000;
    --dark-gray-color: #333333;
    --text-dark-color: #191919;
    --text-disabled: #666666;
    --primary-button-color: #0FB5C4;
    --primary-button-hover-color: #00CEE2;
    --input-background-color: #EEEEEE;
    --input-border-color: #CCCCCC;
    --asterisk-color: #FF6347;
    --background-light-blue: #e0f7fa;
    --background-gray-light: #f0f0f0;
    --background-gray-light-hover: #E3F6F8;
    --background-light-blue-selected: #C2EBF1;
    --accent-teal: #008080;
    --box-shadow-color: rgba(0, 0, 0, 0.2);
    --box-shadow-primary: 0px 2px 1px -1px #00000033,0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001F;
    --placeholder-color: #AAAAAA;
    --available-color: #10BA3A;
    --busy-color: #EAA300;
    --offline-color: #FF6347;
    --badge-bg-color: #FF6347;
    --radius: 4px;
    --gray-light-color: #666;
    --border-red-danger: #DB0004;
    --background-red-danger: #FBE6E6;
    --background-purple: #AE67FF;
    --scollbar-thumb-hover: #0FB5C4;
    --custom-left: 0;
    --background-preview-actions-btn: #E3D2FF;
    --text-label-btn-action: #1D1F21;
    --dark-gray-color-2: #1D1F21;
    --bg-state-hover: #E3F6F8;
    --main-background: #F6F4FC;
    --background-overlay: #00000033;
    --background-success: #13A10E;
    --purple-hover-color: #CCADFF;
    --light-purple: #D4BAFF;
    --red-hover-color: #FF4827;
    --ligh-gray-hover-color: #ebebeb;
    --transparent-gold-background: #EAA3001A;
    --dark-gold-text: #C89114;
    --light-warm-background: #FDF6E6;
    --deep-aqua: #0D9FAC;
    --gradient-color: linear-gradient(to bottom, var(--scollbar-thumb-hover) 0%, var(--deep-aqua) 100%);
    --purple-brighter-color: #9647F1;
    --aqua-darker: #009DAB;
    --text-secondary-color: #525252;
    --dark-purple: #6117D0;
    --table-odd-background: #f6f4fc;
    --table-border-gray-color: #D2D2D2;
    --kendo-color-primary: #0FB5C4;
    --kendo-color-primary-hover: #00CEE2;
    --kendo-color-primary-active: #009DAB;
    --system-error-color: #EF1540;
    --eerie-black: #1E1E1E;
    --warning-toast-bg: #E53935;
    --warning-toast-border: #A71C1C;
    --grey-color: #808080;
    --gray-100: #E5E5E5;
    --tooltip-arrow: #1E1E1E;
    --arrow-path: "m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z";
    --positive-toast-border: #0F7F0B;
    --positive-group-bg: #13A10E1A;
    --purple-btn-active: #B589FF;
    --red-btn-active: #FF2700;
    --call-purple-btn-active: #6117D0;
    --border-input-focus: 0 0 0 2px var(--primary-button-hover-color);
}

    :root.dark-mode {
        --main-background: #323437;
        --text-color: #ffffff;
        --text-primary-color: #4b4d53;
        --text-secondary-color: #9b9b9b;
        --text-disabled: #666666;
        --primary-purple-color: #7D35EB;
        --button-disabled: #454545;
        --text-label-btn-action: #ffffff;
        --popup-background: #1d1f21;
        --popup-border: #FFFFFF4D;
        --scroll-background: #000000;
        --scrollbar: #9b9b9b;
        --scollbar-thumb-hover: #0FB5C4;
        --dropdown-list-selected: #0FB5C480;
        --dropdown-list-hover: #0FB5C44D;
        --profile-box-hover: #e3f6f84d;
        --profile-box-selected: #c2ebf180;
        --text-button-color: #1e1f21;
        --placeholder-color: #DADADA;
        --input-background-color: #000000;
        --gray-color: #FFFFFF4D;
        --border-red-danger: #FF6347;
        --red-danger: #DB0004;
        --background-red-danger: #DB00041A;
        --dark-gold-background: #C891141A;
        --tooltip-arrow: #ffffff;
        --recent-search-hover: #323437;
        --dialpad-search-field: #194C52;
        --purple-btn-hover: #ccadff4d;
        --park-call-yellow: #c891140d;
        --park-call-red: #db00040d;
        --park-call-border-red: #ff6347;
        --dark-background-success: #13A10E1A;
        --dark-background-negative: #DB00041A;
        --backdrop-color: #00000080;
        --datetime-hover-color: #0fb5c40d;
        --on-hold-color: #EAA300B2;
        --hang-up-on-hold-color: #FF634799;
    }

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}