body {
    font-family: "Silka", Sans-Serif !important;
    letter-spacing: -0.04em;
    -webkit-font-smoothing: antialiased;
    overflow: unset !important;
    /*background: #000 !important;*/
}

body {
    -webkit-font-smoothing: antialiased;
}

.modal-share-bot {
    overflow-x: hidden;
}

.file-field .btn-small {
    background-color: #2743cb !important;
    color: white !important;
    border-radius: 30px;
    font-family: "Silka";
    font-weight: 400 !important;
    text-transform: capitalize;
    letter-spacing: 0em !important;
}

.grey-text {
    color: rgba(255, 255, 255, 0.8) !important;
}


/* width */

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.grey.lighten-4 {
    background-color: #f3f6ff !important;
}


/* Live Chat */

.easychat-livechat-analytics-card {
    box-shadow: none !important;
    font-family: "Silka", Sans-Serif;
}

.easychat-livechat-analytics-card:hover {
    transform: scale(1) !important;
    background: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #2c38b9 !important;
    color: white !important;
    border: none !important;
    border-radius: 10px;
    padding: 0rem 0.6rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
    /* margin-right: 7px !important;*/
    position: unset;
    margin: 0.5rem;
    border-radius: 40px !important;
    border: none !important;
    box-shadow: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: transparent !important;
}

.collection .collection-item.active {
    background: #3445c6 !important;
    color: #f3f6ff !important;
}

.header {
    background: #fff !important;
}

#access-management-btn {
    background-color: #FFF !important;
    border: 1px solid #0254D7 !important;
    color: #0254D7 !important;
}

#chat-frame .content .contact-profile {
    background: #2c38b9 !important;
    color: white !important;
}

#chat-frame,
#chat-frame #sidepanel #search input {
    font-family: "Silka", Sans-Serif !important;
}

#chat-frame .content .messages ul li.replies p {
    background: #2c38b9 !important;
    color: white !important;
}

#chat-frame #sidepanel #contacts ul li.contact:hover {
    background: #2c38b9 !important;
    color: white !important;
}

.collection .collection-item {
    border-bottom: 1px solid #e4e9fe !important;
}

.chip {
    background: #e4e9fe;
    color: #254a9c !important;
    margin-top: 10px;
    margin-left: 10px;
    word-break: break-word;
    display: inline-flex;
    align-items: center;
    height: auto;
    line-height: 17px;
    padding: 3px 12px;
}

.chip .close {
    z-index: 100;
}

[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    border: 2px solid #254a9c;
}

#intent_info_table_filter {
    margin-bottom: 30px;
    float: left !important;
}


/*
.material-icons{
  color: #fff !important;
  
color: rgba(255, 255, 255, 0.9) !important;

}*/

.z-depth-1 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important;
}

b {
    font-weight: 500 !important;
}

.easychat-modal-content {
    border: none !important;
}

button:not(.masking-pii-btn) {
    padding: 0.3rem 1rem;
    margin: 0.8rem 0rem;
    border: none;
    box-shadow: 0px 0px 1px black;
    border-radius: 10px;
    cursor: pointer;
    font-family: "Silka", Sans-Serif;
}

h6 {
    font-weight: 500 !important;
}

p {
    font-family: "Silka", Sans-Serif !important;
}

.toast {
    font-weight: 400 !important;
    border-radius: 30px !important;
    font-size: 1rem;
}

.modal {
    border-radius: 10px;
    border: 0px solid black !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 1rem !important;
    overflow-x: hidden !important;
}

.select2-results__option,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #254a9c !important;
}

.collapsible {
    box-shadow: none !important;
}

.collection.with-header .collection-header {
    color: #2336be !important;
}

.card-panel {
    border-radius: 10px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) !important;
}

.card {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15) !important;
    border-radius: 10px !important;
    background: #fff !important;
    /*background: transparent !important;*/
}

input {
    font-family: "Silka", Sans-Serif;
}

#faq_table {
    background: #fff !important;
    table-layout: fixed;
}

#faq_table tr div {
    overflow-y: auto;
}

#faq_table td {
    padding: 20px !important;
}

.orange-text.text-darken-3 {
    color: black !important;
}

nav {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    background: transparent !important;
}

a {
    color: #0b1e65;
}

th {
    font-weight: 500 !important;
    background: #fff !important;
    padding: 1rem 20px !important;
    border: none !important;
    background: #e3e9ff !important;
    border-radius: 0px !important;
    color: #254a9c !important;
    /*color: white !important;*/
}

.collapsible-body {
    background: rgba(255, 255, 255, 0.5);
}

td {
    background: rgba(255, 255, 255, 0.5);
    padding: 1rem 20px 10px 20px !important;
    border: none;
    /*box-shadow: 0px 1px 1px #1C43C5;*/
    border-radius: 0px;
    border-bottom: 1px solid #e7e7e7;
}

#table-other-settings td {
    border-bottom: none !important;
}

.row .col.l3 {
    border-radius: 30px;
}

.tabs .tab a {
    color: #2540a0;
    background: rgba(254, 254, 255, 0.8) !important;
}

.easychat-button,
.btn {
    background-color: #2743cb !important;
    color: white !important;
    border-radius: 30px;
    font-family: "Silka";
    font-weight: 400 !important;
    text-transform: capitalize;
    letter-spacing: 0em !important;
    transition: all 0.15s ease;
}

.easychat-button:hover {
    background-color: #1c43c5 !important;
    color: white !important;
    font-weight: 400 !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease;
}

.btn,
.btn-small {
    box-shadow: none;
    font-size: 0.9rem !important;
    letter-spacing: -0.02em;
    font-weight: 400 !important;
    text-transform: capitalize;
    transition: all 0.15s ease-in-out;
}

.btn:hover,
.btn-small:hover {
    transform: translate(0, -2px);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-in-out;
}

.red {
    background-color: #2235bd !important;
    color: white !important;
}

.green.lighten-3 {
    background-color: #1ab985 !important;
    color: white !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    border-radius: 2px;
}

.green.lighten-2 {
    background: #038456 !important;
}

.purple.lighten-4,
.purple.darken-3 {
    background-color: #2235bd !important;
}

.grey.lighten-3 {
    background-color: #2235bd !important;
    color: white !important;
    border-radius: 30px;
}

.card.medium {
    border-radius: 30px !important;
    box-shadow: none !important;
    box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05) !important;
}

.card-action {
    border-radius: 0 0 30px 30px !important;
}

.deep-purple.darken-2 {
    background-color: #2126bd !important;
    border-radius: 30px !important;
}

.info-box {
    box-shadow: none !important;
    border-radius: 10px;
}


/* Analytics Page */

.card>div {
    border-radius: 10px;
    background: transparent;
}

.easychat-footer {
    font-family: "Silka";
}

.easychat-nps-icon {
    background-color: transparent !important;
    box-shadow: none !important;
}

