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: 500 !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;
  width: 90%;
}

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;
  font-weight: 500 !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 5px 0px !important;
  background: white !important;
  margin-left: 5px !important;
}

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

.tabs .tab a {
  border-radius: 20px !important;
  width: 100% !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: 0.25rem 1.1rem;
  font-size: 0.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 + 0.75rem + 2px) !important;
  padding: 0.375rem 0.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 + 0.75rem + 2px);
  padding: 0.375rem 0.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 0.3s ease,
    -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease,
    -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
    transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
    transform 0.1s ease, -webkit-box-shadow 0.1s ease,
    -webkit-transform 0.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 0.3s ease,
    -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease,
    -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
    transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
    transform 0.1s ease, -webkit-box-shadow 0.1s ease,
    -webkit-transform 0.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 0.5s;
  transition-delay: 1s;
  animation: showBotToast 0.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;
}

#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;
}

.intent-files-sub-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fafafa !important;
  height: auto !important;
  padding: 0 8px 8px 8px !important;
}

.intent-files-sub-tabs .tab {
  width: 70px;
  height: 28px;
  flex-grow: inherit;
  text-transform: capitalize;
}

.intent-files-sub-tabs .tab .intent-tab-link {
  background: #f4f4f4 !important;
  box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
  border-radius: 4px !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #525252 !important;
  width: 100% !important;
  border: 1px solid transparent;
}

.intent-files-sub-tabs .tab .intent-tab-link:hover {
  transition: none;
}

.intent-files-sub-tabs .tab .intent-tab-link.active {
  border: 1px solid #025ff4;
  border-width: 0px 0px 1px 0px;
  background: #e5edfb !important;
  box-shadow: 0px 1px 3px rgb(0 0 0 / 25%);
  color: #025ff4 !important;
}

#tabs-swipe-demo.bot-response-tab-div.intent-tab-list-ul {
  background: #fafafa !important;
  padding: 8px !important;
  gap: 8px;
}

#tabs-swipe-demo.bot-response-tab-div.intent-tab-list-ul .tab {
  width: 105px;
  flex-grow: 0;
}

#tabs-swipe-demo.bot-response-tab-div.intent-tab-list-ul .tab a {
  width: 100% !important;
}

.intent-pdf-tab-div .intent-add-pdf-div {
  height: calc(100vh - 27em);
  padding: 0 5px 0 0px;
}

.intent-pdf-tab-div .intent-add-pdf-div .intent-upload-image-wrapper-div {
  margin-top: 12px;
}

.intent-pdf-tab-div .intent-add-pdf-div .intent-drag-and-upload-div {
  width: 100%;
}

.intent-pdf-tab-div
  .intent-add-pdf-div
  .intent-drag-and-upload-div
  .intent-drag-drop-file-div {
  width: 100%;
  border: 2px dashed #d4d4d4;
  border-radius: 4px;
}

.intent-pdf-tab-div .intent-add-pdf-div .or-span {
  font-family: "Silka";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #000000;
}

.intent-pdf-tab-div .intent-add-pdf-div .edit-intent-input-div {
  padding: 0 0px 2px 0px;
}

.intent-pdf-tab-div .intent-add-pdf-div .card-input-div-wrapper {
  margin-bottom: 8px;
}

.pdf-upload-progress-div-wrapper {
  background: #ffffff;
  box-shadow: 0px 0px 1.56057px rgb(50 50 71 / 6%),
    0px 1.56057px 3.12115px rgb(50 50 71 / 6%);
  border-radius: 10px;
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 140px;
}

.pdf-upload-progress-div-wrapper .pdf-upload-progress-div {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  padding: 8px 16px;
  gap: 8px;
  width: 100%;
  cursor: auto;
  margin: 6px 0px;
}

