@charset "UTF-8";

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.chat-start {
  place-items: start;
  grid-template-columns: auto 1fr;
}
.chat {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.symbol-label {
  border-radius: 50% !important;
}
.chat-end .chat-bubble {
  grid-column-start: 1;
  border-end-end-radius: 0px;
  border: 1px solid #eceff5;
  border-radius: 16px 16px 0 16px;
}
.chat-end {
  place-items: end;
  grid-template-columns: 1fr auto;
}
.chat-start .chat-bubble {
  grid-column-start: 2;
  border-end-start-radius: 0px;
  border: 1px solid #eceff5;
  border-radius: 16px 16px 16px 0;
}
.chat-bubble-v2 {
  color: #3b4856;

  font-weight: 400;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 0%;
}
.chat-bubble {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  max-width: 415px;
  color: #3b4856;
  font-size: 16px;

  min-height: 2.75rem;
  min-width: 2.75rem;
}
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #78829d;
  --bs-gray-dark: #252f4a;
  --bs-gray-100: #f9f9f9;
  --bs-gray-200: #f1f1f4;
  --bs-gray-300: #dbdfe9;
  --bs-gray-400: #c4cada;
  --bs-gray-500: #99a1b7;
  --bs-gray-600: #78829d;
  --bs-gray-700: #4b5675;
  --bs-gray-800: #252f4a;
  --bs-gray-900: #071437;
  --bs-light: #f9f9f9;
  --bs-primary: #1b84ff;
  --bs-secondary: #f1f1f4;
  --bs-success: #17c653;
  --bs-info: #7239ea;
  --bs-warning: #f6c000;
  --bs-danger: #f8285a;
  --bs-dark: #1e2129;
  --bs-light-rgb: 249, 249, 249;
  --bs-primary-rgb: 27, 132, 255;
  --bs-secondary-rgb: 241, 241, 244;
  --bs-success-rgb: 23, 198, 83;
  --bs-info-rgb: 114, 57, 234;
  --bs-warning-rgb: 246, 192, 0;
  --bs-danger-rgb: 248, 40, 90;
  --bs-dark-rgb: 30, 33, 41;
  --bs-primary-text-emphasis: #0b3566;
  --bs-secondary-text-emphasis: #606062;
  --bs-success-text-emphasis: #094f21;
  --bs-info-text-emphasis: #2e175e;
  --bs-warning-text-emphasis: #624d00;
  --bs-danger-text-emphasis: #631024;
  --bs-light-text-emphasis: #4b5675;
  --bs-dark-text-emphasis: #4b5675;
  --bs-primary-bg-subtle: #d1e6ff;
  --bs-secondary-bg-subtle: #fcfcfd;
  --bs-success-bg-subtle: #d1f4dd;
  --bs-info-bg-subtle: #e3d7fb;
  --bs-warning-bg-subtle: #fdf2cc;
  --bs-danger-bg-subtle: #fed4de;
  --bs-light-bg-subtle: #fcfcfc;
  --bs-dark-bg-subtle: #c4cada;
  --bs-primary-border-subtle: #a4ceff;
  --bs-secondary-border-subtle: #f9f9fb;
  --bs-success-border-subtle: #a2e8ba;
  --bs-info-border-subtle: #c7b0f7;
  --bs-warning-border-subtle: #fbe699;
  --bs-danger-border-subtle: #fca9bd;
  --bs-light-border-subtle: #f1f1f4;
  --bs-dark-border-subtle: #99a1b7;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: Inter, Helvetica, "sans-serif";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #071437;
  --bs-body-color-rgb: 7, 20, 55;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(7, 20, 55, 0.75);
  --bs-secondary-color-rgb: 7, 20, 55;
  --bs-secondary-bg: #f1f1f4;
  --bs-secondary-bg-rgb: 241, 241, 244;
  --bs-tertiary-color: rgba(7, 20, 55, 0.5);
  --bs-tertiary-color-rgb: 7, 20, 55;
  --bs-tertiary-bg: #f9f9f9;
  --bs-tertiary-bg-rgb: 249, 249, 249;
  --bs-heading-color: #071437;
  --bs-link-color: #1b84ff;
  --bs-link-color-rgb: 27, 132, 255;
  --bs-link-decoration: none;
  --bs-link-hover-color: #056ee9;
  --bs-link-hover-color-rgb: 5, 110, 233;
  --bs-link-hover-decoration: none;
  --bs-code-color: #b93993;
  --bs-highlight-color: #071437;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #f1f1f4;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.475rem;
  --bs-border-radius-sm: 0.425rem;
  --bs-border-radius-lg: 0.625rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(27, 132, 255, 0.25);
  --bs-form-valid-color: #17c653;
  --bs-form-valid-border-color: #17c653;
  --bs-form-invalid-color: #f8285a;
  --bs-form-invalid-border-color: #f8285a;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #f5f5f5;
  --bs-body-color-rgb: 245, 245, 245;
  --bs-body-bg: #15171c;
  --bs-body-bg-rgb: 21, 23, 28;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(245, 245, 245, 0.75);
  --bs-secondary-color-rgb: 245, 245, 245;
  --bs-secondary-bg: #252f4a;
  --bs-secondary-bg-rgb: 37, 47, 74;
  --bs-tertiary-color: rgba(245, 245, 245, 0.5);
  --bs-tertiary-color-rgb: 245, 245, 245;
  --bs-tertiary-bg: #162241;
  --bs-tertiary-bg-rgb: 22, 34, 65;
  --bs-primary-text-emphasis: #76b5ff;
  --bs-secondary-text-emphasis: #f7f7f8;
  --bs-success-text-emphasis: #74dd98;
  --bs-info-text-emphasis: #aa88f2;
  --bs-warning-text-emphasis: #fad966;
  --bs-danger-text-emphasis: #fb7e9c;
  --bs-light-text-emphasis: #f9f9f9;
  --bs-dark-text-emphasis: #dbdfe9;
  --bs-primary-bg-subtle: #051a33;
  --bs-secondary-bg-subtle: #303031;
  --bs-success-bg-subtle: #052811;
  --bs-info-bg-subtle: #170b2f;
  --bs-warning-bg-subtle: #312600;
  --bs-danger-bg-subtle: #320812;
  --bs-light-bg-subtle: #252f4a;
  --bs-dark-bg-subtle: #131825;
  --bs-primary-border-subtle: #104f99;
  --bs-secondary-border-subtle: #919192;
  --bs-success-border-subtle: #0e7732;
  --bs-info-border-subtle: #44228c;
  --bs-warning-border-subtle: #947300;
  --bs-danger-border-subtle: #951836;
  --bs-light-border-subtle: #4b5675;
  --bs-dark-border-subtle: #252f4a;
  --bs-heading-color: #f5f5f5;
  --bs-link-color: #006ae6;
  --bs-link-hover-color: #3388eb;
  --bs-link-color-rgb: 0, 106, 230;
  --bs-link-hover-color-rgb: 51, 136, 235;
  --bs-code-color: #b93993;
  --bs-highlight-color: #f5f5f5;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #26272f;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

.custom-menu {
  inset: 8px 0px auto auto !important;
  width: auto !important;
  gap: 10px !important;
  border-radius: 12px !important;
  padding: 16px !important;
  box-shadow: 0px 8px 20px 0px #13232e33 !important;
}

.custom-menu .menu-item {
  padding: 0 !important;
  border-radius: 0 !important;
  color: #071437 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

.menu-link {
  background-color: transparent !important;
  padding: 0 !important;
  color: #64656b !important;
  font-weight: 500;
}

.hover-icon-actin.show svg {
  fill: #1b84ff !important;
}

.hover-icon-actin svg {
  fill: #64656b;
}

.modal-content-custom {
  background-color: #fff;
  padding: 10px 16px 20px 16px;
  border-radius: 12px !important;
  border: 1px solid #dbdde9;
  box-shadow: 0px 4px 58px 0px #00000033;
  z-index: 1000;
}

.custom-model .modal-body {
  padding: 24px 0;
}

.card-note {
  border-radius: 12px;
  border: 1px solid #e6e6ec;
  padding: 12px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.card-note p {
  padding: 0;
  margin: 0;
}

.font-500 {
  font-weight: 500;
  color: #1f2532;
}

.btn-sm {
  min-width: 80px;
  height: 34px;

  padding-top: 6px !important;
  padding-right: 24px !important;
  padding-bottom: 6px !important;
  padding-left: 24px !important;
}

.modal-footer-custom {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  padding-top: 12px;
}

.btn-primary {
  background-color: #00aaff !important;
  color: white;
  border-radius: 8px !important;
}

.box-editor {
  border: 1px solid #e6e6ec;
  width: 533;
  height: 169;
  border-radius: 12px;
  padding: 16px 20px;
}

.ql-container.ql-snow,
.ql-editor,
.ql-toolbar {
  border: none !important;
  padding: 0px !important;
}

.btn-secondary {
  border: 1px solid #00aaff !important;
  background: #fff !important;
  color: #00aaff !important;
  border-radius: 8px !important;
}

.btn-danger {
  border-radius: 8px !important;
  background: #e73a3a !important;
}

.text-14 {
  font-size: 14px;
}

.modal-body .id-note {
  color: #3b4856;
  font-size: 16px;
  font-weight: 400;
}

.modal-body .id-note span {
  font-weight: 600;
}

.custom-model .modal-header-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #c2cfea;
}

.custom-model .modal-header-custom .modal-title-custom {
  color: #1d262d !important;
  font-size: 18px;
  font-weight: 600;
}
.style,
.style ul li {
  padding: 4px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  list-style: none !important;
  width: 100% !important;
}
.style-tags-ul {
  list-style: none !important;
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.style-tags-li {
  padding: 4px !important;
  border-radius: 4px;
  border-width: 1px;
  width: fit-content;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  color: #8d8da6;
  font-weight: 400;
  font-size: 12px;

}

.style-tags-li-2 {
  padding: 4px !important;
  border-radius: 4px;
  border-width: 1px;
  width: fit-content;
  background: #00AAFF1A;
  color: #00AAFF;
  font-weight: 400;
  font-size: 12px;

}

.style,
.style ul {
  padding: 0px !important;
  margin: 0px !important;
  display: flex;
  width: 100% !important;
  flex-wrap: wrap;
  gap: 2px;
}

.style-1 ul li {
  color: #40b16c !important;
  background: #6fd1951a !important;
}

.style-2 ul li {
  color: #00aaff !important;
  background: #00aaff1a !important;
}
.select2-dropdown {
  box-shadow: 0px 8px 20px 0px #13232e33 !important;
  background: #ffffff;
  border-radius: 12px !important;
}

.style-3 ul li {
  color: #ff4f19 !important;
  background: #ff4f191a !important;
}

.style-4 ul li {
  color: #8d8da6 !important;
  background: #f9f9f9 !important;
  border: 1px solid #f1f1f1 !important;
}

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


:is(
        [data-kt-app-layout="light-sidebar"],
        [data-kt-app-layout="light-header"],
        [data-kt-app-layout="dark-header"]
    )
    .app-toolbar
    .form-select {
    background-color: var(#f5f7fa) !important;
}

body {
    display: flex;
    flex-direction: column;
    background-color: #f5f7fa !important;
}

/* todo */
[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: #FFFFFF !important;
    border-right: 0;
}


[data-kt-app-layout="dark-sidebar"] .app-sidebar .app-sidebar-logo {
    border-bottom: none !important;
}

.app-header{
  background-color: #fff !important;
}



@media only screen and (max-width: 600px) {
  .offcanvas-filters{
    width: 320px !important;
  }
  .re-padding-sm{
    padding: 20px 0 0 10px !important;
  }
  /* .statistics-card-content span {
    font-size: 20px !important;
} */
}
.badge-2{
  padding: 4px !important;
  border-radius: 4px !important;
}
::-webkit-scrollbar
{
  display: none;
}