.bg-pink {
    background: linear-gradient(179.13deg, #d4216c 10.69%, #a80f4f 90.21%);
    color: #fff5f5 !important;
    /*box-shadow: 0px 0px 50px rgba(219, 46, 62, 0.2) !important;*/
}

.bg-cyan {
    background: linear-gradient(180deg, #106cfd 0%, #0443a7 100%);
    color: #fff;
}

.bg-light-green {
    background: linear-gradient(180deg, #1ab985 0%, #038456 100%);
}

.bg-orange {
    background: linear-gradient(180deg, #ffb93c 0%, #eb9b0c 100%);
    /*box-shadow: 0px 0px 50px rgba(248, 171, 36, 0.2);*/
}


/* Dropdown */

/* * {
    outline: none !important;
} */

#chat-frame #sidepanel #search label {
    margin: 10px !important;
}

.cke_chrome {
    display: block;
    border: 0px solid #e5e9fd;
}

.btn {
    border-radius: 30px !important;
}

#select2-select-export-type-container {
    padding: 0px !important;
}

#upload-bot-welcome-video-url {
    border-radius: 30px !important;
    box-shadow: 0px 0px 1px #3445c6 !important;
    border: none !important;
    width: 90% !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: none !important;
    box-shadow: 0px 0px 0px black;
    border-radius: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 0px !important;
}

#search-user-input, #search-user-input-static {
    box-shadow: none !important;
    padding: 0px 0px 0px 35px !important;
}

.chips .input {
    padding: 0 0 0 10px;
    border-radius: 30px !important;
    box-shadow: 0px 0px 0px black !important;
    margin-bottom: 5px;
    padding: 0.4rem 0.8rem !important;
    height: 2.5rem !important;
    border: 1px solid #9E9E9E !important;
    width: 100% !important;
    box-sizing: border-box;
}

.select2-selection__rendered {
    padding: 0.5rem 0rem 0rem 0.5rem !important;
}

ul .select2-selection__rendered {
    padding: 0.5rem 0rem 0rem 0.5rem !important;
}

.data-entry-form-div {
    border: none !important;
}

#chat-frame .content .messages ul li.sent div {
    box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.1) !important;
}

#chat-frame .content .messages ul li.sent .replies div {
    box-shadow: none !important;
}

#chat-frame .content .messages ul li.sent .replies .easychat-form-container {
    box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.1) !important;
}

.select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 20px !important;
    padding: 0rem 0.5rem !important;
    height: auto !important;
}

.collection-item:hover {
    background: #f4f6fe !important;
}

#flow_termination_keywords {
    border: none !important;
    background: transparent !important;
    padding: 0.1rem 0rem 0.9rem 0.9rem !important;
    font-family: "Silka", Sans-Serif !important;
}

#flow_termination_keywords:focus,
#flow_termination_keywords:active {
    border: none !important;
    box-shadow: none !important;
}

#flow_termination_keywords input {
    padding: 0.4rem 0.8rem !important;
    box-shadow: 0px 0px 1px #3c47c2 !important;
    border-radius: 30px !important;
    border: none !important;
    font-size: 14px !important;
    background: #fafbff !important;
    color: #3c47c2 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: auto !important;
}

.select2-selection__arrow {
    top: 15% !important;
    right: 5px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    box-shadow: 0px 0px 1px black;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    box-shadow: 0px 0px 1px #3c47c2 !important;
    margin-top: 0.5rem !important;
    margin-left: auto;
    margin-right: auto;
    width: 90% !important;
}

.select2-search--dropdown {
    display: flex !important;
}

#allincall-chat-box {
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.25) !important;
}

.easychat-user-message {
    background: #3c47c2 !important;
}

.green.lighten-1 {
    background: #fff5f5 !important;
    color: #f56565 !important;
    border: 1px solid #f56565;
}

.input-field>label {
    color: #3c47c2 !important;
}

.select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 20px !important;
    padding: 0.3rem 0.5rem !important;
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: auto !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f4f6fe !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #3c47c2 !important;
    color: #f4f6fe !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    box-shadow: 0px 0px 1px #3c47c2 !important;
}

#select-column-name .select2-selection__arrow,
#select-intent-name-filter .select2-selection__arrow,
#select-category-filter .select2-selection__arrow {
    top: 9% !important;
    right: 5px !important;
}

/*
.select2-container--default .select2-search--dropdown .select2-search__field {
border: none !important;
box-shadow: 0px 0px 1px blue;
margin-top: 0.5rem !important;
margin-left: auto;
margin-right: auto;
width: 90% !important;
}*/

.select2-search--dropdown {
    display: flex !important;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]):not(.otp-form),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]):not(.form-control),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: 0px !important;
    box-shadow: 0px 0px 1px rgba(60, 71, 255, 1) !important;
    transition: all 0s ease-in-out;
    width: 90%;
    margin-top: 6px;
    padding: 0rem 0.8rem;
    border-radius: 40px;
    font-family: "Silka", Sans-Serif !important;
}

input:not(.otp-form):not(.form-control):not(.input) {
    padding: 0rem 0.8rem !important;
    margin-top: 6px !important;
    width: 90% !important;
    box-shadow: none;
    height: 2.5rem !important;
    border-bottom: 1px solid #364b99 !important;
    font-size: 15px !important;
    letter-spacing: -0.06em;
}

.easychat-response-order-radio {
    opacity: 1 !important;
    pointer-events: all !important;
}

input[type="search"]:not(.browser-default):focus:not {
    box-shadow: none;
}

textarea {
    letter-spacing: -0.06em;
}

.easychat_processor_content {
    background-color: #eaecff !important;
    color: #2c38b9 !important;
    border: none !important;
    font-size: 14px !important;
}

.easychat_processor_content li {
    margin-bottom: 5px !important;
}

.easychat_processor_collapsible:hover {
    /*background: #E8F1FF !important;*/
    color: #013498 !important;
}

.easychat_processor_collapsible:after {
    color: black;
    margin-left: 2px !important;
    margin-right: 2px !important;
}


/*
input[type="text"]:not(.browser-default),
input[type="date"]:not(.browser-default) {
margin-top: 5px !important;
padding: 0rem 0.8rem !important;
width: 90% !important;
border-color: #364b99 !important;
}*/

.easychat_processor_collapsible {
    background: #f3f8ff !important;
    color: #013498;
}

.easychat_processor_content {
    background-color: #f4f6fe !important;
    color: #013498 !important;
}

textarea {
    font-family: "Silka", Sans-Serif;
}

textarea.materialize-textarea {
    margin-top: 5px !important;
    padding: 1rem 0.8rem 0rem 0.8rem !important;
    height: 100% !important;
    border-bottom: 1px solid #3445c6;
}

input:focus:not(.otp-form):not(.form-control) {
    border: none !important;
}

textarea:focus {
    border: none !important;
}

.collection a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500 !important;
}

.collection.with-header .collection-item {
    padding-left: 20px !important;
    padding-bottom: 12px !important;
}

#buildchatbot-sidenav .collection-item.active {
    background: #E3E8FF !important;
    color: #696969 !important;
}

#buildchatbot-sidenav .collection-item {
    padding-bottom: 12px !important;
}


/* Fonts */

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-Thin.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-Light.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-Regular.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-Medium.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-Bold.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Silka";
    src: url("/static/EasyChatApp/fonts/Silka/Silka-RegularItalic.woff2") format("woff2"), url("/static/EasyChatApp/fonts/Silka/Silka-RegularItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

.transparent-btn {
    background-color: transparent !important;
    color: blue !important;
    border: 1px solid blue;
}

h6 {
    font-family: "Silka", Sans-Serif !important;
}

.z-depth-1 {
    box-shadow: none !important;
}

#main-console-sidenav {
    margin-top: 4%;
}