.pdf-upload-progress-div-wrapper .pdf-upload-progress-div .drag-svg {
  width: 6%;
  cursor: grabbing;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper {
  display: flex;
  align-items: center;
  width: 81%;
  justify-content: space-between;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .pdf-file-name {
  margin: 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  text-align: left;
  color: #262626;
  letter-spacing: 0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .upload-percent-time-div
  span {
  font-family: "Silka";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #737373;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .pdf-name-progress-div {
  width: 83%;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .pdf-name-progress-div
  .uploading-progress-bar {
  background: #fafafa;
  box-shadow: inset 0px 0px 2.24675px rgb(50 50 71 / 6%),
    inset 0px 2.24675px 4.49351px rgb(50 50 71 / 6%);
  border-radius: 99px;
  width: 100%;
  height: 4px;
  margin: 4px 0;
  position: relative;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .pdf-name-progress-div
  .upload-percent-time-div {
  display: flex;
  justify-content: space-between;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper
  .pdf-name-progress-div
  .uploading-progress-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 1%;
  background: #3481fd;
  box-shadow: 0px 0px 2.13363px rgba(50, 50, 71, 0.06),
    0px 2.13363px 4.26726px rgba(50, 50, 71, 0.06);
  border-radius: 99px;
}

.cancel-pdf-upload svg {
  cursor: pointer;
}

.pdf-uploaded-div .pdf-file-name {
  color: #0243ac !important;
}

.pdf-uploaded-div .cancel-pdf-upload {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pdf-uploaded-div {
  cursor: pointer;
}

.pdf-uploaded-list-div {
  display: flex;
  flex-direction: column;
  /* gap: 12px; */
  min-height: 120px;
}

.upload-pdf-error-div {
  background: #fff9f9;
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  display: block;
  align-items: center;
  color: #262626;
  letter-spacing: 0.2px;
}

.pdf-uploaded-div.error {
  border: 1px solid #ef9a9a;
}

.pdf-uploaded-div.error .drag-svg,
.pdf-uploaded-div.error .share-pdf {
  display: none;
}

.pdf-uploaded-div.error .cancel-pdf path {
  fill: rgb(38, 38, 38);
}

.intent-added-toast-wrapper {
  position: absolute;
  top: 35px;
  z-index: 99999;
  left: 49%;
  transform: translateX(-50%);
  text-align: center;
  max-width: 100%;
}

.intent-added-toast-wrapper .intent-toast {
  background: #f1f9f1;
  border: 1px solid #43a047;
  border-radius: 4px;
  padding: 8px 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #43a047;
  letter-spacing: 0.2px;
  min-width: 319px;
  margin: 0 auto;
}

.intent-added-toast-wrapper .intent-success-toast {
  background: #f1f9f1;
  border: 1px solid #43a047;
  color: #43a047;
}

.intent-added-toast-wrapper .intent-danger-toast {
  background: #fffafb;
  border: 1px solid #e53935;
  color: #e53935;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper.uploading-div-wrapper {
  width: 90%;
}

.pdf-upload-progress-div-wrapper
  .pdf-upload-progress-div
  .pdf-file-name-progress-div-wrapper.uploading-div-wrapper
  .pdf-name-progress-div {
  width: 90%;
}

#pdf_list_drag_parent_div .ui-state-highlight {
  min-height: 50px;
  background: #fff;
  border: 0px;
}

.access-mngt-btns-tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-left: 0px !important;
}

.access-mngt-btns-tabs li {
  margin: 0px !important;
}

.number-of-classes {
  display: flex;
  align-items: center;
  gap: 4px;
}

.number-of-classes sup {
  top: 0px;
}

#pdf-searcher-prompt,
#exomind-pdf-searcher-prompt {
  resize: vertical !important;
  max-height: 200px;
  overflow-y: scroll;
  padding: 1rem 0.8rem;
  border: 1px solid #ddd;
  color: #292929;
  outline: none;
}

#pdf-searcher-prompt:focus,
#exomind-pdf-searcher-prompt:focus {
  border: 1px solid #ddd !important;
}

.stop-word-modal-heading-text {
  color: #292929;
  font-family: Silka;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.5px; /* 150% */
  letter-spacing: -0.6px;
  margin-bottom: 8px;
}

.stop-word-textarea-wrapper .trumbowyg-box,
.stop-word-textarea-wrapper .trumbowyg-editor {
  min-height: 100px !important;
}

.profanity-words-row {
  display: flex;
  gap: 8px;
}

.profanity-words-row .switch-custom {
  align-items: center;
  display: flex;
}

.profanity-words-and-response-wrapper {
  display: flex;
}
/* updated */
#modal-profanity-words-and-response .error-note-text p {
  color: #dd2526;
  font-family: Silka;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
  letter-spacing: 0.2px;
  margin-top: 8px;
}
.Error-red-border {
  border: 1px solid var(--primary-colors-error-40, #e57373) !important;
}

.stop-word-textarea-wrapper.Error-red-border-textarea .trumbowyg-box {
  border: 1px solid var(--primary-colors-error-40, #e57373);
}
#modal-profanity-words-and-response.modal {
  padding-bottom: 0px !important;
}
#modal-profanity-words-and-response.modal .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 999;
  height: 70px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.stop-word-textarea-wrapper {
  margin-top: 10px;
}
table.dataTable td.dt-empty {
  text-align: center;
}