/* definition */
:root{
    --chatutt-blue: #3874ff;
    --chatutt-indigo: #6610f2;
    --chatutt-purple: #6f42c1;
    --chatutt-pink: #d63384;
    --chatutt-red: #EC1F00;
    --chatutt-orange: #E5780B;
    --chatutt-yellow: #ffc107;
    --chatutt-green: #25b003;
    --chatutt-teal: #20c997;
    --chatutt-cyan: #0097eb;
    --chatutt-black: #000000;
    --chatutt-white: #fff;
    --chatutt-gray: #6e7891;
    --chatutt-gray-dark: #141824;
    --chatutt-gray-50: #f5f7fa;
    --chatutt-gray-100: #eff2f6;
    --chatutt-gray-200: #e3e6ed;
    --chatutt-gray-300: #cbd0dd;
    --chatutt-gray-400: #9fa6bc;
    --chatutt-gray-500: #8a94ad;
    --chatutt-gray-600: #6e7891;
    --chatutt-gray-700: #525b75;
    --chatutt-gray-800: #3e465b;
    --chatutt-gray-900: #31374a;
    --chatutt-gray-1000: #222834;
    --chatutt-gray-1100: #141824;
    --chatutt-primary: #3874ff;
    --chatutt-secondary: #31374a;
    --chatutt-success: #25b003;
    --chatutt-info: #0097eb;
    --chatutt-warning: #E5780B;
    --chatutt-danger: #EC1F00;
    --chatutt-light: #eff2f6;
    --chatutt-dark: #141824;
    --chatutt-primary-rgb: 56, 116, 255;
    --chatutt-secondary-rgb: 49, 55, 74;
    --chatutt-success-rgb: 37, 176, 3;
    --chatutt-info-rgb: 0, 151, 235;
    --chatutt-warning-rgb: 229, 120, 11;
    --chatutt-danger-rgb: 236, 31, 0;
    --chatutt-light-rgb: 239, 242, 246;
    --chatutt-dark-rgb: 20, 24, 36;
    --chatutt-primary-text-emphasis: #003CC7;
    --chatutt-secondary-text-emphasis: #525b75;
    --chatutt-success-text-emphasis: #1C6C09;
    --chatutt-info-text-emphasis: #005585;
    --chatutt-warning-text-emphasis: #BC3803;
    --chatutt-danger-text-emphasis: #B81800;
    --chatutt-light-text-emphasis: #141824;
    --chatutt-dark-text-emphasis: #fff;
    --chatutt-primary-bg-subtle: #E5EDFF;
    --chatutt-secondary-bg-subtle: #eff2f6;
    --chatutt-success-bg-subtle: #D9FBD0;
    --chatutt-info-bg-subtle: #C7EBFF;
    --chatutt-warning-bg-subtle: #FFEFCA;
    --chatutt-danger-bg-subtle: #FFE0DB;
    --chatutt-light-bg-subtle: #f7f9fb;
    --chatutt-dark-bg-subtle: #9fa6bc;
    --chatutt-primary-border-subtle: #85A9FF;
    --chatutt-secondary-border-subtle: #cbd0dd;
    --chatutt-success-border-subtle: #90D67F;
    --chatutt-info-border-subtle: #60C6FF;
    --chatutt-warning-border-subtle: #FFCC85;
    --chatutt-danger-border-subtle: #F48270;
    --chatutt-light-border-subtle: #eff2f6;
    --chatutt-dark-border-subtle: #8a94ad;
    --chatutt-white-rgb: 255, 255, 255;
    --chatutt-black-rgb: 0, 0, 0;
    --chatutt-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chatutt-body-font-family: var(--chatutt-font-sans-serif);
    --chatutt-body-font-size: 1rem;
    --chatutt-body-font-weight: 400;
    --chatutt-body-line-height: 1.49;
    --chatutt-body-color: #31374a;
    --chatutt-body-color-rgb: 49, 55, 74;
    --chatutt-body-bg: #f5f7fa;
    --chatutt-body-bg-rgb: 245, 247, 250;
    --chatutt-emphasis-color: #141824;
    --chatutt-emphasis-color-rgb: 20, 24, 36;
    --chatutt-secondary-color: #3e465b;
    --chatutt-secondary-color-rgb: 62, 70, 91;
    --chatutt-secondary-bg: #e3e6ed;
    --chatutt-secondary-bg-rgb: 227, 230, 237;
    --chatutt-tertiary-color: #525b75;
    --chatutt-tertiary-color-rgb: 82, 91, 117;
    --chatutt-tertiary-bg: #cbd0dd;
    --chatutt-tertiary-bg-rgb: 203, 208, 221;
    --chatutt-heading-color: var(--chatutt-emphasis-color);
    --chatutt-link-color: #3874ff;
    --chatutt-link-color-rgb: 56, 116, 255;
    --chatutt-link-decoration: none;
    --chatutt-link-hover-color: #003CC7;
    --chatutt-link-hover-color-rgb: 0, 60, 199;
    --chatutt-link-hover-decoration: underline;
    --chatutt-code-color: #d63384;
    --chatutt-highlight-color: #31374a;
    --chatutt-highlight-bg: #fff3cd;
    --chatutt-border-width: 1px;
    --chatutt-border-style: solid;
    --chatutt-border-color: #cbd0dd;
    --chatutt-border-color-translucent: rgba(203, 208, 221, 0.54);
    --chatutt-border-radius: 0.375rem;
    --chatutt-border-radius-sm: 0.25rem;
    --chatutt-border-radius-lg: 0.5rem;
    --chatutt-border-radius-xl: 1rem;
    --chatutt-border-radius-xxl: 2rem;
    --chatutt-border-radius-2xl: var(--chatutt-border-radius-xxl);
    --chatutt-border-radius-pill: 50rem;
    --chatutt-box-shadow: 0px 2px 4px -2px rgba(36, 40, 46, 0.08);
    --chatutt-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --chatutt-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --chatutt-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --chatutt-focus-ring-width: 0.25rem;
    --chatutt-focus-ring-opacity: 0.25;
    --chatutt-focus-ring-color: rgba(56, 116, 255, 0.25);
    --chatutt-form-valid-color: #25b003;
    --chatutt-form-valid-border-color: #25b003;
    --chatutt-form-invalid-color: #EC1F00;
    --chatutt-form-invalid-border-color: #EC1F00
}