button.easychat_processor_collapsible {
    box-shadow: 0px 0px 1px #33499E !important;
}

.easychat-footer {
    /* background: transparent !important;*/
    background: rgba(45, 55, 72, 0.7) !important;
    /* background: rgba(255, 255, 255, 0.72) !important; */
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    width: 100% !important;
    height: 28px !important;
    padding: 0px 0px 0 40px !important;
    float: right !important;
    display: block;
    right: 0px !important;
    text-align: right !important;
}

.easychat-footer span,
.easychat-footer a {
    /* color: #7a7a7a !important; */
    /* color: #343a49 !important; */
    color: #fff !important;
}

.select2-dropdown {
    top: -40px !important;
    border-radius: 20px !important;
    padding: 10px !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.select2-dropdown--below {
    top: auto!important; /*new added*/
}
.select2-dropdown--above{
    top: auto!important; /*new added*/
}
.select2-dropdown li {
    margin: 6px 6px;
    border-radius: 20px !important;
    word-break: break-word;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px !important;
}

.easychat-button,
.btn {
    background: #2755cb !important;
}

.grey.lighten-3 {
    background: #2755cb !important;
}

.green.lighten-2 {
    color: #f0fff4 !important;
}

.assign-agent-btn.green.lighten-2 {
    background-color: #DFDFDF !important;
    visibility: hidden;
}

#btn-delete-query[disabled] {
    visibility: hidden;
}

.red.darken-3 {
    color: #fff5f5 !important;
}

.purple.lighten-4,
.purple.darken-3 {
    background: #2755cb !important;
}

.transparent-btn {
    border-color: #3445c6 !important;
    color: #3445c6 !important;
    background: transparent !important;
}

.transparent-btn:hover {
    border-color: #3445c6 !important;
    color: #3445c6 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#chat-wrapper {
    background: #f4f6fe !important;
}

.collection.with-header .collection-header {
    color: #2755cb !important;
}

.collection.with-header .collection-item {
    padding-right: 20px !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #2755cb !important;
}

.btn.disabled {
    background: #f9fafc !important;
    border: 1px solid #798497;
    color: #798497 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #f9fafc !important;
    border: 1px solid #798497 !important;
    color: #8F96A5 !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #2755cb !important;
}

.collapsible {
    border-radius: 20px !important;
    border: none !important;
    background: white !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05) !important;
}

.collapsible-header {
    background: white !important;
    border-radius: 20px !important;
    border: none !important;
    color: #484848 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
}

.collapsible-body {
    margin-top: 0px !important;
    border-radius: 0px 0px 20px 20px !important;
    border: none !important;
    transform: all 0.2s ease-in-out;
}

input:not(.otp-form) {
    letter-spacing: -0.03em !important;
}

.collection .collection-item {
    border-bottom: 0px solid #eee !important;
    padding: 8px !important;
    cursor: pointer;
}

.collection.with-header .collection-item {
    padding-left: 16px !important;
}

.collection.with-header .collection-header {
    border-bottom: 1px solid #eee !important;
}

.collection {
    border: 0px solid #eee !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05), 0px 0px 2px rgba(0, 0, 0, 0.1) !important;
    padding: 5px 0px 10px 0px !important;
    background: white !important;
    margin-left: 5px !important;
}

.tabs {
    border-radius: 0px !important;
    background: transparent !important;
    height: 60px !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
}

.tabs .tab a {
    border-radius: 20px !important;
    width: 80% !important;
    background: #fff !important;
    /*box-shadow: 4px 5px 4px #e0e2ea,
      -5px -4px 4px #ffffff;*/
    color: #5a616e;
    letter-spacing: -0.04em !important;
    font-weight: 500 !important;
}

.tabs .tab a:hover {
    background: #f0f0fc !important;
    color: #2755cb !important;
    transition: 0.2s all ease-in-out;
}

.tabs .tab a.active {
    /* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) !important; */
    border: 1px solid #2755cb;
    background: #f0f0fc !important;
    color: #2755cb !important;
}

#buildchatbot-sidenav .collection-item.active {
    background: #f0f0fc !important;
}

.easychat-sidenavbar-content {
    padding-left: 8px;
}

.tabs .indicator {
    height: 2px !important;
    border-radius: 30px !important;
    background: #7a7a7a !important;
    bottom: 3px !important;
    display: none !important;
}

.tabs.tabs-fixed-width .tab {
    display: flex !important;
    justify-content: center !important;
}

.tab {
    border-radius: 20px !important;
    margin: 0 20px;
}

nav {
    height: 64px !important;
}

nav.white-new {
    /* background: transparent !important; */
    /* background: rgba(255, 255, 255, 0.473) !important; */
    background: #ffffff6b;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    box-shadow: none !important;
    border-bottom: 1px solid rgba(235, 235, 255, 0.705) !important;
}

@-moz-document url-prefix() {
    .white-new {
        background: #f3f6ff !important;
        opacity: 0.9;
    }
}

.navbar-fixed {
    height: 40px;
    margin-bottom: 25px;
}

nav .row .col.s5 {
    float: right !important;
}

nav .black-text {
    color: #656565 !important;
    color: #2d3748 !important;
}

nav .white-text {
    color: #656565 !important;
    color: #f4f6ff !important;
}

body>.row .s-half .s12,
nav .purple.lighten-4,
.purple.darken-3 {
    background: #2d3748 !important;
    z-index: 2 !important;
}

body>.row .s-half .s12 .grey-text {
    margin-top: 40px !important;
}

body>.row .s-half .s12 {
    margin: 0px 0px 10px 0px !important;
    z-index: 2 !important;
}

body>.row .s-half .s12 .grey-text i {
    margin: 20px 0px 0px 0px !important;
    color: #f4f6ff !important;
}


/* th {
background: #f0f0fc !important;
color: #343A49 !important;

} */

tr,
tbody {
    border: none !important;
}

tbody {
    background: white !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05) !important;
    border-radius: 40px !important;
}

.cke_chrome {
    border: 0px solid #eee !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) !important;
}

.cke_top {
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid #eee !important;
    background: #f8f8f8 !important;
}

.repeat_tree {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width=!string!height=!string!viewBox=!string!fill=!string!xmlns=!string!%3E%3Cpath d=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!/%3E%3Cpath d=!string!stroke=!string!stroke-width=!string!stroke-linecap=!string!stroke-linejoin=!string!/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat !important;
    background-position: 0% 50%;
}

[type='12']:not(:checked),
[type='11']:checked {
    width: fit-content !important;
}


/* Live Chat */

.livechat-modal {
    border: 0.1em solid black;
    height: 100%;
    overflow-y: unset;
}

@media screen and (max-width:680px) {
    body>.row .s-half .s12 {
        display: none;
    }
    body>.row .s-half .s12,
    nav .purple.lighten-4,
    .purple.darken-3 {
        display: none;
    }
    .easychat-footer {
        display: none;
    }
}


/* Order of Responses CSS */

.easychat-preview-divider {
    width: 0;
    height: 100%;
    border: 1px solid #e6e6e6;
}

#easychat_order_of_responses {
    color: #4d4d4d;
}

.easychat-intent-response-item {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 11px 13px 20px;
    margin-bottom: 20px;
    cursor: grabbing;
}

.easychat-drag-response {
    height: 23px;
    cursor: grabbing;
}

