/* Redcore — high-end chat widget styles (v1.3.0) */
.redcore-chat-model {
    --rc-brand: #FF9800;
    --rc-accent: #FF9800;
    --rc-bg: rgba(15, 18, 26, 0.90);
    --rc-panel: #fff;
    --rc-border: #000;
    --rc-text: #333;
    --rc-muted: #333333cc;
    --rc-time: #A5B0BE;
    --rc-shadow: 0 18px 60px rgba(0, 0, 0, .45);
    --rc-radius: 16px;
    --rc-z: 2147483000;
    --rc-max-w: 390px;
    --rc-max-h: min(70svh, 700px);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

.redcore-chat-model.redcore { position: fixed; inset: auto 24px 24px auto; z-index: 999;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial; color: var(--rc-text); }
.redcore-chat-model.redcore.left { inset: auto auto 24px 24px; }
.redcore-chat-model .redcore * { box-sizing: border-box; }

/* Launcher */
.redcore-chat-model .redcore-launcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: radial-gradient(120% 120% at 20% 20%, #425c92, #191444 60%);
  box-shadow: 0 10px 30px rgb(255 152 0 / 55%), 0 1px 0 rgba(255, 255, 255, .1) inset;
  cursor: pointer;
  border: 0;
  outline: none;
  transition: transform .18s ease, box-shadow .2s ease;
  isolation: isolate;
  }
.redcore-chat-model .redcore-launcher:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.redcore-chat-model .redcore-launcher:hover { transform: translateY(-1px) scale(1.02); }
.redcore-chat-model .redcore-launcher:active { transform: translateY(0) scale(.98); }
.redcore-chat-model .redcore-launcher .icon { width: 24px; height: 24px; margin: auto; color: #fff; transition: opacity .25s ease, transform .25s ease; }
.redcore-chat-model .redcore-launcher .ring { content: ""; position: absolute; inset: -6px; border-radius: 999px;
  background: conic-gradient(from 0deg, rgb(42 153 255 / 33%), rgba(255, 255, 255, .2), #2196F3);
  filter: blur(6px); opacity: .4; z-index: -1; animation: spin 6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Always wave on load */
.redcore-chat-model.redcore.waving .redcore-launcher .icon { opacity: 0; transform: scale(.8); }
.redcore-chat-model .redcore-launcher .emoji { position: absolute; font-size: 22px; line-height: 1; opacity: 0; transform: scale(.8); filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)); }
.redcore-chat-model .redcore.waving .redcore-launcher .emoji { opacity: 1; animation: handwave 1400ms ease-in-out 1; }
@keyframes handwave { 0% { transform: rotate(0deg) scale(.6); opacity: 0; } 15% { transform: rotate(20deg) scale(1); opacity: 1; } 40% { transform: rotate(-12deg); } 65% { transform: rotate(10deg); } 100% { transform: rotate(0deg) scale(1); opacity: 1; } }

.redcore-chat-model .redcore-badge { position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px;
  background: var(--rc-accent); color: #0b0f1a; font-weight: 700; font-size: 11px; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 10px rgba(239,68,68,.5); transform: scale(0); transform-origin: 100% 0%; transition: transform .22s cubic-bezier(.18,.89,.32,1.28); }
.redcore-chat-model .redcore-badge.show { transform: scale(1); }

/* Panel */
.redcore-chat-model .redcore-panel { position: absolute; right: 0; bottom: 64px; width: min(92vw, var(--rc-max-w)); height: var(--rc-max-h);
  display: grid; grid-template-rows: auto /*header*/ auto /*tabs*/ 1fr /*view*/ auto /*quick*/ auto /*input*/ auto /*powered*/;
  border-radius: var(--rc-radius); background: var(--rc-panel); border: 1px solid var(--rc-border); box-shadow: var(--rc-shadow); overflow: hidden;
  transform: translateY(16px) scale(.98); opacity: 0; pointer-events: none; transition: transform .22s cubic-bezier(.18,.89,.32,1.28), opacity .2s ease;
  backdrop-filter: blur(12px) saturate(1.1); overscroll-behavior: contain; }
.redcore-chat-model.redcore.left .redcore-panel { left: 0; right: auto; }
.redcore-chat-model.redcore.open .redcore-panel { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }

/* Header */
.redcore-chat-model .redcore-header { background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)); padding: 9px 4px 1px 19px; }
.redcore-chat-model .redcore-header .brand { display: grid; grid-template-columns: auto 1fr auto auto; gap: 10px; align-items: center; }
.redcore-chat-model .redcore-header .logo { width: 43px; height: 43px; border-radius: 8px; display:inline-grid; place-items:center;
  background: radial-gradient(120% 120% at 20% 20%, #e7e7e7, #f3f3f3 60%); color: #fff; box-shadow: 0 4px 16px #0096888f; font-weight: 800; }
.redcore-chat-model .redcore-header .title { font-weight: 800; letter-spacing: -.01em; margin: auto; }
.redcore-chat-model .redcore-header .subtitle { font-size: 12px; color: var(--rc-muted); margin-top: 2px; display: inline-flex; align-items: center; gap: 6px;padding: 0px 5px;position: relative;top: -6px; }
.redcore-chat-model .redcore-header .subtitle .dot { width: 8px; height: 8px; background: #22c55e; border-radius: 999px; box-shadow: 0 0 0 4px rgba(34,197,94,.14); }

.redcore-chat-model .redcore-toggle { inline-size: 34px; block-size: 34px; border-radius: 10px; display:inline-grid; place-items:center; border: 1px solid var(--rc-border);
  background: rgba(255,255,255,.12); cursor:pointer; }
.redcore-chat-model .redcore-toggle:hover { background: rgba(255,255,255,.16); }
.redcore-chat-model .redcore-toggle svg { width: 18px; height: 18px; color: var(--rc-text); filter: drop-shadow(0 1px 0 rgba(0,0,0,.25)); }
.redcore-chat-model .redcore-help { font-weight: 700; color: #0f1115; font-size: 14px; }

/* Tabs — darker, higher contrast */
.redcore-chat-model .redcore-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 12px 15px 14px; border-bottom: 1px solid var(--rc-border); }
.redcore-chat-model .redcore-tab {position: relative;border-radius: 54px;padding: 15px 12px;font-weight: 800;font-size: 12px;letter-spacing: .02em;cursor: pointer;border: 1px solid rgb(145 145 145 / 18%);color: #808080;background: #f4f4f4;}
.redcore-chat-model .redcore-tab.active { color: #0b0f1a; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.88)); border-color: #a2a2a2; }
@media (prefers-color-scheme: light) { .redcore-chat-model .redcore-tab.active {color: #191444;border: 2px solid #191444;} }

/* Views */
.redcore-chat-model .redcore-view { display: none; min-height: 0; }
.redcore-chat-model .redcore-view.active { display: grid; min-height: 0; }
.redcore-chat-model .redcore-body,
.redcore-chat-model .redcore-support { height: 100%; min-height: 0; overflow: auto; overscroll-behavior-y: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; }

/* Chat body */
.redcore-chat-model .redcore-body {
  position: relative;
  padding: 18px;
  display: grid;
  grid-auto-rows: min-content;
  align-content: start;
  gap: 8px;
  background: radial-gradient(1000px 400px at 100% 0%, rgb(255 152 0 / 18%), transparent 60%), radial-gradient(1000px 400px at 0% 100%, rgb(255 152 0 / 7%), transparent 60%);
  }
.redcore-chat-model .redcore-scrollpad { height: 6px; }

/* Jump to latest */
.redcore-chat-model .redcore-jump { position: sticky; bottom: 8px; justify-self: center; z-index: 2; display: none; }
.redcore-chat-model .redcore-jump button {
    padding: 4px 13px;
    font-size: 16px;
    border-radius: 999px;
    border: 1px solid var(--rc-border);
    background: rgb(255 255 255);
    color: #000000;
    cursor: pointer;
    backdrop-filter: blur(9px);
    font-weight: 900;
}
.redcore-chat-model .redcore-jump.show { 
	display: block; 
}

/* Support view */
.redcore-chat-model .redcore-support {
    padding: 17px;
    display: grid;
    grid-auto-rows: min-content;
    align-content: start;
    gap: 10px;
    color: var(--rc-text);
    background: radial-gradient(1000px 400px at 100% 0%, rgb(255 152 0 / 21%), transparent 60%), radial-gradient(1000px 400px at 0% 100%, rgb(255 152 0 / 10%), transparent 60%);
    padding-bottom: 270px !important;
}
.redcore-chat-model .support-search { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.redcore-chat-model .support-input { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rc-border); background: #ffffff; color: var(--rc-text); outline: none; }
.redcore-chat-model .support-input:focus { border-color: rgba(220,38,38,.6); box-shadow: 0 0 0 3px rgba(220,38,38,.25); }
.redcore-chat-model .support-btn { padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rc-border); background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)); cursor: pointer; }
.redcore-chat-model .support-section-title { font-size: 12px; text-transform: uppercase; letter-spacing: .14em; color: var(--rc-muted); margin: 4px 2px; }
.redcore-chat-model .support-chips { display:flex; flex-wrap:wrap; gap:8px; }
.redcore-chat-model .support-chip {padding:6px 10px;font-size:12px;border-radius:999px;border: 1px solid #ff7b00;background: #FF9800;cursor:pointer;color: #fff;}
.redcore-chat-model .support-results { display: grid; gap: 8px; }
.redcore-chat-model .support-card { display: grid; gap: 4px; padding: 11px 23px; border-radius: 12px !important; border: 1px solid var(--rc-border); background: #ffffff; text-align: left; }
.redcore-chat-model .support-card .title {margin: 0px;font-size: 15px;font-weight: 800;letter-spacing: -.01em;color: var(--rc-text);}
.redcore-chat-model .support-card .meta {font-size: 12px;color: var(--rc-muted);padding: 5px;padding: 3px 11px 6px 5px;color: #ff8a08;}
.redcore-chat-model .support-card .excerpt { color: #333; font-size: 13px; }
.redcore-chat-model .support-article { display: grid; gap: 6px; padding: 18px 29px; border-radius: 12px; border: 1px solid var(--rc-border); background: rgba(255,255,255,.08); }
.redcore-chat-model .support-article h2 {margin: 0;font-size: 22px;font-weight: 900;color: #ff5f1d;}
.redcore-chat-model .support-article .meta { font-size: 11px; color: var(--rc-muted); }
.redcore-chat-model .support-article .content { font-size: 14px; color: #333; line-height: 1.6; }
.redcore-chat-model .support-article .content h3 { font-size: 14px; margin: 8px 0 4px; }
.redcore-chat-model .support-article .content ul { margin: 6px 0 8px 18px; }
.redcore-chat-model .support-back { display:inline-block; font-size:14px; padding:6px 8px; border-radius: 8px; color: var(--rc-text); }

/* Messages */
.redcore-chat-model .redcore-message { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: end; }
.redcore-chat-model .redcore-message.user { grid-template-columns: 1fr 28px; }
.redcore-chat-model .redcore-message .avatar, .redcore-chat-model .redcore-typingbubble .avatar { width: 28px; height: 28px; border-radius: 999px; display:grid; place-items:center; background: rgba(255,255,255,.12); color: #e5e7eb; font-weight: 800; font-size: 12px; border: 1px solid #cbcbcb; overflow: hidden; }
.redcore-chat-model .redcore-message .avatar img, .redcore-chat-model .redcore-typingbubble .avatar img { border: 0px; background: transparent; width: 100%; height: 100%; object-fit: cover; display: block; }
.redcore-chat-model .redcore-bubble { max-width: 100%; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.30); border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 6px 20px rgba(0,0,0,.20); font-size: 14px; line-height: 1.6; color: var(--rc-text); animation: bubbleIn .2s ease; word-wrap: break-word; white-space: pre-wrap; }
@keyframes bubbleIn { from { transform: translateY(6px) scale(.98); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
.redcore-chat-model .redcore-message.user .redcore-bubble {background: rgb(255 152 0 / 20%);border: 1px solid #FF9800;}
.redcore-chat-model .redcore-time { font-size: 11px; color: var(--rc-time); margin-top: 4px; }

/* Typing bubble (bot) */
.redcore-chat-model .redcore-typingbubble { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: end; }
.redcore-chat-model .redcore-typingdot { width: 8px; height: 8px; border-radius: 999px; background:#FF9800; opacity:.8; animation: tbounce 1.8s infinite; display:inline-block; }
.redcore-chat-model .redcore-typingdot:nth-child(2){ animation-delay: .16s;}
.redcore-chat-model .redcore-typingdot:nth-child(3){ animation-delay: .32s;}
@keyframes tbounce { 0%, 80%, 100% { transform: translateY(0); opacity:.6;} 40% { transform: translateY(-4px); opacity:1; } }
.redcore-chat-model .redcore-typingbubble .redcore-bubble { display:inline-flex; align-items:center; gap:6px; }

/* Quick replies — polished chips */
.redcore-chat-model .redcore-quick { display:flex; flex-wrap:wrap; gap:8px; padding: 6px 12px 12px; background: #f6f7f7; }
.redcore-chat-model .redcore-chip { position: relative; padding: 7px 12px; font-size:12px; border-radius:999px; cursor:pointer;
  color:#333; background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.24);
  box-shadow: 0 2px 10px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.10);
  transition: transform .14s ease, background .2s ease, box-shadow .2s ease; overflow: hidden; text-align: left; }
.redcore-chat-model .redcore-chip:hover { transform: translateY(-1px); background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)); box-shadow: 0 6px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14); }
.redcore-chat-model .redcore-chip:active { transform: translateY(0); }
.redcore-chat-model .redcore-chip .ripple { position:absolute; border-radius: 999px; transform: scale(0); opacity:.35; background: var(--rc-accent); pointer-events:none; animation: ripple .6s ease-out; }
@keyframes ripple { to { transform: scale(12); opacity: 0; } }

/* Input */
.redcore-chat-model .redcore-inputbar { background: #f6f7f7; display: grid; grid-template-columns: auto 1fr auto; gap: 8px; padding: 0px 11px 17px; position: relative; z-index: 99999; }
.redcore-chat-model .redcore-input { resize: none; min-height: 48px; max-height: 150px; field-sizing: content; padding: 11px 19px; border-radius: 12px; border: 1px solid var(--rc-border); background: #ffffff; color: var(--rc-text);
  outline: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.10); }
.redcore-chat-model .redcore-input:focus { border-color: rgba(220,38,38,.6); box-shadow: 0 0 0 3px rgba(220,38,38,.25); }
.redcore-chat-model .redcore-send { display:inline-grid; place-items:center; height: 48px; min-width: 49px; padding:0 10px; border-radius: 12px !important; border: 1px solid var(--rc-border); cursor: pointer;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)); }
.redcore-chat-model .redcore-send:hover { background: rgba(255,255,255,.18); }
.redcore-chat-model .redcore-send svg { width: 18px; height: 18px; color: #e5e7eb; }
.redcore-chat-model .redcore-attach { position: relative; }
.redcore-chat-model .redcore-attach input { display: none; }

/* Feedback & rating */
.redcore-chat-model .redcore-feedback { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; }
.redcore-chat-model .redcore-fbtn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 12px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--rc-border); background: rgba(255,255,255,.12); color: var(--rc-text); }
.redcore-chat-model .redcore-fbtn:hover { background: rgba(255,255,255,.16); }
.redcore-chat-model .redcore-stars { display: inline-flex; gap: 6px; margin-top: 8px; }
.redcore-chat-model .redcore-star { width: 18px; height: 18px; cursor: pointer; opacity: .85; }
.redcore-chat-model .redcore-star svg { width: 18px; height: 18px; }
.redcore-chat-model .redcore-star.active path { fill: #FBBF24; stroke: #F59E0B; }

/* Drop overlay */
.redcore-chat-model .redcore-drop { position: absolute; inset: 0; display: none; place-items: center; background: rgba(220,38,38,.12); border: 2px dashed rgba(255,255,255,.22); color: #e5e7eb; font-weight: 700; }
.redcore-chat-model .redcore.dropping .redcore-drop { display: grid; }

/* Attachments */
.redcore-chat-model .redcore-attachments { display:flex; flex-wrap: wrap; gap:8px; margin-top:6px; }
.redcore-chat-model .redcore-attachment { border:1px solid var(--rc-border); border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.12); max-width: 160px; }
.redcore-chat-model .redcore-attachment .thumb { width: 160px; height: 96px; object-fit: cover; display: block; }
.redcore-chat-model .redcore-attachment .name { font-size: 12px; padding: 6px 8px; color: var(--rc-text); }

.redcore-chat-model .redcore-powered { font-size: 10px; color: var(--rc-muted); padding: 0 12px 12px; background: #f6f7f7; }
.redcore-chat-model .redcore-powered strong { color: #fca5a5; }

.redcore-chat-model .redcore-confetti { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.redcore-chat-model .redcore-confetti i { position: absolute; width: 6px; height: 10px; border-radius: 2px; opacity: .95; animation: confetti 1200ms ease forwards; }
@keyframes confetti { 0% { transform: translateY(-10px) rotate(0deg); opacity: 1; } 100% { transform: translateY(120%) rotate(480deg); opacity: 0; } }

@media (prefers-color-scheme: light) {
  .redcore-chat-model { --rc-bg: rgba(255,255,255, .9); --rc-panel: rgba(255,255,255, .96); --rc-text: #111827; --rc-muted: #4B5563; --rc-border: rgba(15, 18, 26, .12); --rc-shadow: 0 18px 50px rgba(0,0,0,.14); }
  .redcore-chat-model .support-article .content { color: #1F2937; }
}

/* rc-x-contrast */
@media (prefers-color-scheme: light) {
  .redcore-chat-model .redcore-toggle { background: #ffffff; border-color:  #ffffff; }
  .redcore-chat-model .redcore-toggle:hover { background: rgba(0,0,0,.16); }
  .redcore-chat-model .redcore-toggle svg { color:#0b0f1a; }
}

/* live-agent waiting animation */
.redcore-chat-model .redcore-wait { display:inline-flex; align-items:center; gap:8px; }
.redcore-chat-model .redcore-wait .pulse { width:6px; height:6px; border-radius:999px; background: var(--rc-accent); animation: rc-pulse 1.4s ease-in-out infinite; opacity:.9; }
.redcore-chat-model .redcore-wait .pulse:nth-child(2){ animation-delay:.18s; }
.redcore-chat-model .redcore-wait .pulse:nth-child(3){ animation-delay:.36s; }
@keyframes rc-pulse { 0%,100%{ transform: scale(.6); opacity:.55 } 50%{ transform: scale(1.15); opacity:1 } }
.redcore-chat-model .support-article, .redcore-chat-model .support-article * {
    width: auto;
	max-width:100%;

}
.redcore.waving .redcore-launcher .emoji {
    animation: handwave 1400ms ease-in-out 1;
    opacity: 1;
}
.user-info-details {
    background: #f2bdbe !important;
    line-height: 0.8;
    padding: 10px;
}
.user-info-details
.form-group{
    padding: 0px !important;
    margin: 0px !important;
    text-align: left;
    display: block;
    width: 100%;
}
.user-info-details p {
  padding: 5px !important;
}
.user-info-details * {
  line-height: 0.2 !important;
}
.user-info-details .red-chat-user-info label {
    font-size: 14px;
    font-weight: bold;
    display: inline-flex;
    width: 100% !important;
}
.redcore-bubble p {
  padding: 3px;
/*   margin-top: -13px; */
  font-size: 14px;
/*   margin-bottom: -15px; */
  margin: -5px 0;
}
.user-info-details button#client_info_save {
    padding: 16px;
    position: relative;
    width: 99%;
    margin: -3px auto;
}
.redcore-powered .bottom-apple-msg {
    padding: 4px 0px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    max-width: 156px;
    margin: -1px auto;
    cursor: pointer;
    width: 151px;
	margin-bottom: 19px;
}
.redcore-powered .bottom-apple-msg .title_cbb3 {
    margin-left: 60px;
    padding: 4px 0;
}
.redcore-powered .bottom-apple-msg .im_bfd3 {
    background-size: 22px !Important;
	position: relative;
    right: 19px;
}
.title {
    font-size: 15px;
    padding: 4px;
    position: relative;
    top: 4px;
}
p.align-center {
    position: relative;
    top: 22px;
}
.red-chat-user-info{
	padding: 0px !important;
    box-shadow: none !important;
	border-radius: 0px !important;
}
input[type=text] {
    background-color: rgb(255 255 255 / 77%) !important;
}
.redcore .redcore-launcher { fill:#fff !important; }

@media (max-width: 768px) {
  .redcore-panel {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    height: 100% !important;
  }
}

body.redcore-chat-open {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
}
button.redcore-send:active {
    background: #ffffff;
}
.redcore-chat-model #support-message-response-reply {
    padding: 0px 0px 25px 26px !important;
    background: #f6f7f7;
    margin-bottom: 0px;
}
.header__headline {
    font-weight: 600 !important;
     font-family: inherit !important;
    font-size: 15px !important;
}
.redcore-chat-model #support-message-response-reply .header__headline {
    position: initial !important;
}
.redcore-chat-model .paper {
    margin: 40px 0 0 0;
}
.redcore.redcore-chat-model .paper:hover {
    background: transparent;
    border-color: transparent;
}
span.red-chat-notification {
    position: absolute;
    padding: 2px 8px;
    background: #d90c0c;
    border-radius: 105px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    animation: pulse-shadow 1.7s linear infinite;
    top: -3px;
    right: -3px;
}
@keyframes pulse-shadow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(239, 101, 101, 0.6);
  }
  50% {
    box-shadow: 0px 0px 0px 0px rgba(239, 101, 101, .6);
  }
  100% {
    box-shadow: 0px 0px 0px 30px rgba(239, 101, 101, 0);
  }
}
.redcore-message.bot .avatar, .redcore-typingbubble .avatar {
  background: #f3f3f3;
  padding: 3px;
}
.redcore-message.bot .avatar img, .redcore-typingbubble .avatar img {
  width: 22px;
}
.redcore-bubble .red-chat-user-info label {
    font-size: 14px;
    font-weight: bold;
    display: inline-flex;
    width: 100% !important;
    padding-bottom: 10px;
}
.redcore-bubble .form-group {
    padding: 0px !important;
    margin: 0px !important;
    text-align: left;
    display: block;
    width: 100%;
}
.redcore-bubble .red-chat-user-info {
    padding: 0px !important;
    box-shadow: none !important;
    line-height: 0.2;
    border-radius: 0px !important;
}
.redcore-attachment-card {
    background: rgb(255 255 255 / 42%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    max-width: 250px !important;
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
}

.redcore-attachment-card .name {
    font-size: 12px;
    color: #4b4242;
    padding: 6px 8px;
    max-width: 200px;
    text-align: center;
}

/** Review Model **/


.rating-container {
	/*background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/concrete-texture.png");*/
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

.rating-feedback .rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}

.rating-0 {
	filter: grayscale(100%);
}

.rating > input {
	display: none;
}

.rating > label {
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-top: auto;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
	width: 100%;
	text-align: center;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
	content: "";
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
}

.emoji-wrapper:before {
	top: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji-wrapper:after {
	bottom: 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .3s;
}

.emoji > svg {
	margin: 15px 0;
	width: 70px;
	height: 70px;
	flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-500px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-300px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
	transform: translateY(-400px);
}

.rating-feedback {
	max-width: 360px;
	background-color: #fff;
	width: 100%;
	padding: 30px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	/* box-shadow: 0 4px 30px rgba(0,0,0,.05); */
}

.bord-it {
	border-right: 1px solid black;
}

.big-stat {
	font-size: 57px;
	text-align: center;
}

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

.stat-boxes:hover {
	transform: scale(1.03);
	transition: .2s;
	box-shadow: 0px 3px 6px #00000026;
}

/** END **/