:root {
  --dpc-border-radius:8px;
  --dpc-cell-border-radius: 6px;
  --dpc-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0 1px 1px 0, rgba(0, 0, 0, 0.12) 0 1px 3px 0;
  --dpc-button-height: 30px;
}

.dp__menu {
  border-radius: var(--dpc-border-radius) !important;
}

.dp__arrow_top {
  left: 50px !important;
}

.dp--menu-wrapper {
  box-shadow: var(--dpc-shadow);
}

.dp__action_button {
  height: var(--dpc-button-height) !important;
  min-width: 64px !important;
  padding: 0 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.0892857143em;
  max-width: 100%;
  outline: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
}
.dp__action_button.dp__action_select {
  --v-theme-overlay-multiplier: var(--v-theme-primary-overlay-multiplier);
  background-color: rgb(var(--v-theme-primary)) !important;
  color: rgb(var(--v-theme-on-primary)) !important;
}

html {
  font-family: Inter, sans-serif, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol !important;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#wrap {
  background-color: #F4F5FA;
}

header.v-toolbar {
  box-shadow: 0 2px 4px -4px !important;
}

/* card */
.v-card--variant-elevated, .v-card--variant-flat {
  color: rgba(46, 38, 67, 0.7) !important;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.d-flex.flex-nowrap.rounded-group-child-2 :first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.d-flex.flex-nowrap.rounded-group-child-2 :last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.rounded-05 {
  border-radius: 4px;
}

.elevation-05 {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0 1px 1px 0, rgba(0, 0, 0, 0.12) 0 1px 3px 0;
}

.text-no-wrap {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.text-no-wrap:after {
  content: "...";
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}

.vertical-menu button {
  text-transform: none;
  color: #37474f !important;
  text-align: left !important;
  justify-content: start !important;
  box-shadow: none;
}
.vertical-menu button .v-btn__content {
  text-align: left !important;
}
.vertical-menu button.bg-button-selected {
  background-color: #37474f;
  color: #fff !important;
  box-shadow: none;
}
.vertical-menu button:not(.bg-button-selected):hover {
  color: #475f6c !important;
  background-color: rgba(71, 95, 108, 0.29) !important;
  box-shadow: none;
}

.gap-1 {
  gap: 1px;
}

.gap-2 {
  gap: 4px;
}

.gap-4 {
  gap: 8px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-12 {
  font-size: 12px;
}

.width-full {
  width: 100%;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-300 {
  min-width: 300px;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-300 {
  max-width: 300px;
}

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

.max-width-500 {
  max-width: 500px;
}

.width-100 {
  width: 100px;
}

.width-200 {
  width: 200px;
}

.slide-menu .v-slide-group__container .v-slide-group__content {
  gap: 6px;
  padding-bottom: 4px;
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
  width: 100%;
}

.v-card-title {
  font-size: 1.125rem !important;
}

.card-list .v-list-item {
  min-block-size: auto !important;
  padding-block: 3px !important;
  padding-inline: 0 !important;
}

.slide-menu button.v-btn--elevated {
  box-shadow: 0 2px 4px rgba(46, 38, 61, 0.16), 0 0 transparent, 0 0 transparent;
}

button.v-tab--selected.text-purple {
  background-color: rgb(140, 87, 255) !important;
  color: rgb(255, 255, 255) !important;
}

.slide-menu .v-btn--variant-outlined .v-btn__overlay, .slide-menu .v-btn--variant-text .v-btn__overlay {
  --v-hover-opacity: .08;
}
.slide-menu .v-btn--variant-text .v-btn__overlay {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(140, 87, 255) !important;
}
.slide-menu .v-tab:not(.v-tab--selected), .slide-menu .v-btn.v-btn--variant-text:hover {
  color: rgb(140, 87, 255);
}

#admin-app .v-btn {
  letter-spacing: normal !important;
  border-radius: 6px !important;
}

.v-btn--size-default {
  --v-btn-size: .9375rem;
  --v-btn-height: 38px;
  font-size: 15px;
  min-width: 68px;
  padding: 0 18px;
}

.disable-tab-transition {
  overflow: unset !important;
}
.disable-tab-transition .v-window__container {
  block-size: auto !important;
}
.disable-tab-transition .v-window__container .v-window-item {
  transform: none !important;
}
.disable-tab-transition .v-window-item:not(.v-window-item--active) {
  display: none !important;
}

.app-timeline-title {
  color: rgba(46, 38, 61, 0.9);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.15px;
  line-height: 1.375rem;
}

.app-timeline-meta {
  color: rgba(46, 38, 61, 0.4);
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1.125rem;
}

.app-timeline-text {
  word-break: break-word;
  color: rgba(46, 38, 61, 0.7);
  font-size: 0.9375rem;
  line-height: 1.375rem;
}

.table-header-top.v-toolbar {
  background: none !important;
}

.cursor-pointer {
  cursor: pointer;
}

.text-transform-none {
  text-transform: none !important;
}

.panel-title {
  line-height: 36px;
  font-size: 16px;
}
.panel-title .subtitle-3 a {
  line-height: 36px;
}

.input-string-box {
  font-size: 14px;
  line-height: 21px;
}
.input-string-box > span {
  display: block;
}
.input-string-box.input-string-inline > span {
  display: inline-block;
}
.input-string-box .text-label {
  color: #8992A0;
  margin-top: 15px;
  font-size: 14px;
  padding-right: 4px;
}
.input-string-box .text-main {
  margin-top: 2px;
  font-size: 14px;
}

.inline-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.inline-row .text-label {
  margin-top: 0;
}

.item-checkbox {
  width: 50px;
}

.item-review-body {
  flex: 3;
}

.pt-6px {
  padding-top: 6px;
}

.clip-hover span > i {
  display: none;
}

.clip-hover span:hover > i {
  display: inline-block;
}

.v-btn.clipper-upload {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
}
.v-btn.clipper-upload .v-btn__content {
  height: 100%;
  width: 100%;
  padding: 0 16px;
}
.v-btn.clipper-upload .clipper-upload-input {
  display: block !important;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.clipper-wrap {
  width: 100%;
  max-width: 600px;
  /*max-height: 60vh;*/
}
.clipper-wrap .clipper-buttons {
  margin-bottom: 1em;
}
.clipper-wrap .clipper-slider {
  margin-bottom: 1em;
}
.clipper-wrap .clipper-basic .placeholder {
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  background-color: #1E88E5;
  padding: 75px 15px;
  width: 500px;
  max-width: 100%;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}
.clipper-wrap .clipper-save {
  margin-top: 1em;
}

.v-table table .selected-row > td {
  background: #E3F2FD !important;
}

.v-dialog-full-height-right .v-overlay__content {
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  max-height: 100% !important;
  right: 0 !important;
}

.v-dialog-top-search-transition .v-overlay__content {
  top: 0 !important;
  bottom: auto !important;
  margin: 0 auto !important;
  max-height: 300px !important;
}

.intercom-container img, .html-content img {
  max-inline-size: 100%;
  block-size: auto;
  cursor: pointer;
}
.intercom-container ul, .intercom-container ol, .html-content ul, .html-content ol {
  margin-left: 25px;
}

.sweet-avatar {
  border-radius: 6px !important;
  border: 5px solid #fff !important;
  box-shadow: 0 2px 4px rgba(46, 38, 61, 0.16), 0 0 transparent, 0 0 transparent;
}
.sweet-avatar img {
  border-radius: 0.375rem !important;
}

.chat-container {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  box-shadow: 0 4px 10px rgba(46, 38, 61, 0.2), 0 0 transparent, 0 0 transparent;
  border-radius: 6px;
  color: rgb(46, 38, 61);
}
.chat-container .chat-user-profile-sidebar {
  border-right: 1px solid rgba(46, 38, 61, 0.12);
  border-radius: 6px 0 0 6px;
  width: 250px;
  background: #fff;
  box-shadow: 0 0 rgb(46, 38, 61), 0 0 transparent, 0 0 transparent;
}
.chat-container .chat-user-profile-sidebar .chat-list-header {
  display: flex;
  align-items: center;
  min-block-size: 76px;
  padding-inline: 1.25rem;
  gap: 1rem;
}
.chat-container .chat-content {
  border-radius: 0 6px 6px 0;
  flex-grow: 1;
  background: #F7F6FA;
  display: flex;
  flex-direction: column;
}
.chat-container .chat-content .chat-header {
  display: flex;
  align-items: center;
  min-block-size: 76px;
  padding-inline: 1.25rem;
}
.chat-container .chat-content .chat-content-list {
  flex-grow: 1 !important;
  position: relative;
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.chat-container .chat-content form.chat-message {
  margin: 0 20px 20px;
}