.easychat-response-order-select input[type='0 0 12 11'] {
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 18px !important;
}

.easychat-response-order-select p {
    display: flex;
    flex-direction: row;
    margin: 0;
    margin-left: 25px;
    margin-top: 6px;
    margin-right: 20px;
}

.response-order-disabled {
    color: rgba(0, 0, 0, 0.42) !important;
}

#modal-add-user {
    width: 40% !important;
    background-color: #fff !important;
}

#sandbox-modal-footer {
    background-color: #fff !important;
}

.modal-content tr {
    background-color: #fff !important;
}

#modal-add-bot-manager {
    width: 50% !important;
    padding-top: 0.2rem !important;
    max-height: 100% !important;
}

#modal-add-bot-manager .modal-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#modal-add-bot-manager .modal-footer {
    height: 45px !important;
}

#password_check_bot_manager {
    margin-bottom: 0px !important;
}

.sandbox-add-modal tr th {
    background-color: #ffffff !important;
    border: none;
}

.sandbox-add-modal tbody {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

#sandbox-add-modal-footer {
    background-color: #ffffff !important;
}

.sandbox_user_table_row:hover {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08) !important;
}

.sandbox_user_table_row:hover td {
    background-color: #ffffff !important;
}

.sandbox_user_table_row:hover #edit-delete-buttons {
    /*display: block;*/
    visibility: visible;
}

.sandbox-user-edit-delete-icons {
    text-align: right;
}

.sandbox-user-edit-delete-icons div {
    visibility: hidden;
}

#sandbox-user-delete {
    background-color: #FFF !important;
}


/*.tooltip:hover .tooltiptexttop{
display: block;
}
.tooltip .tooltiptexttop {
  display: none;
  width: fit-content;
  background-color: #2d2d2d;
  color: #fff;
  text-align: center;
  padding: 5px 10px 5px 10px;
  border-radius: 6px;

  /* Position the tooltip text */


/* position: absolute;
 z-index: 1001;
 top: 5%;
 margin-left: -5%;*/


/* Fade in tooltip */


/* transition: opacity 0.3s;
  }
  .tooltip {
 position: relative;
  }
  we might need this in future
  */

#channel-initial-messages li,
#channel-sticky-intents li {
    white-space: break-spaces !important;
}

.welcome-banner-image-tile .image-div {
    width: 90px;
    height: 50px;
    margin: 11px 11px 11px 18px;
    cursor: pointer;
}

.welcome-banner-image-tile .image-div img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 90px;
    height: 50px;
    cursor: move;
}


/*.modal-content {
 border-radius: 10px;
}
*/

#show-error {
    color: red;
    font-size: 14px;
    font-weight: 500;
    margin: 16px 0px 0px 48px;
    display: none;
}

.welcome-banner-image-tile .image-name-div {
    font-weight: normal;
    font-size: 13px;
    line-height: 26px;
    color: #212121;
}

.welcome-banner-image-tile {
    left: 5px;
    cursor: move;
    margin-bottom: 10px;
    user-select: none;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    width: 90%;
    height: 72px;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
}

.placeholder {
    background-color: #edf2f7;
    border: 2px dashed #cbd5e0;
    margin-bottom: 1rem;
    width: 93vw;
}

#list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}

.edit-icon,
.eye-icon,
.cross-icon {
    position: absolute !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.edit-icon {
    right: 6rem;
}

.eye-icon {
    right: 9.5rem;
}

.cross-icon {
    right: 2rem;
}

#preview-banner {
    width: 185px;
    height: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    background: #0254D7;
    border-radius: 90px;
    margin-top: 50px;
    border: none;
    outline: none;
    margin-left: 3%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: black;
    border-radius: 5px;
    opacity: 0.8;
}


/*.modal-header,
.modal-footer {
 border: none;
}*/

#image-path {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #364b99;
    outline: none;
    height: 35px;
    padding-left: 10px;
    width: 100%;
}

#image-path:focus {
    box-shadow: 0px 0px 1px rgb(60 71 55);
    border: none;
    border-radius: 30px;
}

#edit-welcome-banner-redirecturl-modal {
    width: 45%;
    background-color: #fff;
    padding: 0 !important;
}

#edit-welcome-banner-redirecturl-modal .modal-footer {
    background-color: #fff;
}

#edit-welcome-banner-redirecturl-modal .modal-content {
    padding: 16px;
}

#welcome-preview-banner-modal {
    background-color: rgba(0, 0, 0, 0);
}

#welcome-banner-image-view-modal {
    background-color: rgba(0, 0, 0, 0);
}


/* banner css end**/

@media screen and (max-width:360px) {
    .eye-icon {
        right: 5rem !important;
    }
    .edit-icon {
        right: 3.2rem !important;
    }
    .cross-icon {
        right: 0.5rem !important;
    }
}

@media screen and (max-width:767px) {
    .eye-icon {
        right: 6rem;
    }
    .cross-icon {
        right: 1rem;
    }
    .edit-icon {
        right: 4rem;
    }
}

#automated-test-progress-bar {
    height: 25px;
    border-radius: 2em;
    border: none;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 25%);
    overflow: hidden;
}

#automated-test-progress-bar div {
    height: 25px;
    border-radius: 2em;
    background: linear-gradient(90.5deg, #466FFF 5.9%, #2628D0 100.09%);
    border: none;
}

#feedback_description:focus {
    border: 0.05em solid grey !important;
}


/* Masking PII CSS */

.input-group {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend {
    margin-right: -1px;
    display: flex;
}

.input-group-text {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 400;
    color: #6e707e;
    text-align: center;
    white-space: nowrap;
    background-color: #eaecf4;
    border: 1px solid #d1d3e2;
    padding: .25rem 1.1rem;
    font-size: .875rem;
    border-radius: 90px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-control {
    display: block;
    width: 100% !important;
    height: calc(1.5em + .75rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #d1d3e2 !important;
    border-radius: 90px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    outline: none !important;
    margin: 0 !important;
}

.form-control:focus {
    box-shadow: none !important;
    border: 1px solid #d1d3e2 !important;
}

#easychat-masking-pi-modal .modal-content {
    padding: 0px;
}

#easychat-masking-pi-modal {
    width: 487px;
    border-radius: 25px;
    background-color: #fff;
}

#easychat-masking-pi-modal .modal-body {
    padding: 24px 24px 0px 24px;
}

#easychat-masking-pi-modal .modal-content .header {
    font-weight: normal;
    font-size: 18px;
    border-bottom: 1px solid #E6E6E6;
    color: #4D4D4D;
    padding: 10px 10px 8px 18px;
}

.switch-off-toggle-info-div,
.otp-send-to-div,
.resend-otp-div {
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #4D4D4D;
    margin-bottom: 15px;
}

.otp-send-to-div a,
.resend-otp-div a {
    text-decoration: none;
    color: #039be5 !important;
}

.otp-form {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .45rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 3px solid #C5C5C5;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-right: 22px !important;
    outline: none !important;
    text-align: center;
}

#easychat-masking-pi-modal .cancel-btn {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #0254D7;
    border: none;
    outline: none;
    background: transparent;
    margin-right: 15px;
    cursor: pointer;
}