:root {
    --chatutt-scroll-margin-top: 2.5rem;
    --chatutt-navbar-top-height: 4rem;
    --chatutt-navbar-top-menu-margin: 1.5rem
}

:root[data-navbar-horizontal-shape=slim] {
    --chatutt-navbar-top-height: 1.7rem
}

:root [data-navigation-type=dual] {
    --chatutt-navbar-top-height: 7.25rem
}

:root .navbar-slim {
    --chatutt-navbar-top-menu-margin: 0.8rem
}

:root [data-navigation-type=dual] {
    --chatutt-navbar-top-menu-margin: 1.3rem
}

:root,
[data-bs-theme=light] {
    --chatutt-gray-50-rgb: 245, 247, 250;
    --chatutt-gray-100-rgb: 239, 242, 246;
    --chatutt-gray-200-rgb: 227, 230, 237;
    --chatutt-gray-300-rgb: 203, 208, 221;
    --chatutt-gray-400-rgb: 159, 166, 188;
    --chatutt-gray-500-rgb: 138, 148, 173;
    --chatutt-gray-600-rgb: 110, 120, 145;
    --chatutt-gray-700-rgb: 82, 91, 117;
    --chatutt-gray-800-rgb: 62, 70, 91;
    --chatutt-gray-900-rgb: 49, 55, 74;
    --chatutt-gray-1000-rgb: 34, 40, 52;
    --chatutt-gray-1100-rgb: 20, 24, 36;
    --chatutt-primary-lighter: #ADC5FF;
    --chatutt-primary-light: #85A9FF;
    --chatutt-primary-dark: #004DFF;
    --chatutt-primary-darker: #003CC7;
    --chatutt-secondary-lighter: #e3e6ed;
    --chatutt-secondary-light: #cbd0dd;
    --chatutt-secondary-dark: #222834;
    --chatutt-secondary-darker: #525b75;
    --chatutt-warning-lighter: #FFE6AD;
    --chatutt-warning-light: #FFCC85;
    --chatutt-warning-dark: #D6630A;
    --chatutt-warning-darker: #BC3803;
    --chatutt-danger-lighter: #FABCB3;
    --chatutt-danger-light: #F48270;
    --chatutt-danger-dark: #CC1B00;
    --chatutt-danger-darker: #B81800;
    --chatutt-success-lighter: #BEE8B4;
    --chatutt-success-light: #90D67F;
    --chatutt-success-dark: #23890B;
    --chatutt-success-darker: #1C6C09;
    --chatutt-info-lighter: #96D9FF;
    --chatutt-info-light: #60C6FF;
    --chatutt-info-dark: #0080C7;
    --chatutt-info-darker: #005585;
    --chatutt-primary-lighter-rgb: 173, 197, 255;
    --chatutt-primary-light-rgb: 133, 169, 255;
    --chatutt-primary-dark-rgb: 0, 77, 255;
    --chatutt-primary-darker-rgb: 0, 60, 199;
    --chatutt-secondary-lighter-rgb: 227, 230, 237;
    --chatutt-secondary-light-rgb: 203, 208, 221;
    --chatutt-secondary-dark-rgb: 34, 40, 52;
    --chatutt-secondary-darker-rgb: 82, 91, 117;
    --chatutt-warning-lighter-rgb: 255, 230, 173;
    --chatutt-warning-light-rgb: 255, 204, 133;
    --chatutt-warning-dark-rgb: 214, 99, 10;
    --chatutt-warning-darker-rgb: 188, 56, 3;
    --chatutt-danger-lighter-rgb: 250, 188, 179;
    --chatutt-danger-light-rgb: 244, 130, 112;
    --chatutt-danger-dark-rgb: 204, 27, 0;
    --chatutt-danger-darker-rgb: 184, 24, 0;
    --chatutt-success-lighter-rgb: 190, 232, 180;
    --chatutt-success-light-rgb: 144, 214, 127;
    --chatutt-success-dark-rgb: 35, 137, 11;
    --chatutt-success-darker-rgb: 28, 108, 9;
    --chatutt-info-lighter-rgb: 150, 217, 255;
    --chatutt-info-light-rgb: 96, 198, 255;
    --chatutt-info-dark-rgb: 0, 128, 199;
    --chatutt-info-darker-rgb: 0, 85, 133;
    --chatutt-quaternary-color: #8a94ad;
    --chatutt-quaternary-color-rgb: 138, 148, 173;
    --chatutt-quaternary-bg: #9fa6bc;
    --chatutt-quaternary-bg-rgb: 159, 166, 188;
    --chatutt-emphasis-bg: #fff;
    --chatutt-emphasis-bg-rgb: 255, 255, 255;
    --chatutt-body-highlight-color: #222834;
    --chatutt-body-highlight-color-rgb: 34, 40, 52;
    --chatutt-body-highlight-bg: #eff2f6;
    --chatutt-body-highlight-bg-rgb: 239, 242, 246;
    --chatutt-border-color-rgb: 203, 208, 221;
    --chatutt-border-color-translucent-rgb: 203, 208, 221;
    --chatutt-input-group-addon-bg-global: #eff2f6;
    --chatutt-dropdonw-link-color-global: #525b75;
    --chatutt-dropdonw-link-hover-color-global: shade-color($gray-700, 50%);
    --chatutt-nav-vertical-color-global: #141824;
    --chatutt-scrollbar-bg: rgba(var(--chatutt-quaternary-bg-rgb), 0.55);
    --chatutt-docs-language-bg: #222834;
    --chatutt-navbar-top-link-color: var(--chatutt-body-color);
    --chatutt-navbar-top-menu-bg-color: var(--chatutt-emphasis-bg);
    --chatutt-navbar-top-border-color: #cbd0dd;
    --chatutt-navbar-top-link-hover-color: var(--chatutt-body-highlight-color);
    --chatutt-navbar-top-link-hover-bg: var(--chatutt-body-highlight-bg);
    --chatutt-navbar-top-link-active-color: var(--chatutt-primary);
    --chatutt-navbar-top-dropdown-color: var(--chatutt-body-color);
    --chatutt-navbar-top-dropdown-hover-bg: var(--chatutt-body-highlight-bg);
    --chatutt-dual-nav-border-color: #e3e6ed;
    --chatutt-dual-nav-first-layer-bg: #eff2f6;
    --chatutt-navbar-vertical-border-color: #cbd0dd;
    --chatutt-navbar-vertical-bg-color: var(--chatutt-emphasis-bg);
    --chatutt-navbar-vertical-label-color: #6e7891;
    --chatutt-navbar-vertical-link-color: #525b75;
    --chatutt-navbar-vertical-link-hover-color: #3e465b;
    --chatutt-navbar-vertical-link-hover-bg: #eff2f6;
    --chatutt-navbar-vertical-link-active-color: #3874ff;
    --chatutt-navbar-vertical-link-disable-color: #8a94ad;
    --chatutt-navbar-vertical-width: 15.875rem;
    --chatutt-navbar-vertical-dropdown-indicator-color: #8a94ad;
    --chatutt-navbar-footer-border-color: var(--chatutt-border-color);
    --chatutt-navbar-vertical-hr-color: #e3e6ed;
    --chatutt-navbar-vertical-collapsed-menu-bg: #fff;
    --chatutt-hamburger-menu-color: #6e7891;
    --chatutt-navbar-top-bg-color: var(--chatutt-emphasis-bg);
    --chatutt-btn-hover-border-color: transparent;
    --chatutt-btn-active-border-color: transparent;
    --chatutt-choices-inner-min-height: auto;
    --chatutt-choices-item-has-no-choices-bg: var(--chatutt-emphasis-bg);
    --chatutt-flatpickr-calendar-input-bg: var(--chatutt-emphasis-bg);
    --chatutt-flatpickr-calendar-bg: #e3e6ed;
    --chatutt-flatpickr-current-month-color: #31374a;
    --chatutt-flatpickr-weekday-color: #31374a;
    --chatutt-flatpickr-calendar-day-hover-bg: rgba(var(--chatutt-tertiary-bg-rgb), 0.5);
    --chatutt-flatpickr-weekend-days-color: #E5780B;
    --chatutt-flatpickr-today-color: #fff;
    --chatutt-flatpickr-calendar-day-selected-bg: rgba(var(--chatutt-primary-rgb), 0.2);
    --chatutt-calendar-bg: #e3e6ed;
    --chatutt-calendar-border-color: var(--chatutt-body-bg);
    --chatutt-theme-wizard-nav-item-circle-bg: var(--chatutt-body-highlight-bg);
    --chatutt-theme-wizard-complete-color: #25b003;
    --chatutt-theme-wizard-active-color: #3874ff;
    --chatutt-tinymce-bg: var(--chatutt-emphasis-bg);
    --chatutt-tinymce-tox-tbtn-enabled-icon-color: var(--chatutt-secondary-color);
    --chatutt-choices-item-bg: var(--chatutt-primary-bg-subtle);
    --chatutt-choices-item-color: var(--chatutt-body-highlight-color);
    --chatutt-avatar-name-color: var(--chatutt-primary-dark);
    --chatutt-logo-text: rgba(var(--chatutt-tertiary-color-rgb), 0.8);
    --chatutt-theme-control-toggle-bg: rgba(255, 204, 133, 0.24);
    --chatutt-theme-control-toggle-hover-bg: var(--chatutt-warning);
    --chatutt-theme-control-toggle-color: var(--chatutt-warning);
    --chatutt-theme-control-toggle-hover-color: #FFEFCA;
    --chatutt-kanban-bg: #e3e6ed;
    --chatutt-kanban-column-bg: var(--chatutt-body-bg);
    --chatutt-kanban-ghost-bg: var(--chatutt-body-highlight-bg);
    --chatutt-kanban-drag-bg: var(--chatutt-white);
    --chatutt-kanban-column-hover-bg: var(--chatutt-white);
    --chatutt-leaflet-bar-bg: var(--chatutt-body-highlight-bg)
}