#easychat-masking-pi-modal .submit-btn {
    width: 99px;
    height: 39px;
    font-weight: normal;
    font-size: 13px;
    border: none;
    outline: none;
    color: #FFFFFF;
    background: #0254D7;
    border-radius: 90px;
    cursor: pointer;
}

.switch-custom,
.switch-custom * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch-custom label {
    cursor: pointer;
    box-sizing: initial !important;
}

.switch-custom label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-custom [type='none']:not(:checked),
.switch-custom [type='http://www.w3.org/2000/svg']:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.switch-custom label input[type=checkbox]:checked+.lever-custom {
    background-color: rgb(39, 85, 203);
    border: 3px solid rgb(39, 85, 203);
}

.switch-custom label .lever-custom {
    content: '';
    display: inline-block;
    position: relative;
    width: 40px;
    height: 19px;
    background-color: #fff;
    border: 3px solid #BECAD6;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
    padding-left: 0px !important;
}

.switch-custom label input[type=checkbox]:checked+.lever-custom:before,
.switch-custom label input[type=checkbox]:checked+.lever-custom:after {
    left: 18px;
    box-sizing: initial !important;
}

.switch-custom label .lever-custom:before {
    background-color: #BECAD6;
}

.switch-custom label .lever-custom:before,
.switch-custom label .lever-custom:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 3px;
    top: 2px;
    box-sizing: initial !important;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch-custom label input[type=checkbox]:checked+.lever-custom:after {
    background-color: #fff !important;
}

.switch-custom label input[type=checkbox]:checked+.lever-custom:before,
.switch-custom label input[type=checkbox]:checked+.lever-custom:after {
    left: 23px;
    top: 1px;
    border: none;
    width: 17px;
    height: 17px;
    transform-origin: unset;
    background: #fff;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.switch-custom label .lever-custom:after {
    background-color: #BECAD6;
    /* -webkit-box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); */
}

.switch-custom label .lever-custom:before,
.switch-custom label .lever-custom:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: 3px;
    top: 2px;
    border: none;
    margin-top: 0px;
    box-sizing: initial !important;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}


/* Masking PII CSS Ends */

.modal button {
    padding: 0 16px;
}

@media screen and (min-width:1300px) and (max-width:1400px) {
    #cards-links {
        padding: 0px !important;
    }
}

#select2-select-import-type-container {
    width: 92%;
}

#location-dropdown-header {
    width: 110px !important;
}

.whatsapp-channel-other-settings td {
    border-bottom: none !important;
}

#wordintomap {
    width: 100% !important;
    box-sizing: border-box !important;
}

#wordtomap {
    border-bottom: none;
}

#wordtomap input:focus {
    border-radius: 30px !important;
}

#wordtomap.focus {
    border: none !important;
    box-shadow: none !important;
}

#message-history-info-table tr th:first-child {
    width: 40px !important;
}

.auto-popup-setting-table tbody {
    box-shadow: none !important;
}

.auto-popup-setting-table td {
    border: none !important;
}

.auto-popup-setting-table {
    margin-left: 0px !important;
}

.easychat-web-radio-btn input {
    position: relative !important;
}

.easychat-web-radio-btn p {
    margin-left: 8px !important;
}

.my-marker {
    position: absolute;
    background: #a2023a80;
    z-index: 20;
}

.processor-errors {
    margin-left: 1.6em;
    color: red;
    display: none;
}


/* Character count CSS */

.easychat-char-count {
    display: flex;
    justify-content: flex-end;
    padding-right: 8%;
}

.easychat-char-count p {
    margin: 0 !important;
    padding: 0 !important;
    width: unset !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}


/* Character count CSS Ends */


/* Build Bot Css */

.build-bot-process-loader {
    transition: all ease 0.5s;
    width: 24px;
    height: 24px;
    border: 1.5px solid #fff;
    border-radius: 50%;
}

.processing {
    font-size: 0px;
    width: 24px;
    height: 24px;
    border-color: #059669;
    border-radius: 50%;
    border-left-color: transparent;
    animation: rotate 1.4s ease 0.5s infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }
}

.success,
.failure {
    position: relative;
    background-color: #fff;
    /* animation: bounce .3s ease-in; */
}

@keyframes bounce {
    0% {
        transform: scale(0.9);
    }
}

.success::before {
    content: '';
    position: absolute;
    background-image: url(../img/checkmark2.svg);
    background-repeat: no-repeat;
    left: -2px;
    right: 0;
    width: 24px;
    height: 24px;
    top: -2px;
}

.failure::before {
    content: '';
    position: absolute;
    background-image: url(../img/failure.svg);
    background-repeat: no-repeat;
    left: -2px;
    right: 0;
    width: 24px;
    height: 24px;
    top: -2px;
}

#easychat-build-bot-modal {
    min-width: 520px !important;
    max-width: 680px !important;
    background: #fff !important;
    max-height: 90%;
    top: 4% !important;
    padding: 0px !important;
    overflow: visible !important;
}

#easychat-build-bot-modal .modal-content {
    padding: 1.5rem 3rem 0rem 3rem !important;
}

#easychat-build-bot-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    height: 45px;
    padding-bottom: 10px;
    padding-left: 2px;
}

#easychat-build-bot-modal .modal-overflow-content-div {
    width: 100%;
    max-height: calc(100vh - 16rem);
    overflow: visible;
    padding-bottom: 16px;
    padding-left: 2px;
}

#easychat-build-bot-modal .modal-footer {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0px 0px 16px 16px;
}

.modal.easychat-custom-modals-container .build-bot-modal-close-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 24px;
    width: max-content;
    height: 40px;
    background: #EBEBEB;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #2D2D2D;
    margin-right: 32px;
    cursor: pointer;
}

.build-bot-processes {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    margin-left: 18px;
}

.build-bot-process {
    padding-right: 18px;
    font-size: 16px;
    color: #2d2d2d !important;
    font-weight: 500;
    line-height: 19px;
}

.easychat-build-bot-toast-div {
    width: 100%;
    height: 32px;
    background: #EFF6FF;
    align-items: center;
    justify-content: center;
    display: none;
    position: sticky;
    top: 0px;
    z-index: 1000;
    transition: all .5s;
    transition-delay: 1s;
    animation: showBotToast .5s ease-in-out both;
}

.easychat-build-bot-toast-div .build-bot-message {
    font-weight: 500;
    font-size: 12px;
    color: #2d2d2d;
    letter-spacing: 0.25px;
    font-family: "Silka", Sans-Serif !important;
}

.easychat-build-bot-toast-div .build-bot-button {
    padding: 0px 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 24px;
    background: #0243AC;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    font-family: "Silka", Sans-Serif !important;
    font-size: 12px;
    color: #FFFFFF !important;
    margin-left: 14px;
    letter-spacing: 0.25px;
}

.easychat-build-bot-toast-div .build-bot-cross-button {
    position: absolute;
    right: 20px;
    margin-top: 4px;
}

@keyframes showBotToast {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Build Bot Css Ends */


/*Materialize loader*/

.progress {
    background-color: #2755cb !important;
}

.progress .indeterminate {
    background-color: #b0bbd9 !important;
}


/* Download Report */

.download-report-btn {
    padding: 0rem 1.2rem !important;
    display: flex;
    align-items: center;
    color: white !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

#select2-select-language-supported-container {
    display: inline-block;
    margin: 0;
}

.easychat-body {
    overflow: unset !important;
}

.material-tooltip {
    word-break: break-word;
}


/* Intent search css */

.manage-intent-apply-filter-btn {
    background: #FFFFFF !important;
    border: 1px solid #D2D7F4 !important;
    display: inline-flex;
    align-items: center;
}

.manage-intent-filter-chip-div {
    width: max-content;
    height: 63px;
    background: #FFFFFF;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.manage-intent-filter-chip {
    height: 30px;
    background: rgba(50, 116, 223, 0.08);
    border: 1px solid #E3E9FF;
    box-sizing: border-box;
    border-radius: 10000px;
    padding: 0px 16px;
    display: inline-flex;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    color: #254A9C;
}

.manage-intent-filter-chip-wrapper {
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #C7C7C7;
    padding: 5px 16px;
}

.manage-intent-filter-name {
    margin-right: 8px;
    font-size: 12px;
    color: #1E1E1E;
}

.manage-intent-filter-chip svg {
    margin-left: 10px;
    cursor: pointer;
    margin-top: 2px;
}

.manage-intent-filter-chip-div .manage-intent-filter-chip-wrapper:last-child {
    border-right: none;
}

#manage-intent-filter-modal {
    background: #fff !important;
    max-height: 90%;
    top: 4% !important;
    padding: 0px !important;
    overflow-y: hidden;
}

#manage-intent-filter-modal .modal-footer {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#manage-intent-filter-modal .filter-modal-footer-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px !important;
    position: static;
    height: 48px !important;
    background: #0254D7;
    border-radius: 30px !important;
    font-weight: bold !important;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0px 20px;
    font-family: unset !important;
}

#manage-intent-filter-modal .filter-modal-footer-btn-cancel {
    font-weight: 600 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 56px !important;
    color: #000000 !important;
    background: transparent !important;
    font-family: unset !important;
}

#manage-intent-filter-modal .filter-modal-footer-btn-cancel:hover {
    box-shadow: none !important;
}

#manage-intent-filter-modal .modal-content {
    padding: 1.5rem 3rem 0rem 3rem !important;
}

#manage-intent-filter-modal .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    height: 45px;
    padding-bottom: 10px;
    padding-left: 2px;
}

#manage-intent-filter-modal .modal-content .modal-header .modal-close-btn {
    background: transparent;
    box-shadow: none;
    padding-top: 12px;
}

#manage-intent-filter-modal .analytics-filter-select-area input[type=radio] {
    display: none !important;
}

#manage-intent-filter-modal .analytics-filter-select-area input[type=radio]:checked+.filter-box {
    border: 1px solid #0254D7 !important;
}

#manage-intent-filter-modal .analytics-filter-select-area input[type=radio]:checked+.filter-box span {
    color: #0254D7 !important;
}

#manage-intent-filter-modal .analytics-filter-select-area .filter-box {
    padding: 0px 16px;
    height: 48px;
    background: #F6F6F6;
    border-radius: 24px;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    font-weight: normal;
    font-size: 14px;
    color: #2D2D2D;
    border: 1px solid #F6F6F6 !important;
    margin-bottom: 10px;
}

#manage-intent-filter-modal .analytics-filter-select-area .filter-box span {
    font-weight: normal;
    font-size: 14px;
    color: #2D2D2D;
}

#manage-intent-filter-modal .analytics-filter-select-area .filter-box span:before {
    font-size: 1.2em;
    display: block;
    font-weight: normal;
    color: white;
}

.filter-heading {
    font-weight: 600;
    font-size: 14px;
    color: #4D4D4D;
    margin: 15px 0px;
}

.analytics-filter-select-area,
.analytics-channel-select-area,
.analytics-custom-date-select-area {
    padding-left: 0px !important;
}

#manage-intent-filter-modal .analytics-channel-select-area .channel-box {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

#manage-intent-filter-modal .analytics-channel-select-area .channel-box label {
    position: relative;
}

#manage-intent-filter-modal .analytics-channel-select-area .channel-box label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-weight: normal;
    cursor: pointer;
}

#manage-intent-filter-modal .analytics-channel-select-area .channel-box label span {
    font-weight: normal;
    font-size: 14px;
    color: #2D2D2D;
    padding-left: 8px;
}

#manage-intent-filter-modal .analytics-channel-select-area .channel-box input[type='M5.55682 1L10.0568 5.5L5.55682 10']:focus+label::before {
    outline: 0;
}

#manage-intent-filter-modal .manage-intent-filter-category-select-area .select2 .selection .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e6e6 !important;
    box-shadow: none !important;
}

.manage-intent-filter-category-select-area {
    padding-left: 0px !important;
}

.easychat-manage-intent-modal-scrollable-content {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 16rem);
}

.easychat-console-custom-dropdown .easychat-dropdown-select-custom #txtSearchValueCategory {
    width: 90% !important;
    padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
    background: #F6F6F6;
    border: 1px solid #F2F2F2 !important;
    border-radius: 25px;
    outline: none;
    font-size: 14px !important;
    color: #909090;
    height: 28px !important;
}

#easychat-filter-intent-category-select-div .easychat-console-custom-dropdown {
    margin: 0rem 1rem 1rem 0rem;
    width: 45%;
}


/* Intent search css */


/*self learning changes*/

.self-learning-clustering-text-div {
    font-weight: normal;
    font-size: 20px;
    color: #3D3D3D;
    margin: 0px;
}

.self-learning-clustering-text-subheading {
    font-weight: normal;
    font-size: 14px;
    color: #5D5D5D;
    margin: 0px;
}

.self-learning-create-add-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.self-learning-create-add-btns a {
    padding: 0px 14px;
    font-size: 12px !important;
    font-family: inherit;
    width: 50%;
    /* border-radius: 8px !important; */
    height: auto;
    line-height: 1.2;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.self-learning-create-add-btns a:first-child {
    width: 46% !important;
}

.self-learning-scrollcard-div {
    height: 200px !important;
}

.self-learning-scrollcard-div .card-title {
    font-weight: normal;
    font-size: 20px;
    color: #000000;
}

.self-learning-scrollcard-div p {
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    margin: 0px 0px 6px !important;
}

#see_intent_list___0 {
    font-weight: normal;
    font-size: 14px !important;
    color: #2755CB !important;
}

.self-learning-create-add-intent-modal {
    background-color: #ffffff !important;
    padding: 0px !important;
}

.self-learning-create-add-intent-modal .modal-footer {
    border: none !important;
    padding-right: 18px;
}

.self-learning-create-add-intent-modal .modal-content {
    overflow-x: hidden;
    padding: 24px 24px 24px 40px !important;
}

.self-learning-create-add-intent-modal .modal-content h5 {
    overflow-x: hidden;
    font-weight: normal !important;
    font-size: 20px !important;
    color: #2D2D2D;
    margin-bottom: 26px;
}

.self-learning-modal-intent-list-div {
    margin-left: 12px;
}

.self-learning-modal-intent-list-div p label span {
    font-weight: normal;
    font-size: 14px !important;
    color: #3D3D3D;
    line-height: unset !important;
    padding-left: 40px !important;
    letter-spacing: 0.2px;
    word-break: break-word;
}

.self-learning-modal-intent-list-div [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    height: 15px !important;
    width: 15px !important;
    background-color: transparent;
    border: 2px solid #C4C4C4 !important;
    top: 2px;
    z-index: 0;
}