:root.navbar-vertical-collapsed {
    --chatutt-navbar-vertical-width: 4rem
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* end definition  */

.rounded-pill {
    border-radius: var(--chatutt-border-radius-pill) !important
}

.text-end {
    text-align: right !important;
}

.fs-9 {
    font-size: .85rem !important;
}

.fs-125 {
    font-size: 1.755rem !important;
    line-height: 1.45;
}

.gap-3 {
    gap: 1rem !important;
}

.text-body {
    --chatutt-text-opacity: 1;
    color: rgba(var(--chatutt-body-color-rgb), var(--chatutt-text-opacity)) !important;
}

.flex-fill{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-grow-1{-webkit-box-flex:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}
.flex-md-fill{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-md-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-md-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-md-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-md-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-md-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-md-grow-1{-webkit-box-flex:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-md-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-md-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-md-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-md-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}
.flex-xl-fill{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-xl-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-xl-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-xl-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-xl-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-xl-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-xl-grow-1{-webkit-box-flex:1 !important;-ms-flex-positive:1 !important;flex-grow:1 !important}.flex-xl-shrink-0{-ms-flex-negative:0 !important;flex-shrink:0 !important}.flex-xl-shrink-1{-ms-flex-negative:1 !important;flex-shrink:1 !important}.flex-xl-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-xl-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}
.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-between-center{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-end-center{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-between-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}
/* end flex  */


/* support  */
.support-chat-container {
    display: none
}

.support-chat-container.show {
    display: block
}

.support-chat {
    position: fixed;
    bottom: 3rem;
    right: 0;
    max-width: 28rem;
    width: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 1045;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    padding-bottom: 3rem;
    transition: all 0.35s ease-in-out;
}

@media screen and (max-width: 480px) {
    .support-chat.extended{
        max-width: 100vw;
    }  
}
@media screen and (min-width: 480px) {
    .support-chat.extended{
        max-width: 33.5rem;
    }  
}


.support-chat-start .support-chat {
    right: auto;
    left: 0;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.support-chat-bottom-lg .support-chat {
    bottom: 5rem
}

@media(min-width: 576px) {
    .support-chat {
        right: 1rem
    }

    .support-chat-start .support-chat {
        left: 1rem
    }
}

@media(min-width: 992px) {
    .support-chat {
        right: 2rem
    }

    .support-chat-start .support-chat {
        left: 2rem
    }
}

.support-chat .card {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(36, 40, 46, .12);
    box-shadow: 0px 0px 32px 0px rgba(36, 40, 46, .12)
}

[data-bs-theme=dark] .support-chat .card {
    -webkit-box-shadow: 0px 0px 32px 10px rgba(0, 0, 0, .41);
    box-shadow: 0px 0px 32px 10px rgba(0, 0, 0, .41)
}

.support-chat .card-body {
    height: 27rem;
    max-height: 60vh;
}

.support-chat.show-chat {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.support-chat .send-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--chatutt-primary)
}

.support-chat .send-btn:hover {
    background-color: var(--chatutt-body-highlight-bg);
    color: var(--chatutt-primary-light)
}

.support-chat .send-btn:active {
    background-color: var(--chatutt-secondary-bg);
    color: var(--chatutt-primary-light)
}

.support-chat+.btn-support-chat {
    position: fixed;
    bottom: 2rem;
    right: 3rem;
    width: 3.75rem;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-color: var(--chatutt-blue) !important;
    z-index: 1045;
    border-radius: var(--chatutt-border-radius-pill);
    -webkit-box-shadow: 0px 0px 32px 0px rgba(36, 40, 46, .12);
    box-shadow: 0px 0px 32px 0px rgba(36, 40, 46, .12);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.support-chat+.btn-support-chat {
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .4);
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .4)
}

.support-chat+.btn-support-chat:hover {
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .45) !important;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .45) !important
}

.support-chat-start .support-chat+.btn-support-chat {
    right: auto;
    left: 1rem
}

.support-chat-bottom-lg .support-chat+.btn-support-chat {
    bottom: 4.5rem
}

@media(min-width: 576px) {
    .support-chat+.btn-support-chat {
        right: 2rem
    }

    .support-chat-start .support-chat+.btn-support-chat {
        left: 2rem
    }
}

@media(min-width: 992px) {
    .support-chat+.btn-support-chat {
        right: 3rem
    }

    .support-chat-start .support-chat+.btn-support-chat {
        left: 3rem
    }
}

.support-chat+.btn-support-chat:hover {
    background-color: var(--chatutt-blue) !important;
    transform: scale(1.102)
}

.support-chat+.btn-support-chat .fa-chevron-down {
    display: none
}

.support-chat+.btn-support-chat.btn-chat-close {
    border-radius: 50%;
    width: 3.75rem

}

.support-chat+.btn-support-chat.btn-chat-close .btn-text,
.support-chat+.btn-support-chat.btn-chat-close .fa-circle {
    display: none
}

.support-chat+.btn-support-chat.btn-chat-close .fa-chevron-down {
    display: block
}

.scrollbar{
    overflow: auto;
}
.avatar-m {
    height: 2rem;
    width: 2rem;
}
.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.chat .chat-message .chat-message-content.received {
    max-width: calc(100% - 6rem);
    position: relative;
}

.rounded-circle {
    border-radius: 50% !important;
}

@media (min-width: 576px) {
    .chat .chat-message .chat-message-content.received {
        max-width: calc(100% - 5rem);
    }
}

.chat .chat-message .chat-message-content {
    max-width: calc(100% - 4rem);
}

@media (min-width: 576px) {
    .chat .chat-message .chat-message-content {
        max-width: calc(100% - 10rem);
    }
}
.received-message-content, .sent-message-content{
    border-radius: 0.75rem;
    background: #d9eeff;
}

.received-message-content.utt-response{
    border-top-left-radius: 2px;
}

.sent-message-content{
  background:#f2f2f2;
  border-bottom-right-radius: 2px;
}

.card.bg-body-emphasis {
    box-shadow: 0px 0px 6px 2px rgb(105 105 105 / 50%);
}

.support-chat-container .lh-1{
    line-height: 1.35;
}

.support-chat-container ul{
    line-height: 1.35;
    margin: 5px 0px 5px 5px;
}

.received-message-content p{
    line-height: 1.35;
}

.support-chat-container ul > li {
    list-style: disc;
    margin-bottom: 6px;
}

.receiver-rounded-icon{
    border-radius: 50%;
    background: #d9eeff;
    padding: 5px;
}

.chat-input.cursor-event, .chat-init.cursor-event, .chat-prompt.cursor-event{
    cursor: pointer;
}

.chat .chat-message .sent-message-content {
    position: relative;
}


/* customize  */
.support-chat-container .dropdown-toggle::after{
    content: none;
}

.support-chat-container .dropdown-menu {
    --chatutt-dropdown-zindex: 1000;
    --chatutt-dropdown-min-width: 10rem;
    --chatutt-dropdown-padding-x: 0;
    --chatutt-dropdown-padding-y: 1rem;
    --chatutt-dropdown-spacer: 0.125rem;
    --chatutt-dropdown-font-size: 0.8rem;
    --chatutt-dropdown-color: var(--chatutt-body-color);
    --chatutt-dropdown-bg: var(--chatutt-emphasis-bg);
    --chatutt-dropdown-border-color: var(--chatutt-border-color);
    --chatutt-dropdown-border-radius: var(--chatutt-border-radius);
    --chatutt-dropdown-border-width: var(--chatutt-border-width);
    --chatutt-dropdown-inner-border-radius: calc(var(--chatutt-border-radius) - var(--chatutt-border-width));
    --chatutt-dropdown-divider-bg: var(--chatutt-border-color);
    --chatutt-dropdown-divider-margin-y: 0.5rem;
    --chatutt-dropdown-box-shadow: var(--chatutt-box-shadow);
    --chatutt-dropdown-link-color: var(--chatutt-dropdown-link-color-global);
    --chatutt-dropdown-link-hover-color: var(--chatutt-dropdown-link-hover-color-global);
    --chatutt-dropdown-link-hover-bg: var(--chatutt-secondary-bg);
    --chatutt-dropdown-link-active-color: #fff;
    --chatutt-dropdown-link-active-bg: #3874ff;
    --chatutt-dropdown-link-disabled-color: #eff2f6;
    --chatutt-dropdown-item-padding-x: 1rem;
    --chatutt-dropdown-item-padding-y: 0.5rem;
    --chatutt-dropdown-header-color: #6e7891;
    --chatutt-dropdown-header-padding-x: 1rem;
    --chatutt-dropdown-header-padding-y: 1rem;
    position: absolute;
    z-index: var(--chatutt-dropdown-zindex);
    min-width: var(--chatutt-dropdown-min-width);
    padding: var(--chatutt-dropdown-padding-y) var(--chatutt-dropdown-padding-x);
    margin: 0;
    font-size: var(--chatutt-dropdown-font-size);
    color: var(--chatutt-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--chatutt-dropdown-bg);
    background-clip: padding-box;
    border: var(--chatutt-dropdown-border-width) solid var(--chatutt-dropdown-border-color);
    border-radius: var(--chatutt-dropdown-border-radius);
    -webkit-box-shadow: var(--chatutt-dropdown-box-shadow);
    box-shadow: var(--chatutt-dropdown-box-shadow);
}

.support-chat-container .text-primary {
    color: #065ea7 !important;
}

.support-chat-container .border-primary {
    border-color: #045fa8 !important;
}
.support-chat-container a {
    color: inherit;
}

.chat-header {
    border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0 !important;
    background: #045fa8;
    color: #e8e8e8;
}
input[type="text"] {
    height: 44px;
    height: auto;
}

.support-chat-actions span{
    color:#e8e8e8;
}

.support-chat-actions.btn-link:hover, .support-chat-actions.btn-link:active{
    color: #cecece;
    text-decoration: none;
}

.card.chat-card{
    border: none;
}

.text-chat-active {
    color: #4cb647 !important;
    font-size: 0.65rem;
    margin: 0 0 5px 2px;
}

.support-chat-container .dropdown-menu {
    font-size: .8rem;
}

.support-chat-container .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--chatutt-dropdown-item-padding-y) var(--chatutt-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--chatutt-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-radius: var(--chatutt-dropdown-item-border-radius, 0);
}

.chat-loader {
    position: relative;
    bottom: 5px;
    width: 35%;
}

.chat-loader-placeholder{
    position: relative;
    display: block;
    width: 100%;
    /* height: 10px !important; */
}

.loader-img{
    margin-top: 0px;
    margin-left: 0px;
}

::-webkit-scrollbar {
    width: 0px !important; 
    height: 0px !important; 
}

.resp p{
    line-height: 1.35;
    font-size: .85rem !important;
    margin-bottom: 0 !important;
}
div.utt-response{
    font-size: .85rem !important;
}

.cursor-pointer{
    cursor: pointer;
}

li.no-marker {
    list-style: none !important;
}

.card.chat-card.bg-body-emphasis{
    border-radius: 0.75rem;
}

.utt-response>ul>li::marker{
 /* content: "✅ "; */
 content: "🔵 ";
font-size: 8px;
}

a.list-link {
    border: 1px solid #065ea7;
    padding: 4px 15px;
    margin-top: 10px;
    margin-left: 10px;
    display: flex;
    display: block;
    border-radius: 30px;
    width: max-content;
}

.disclaimer>p{
    font-size: 0.8rem;
    line-height: 1;
    text-align: center;
    opacity: 0.75;
    color: #045fa9;
    font-style: italic;
    font-weight: 600;
}

button#support-chat-dropdown {
    color: transparent;
}

.sent-message-content p {
    line-height: 1.35;
}