.self-learning-modal-intent-list-div [type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 2px;
    width: 15px;
    height: 15px;
    border: 2px solid #2580E3;
    background-color: #2580E3;
    z-index: 0;
}

.self-learning-modal-intent-list-div [type="checkbox"].filled-in:checked+span:not(.lever):before {
    top: 0px;
    left: 1px;
    width: 6px;
    height: 11px;
}

.easychat-console-custom-dropdown.easychat-self-learning-dropdown {
    margin: 0rem 1rem 1rem 0rem;
    width: 100%;
    margin-bottom: 26px;
    height: 42px;
}

.easychat-console-custom-dropdown.easychat-self-learning-dropdown .drop-language-search-icon {
    left: 4%;
}

.easychat-console-custom-dropdown.easychat-self-learning-dropdown .easychat-dropdown-select-custom.wide .list {
    box-shadow: 0px 6px 23px rgba(0, 0, 0, 0.25);
}

.self-learning-span {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.self-learning-create-add-intent-modal .easychat-console-custom-dropdown .easychat-dropdown-select-custom .dd-searchbox {
    width: 90% !important;
    padding: 0.5rem 0.5rem 0.5rem 2.5rem !important;
    background: #F6F6F6;
    border: 1px solid #F2F2F2 !important;
    border-radius: 25px;
    outline: none;
    font-size: 14px !important;
    color: #909090;
    height: 28px !important;
}

.self-learning-create-add-intent-modal .easychat-console-custom-dropdown .easychat-dropdown-select-custom .dd-searchbox {
    padding: 0.5rem 0.5rem 0.5rem 3rem !important;
    height: 28px !important;
}

.self-learning-create-add-intent-modal .input-field-custom input {
    border-bottom: 1px solid #DCDEF4 !important;
}


/* Intent search css */


/* New Create bot with excel */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
#create-excel-bot-main-console-container {
    margin-left: 21%;
}


/*#main-console-container .heading{
    margin-bottom: 4%;
    font-weight: 550;
    font-size: 24px;
    color: #4A5166;
}*/

#create-excel-bot-main-console-container .sub-heading {
    font-weight: normal;
    font-size: 22px;
    color: #4A5166;
}

#create-excel-bot-main-console-container .choose-text {
    color: #696969;
    font-size: 18px;
    display: block;
    font-weight: 500;
}

#excel-page-main-content .select2-container {
    width: 26% !important;
}

#excel-page-main-content .select2-selection {
    border-radius: 0px !important;
}

#create-excel-bot-main-console-container .drag-drop-message {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
}

#create-excel-bot-main-console-container .drag-drop-message p {
    color: #A8A8A8;
    font-family: Open Sans;
    font-size: 14px;
}

#create-excel-bot-main-console-container .drag-drop-message p a,
#create-excel-bot-main-console-container .btn-section a {
    color: #2754F3;
    font-family: "Silka", Sans-Serif;
    font-size: 14px;
    text-decoration: underline;
    /*font-weight: bold;*/
}

#create-excel-bot-main-console-container .drag-drop-input-field-wrapper {
    left: 0;
    top: 0;
    position: absolute;
    margin-top: 0;
    width: 100%;
    height: 100%;
}

.drag-drop-input-field-wrapper {
    left: 0;
    top: 0;
    position: absolute;
    margin-top: 0;
    width: 100%;
    height: 100%;
}

#create-excel-bot-main-console-container .btn-section button {
    padding: 14px 32px 15px;
    background: #2755CB;
    color: #fff;
    border-radius: 30px;
    margin-right: 20px;
}

#success-modal {
    width: 33%;
    left: 11px;
    top: 35% !important;
    text-align: center;
    border-radius: 12px;
}

#success-modal .modal-manage-btn {
    margin-top: 5px;
}

#success-modal .modal-upload-btn {
    background-color: #fff !important;
    color: #2755CB !important;
    border: 1px solid #2755CB;
    margin-top: 5px;
    margin-left: 5px;
}

.rotate-loader {
    animation: rotation 1s linear infinite;
}

.open-container-excel {
    display: none;
}

@keyframes rotation {
    from {
        transform: rotate(359deg);
    }
    to {
        transform: rotate(0deg);
    }
}

#select2-excel-container {
    color: #CFCFCF;
}


/*  */


/* New create bot with excel */


/*Google home auth page setup start*/

#googlehome-project-id {
    border-radius: 30px !important;
    box-shadow: 0px 0px 1px #3445c6 !important;
    border: none !important;
    width: 60% !important;
}

#alexa-project-id {
    border-radius: 30px !important;
    box-shadow: 0px 0px 1px #3445c6 !important;
    border: none !important;
    width: 60% !important;
}


/*Google home auth page setup end*/


/*Alexa CSS*/

#modal-alexa-project-details {
    background: #fff !important;
    max-height: 90%;
    top: 4% !important;
    padding: 0px !important;
    overflow-y: hidden;
}

#modal-alexa-project-details .modal-footer {
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
}

#modal-alexa-project-details .filter-modal-footer-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px !important;
    position: static;
    height: 40px !important;
    background: #0254D7;
    border-radius: 30px !important;
    font-weight: bold !important;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0px 20px;
    font-family: unset !important;
}

.easychat-manage-intent-modal-scrollable-content {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 16rem);
}

#modal-alexa-project-details .filter-modal-footer-btn-cancel {
    font-weight: 600 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 56px !important;
    color: #000000 !important;
    background: transparent !important;
    font-family: unset !important;
}

#modal-alexa-project-details .filter-modal-footer-btn-cancel:hover {
    box-shadow: none !important;
}

#modal-alexa-project-details .modal-content {
    padding: 1.5rem 3rem 0rem 3rem !important;
}

#modal-alexa-project-details .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    height: 45px;
    padding-bottom: 10px;
    padding-left: 2px;
}

#modal-alexa-project-details .modal-content .modal-header .modal-close-btn {
    background: transparent;
    box-shadow: none;
    padding-top: 12px;
}

#modal-alexa-project-details table tr td:first-child {
    width: 20%;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
}

#modal-alexa-project-details table tr td:last-child {
    width: 40%;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    word-break: break-word;
}

.custom-on-hover-grey:hover {
    background-color: #757575 !important;
}

.custom-on-hover-green:hover {
    background-color: #038456 !important;
}


/*Alexa CSS end*/


/*Form Assist auto popup CSS start*/

#form_assist_type_wrapper {
    display: none;
}

.form-assist-select-radio-container {
    display: flex;
    align-items: center;
    margin-left: -2px;
}

.form-assist-select-text {
    margin-bottom: 10px;
}

.form-assist-select-radio-container label span {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #4D4D4D;
    padding-left: 28px !important;
}

.form-assist-select-radio-container label {
    margin-right: 16px;
}

#form_assist_collapsable_container [type="radio"]:not(:checked)+span:before {
    border: 2px solid #DADADA;
}

#form_assist_collapsable_container [type="radio"].with-gap:checked+span:before {
    border: 2px solid #0254D7;
}

#form_assist_collapsable_container [type="radio"]:checked+span:after,
#form_assist_collapsable_container [type="radio"].with-gap:checked+span:after {
    background-color: #0254D7;
}

#form_assist_collapsable_container [type="radio"]+span:after,
#form_assist_collapsable_container [type="radio"]+span::before {
    width: 18px;
    height: 18px;
}

#form_assist_intent_bubble_wrapper {
    display: none;
    margin-left: 26px;
    width: 96%;
}

#form_assist_auto_popup_wrapper {
    display: none;
    margin-left: 26px;
    width: 96%;
}

#form_assist_collapsable_container {
    padding-top: 6px;
    padding-bottom: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin: 0.5rem 0.4rem 0.5rem 0rem !important;
    padding: 0px !important;
    background: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    align-items: center;
}

#form_assist_collapsable_container table tbody {
    box-shadow: none !important;
}

#form_assist_collapsable_container table tbody tr td {
    border: none !important;
}

#form_assist_collapsable_container table tbody tr td:first-child {
    width: 40% !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    color: #4D4D4D !important;
    letter-spacing: 0.2px !important;
}

#form_assist_collapsable_container table tbody tr td input {
    box-sizing: border-box !important;
    width: 65% !important;
}

#form_assist_collapsable_container table .easychat-char-count {
    padding-right: 2.5%;
    box-sizing: border-box;
    width: 65%;
}

#form_assist_collapsable_container .select2-container {
    width: 65% !important;
}


/*Form Assist auto popup CSS end*/


/*Data model Encrypt/Decrypt SVG start*/

.easychat-data-modal-masking-hide-icon,
.easychat-data-modal-masking-show-icon {
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    width: 20px !important;
    height: 20px !important;
    box-shadow: none !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
    pointer-events: auto;
}

.easychat-data-modal-masking-hide-icon svg,
.easychat-data-modal-masking-show-icon svg {
    margin-bottom: -5px;
    margin-left: 4px;
}

.material-tooltip {
    max-width: 400px;
}


/*Data model Encrypt/Decrypt SVG end*/

#easychat-web-channel-table tr td:first-child {
    width: 40%;
}


/*CSAT Changes*/

.csat-scale-radio-container [type="radio"]+span:before,
.csat-scale-radio-container [type="radio"]+span:after {
    margin: 4px 4px 4px 0px;
    width: 22px !important;
    height: 22px !important;
}

.csat-scale-radio-container [type="radio"]:not(:checked)+span:before,
.csat-scale-radio-container [type="radio"]:not(:checked)+span:after {
    border: 2px solid #dadada;
}

.csat-scale-radio-container [type="radio"]:checked+span:after,
.csat-scale-radio-container [type="radio"].with-gap:checked+span:after {
    background-color: #0254d7;
}

.csat-scale-radio-container [type="radio"]:checked+span:after,
.csat-scale-radio-container [type="radio"].with-gap:checked+span:before,
.csat-scale-radio-container [type="radio"].with-gap:checked+span:after {
    border: 2px solid #0254d7;
}

.csat-scale-radio-container [type="radio"].with-gap:checked+span:after {
    -webkit-transform: scale(0.45);
    transform: scale(0.45);
}

.csat-scale-radio-container [type="radio"]:not(:checked)+span,
.csat-scale-radio-container [type="radio"]:checked+span {
    padding-left: 38px;
    margin-right: 20px;
    line-height: 33px;
    font-weight: normal;
    font-size: 13px;
    color: #292929;
}

#csat_score_multiselect_channel_dropdown_wrapper .select2-container ul li {
    flex-direction: row-reverse;
    border-radius: 4px !important;
    padding: 5px 16px 5px 14px;
}

#csat_score_multiselect_channel_dropdown_wrapper .select2-selection__choice__remove {
    margin: 0.5rem 0.4rem 0.5rem 0rem !important;
    padding: 0px !important;
    background: transparent;
    margin: 0px 0px 0px 5px !important;
    position: relative;
}

#csat_score_multiselect_channel_dropdown_wrapper .select2-selection__choice__display {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.6px;
    color: #FFFFFF;
}

#csat_score_multiselect_channel_dropdown_wrapper .select2-selection__choice__remove span {
    visibility: hidden;
}

#csat_score_multiselect_channel_dropdown_wrapper .select2-selection__choice__remove span::after {
    content: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40992 2.04706L1.47346 1.97346C1.70644 1.74048 2.07103 1.7193 2.32794 1.90992L2.40154 1.97346L5 4.57163L7.59846 1.97346C7.85474 1.71718 8.27026 1.71718 8.52654 1.97346C8.78282 2.22974 8.78282 2.64526 8.52654 2.90154L5.92837 5.5L8.52654 8.09846C8.75952 8.33144 8.7807 8.69603 8.59008 8.95294L8.52654 9.02654C8.29356 9.25952 7.92897 9.2807 7.67206 9.09008L7.59846 9.02654L5 6.42837L2.40154 9.02654C2.14526 9.28282 1.72974 9.28282 1.47346 9.02654C1.21718 8.77026 1.21718 8.35474 1.47346 8.09846L4.07163 5.5L1.47346 2.90154C1.24048 2.66856 1.2193 2.30397 1.40992 2.04706L1.47346 1.97346L1.40992 2.04706Z' fill='white'/%3E%3C/svg%3E%0A");
    visibility: visible;
    position: absolute;
    left: 0px;
}


/*CSAT changes end*/

.select2-selection__choice {
    word-break: break-word !important;
    white-space: normal !important;
}

#form_assist_intent_bubble_wrapper tbody tr td:nth-child(even) {
    max-width: 400px !important;
}

td .delete_question {
    cursor: pointer;
}

#logout-api {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

#logout-api div {
    display: flex;
    align-items: center;
    padding-left: 16px;
    column-gap: 12px;
    height: 30px;
    width: 100%;
}

#logout-api div span {
    font-size: 15px;
    font-weight: 500;
}


/* #logout-api input:hover{
background-color: rgba(0,0,0,0.1);
} */

#logout-api input:hover+.logout-api-div-class {
    background-color: rgba(0, 0, 0, 0.1);
}

#logout-api input {
    position: absolute;
    top: 0;
    background: transparent;
    outline: none !important;
    border: none !important;
    cursor: pointer;
}
#e-search-functionality a .material-icons{
    cursor: pointer;
}
#modal-configure-stop-words{
    max-height: 80% ;
}
#modal-configure-stop-words .modal-footer{
   padding-right: 12px;
}
#intent_info_table th:first-child {
    width: 45px !important;
}
#intent_info_table th:first-child div{
    height: 22px ;
}
#intent_info_table tr td>strong>div{
    height: 22px ;
}
#intent_info_table tr td .chip{
   margin-top: 0px;
   margin-bottom: 0px;
}
#edit-whatsapp-email-config{
    position: relative;
    top: -4px;
}
#edit-whatsapp-email-config-table{
    display: flex;
    justify-content: space-between;
}
/* dropdown update */
#channel-initial-messages .select2-container--default .select2-search--inline .select2-search__field {
    border: none !important;
    box-shadow: 0px 0px 0px black;
    border-radius: 30px;
    margin: 0px;
    width: 100%!important;
    box-shadow: 0px 0px 1px rgb(60 71 255) !important;
}
#all-bots-lists .col.s3{
    width: 20%!important;
    padding: 0px 6px 12px 6px;
}
#all-bots-lists .card{
    margin: 0px!important;
}
.select-bot-text-wrapeer{
    padding: 0px!important;
}