img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://blingoo.com.br/image/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0} .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } .lazyload[data-src]{display:none !important;} .lazyload{background-image:none !important;}.lazyload:before{background-image:none !important;} /\ *Remover espaço em brando lateral no mobile */ html, body{ overflow-x: hidden !important; } html, body{ width: 100%; overflow-x: hidden; } At .rll-youtube-player, [data-lazy-src]{display:none !important;} .nld-chatbot .nld-calendar { width: 330px; max-width: 100%; background-color: #fff; color: #222; font-family: Arial, Helvetica, sans-serif; } .nld-chatbot .nld-calendar, .nld-chatbot .nld-calendar *, .nld-chatbot .nld-calendar *:before, .nld-chatbot .nld-calendar *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nld-chatbot .nld-calendar button { margin: 0; border: 0; outline: none; } .nld-chatbot .nld-calendar button:enabled:hover { cursor: pointer; } .nld-chatbot .nld-calendar > .calendar-row { width: 100%; text-align: center; } .nld-chatbot .nld-calendar .calendar-prev { float: left; padding-left: 36px; cursor: pointer; width: 16px; height: 16px; background-size: 16px; font-weight: bold!important; color: #2F6FEA; } .nld-chatbot .nld-calendar .calendar-next { float: right; padding-right: 36px; cursor: pointer; width: 16px; height: 16px; background-size: 16px; font-weight: bold!important; color: #2F6FEA; } .calendar-prev.disabled, .calendar-next.disabled { cursor: not-allowed!important; pointer-events: none; } .nld-chatbot .nld-calendar .calendar-cell { box-sizing: content-box; display: inline-block; width: 14%; padding: 0.7em 0; text-align: center; cursor: pointer; user-select: none; position: relative; } .nld-chatbot .calendar-cell.calendar-this-month { font-weight: bold!important; color: #2F6FEA; } .nld-chatbot .calendar-cell.calendar-disabled { font-weight: 100 !important; background-color: #ffffff !important; color: #bbb !important; cursor: not-allowed !important; } .nld-chatbot .calendar-cell.calendar-next-month { color: #bbb; } .nld-chatbot .calendar-cell.calendar-prev-month { color: #bbb; } .nld-chatbot .calendar-cell.calendar-selected { background: #A1C5F7; border-radius: 20px; font-weight: bold!important; color: #2F6FEA!important; } .nld-chatbot .calendar-row.calendar-title { background: #f8f8fa; } .nld-chatbot .calendar-row.calendar-title>.calendar-cell { padding: .3em 0; color: #222; } .nld-chatbot .calendar-row.nld-calendar-header { font-weight: bold!important; color: #555 !important; vertical-align: middle; } .nld-chatbot .calendar-row.nld-calendar-header>.nld-calendar-header { padding: .8em 0; } .nld-chatbot .nld-scheduler-container { outline: 2px solid #2F6FEA; border-radius: 20px; width: 330px; } .nld-chatbot .scheduler-action-buttons-container { display: flex; justify-content: space-around; align-items: center; padding-bottom: 5px; } .nld-chatbot .scheduler-action-buttons-container > .scheduler-cancel-button { color: #2F6FEA; cursor: pointer; min-width: 90px; } .nld-chatbot .scheduler-continue-button { padding: 0.5em; min-width: 90px; background: #2F6FEA; border-radius: 20px; color: #ffffff!important; pointer-events: none; text-align: center !important; } .nld-chatbot .scheduler-continue-button.disabled { background: #A1C5F7; border-radius: 20px; color: #e7e6e6; cursor: not-allowed!important; pointer-events: none!important; } .nld-chatbot .scheduler-continue-button.active { background: #2F6FEA; border-radius: 20px; color: #ffffff!important; cursor: pointer; pointer-events: auto; } .nld-chatbot .scheduler-view-title, .scheduler-error-message { text-align: center; padding: 0.5em; color: #555 !important; border-bottom: 2px solid #f5f5f5; font-weight: bold !important; } .nld-chatbot .scheduler-time-available-container { display: flex; flex-wrap: wrap; padding: 0 0.5em 0 1.5em; } .nld-chatbot .scheduler-time-available-container > .scheduler-time-available { text-align: center; padding: 0.25em 0.7em; font-weight: bold!important; color: #2F6FEA; cursor: pointer; } .nld-chatbot .scheduler-time-available.disabled { color: #989898 !important; font-weight: 400 !important; pointer-events: none; } .nld-chatbot .scheduler-time-available.active { background: #A1C5F7; border-radius: 20px; font-weight: bold!important; color: #2F6FEA; cursor: pointer; } .nld-chatbot .scheduler-confirmation-elements { text-align: center; padding: 0.25em 0 1em 0; } .nld-chatbot .scheduler-confirmation-label { padding: 1em 0.5em 0.5em 0.5em; } .nld-chatbot .scheduler-confirmation-date-time { display: inline-block; background: #F4F4F4; border-radius: 5px; width: 45%; padding: 0.5em 0; } .nld-chatbot .scheduler-confirmation-date-formatting-decoration { color: #2F6FEA; } .nld-input-block-container, .nld-loading-container { display: block; height: 65px } .input-custom-nld, .loading-custom-nld { position: fixed!important; bottom: -6px!important; width: 100%; } .nld-chatbot .nld-loading { position: absolute; left: 50% !important; bottom: 50% !important; right: 0; bottom: 16px; height: 20px !important; width: 20px !important; border-radius: 0 0 8px 8px !important; } .nld-skip-message { bottom: 120px !important; } /* Icons */ @font-face { font-family: neurolead; src: url(data:font/woff;base64,d09GRk9UVE8AAAa8AAsAAAAAClgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAADXAAAAxcAAAS1utc4DkZGVE0AAAaMAAAAHAAAAByMPVczR0RFRgAABnQAAAAYAAAAHAAVABRPUy8yAAABaAAAAEsAAABgWFNjvWNtYXAAAALkAAAAXQAAAWIC3BADaGVhZAAAAQgAAAA2AAAANhXceA9oaGVhAAABQAAAAB4AAAAkBhADwmhtdHgAAAaoAAAAFAAAABQL1QTAbWF4cAAAAWAAAAAGAAAABgAIUABuYW1lAAABtAAAATAAAAJPca0oJ3Bvc3QAAANEAAAAFgAAACD/uAAzAAEAAAABAADiPyIWXw889QALA+gAAAAA2T/4swAAAADZlDwaALv/1wMuAoYAAAAIAAIAAAAAAAB4nGNgZGBgavt/nSGK+QUDEDDrMTAyoAImAGsrA9kAAAAAUAAACAAAeJxjYGF+wTiBgZWBgamLaQ8DA0MPhGZ8wGDIyAQUZWDlZIABRgYkEJDmmsLQwODIkMGs8N+CIYqpjUETpoYplCmPQQEIGQFs5wvCAHicbY7NagIxFIW/+Ad2YUsfQLLU4gxRV0pxI7h0VdwVKtMwDshEx3EhfYCuuuiL9KX6Ir0TQ5HWQLhfbs695wAdvlCcT5dZYEWbfeAaTd4D13ngO3CDWxUHbnKnXgK3pP8pStVoy+vRT1WsuOc5cI0b3gLXeeIjcIOu6gRuotUscEv6e+Y4dpwoyEjZUKLpkdCXOsIwZMJAeInlKCrHVm4q6gTmbncqsnRT6l7S1yMznAz00h4Lt3VpJv/5xZBlzau0/LddC1YrnGgOgonLpSz8u/S1EBPrQ8QSQzOV+3+fvthy1oyJJHL0G56Fy8uFK1KrR7HRU/2bQHtX6YyjSVSFvxb40oA/o7ASVSE/mVdosaxMY1+r0Kxscchcro0ZxsYYfc0iumoRnS1+AIo6YiV4nGNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkOzMEMoQwpDJk/P8PFHVE8P4f+L/5/8b/C//Ph5oAB4xsDOhCpANGJmYUPgsDAyu6GqA97JTaQyMAACwlEOYAAAB4nGNgZgCD/1sZjIAUIwMaAAAs0wHrAAB4nJ1TS0hUYRQ+987T2/gYc2zAiSaLsKgo6b26FBYRvRYteoiJSQnhlBliRd4iWjRRREWbiF4uija9FmJDF6KoaBm9SFsYmIZjmjPdCfH0nftPLlt0F4fvP/f/zuP7z9HI6yVN00qaGw+3JPY31u9Z0NSQaD5Emk4aLXSKyanQnJjuTPc4Ue/ZkPZrc33uWa7CF6PzxTGikhhdC8eoNOY5XUoe4cyghbR8TeJAe0vT3n2t8aqGufHqRYtXzo9vcjMk9jY1TOaKu7kmj4SvkmbRbKqmpbSW1lNQIlbScq1Ot/TL+l39qf42mXJqUloqlXuU8qTKf0edOxNRf2q8LeLU5B6N1wSKWN92dE+bxtqlXyZwux2JG5NO3Z5jKSczd9tMSAB0wQIiG+gJJZl/Phab3mAx5+6bzNkjuOSssoI88T6Gc+Q6+ZhH+wEzt8DK1AENGkIa3qisyWRct10vU2FULt0CX6vqs/N8KrgEFiRmCn+RTOeAQgfNJFOlZcPGUJAYcZxAVAovQRljH1FreS2oo6uBjB2IypF54HbtwP3BdwohfuEp+b8TTsNBOeWr3BgBC3ZmBgm/HoS3glFP7xRR4owVhE7D0EI/fZUg0HcLWfgzTP9JZB5ZAVJ2K+4PpU1IkTUtnpj5GufjO5H03ksTomS6ELTYB+e3PqDQYrCH3iAn93SIMn1sumbS8bMTXH8tCOmVQIEPoncrBZm6t8Dp+yFSGduRenSedLEf/8eeo7PwOpGqbJt0Fe0AtSgBb8En0fMV6tNWXLRZr74hUnivgBoYh/F0odXCjJAKlpGSVlXl6o2ipDTuscW+lIkQgXB2UfDf0/Wfzt/HypKRZNIZSPqTIQPrNNXdP22aehnmw/nX4q8k1fUaomfasdTL8sALUq/Nmdto3J0BXttpqrkQ5FPTwplOS00QD9yUDtNvSD1EvntXBzV9ahJlMsnfQmpaKTBC+Rmmwd3yMDLZZOyy1LRTJCuSljyQACUPSW2GeNW24KaZ3yHFdzeLAnhOd9vIv8n+u31qE2Uz8ZlqW/FRcMofyYNZNwB4nGNgZIAAHgYRBhYgzQTEjBAMAALLACoAAAABAAAAANlpImUAAAAA2T/4swAAAADZlDwaA+gAAAPoAVcBVwC7AVcBVwFXAVc=); } @font-face { font-family: 'Open Sans Regular'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'); } .nld-icon { font-family: neurolead !important; } /* Animations */ @keyframes nld-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes nld-pop-in { from { opacity: 0; transform: scale(0, 0); } to { opacity: 1; transform: scale(1, 1); } } @keyframes nld-super-pop-in { 0% { opacity: 0; transform: scale(0, 0); } 30% { opacity: 1; background-color: white; transform: scale(1.5, 1.5); } 80% { transform: scale(1, 1); } 100% { opacity: 1; transform: scale(1, 1); } } @keyframes nld-pop-in-middle { from { opacity: 0; transform: translateY(-50%) scale(0, 0); } to { opacity: 1; transform: translateY(-50%) scale(1, 1); } } @keyframes nld-pop-out { from { opacity: 1; transform: scale(1, 1); } to { opacity: 0; transform: scale(0, 0); } } @keyframes nld-slide-in { from { display: block; opacity: 0; transform: translate(0, 100px); } to { opacity: 1; transform: translate(0, 0); } } @keyframes nld-slide-out { from { opacity: 1; transform: translate(0, 0); } to { display: none; opacity: 0; transform: translate(0, 100px); } } @keyframes nld-slide-out-up { from { opacity: 1; transform: translate(0, 0); } to { display: none; opacity: 0; height: 0; overflow: hidden; transform: translate(0, -100px); } } @keyframes nld-blink { 50% { opacity: 1; transform: scale(0.5); } } /* Elements */ .nld-chatbot * { position: initial; } .nld-chatbot { color: inherit; font: inherit; font-family: 'Helvetica Neue', 'Neue Helvetica W01', Helvetica, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; box-sizing: content-box; } .nld-chatbot * { font: inherit !important; color: inherit; margin: initial; box-sizing: content-box !important; } .nld-chatbot b { font-weight: bold !important; } .nld-chatbot i { font-style: italic !important; } .nld-chatbot strong { display: initial !important; font-weight: bold !important; } .nld-chatbot p { color: #555 !important; text-align: left !important; } .nld-chatbot { all: initial; font-size: initial; position: absolute; z-index: 9999999999; top: 0; left: 0; } #nld-event-bus { display: none !important; } .nld-chatbot > .nld-avatar { /* Form */ width: 60px; height: 60px; border-radius: 30px !important; /* Position */ display: inline-block; position: fixed; z-index: 32767; bottom: 24px; right: 18px; vertical-align: middle; /* Looks */ background-size: cover; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); /* Typography */ font-size: 16px !important; } .nld-chatbot.nld-moving > .nld-avatar { bottom: 12px; right: 24px; } .nld-chatbot > .nld-avatar:hover { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); cursor: pointer; } .nld-chatbot .nld-avatar::after { content: ''; /* Form */ width: 15px; height: 15px; border-radius: 9px !important; /* Position */ position: absolute; bottom: 0; right: 0; /* Looks */ background-color: #2ecc71; animation: nld-super-pop-in 0.5s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; animation-delay: 1s; transform: scale(0, 0); } .nld-chatbot .nld-clear { clear: both; } .nld-chatbot .nld-invite-message-container { float: right; max-width: 269px; width: max-content; margin-right: 8px; margin-top: 0; display: flex; align-items: center; } .nld-chatbot .nld-chatbot-invite-container { right: 72px; top: 50%; transform: translateY(-50%); width: 305px; position: absolute; } .nld-chatbot .nld-chatbot-invite-message { position: relative; float: right; border-radius: 8px !important; padding: 9px; padding-left: 17px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); border: 1px solid #d6d6d6; color: #555 !important; background: white; line-height: 1.5em !important; font-family: 'Helvetica Neue', 'Neue Helvetica W01', Helvetica, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important; font-size: 16px !important; } .nld-chatbot .nld-invite-message-text { font-family: 'Helvetica Neue', 'Neue Helvetica W01', Helvetica, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important; } .nld-chatbot .nld-invite-message-text strong { font-weight: bold !important; } .nld-chatbot .nld-invite-message-text em { font-style: italic !important; } .nld-chatbot .nld-invite-message-text p { margin-bottom: 0 !important; } .nld-chatbot .nld-chatbot-invite-message::after { content: ''; /* Form */ width: 16px; height: 32px; /* Position */ position: absolute; top: 50%; margin-top: -16px; right: -16px; /* Looks */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMvSURBVHic7ZpPi9NAGMafbKtbd6vrrn8KXqTYo5dlv4D3epBC8SuIJ2/2c4i3eigFpVfBuyctpVePS0vBq4UeSui/vB6aMZPZzGTiip1J5wcvmSaTJc+T951MZgM4HA6HY3/xwpBB/+tCdkWaASK5MySrATy5MOM6BjCsNsIDcKDRT0eklUZ4AAqSYzJBaUKtMoI3gC+FJBHiPpVQa0woInkMSBsXiOuTJFZ1zCg8ADc0+lHGtuxc4+AzQLzrsjLwhDbr50nOke03AmaArAxEcWxLCeeIhlhBEfHHoFi7aXeVFy1uk/obhywDxDRnbVVZWGnCge/775vN5iG2mSALZpL4mzdPtjUbIqLVavW90+k8AXDCxZ0wbodRBnAM4AjALQAlAIcAbmL7JCmGUQgjySjzTKGQzWbzs9/vPwNwGsbdMJgZzAhdE1TZYgweEf2pSyKaj0aj17Va7QvXhyQRKI4Rdy6/heT37qCrBNPp9F2lUnkI4D6AewDOEGUFy4Yy1JlgRxYkGEBERPP5/HOj0XgM4AEiI0QT+HJQlYJ9BhARLZfLH+12+wJ6JtiZBSoDwsHx12AweAGAlQQrhxNcLYUkA8zOgjQDiIiCIFiMx+M3iDLhDOossKcMdAxgzGaz7vn5+SNEpSBmQZYyMIMsBhAR+b7/tdVq1RDPgrQyyI8BRETr9fqy2+0+RdyAY1hoQGwilIXFYvGtVCo9RzQhCoS2amIktneGzoqwDCMEXJe/MmCz2Vz2er1X3C7j7qw2bhDMQB4fg0WdTkS0nEwmb6vV6kekD24QjkHSxwhSx4AgCKbD4fBltVr9BL3XYLvGA1XK7/XL0D6/Du/VgkhsEKR/vyRmPuy27+uiqFsW933/Q71eP0UklI8y4sKziDf/7mN7UUeQX5z4TBcnP6olcJ2PLHZOEXERSR82qARaLR7YGhBA/kWHzAgdg2R/xyj4DFB9IKFa0LBr6ivADADUFy8TqSPeaFN4A9LIKjztmBEUkPz/fJ06tlo4g58K6wpME2eNeCCeASp0RFklnCH7TDYLVgpnaC2JSbBaOCOrAbkQzZNmQO4EOxwOh8MR8RsgtSyqPuIxtgAAAABJRU5ErkJggg==); background-size: 32px 32px; } .nld-chatbot .nld-conversation { /* Form */ width: 420px; max-height: 370px; min-height: 300px; height: calc(100vh - 72px); border-radius: 12px !important; /* Position */ z-index: 32767; position: fixed; bottom: 48px; right: 24px; /* Looks */ background: white; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); } .nld-chatbot .nld-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 8px !important; background: white; } .nld-chatbot .nld-conversation.nld-full { max-height: 550px; transition: max-height 0.5s ease-in-out; } .nld-chatbot .nld-conversation > .nld-ctx { position: absolute; top: 0px; bottom: 0px; left: 0; right: 0; border-radius: 8px !important; } .nld-chatbot .nld-typing-indicator { width: 54px; display: inline-block; vertical-align: middle; } .nld-chatbot .nld-typing-indicator > span { width: 12px; height: 12px; border-radius: 6px !important; margin-right: 6px; float: left; opacity: 0.5; background: #2ecc71; } .nld-chatbot .nld-typing-indicator > span:nth-child(1) { animation: 1s nld-blink infinite 0.1666s; } .nld-chatbot .nld-typing-indicator > span:nth-child(2) { animation: 1s nld-blink infinite 0.3332s; } .nld-chatbot .nld-typing-indicator > span:nth-child(3) { animation: 1s nld-blink infinite 0.5s; } /* States */ .nld-nodisplay { display: none !important; } .nld-chatbot .nld-hidden { /* Animations */ animation-name: nld-pop-out; animation-duration: 0.3s; animation-fill-mode: forwards; } .nld-chatbot .nld-shown { /* Animations */ animation-name: nld-pop-in; animation-duration: 0.3s; animation-fill-mode: forwards; } .nld-chatbot .nld-shown-middle { /* Animations */ animation-name: nld-pop-in-middle; animation-duration: 0.5s; animation-fill-mode: forwards; } .nld-chatbot .nld-hidden-slide { /* Animations */ animation-name: nld-slide-out; animation-duration: 0.5s; animation-fill-mode: forwards; } .nld-chatbot .nld-hidden-slideup { /* Animations */ animation-name: nld-slide-out-up; animation-duration: 0.5s; animation-fill-mode: forwards; } .nld-chatbot .nld-shown-slide { /* Animations */ animation-name: nld-slide-in; animation-duration: 0.5s; animation-fill-mode: forwards; } .nld-chatbot .nld-close { position: absolute; top: 23px; right: 24px; width: 25px; height: 25px; z-index: 9999999; } .nld-chatbot.nld-left .nld-chatbot-invite-message .nld-close { top: -12px; right: -12px; left: auto; background: #aaa; border-radius: 13px !important; } .nld-chatbot .nld-chatbot-invite-message .nld-close { top: -12px; left: -12px; background: #aaa; border-radius: 13px !important; } .nld-chatbot .nld-close-white { display: block; } .nld-chatbot .nld-close-black { display: none; } .nld-chatbot .nld-close:hover { cursor: pointer; } .nld-chatbot .nld-close > img { all: inherit; width: 25px; top: 0; left: 0; } /* Modifiers */ /* Left */ .nld-chatbot.nld-left > .nld-avatar { left: 18px; } .nld-chatbot.nld-left .nld-chatbot-invite-container { left: 72px; } .nld-chatbot.nld-left .nld-chatbot-invite-message { float: left; } .nld-chatbot.nld-left .nld-conversation { left: 24px; } .nld-chatbot.nld-left .nld-chatbot-invite-message::after { left: -16px; right: initial; transform: scale(-1, 1); } /* Center */ .nld-chatbot.nld-center > .nld-avatar { left: 50%; margin-left: -30px; } .nld-chatbot.nld-center .nld-chatbot-invite-container { left: 72px; } .nld-chatbot.nld-center .nld-chatbot-invite-message { float: left; } .nld-chatbot.nld-center .nld-conversation { left: calc(100vw / 2 - 360px); width: 100vw; max-width: 720px; } .nld-chatbot.nld-center .nld-chatbot-invite-message::after { left: -16px; right: initial; transform: scale(-1, 1); } .nld-chatbot .nld-conversation-header { width: 100%; height: 100px; border-radius: 8px 8px 0 0 !important; background-image: linear-gradient(to right, #bc002c, #ea083d); } .nld-chatbot .nld-mobile-brand { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: -28px; } .nld-chatbot .nld-mobile-brand .nld-logo { width: 160px; opacity: 0.5; } .nld-chatbot .nld-brand { position: absolute; display: inline-block; width: 100%; margin: 0; text-align: center; bottom: -1.7em; } .nld-chatbot .nld-brand a { padding-top: 8px; background: #eee; margin-top: 1px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); border-radius: 0 0 6px 6px !important; border: 1px solid #ddd; display: inline-block !important; } .nld-chatbot .nld-brand a img { padding: 0; margin: 0; vertical-align: baseline; opacity: 0.7; } .nld-chatbot .nld-brand a img:hover { opacity: 1; } .nld-chatbot img.nld-3rdparty-branding { height: 58px; width: auto !important; margin: 0 auto; padding-top: 6px; display: none; } .nld-chatbot .nld-logo { width: 200px; } .nld-infobar { color: white; border-radius: 8px 8px 0 0 !important; font-family: 'Open Sans Regular', sans-serif !important; height: 72px; display: flex; align-items: center; } .nld-chatbot .nld-infobar > .nld-avatar { width: 50px; height: 50px; border-radius: 25px !important; left: 12px; top: 11px; position: absolute; background-size: cover; } .nld-chatbot .nld-infobar > .nld-avatar::after { border: 2px solid #cf0237; } .nld-chatbot .nld-infobar .nld-info { margin: 0; margin-left: 68px; } .nld-chatbot .nld-info .nld-title { font-size: 1em !important; margin-bottom: 6px; margin-top: -6px; } .nld-chatbot .nld-info .nld-subtitle { font-size: 0.75em !important; } /* Conversational Form Implementation */ .nld-chatbot .nld-ctx { font-family: 'Open Sans Regular', sans-serif !important; } /* Conversation container */ .nld-chatbot .nld-ctx > div > .nld-container { position: absolute; top: 72px; left: 0; right: 0; bottom: 64px; border-radius: 8px 8px 0 0 !important; background-color: white; overflow: hidden; } .nld-chatbot .nld-container:focus-visible, .nld-chatbot .nld-group { outline: none; } .nld-chatbot .nld-ctx > div > .nld-container.nld-full { bottom: 0; border-radius: 8px 8px 8px 8px !important; } .nld-chatbot .nld-ctx > div > .nld-overlay { position: absolute; top: 72px; left: 0; right: 0; height: 36px; background: white; background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); } /* Bubbles */ .nld-chatbot .nld-msg .nld-bubble { padding: 16px 24px; margin: 12px; margin-bottom: 0; background: #f0f0f0; line-height: 1.5 !important; font-size: 0.9em !important; display: inline-block; border-radius: 24px !important; overflow-wrap: anywhere; clear: both; } .nld-chatbot .nld-msg .nld-bubble img { margin-top: 6px; width: 100%; } .nld-chatbot .nld-msg .nld-bubble b { font-weight: bold !important; display: initial !important; } .nld-chatbot .nld-msg .nld-bubble a { text-decoration: underline; color: #07c; } /* Bubble left/right styles */ .nld-chatbot .nld-ctx .nld-group.nld-right .nld-bubble { background-image: linear-gradient(to right, #bc002c, #ea083d); color: white; } .nld-chatbot .nld-ctx .nld-group.nld-left .nld-bubble { color: black; } .nld-chatbot .nld-ctx .nld-group.nld-left .nld-bubble p { color: #000 !important; } /* Middle Bubbles .nld-ctx .nld-group.nld-right .nld-bubble { border-radius: 8px 0 0 8px; margin-top: 2px; margin-bottom: 2px; } .nld-ctx .nld-group.nld-left .nld-bubble { border-radius: 0 8px 8px 0; margin-top: 2px; margin-bottom: 2px; } */ /* Bottom Bubbles .nld-ctx .nld-group.nld-right .nld-msg:last-child .nld-bubble { border-radius: 8px 0 8px 8px; margin-top: 2px; } .nld-ctx .nld-group.nld-left .nld-msg:last-child .nld-bubble { border-radius: 0 8px 8px 8px; margin-top: 2px; } */ .nld-chatbot .nld-ctx .nld-group.nld-right .nld-msg:last-child .nld-bubble { margin-bottom: 6px; } .nld-chatbot .nld-ctx .nld-group.nld-left .nld-msg:last-child .nld-bubble { margin-bottom: 6px; } /* Top Bubbles .nld-ctx .nld-group.nld-right .nld-msg:first-child .nld-bubble { border-radius: 8px 8px 0 8px; margin-top: 0; } .nld-ctx .nld-group.nld-left .nld-msg:first-child .nld-bubble { border-radius: 8px 8px 8px 0; margin-top: 0; } */ .nld-chatbot .nld-ctx .nld-group.nld-right .nld-msg:first-child .nld-bubble { margin-top: 0; } .nld-chatbot .nld-ctx .nld-group.nld-left .nld-msg:first-child .nld-bubble { margin-top: 0; } /* Message groups (blocks of speech) */ .nld-chatbot .nld-ctx .nld-group { display: block; clear: both; max-width: 80%; margin: 6px; } .nld-chatbot .nld-ctx .nld-group.nld-full { display: block; clear: both; width: 100%; max-width: calc(100% - 48px); margin-bottom: 16px; margin-top: 16px; } .nld-chatbot .nld-ctx .nld-group.nld-nomargin { position: relative; display: block; clear: both; width: calc(100% + 6px); max-width: calc(100% + 6px); right: -6px; margin: 0; padding: 0; } /* Left/Right message groups */ .nld-chatbot .nld-ctx .nld-group.nld-left { float: left; text-align: left; } .nld-chatbot .nld-ctx .nld-group.nld-right { float: right; text-align: right; } /* * Message containers (inside groups). Used to allow for custom * content like avatars side by side inside message groups. */ .nld-chatbot .nld-ctx .nld-group.nld-left .nld-container { max-width: calc(100% - 40px); min-width: 200px; } .nld-chatbot .nld-ctx .nld-group.nld-full .nld-container { max-width: 21em; width: 100%; } .nld-chatbot .nld-ctx .nld-group.nld-left .nld-container { float: left; } .nld-chatbot .nld-ctx .nld-group.nld-right .nld-container { float: right; } /* Message group avatar */ .nld-chatbot .nld-group.nld-left .nld-msg-avatar { float: left; margin-left: 8px; } .nld-chatbot .nld-group.nld-right .nld-msg-avatar { float: right; margin-right: 8px; } .nld-chatbot .nld-msg-avatar > .nld-img { width: 32px; height: 32px; border-radius: 16px !important; object-fit: cover; } /* Timestamps */ .nld-chatbot .nld-timestamp { display: block; color: #979797; font-size: 0.75em !important; margin: 6px 0 6px 6px; } .nld-chatbot .nld-group.nld-left .nld-timestamp { float: right; } .nld-chatbot .nld-group.nld-right .nld-timestamp { float: right; color: #f5f5f5; } /* Text Input */ .nld-chatbot .nld-input { position: absolute; left: 0; right: 0; bottom: 16px; height: 48px; border-radius: 0 0 8px 8px !important; } .nld-chatbot .nld-input.nld-plain { box-shadow: none; } .nld-chatbot .nld-input.nld-hide { height: 0; } .nld-chatbot .nld-input.nld-hide .nld-submit { display: none; } .nld-chatbot .nld-input > .nld-submit { box-sizing: content-box; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFzSURBVGiB7dkxa9ZQFAbgk9LFycGhg4g6ODpUunXs0PoDtODgIvgX3J2k/0DoIA5uOtil0Klbl24iFDp1KwgODkVUHpeGihb7ff1uvJF7HsiYw3lJbnJzEpFSSimllFJKKZWHRbzCA3S1+xkcdpzZx/3aPQ0K7/xpF8u1exsENs4J3NvBvdo9FoWnfwkMP/AGd2r3WgRWLgjc+4bXuFW755ng5oSBe1/xEgu1e78UzOFkytDwBS9wtXaGqeHjJQL3PuEZrtTOMTG8nyFw7whPMF+yt7mSxX5xWKDGjYjYjIgPeGjMuzY8KnCFf7ePtdrZzoUOj/EWnwsHH/euDfNYxnPs4Xuh4Fu4O20//3xd4FpErETE6ulxfYZyJxFxu+u640lPGOqh1a6x3dKD0NpDy4hfS0Ot4aWCtQ4iYj0ilrqu2y5Ytxwj3loOQksfD1r7PNTgAKC5EU9zQ7zmxrTNDeKb+9XS1s+0lFJKKaWUUkr/o581mM0INt+/SAAAAABJRU5ErkJggg==); background-size: 30px 30px; width: 30px; height: 30px; display: inline-block; position: absolute; right: 24px; bottom: 6px; border-radius: 16px !important; border: 1px solid; z-index: 3; } .nld-chatbot .nld-input > .nld-submit:hover { cursor: pointer; } .nld-chatbot .nld-input > .nld-submit.nld-only { left: 50%; transform: translateX(-50%); width: auto; text-align: center; line-height: 30px !important; text-transform: uppercase; background: transparent !important; } .nld-chatbot .nld-input > input { width: calc(100% - 95px) !important; height: 46px !important; background: white; color: black !important; border-radius: 32px !important; outline: none; border: 2px solid #eee; margin: 0 14px; padding: 0 46px 0 16px !important; padding-bottom: 2px; background: initial !important; font-size: 1em !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: initial; } /* iOS Fix */ input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Select Box */ .nld-chatbot .nld-input select { width: calc(100% - 100px) !important; height: 46px !important; background: white; color: black !important; position: relative; border-radius: 32px !important; outline: none; border: 2px solid #eee; margin: 0 14px; padding: 0 52px 0 16px !important; padding-bottom: 2px; font-size: 1em !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nld-chatbot .nld-input > .custom-select { position: relative; } .nld-chatbot .nld-input > .custom-select:after { content: '▼'; position: absolute; color: #4c4c4c; top: 4px; right: 60px; padding: 12px 7px; pointer-events: none; z-index: 3; } .nld-chatbot .nld-input > select::-ms-expand { display: none; } /* Selectors (Single/Multi option) */ .nld-chatbot .nld-sel { padding: 24px 0; margin: 0; right: 6px; position: relative; } .nld-chatbot .nld-sel > .nld-opt { padding: 12px 24px; border-radius: 24px !important; display: inline-block; cursor: pointer; color: white; background-image: linear-gradient(to right, #bc002c, #ea083d); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); margin: 3px; text-align: center; } .nld-chatbot .nld-sel > .nld-opt:hover { box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.3); } .nld-chatbot .nld-sel.nld-multi { padding: 12px 0; } .nld-chatbot .nld-sel.nld-multi > .nld-opt.nld-selected { background-image: linear-gradient(to right, #f31448, #ff6084); } .nld-chatbot .nld-sel.nld-multi > .nld-opt { background: transparent; border: 1px solid #f31448; color: #222; } .nld-chatbot .nld-secondary { padding: 4px 8px; background: transparent !important; color: #0592ff !important; box-shadow: none !important; border: none !important; font-size: 12px !important; text-decoration: underline !important; } .nld-chatbot .nld-secondary:hover { box-shadow: none !important; color: #0277d1 !important; } .nld-chatbot .nld-secondary.nld-selected { background-image: none !important; } /* Message-Selector */ .nld-chatbot .nld-sel.nld-messages { padding: 0; margin: 0; padding-top: 12px; } .nld-chatbot .nld-sel.nld-messages > .nld-opt { margin: 6px 6px 0 0; padding: 12px 16px; border-radius: 24px !important; display: inline-block; cursor: pointer; color: white; background-image: linear-gradient(to right, #bc002c, #ea083d); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } .nld-chatbot .nld-sel.nld-messages > .nld-opt:hover { background-image: linear-gradient(to right, #bc002c, #ea083d); box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.3); } .nld-chatbot .nld-sel.nld-messages > .nld-opt.nld-selected { background-image: linear-gradient(to right, #f31448, #ff6084); } /* Time Selector */ .nld-chatbot .nld-sel.nld-time { margin-right: 16px; border-radius: 8px !important; border: 1px solid #bc002c; overflow: hidden; } .nld-chatbot .nld-timedisplay { background-image: linear-gradient(to right, #bc002c, #ea083d); font-size: 3em !important; color: rgba(255, 255, 255, 0.8); padding: 6px 24px; } .nld-chatbot .nld-timepicker { background: white; padding: 6px; } .nld-chatbot .nld-timepicker .nld-clock { width: 14em; height: 14em; border-radius: 7em !important; background: #eee; position: relative; } .nld-chatbot .nld-clock .nld-num-container { width: 11em; height: 11em; top: 1.5em; left: 1.5em; position: relative; } .nld-chatbot .nld-clock .nld-pivot { box-sizing: content-box; position: absolute; top: 50%; left: 50%; margin-top: -0.25em; margin-left: -0.25em; width: 0.5em; height: 0.5em; border-radius: 0.5em !important; border: 2px solid #ea083d; } .nld-chatbot .nld-clock .nld-pointer { position: absolute; top: 0.25em; left: 0.5em; margin-top: -1px; width: 4.55em; height: 2px; transform-origin: -0.25em 1px; background: #ea083d; } .nld-chatbot .nld-clock .nld-clock-num { position: absolute; width: 2em; height: 2em; margin-top: -1em; margin-left: -1em; line-height: 2em !important; text-align: center; vertical-align: middle; cursor: pointer; color: #888; border-radius: 1em !important; } .nld-chatbot .nld-clock .nld-clock-num.nld-disabled { color: #ddd; } .nld-chatbot .nld-clock .nld-clock-num:hover { color: black; } .nld-chatbot .nld-clock .nld-clock-num.nld-selected { color: white; background: #ea083d; } .nld-chatbot .nld-timedisplay .nld-hours { display: inline-block; cursor: pointer; } .nld-chatbot .nld-timedisplay .nld-minutes { display: inline-block; cursor: pointer; } .nld-chatbot .nld-timedisplay .nld-sep { display: inline-block; color: #eee; } .nld-chatbot .nld-hours.nld-selected { color: white; border-bottom: 3px solid white; } .nld-chatbot .nld-minutes.nld-selected { color: white; border-bottom: 3px solid white; } .nld-chatbot .nld-timedisplay .nld-period { float: right; font-size: 0.33em !important; margin-top: 0.8em; margin-left: 1em; } .nld-chatbot .nld-period .nld-day { cursor: pointer; } .nld-chatbot .nld-period .nld-night { cursor: pointer; } .nld-chatbot .nld-period .nld-day.nld-selected { color: white; font-weight: bold !important; } .nld-chatbot .nld-period .nld-night.nld-selected { color: white; font-weight: bold !important; } /* Date selector */ .nld-chatbot .nld-sel.nld-date { padding: 0; padding-bottom: 12px; right: 6px; position: relative; } .nld-chatbot .nld-cal { position: relative; min-width: 18em; width: 100%; height: 16em; background: white; border-radius: 8px !important; border: 1px solid #cf0237; color: #444; font-size: 0.8em !important; overflow: hidden; } .nld-chatbot .nld-cal > .nld-row { width: 100%; height: 2em; text-align: center; } .nld-chatbot .nld-row.nld-title { font-weight: bold !important; color: white; background-image: linear-gradient(to right, #bc002c, #ea083d); } .nld-chatbot .nld-row.nld-header { font-weight: bold !important; color: white; background-image: linear-gradient(to right, #bc002c, #ea083d); border-radius: 6px 6px 0 0 !important; vertical-align: middle; } .nld-chatbot .nld-row.nld-header > .nld-header { padding-top: 0.5em; } .nld-chatbot .nld-cal .nld-prev { float: left; padding-left: 12px; cursor: pointer; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH'; width: 16px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB7SURBVFiF7dexCoAgFIXhW/R4bRYO9fj1FEV/i+BiUEPdkHPAxeV8oMjVTHkQoAfWtIIHYCFnA6In4HsEEFKpK2IoIHZgFkIIIYRIiFhAfP5Y3Ua0LxmOwl5jZt1LfTmuRwCMF5dwUrnKVV5Nue9Qyg/GcvePie/XrMqcOOCgDspkl64AAAAASUVORK5CYII=); background-size: 16px; background-repeat: no-repeat; } .nld-chatbot .nld-cal .nld-next { float: right; margin-right: 12px; cursor: pointer; width: 16px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB7SURBVFiF7dexCoAgFIXhW/R4bRYO9fj1FEV/i+BiUEPdkHPAxeV8oMjVTHkQoAfWtIIHYCFnA6In4HsEEFKpK2IoIHZgFkIIIYRIiFhAfP5Y3Ua0LxmOwl5jZt1LfTmuRwCMF5dwUrnKVV5Nue9Qyg/GcvePie/XrMqcOOCgDspkl64AAAAASUVORK5CYII=); background-size: 16px; } .nld-chatbot .nld-next.nld-full, .nld-chatbot .nld-prev.nld-full { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACMSURBVFiF7ZdRC0AwFEYv+Xne0B74+fwKcrwoysWwGrlf7WWn9p3aWpuIRQmQA908iqs8hEDLkh5wV3hogU3JGQ8hUMyLqiVnPJREqZQMQOPDTcIkTOIXEk4pWV9Wh/w1EulDh1GZS0Qk8+T3E3ULgGrnkNU+3Mqt3Mo/UR73UcoLnuXRPyZxv2a/ygRSxkAo9hmBFQAAAABJRU5ErkJggg==); } .nld-chatbot .nld-cal .nld-cell { box-sizing: content-box; display: inline-block; width: 14.2857%; height: 50%; padding: 0.5em 0; text-align: center; cursor: pointer; user-select: none; position: relative; } .nld-chatbot .nld-cell.nld-this-month { } .nld-chatbot .nld-cell.nld-disabled { background-color: #eee; cursor: not-allowed; } .nld-chatbot .nld-cell.nld-next-month { color: #bbb; } .nld-chatbot .nld-cell.nld-prev-month { color: #999; } .nld-chatbot .nld-cell.nld-today { font-weight: bold !important; color: black; } .nld-chatbot .nld-cell.nld-selected { font-weight: bold !important; color: black; } .nld-chatbot .nld-cell.nld-selected::after { box-sizing: content-box; width: calc(100% - 8px); height: calc(100% - 6px); border-radius: 6px !important; border: 1px solid #cf0237; opacity: 0.5; position: absolute; top: 3px; left: 3px; content: ''; } /* Scrollbar */ .nld-chatbot .nld-scrollable { width: calc(100% - 6px); height: 100%; box-sizing: content-box; overflow-y: scroll; overflow-x: hidden; margin-right: -50px; padding-right: 50px; } .nld-chatbot .nld-scrollbar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; } .nld-chatbot .nld-handle { width: 100%; position: absolute; border-radius: 3px !important; background: #ea083d; opacity: 0.8; } .nld-chatbot .nld-whitespace { width: 100%; height: 1em; background: none; } .nld-chatbot .nld-input .nld-tooltip-error { position: absolute; display: flex; background-color: #cb2134; color: #fff; margin: 0px 20px; width: calc(100% - 64px) !important; border-radius: 8px; padding: 5px 10px; font-size: 14px !important; transform: translateY(-135%); box-shadow: 0 1px 8px rgb(0 0 0 / 50%); } .nld-chatbot .nld-input .nld-tooltip-error:after { content: ''; position: absolute; display: block; width: 14px; height: 14px; transform-origin: 50% 50%; transform: rotate(45deg) translateX(-50%); background-color: inherit; z-index: -10; left: 20px; top: auto; bottom: -10px; border-radius: 2px; } .nld-chatbot .nld-multi .nld-tooltip-error { position: absolute; display: flex; background-color: #cb2134; color: #fff; border-radius: 8px; padding: 5px 10px; right: 0; font-size: 14px !important; transform: translateY(-135%); box-shadow: 0 1px 8px rgb(0 0 0 / 50%); } .nld-chatbot .nld-multi .nld-tooltip-error:after { content: ''; position: absolute; display: block; width: 14px; height: 14px; transform-origin: 50% 50%; transform: rotate(45deg) translateX(-50%); background-color: inherit; z-index: -10; right: 20px; top: auto; bottom: -10px; border-radius: 2px; } .nld-chatbot .nld-bubble a.whatsapp-link { text-decoration: none; } .nld-chatbot .nld-bubble a.whatsapp-link > div { background: #455a64; color: white; padding: 1em; border-radius: 0.5em; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); font-weight: bold; margin-top: 1em; } .nld-chatbot .nld-bubble a.whatsapp-link > div > img { width: 2em; height: 2em; margin-top: -0.25em; margin-right: 0.25em; float: left; } .nld-chatbot .nld-bubble a.reset-chat { color: #ffffff; font-weight: bold !important; } .nld-chatbot .nld-bubble a.reset-chat > img { margin-left: 10px; vertical-align: -5px; margin-top: 0 !important; width: inherit !important; } /* Media Queries */ @media only screen and (max-device-width: 720px) { .nld-chatbot.nld-center .nld-conversation { width: auto; height: auto; max-height: none; min-height: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 32767; } } @media only screen and (max-width: 720px) { .nld-chatbot.nld-center > .nld-avatar { left: 0 !important; margin-left: 0 !important; } } @media only screen and (max-device-width: 720px) { .nld-chatbot .nld-conversation { border-radius: 0 !important; } .nld-chatbot .nld-conversation-header { border-radius: 0 !important; } .nld-chatbot .nld-avatar { bottom: 48px; } .nld-chatbot .nld-conversation, .nld-chatbot.nld-left .nld-conversation, .nld-chatbot.nld-right .nld-conversation { width: auto; height: auto; max-height: none !important; min-height: none !important; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 32767; } .nld-chatbot .nld-invite-message-container { max-width: 200px; max-width: calc(100vw - 138px); } .nld-chatbot .nld-invite-message-container.nld-notification .nld-invite-message-text { min-width: 0 !important; } .nld-chatbot .nld-invite-message-container.nld-notification .nld-footer.nld-verified { display: none !important; } .nld-chatbot .nld-ctx > div > .nld-container, .nld-ctx > div > .nld-overlay { top: 72px; border-radius: 0 !important; } .nld-chatbot .nld-ctx > div > .nld-container { bottom: 76px; } .nld-chatbot .nld-ctx > div > .nld-container.nld-full { bottom: 18px; } .nld-chatbot .nld-close-white { display: block; } .nld-chatbot .nld-close-black { display: none; } .nld-chatbot .nld-input > input { font-size: 1.1em !important; } .nld-chatbot .nld-input { bottom: 28px; } .nld-chatbot .nld-msg .nld-bubble { font-size: 1em !important; } } /* Waiting Spinnner */ .nld-chatbot .nld-input .nld-spinner { position: relative; width: 2em; height: 2em; top: 50%; left: 50%; margin-left: -1em; margin-top: -1em; } .nld-chatbot .nld-input .nld-spinner div { position: absolute; border-width: 0.25em; border-style: solid; border-color: inherit; margin-top: -0.25em; border-radius: 50% !important; animation: nld-spinner 1.6s cubic-bezier(0, 0.35, 0.28, 0.9) infinite; } .nld-chatbot .nld-input .nld-spinner div:nth-child(2) { animation-delay: -0.64s; } @keyframes nld-spinner { 0% { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; } 80% { top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } 100% { opacity: 0; top: 50%; left: 50%; width: 0; height: 0; } } /* Social Proof Icon */ .nld-chatbot .nld-sp-icon { margin: -4px; min-width: 64px; height: 64px; border-radius: 50% !important; background-size: 0%; } .nld-chatbot .nld-sp-icon div:not(:nth-child(3)) { position: absolute; background: inherit; border-radius: 50% !important; animation: nld-pulse 2.6s cubic-bezier(0, 0.35, 0.28, 0.9) infinite; } .nld-chatbot .nld-sp-icon div:nth-child(2) { animation-delay: -0.64s; } .nld-chatbot .nld-sp-icon .nld-img { position: absolute; width: 100%; height: 100%; border-radius: 50% !important; background-size: 100%; } .nld-chatbot .nld-sp-icon.nld-right { margin-right: 0; margin-left: 12px; animation: nld-slide-in 0.8s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; } .nld-chatbot .nld-sp-icon.nld-left { margin-left: 0; margin-right: 12px; animation: nld-slide-in 0.4s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; } .nld-chatbot .nld-footer { display: none; } .nld-chatbot .nld-footer.nld-verified::before { position: absolute; top: 50%; left: -1.2em; width: 1em; height: 1em; margin-top: -0.5em; content: 'C'; font-family: neurolead !important; color: white; background: #58f; border-radius: 50% !important; line-height: 1em !important; } .nld-chatbot .nld-invite-message-container.nld-notification .nld-footer.nld-verified { display: block; opacity: 0; text-align: right; position: absolute; right: 8px; bottom: 0; font-size: 75% !important; color: #58f; animation: nld-slide-in 0.4s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; animation-delay: 0.5s; } .nld-chatbot .nld-invite-message-container.nld-notification .nld-footer.nld-time { display: block; opacity: 0; position: absolute; left: 92px; bottom: 0; font-size: 75% !important; color: #aaa; animation: nld-slide-in 0.4s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; animation-delay: 0.25s; } .nld-chatbot.nld-left .nld-invite-message-container.nld-notification .nld-footer.nld-time { left: 16px; text-align: left; } .nld-chatbot.nld-left .nld-invite-message-container.nld-notification .nld-footer.nld-verified { right: 86px; text-align: right; } .nld-chatbot .nld-invite-message-container.nld-notification .nld-invite-message-text { min-width: 180px; margin-bottom: 16px; line-height: 1.2em !important; align-self: flex-start; } @keyframes nld-pulse { 0% { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; } 60% { top: -25%; left: -25%; width: 150%; height: 150%; opacity: 0; } 100% { opacity: 0; top: 50%; left: 50%; width: 0; height: 0; } } .nld-chatbot .nld-popup-container { position: absolute; bottom: 3.5em; width: 100%; left: 0; } .nld-chatbot .nld-popup-container .nld-popup { margin: 0 0.75em; background: #fff0f1; border-radius: 0.5em; box-shadow: 0 4px 6px -5px rgba(0, 0, 0, 0.2); border: 1px solid #f2dcd0; color: #a33; padding: 1em 2em; text-align: center; font-size: 1.25em !important; } .nld-chatbot .countries_list_btn { border: none; cursor: pointer; display: flex; align-items: center; position: absolute; outline: none; height: 30px; bottom: 6px; left: 24px; padding: 2px 2px!important; background-color: transparent !important; border-color: transparent !important; } .nld-chatbot .countries_list_btn:focus{ outline-style: none; padding: 2px 2px !important; } .nld-chatbot .countriesList { position: relative; display: inline-block; } .nld-chatbot .countries_list_content { display: none; position: absolute; z-index: 1; height: 350px; overflow: auto; background-color: #fff; bottom: 50px; left: 15px; right: 15px; border: solid 2px; border-radius: 10px; } .nld-chatbot .countries_list_content a { color: black; padding: 0px 10px; text-decoration: none; cursor: pointer; display: block; } .nld-chatbot .countries_list_content a:hover {background-color: #f1f1f1} .nld-chatbot .countriesList:hover .countries_list_content { display: block; } .nld-chatbot .arrow { border: solid gray; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; } .nld-chatbot .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 5px; } .nld-chatbot .telinput { border: 0; } .nld-chatbot .telinput:focus{ outline: none; } .nld-chatbot .tel { align-items: center; border: solid 1px grey; width: fit-content; } .nld-chatbot .iti { position: relative; display: inline-block; } .nld-chatbot .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .nld-chatbot .iti__flag-box { margin-right: 10px; } .nld-chatbot .iti__dial-code { color: #999; } .nld-chatbot .iti__flag-country { display: flex; align-items: center; padding: 5px 0px; } .nld-chatbot .iti__dial-code { padding-left: 10px; } .nld-chatbot .iti__flag { width: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .nld-chatbot .iti__flag { background-size: 5652px 15px; } } .nld-chatbot .iti__flag.iti__be { width: 18px; } .nld-chatbot .iti__flag.iti__ch { width: 15px; } .nld-chatbot .iti__flag.iti__mc { width: 19px; } .nld-chatbot .iti__flag.iti__ne { width: 18px; } .nld-chatbot .iti__flag.iti__np { width: 13px; } .nld-chatbot .iti__flag.iti__va { width: 15px; } .nld-chatbot .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .nld-chatbot .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .nld-chatbot .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .nld-chatbot .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .nld-chatbot .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .nld-chatbot .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .nld-chatbot .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .nld-chatbot .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .nld-chatbot .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .nld-chatbot .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .nld-chatbot .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .nld-chatbot .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .nld-chatbot .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .nld-chatbot .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .nld-chatbot .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .nld-chatbot .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .nld-chatbot .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .nld-chatbot .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .nld-chatbot .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .nld-chatbot .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .nld-chatbot .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .nld-chatbot .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .nld-chatbot .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .nld-chatbot .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .nld-chatbot .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .nld-chatbot .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .nld-chatbot .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .nld-chatbot .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .nld-chatbot .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .nld-chatbot .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .nld-chatbot .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .nld-chatbot .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .nld-chatbot .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .nld-chatbot .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .nld-chatbot .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .nld-chatbot .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .nld-chatbot .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .nld-chatbot .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .nld-chatbot .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .nld-chatbot .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .nld-chatbot .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .nld-chatbot .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .nld-chatbot .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .nld-chatbot .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .nld-chatbot .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .nld-chatbot .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .nld-chatbot .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .nld-chatbot .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .nld-chatbot .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .nld-chatbot .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .nld-chatbot .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .nld-chatbot .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .nld-chatbot .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .nld-chatbot .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .nld-chatbot .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .nld-chatbot .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .nld-chatbot .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .nld-chatbot .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .nld-chatbot .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .nld-chatbot .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .nld-chatbot .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .nld-chatbot .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .nld-chatbot .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .nld-chatbot .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .nld-chatbot .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .nld-chatbot .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .nld-chatbot .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .nld-chatbot .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .nld-chatbot .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .nld-chatbot .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .nld-chatbot .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .nld-chatbot .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .nld-chatbot .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .nld-chatbot .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .nld-chatbot .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .nld-chatbot .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .nld-chatbot .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .nld-chatbot .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .nld-chatbot .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .nld-chatbot .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .nld-chatbot .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .nld-chatbot .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .nld-chatbot .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .nld-chatbot .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .nld-chatbot .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .nld-chatbot .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .nld-chatbot .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .nld-chatbot .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .nld-chatbot .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .nld-chatbot .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .nld-chatbot .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .nld-chatbot .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .nld-chatbot .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .nld-chatbot .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .nld-chatbot .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .nld-chatbot .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .nld-chatbot .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .nld-chatbot .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .nld-chatbot .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .nld-chatbot .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .nld-chatbot .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .nld-chatbot .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .nld-chatbot .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .nld-chatbot .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .nld-chatbot .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .nld-chatbot .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .nld-chatbot .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .nld-chatbot .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .nld-chatbot .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .nld-chatbot .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .nld-chatbot .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .nld-chatbot .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .nld-chatbot .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .nld-chatbot .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .nld-chatbot .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .nld-chatbot .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .nld-chatbot .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .nld-chatbot .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .nld-chatbot .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .nld-chatbot .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .nld-chatbot .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .nld-chatbot .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .nld-chatbot .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .nld-chatbot .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .nld-chatbot .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .nld-chatbot .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .nld-chatbot .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .nld-chatbot .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .nld-chatbot .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .nld-chatbot .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .nld-chatbot .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .nld-chatbot .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .nld-chatbot .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .nld-chatbot .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .nld-chatbot .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .nld-chatbot .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .nld-chatbot .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .nld-chatbot .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .nld-chatbot .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .nld-chatbot .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .nld-chatbot .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .nld-chatbot .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .nld-chatbot .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .nld-chatbot .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .nld-chatbot .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .nld-chatbot .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .nld-chatbot .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .nld-chatbot .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .nld-chatbot .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .nld-chatbot .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .nld-chatbot .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .nld-chatbot .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .nld-chatbot .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .nld-chatbot .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .nld-chatbot .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .nld-chatbot .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .nld-chatbot .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .nld-chatbot .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .nld-chatbot .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .nld-chatbot .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .nld-chatbot .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .nld-chatbot .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .nld-chatbot .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .nld-chatbot .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .nld-chatbot .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .nld-chatbot .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .nld-chatbot .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .nld-chatbot .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .nld-chatbot .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .nld-chatbot .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .nld-chatbot .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .nld-chatbot .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .nld-chatbot .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .nld-chatbot .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .nld-chatbot .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .nld-chatbot .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .nld-chatbot .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .nld-chatbot .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .nld-chatbot .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .nld-chatbot .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .nld-chatbot .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .nld-chatbot .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .nld-chatbot .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .nld-chatbot .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .nld-chatbot .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .nld-chatbot .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .nld-chatbot .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .nld-chatbot .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .nld-chatbot .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .nld-chatbot .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .nld-chatbot .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .nld-chatbot .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .nld-chatbot .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .nld-chatbot .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .nld-chatbot .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .nld-chatbot .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .nld-chatbot .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .nld-chatbot .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .nld-chatbot .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .nld-chatbot .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .nld-chatbot .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .nld-chatbot .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .nld-chatbot .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .nld-chatbot .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .nld-chatbot .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .nld-chatbot .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .nld-chatbot .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .nld-chatbot .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .nld-chatbot .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .nld-chatbot .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .nld-chatbot .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .nld-chatbot .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .nld-chatbot .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .nld-chatbot .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .nld-chatbot .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .nld-chatbot .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .nld-chatbot .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .nld-chatbot .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .nld-chatbot .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .nld-chatbot .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .nld-chatbot .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .nld-chatbot .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .nld-chatbot .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .nld-chatbot .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .nld-chatbot .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .nld-chatbot .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .nld-chatbot .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .nld-chatbot .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .nld-chatbot .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .nld-chatbot .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .nld-chatbot .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .nld-chatbot .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .nld-chatbot .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .nld-chatbot .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .nld-chatbot .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .nld-chatbot .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .nld-chatbot .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .nld-chatbot .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .nld-chatbot .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .nld-chatbot .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .nld-chatbot .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .nld-chatbot .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .nld-chatbot .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .nld-chatbot .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .nld-chatbot .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .nld-chatbot .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .nld-chatbot .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .nld-chatbot .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .nld-chatbot .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .nld-chatbot .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .nld-chatbot .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .nld-chatbot .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .nld-chatbot .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .nld-chatbot .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .nld-chatbot .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .nld-chatbot .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .nld-chatbot .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .nld-chatbot .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .nld-chatbot .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("#/leadster/app/image/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .nld-chatbot .iti__flag { background-image: url("#/leadster/app/image/flags@2x.png"); } } .nld-chatbot .iti__flag.iti__np { background-color: transparent; } .go2933276541{position:fixed;display:block;width:100%;height:0px;margin:0px;padding:0px;overflow:visible;transform-style:preserve-3d;background:transparent;backface-visibility:hidden;pointer-events:none;left:0px;z-index:9998;}.go2369186930{top:0px;z-index:9999;height:100%;width:100%;}.go1348078617{bottom:0px;}.go2417249464{position:fixed;z-index:9989;}.go3921366393{left:0;bottom:0;}.go3967842156{right:0;bottom:0;}.go613305155{left:0;top:0;}.go471583506{right:0;top:0;}.go3670563033{position:relative;overflow:hidden;display:none;}.go1041095097{display:block;}.go1632949049{position:absolute;pointer-events:none;width:101vw;height:101vh;background:rgba(0,0,0,0.7);opacity:0;z-index:-1;}.go2512015367{z-index:99998;opacity:0.8;visibility:visible;pointer-events:all;cursor:pointer;}.go1432718904{overflow:hidden;}.go812842568{display:block !important;position:static !important;box-sizing:border-box !important;background:transparent !important;border:none;min-height:0px !important;max-height:none !important;margin:0px;padding:0px !important;height:100% !important;width:1px !important;max-width:100% !important;min-width:100% !important;}.go4194603687{z-index:99999;visibility:hidden;position:absolute;inset:50vh auto auto 50%;transform:translate(-50%,-50%);left:50%;top:150%;pointer-events:none;max-height:95%;max-width:95%;}.go4258295619{pointer-events:auto !important;visibility:visible;top:50%;transition:top 0.75s linear(0,0.006,0.023 2.2%,0.096 4.8%,0.532 15.4%,0.72 21%,0.793,0.853 26.7%,0.902,0.941,0.968 36.2%,0.987 39.7%,1 43.7%,1.007 48.3%,1.009 55.3%,1.002 78.2%,1 );}.go456419034{transition:opacity 0.3s ease-in;}.go3128134379{pointer-events:auto !important;visibility:visible !important;max-height:95vh !important;transition:max-height 1s ease-in;}.go494047706{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;}.go2481764524{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;bottom:0px;}.go2685733372{visibility:hidden;}.go2985984737{visibility:visible !important;}.go3281949485{pointer-events:auto !important;visibility:visible !important;max-height:95vh !important;transform:none !important;}.go3508454897{z-index:9999;width:100%;max-height:95%;position:fixed;visibility:hidden;transition:transform 1s linear(0,0.006,0.022 2.3%,0.091 5.1%,0.18 7.6%,0.508 16.3%,0.607,0.691,0.762,0.822 28.4%,0.872,0.912 35.1%,0.944 38.9%,0.968 43%,0.985 47.6%,0.996 53.1%,1.001 58.4%,1.003 65.1%,1 );}.go988075951{z-index:9999;position:fixed;left:10px;top:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go2699082514{z-index:9999;position:fixed;right:10px;top:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go1595992025{z-index:9999;position:fixed;left:10px;bottom:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go1222083472{z-index:9999;position:fixed;right:10px;bottom:10px;max-height:95vh !important;max-width:95%;visibility:hidden;}.go722322694{transition:none !important;}.go26732895{cursor:pointer;}.go2083580917{display:flex;justify-content:center;align-items:center;} html.hs-messages-widget-open.hs-messages-mobile,html.hs-messages-widget-open.hs-messages-mobile body{overflow:hidden!important;position:relative!important}html.hs-messages-widget-open.hs-messages-mobile body{height:100%!important;margin:0!important}#hubspot-messages-iframe-container{display:initial!important;z-index:2147483647;position:fixed!important;bottom:0!important}#hubspot-messages-iframe-container.widget-align-left{left:0!important}#hubspot-messages-iframe-container.widget-align-right{right:0!important}#hubspot-messages-iframe-container.internal{z-index:1016}#hubspot-messages-iframe-container.internal iframe{min-width:108px}#hubspot-messages-iframe-container .hs-shadow-container{display:initial!important;z-index:-1;position:absolute;width:0;height:0;bottom:0;content:""}#hubspot-messages-iframe-container .hs-shadow-container.internal{display:none!important}#hubspot-messages-iframe-container .hs-shadow-container.active{width:400px;height:400px}#hubspot-messages-iframe-container iframe{display:initial!important;width:100%!important;height:100%!important;border:none!important;position:absolute!important;bottom:0!important;right:0!important;background:transparent!important}.hs-drag-handle{position:absolute;bottom:16px;cursor:grab;height:60px;display:none;align-items:center}.hs-drag-handle--right{right:76px}.hs-drag-handle--left{left:76px}.hs-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;user-select:none;z-index:999;display:none} #hubspot-messages-iframe-container { z-index: 9990!important; } @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); #chatbot_borda_cellphone { background-image: url("https://phpstack-561397-2793539.cloudwaysapps.com/assets/images/cell.png"); background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; height: 610px; width: 320px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; } #chatbot_background { background-image: url("https://phpstack-561397-2793539.cloudwaysapps.com/assets/images/whatsapp_bg.jpg"); border-radius: 30px; width: 285px; height: 490px; margin: 10px; display: flex; align-items: center; flex-direction: column; } .chat-container { margin: 5px; display: flex; flex-direction: column; gap: 5px; } #contact-header { margin: 0; width: 285px; padding: 15px; border-top-left-radius: 30px; border-top-right-radius: 30px; background-color: #04695f; display: flex; gap: 10px; height: 60px; align-items: center; color: #fff; } #contact_photo { background-color: aliceblue; border-radius: 50px; width: 40px; height: 40px; display: flex; justify-content: center; } #contact_nome_status{ display: flex; justify-content: center; flex-direction: column; } #contact_nome_status h3{ margin: 0; display: flex; flex-direction: column; font-size: 17px; font-weight: 700; } #contact_nome_status p { margin: 0; font-size: 12px; } .chat-container { flex-grow: 1; overflow-y: scroll; padding: 10px; } .input-container { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px; } #input-container-white { height: 40px; width: 220px; background-color: #fff; display: flex; padding: 5px 10px; align-items: center; border-radius: 30px; box-shadow: 0.5px 0.5px 0.5px 1px #0000000a; gap: 4px; } #input-container-white p { line-height: 1px; font-size: 30px; margin: 0 5px; color: #909399; } #message-input { flex-grow: 1; border: 0; outline: none; padding: 5px; width: 70px; height: 20px; } #send-button { background-color: #00897B; border: none; border-radius: 50%; cursor: pointer; height: 40px; width: 40px; display: flex; padding: 0; align-items: center; justify-content: center; box-shadow: 0.5px 0.5px 0.5px 1px #0000000a; } #send-button:focus { outline-style: none; } #send-button-icon { position: relative; left: 2px; } .mensagem-cliente-horario, .mensagem-atendimento-horario{ color: #909399; font-size: 10px; font-weight: 500; text-align: right; padding: 0; margin: 0; } .mensagem-atendimento-horario-novo { display: flex; justify-content: end; align-items: center; gap: 4px; } .mensagem-cliente-field:first-of-type:before, .mensagem-cliente-field + .mensagem-atendimento-field:before, .mensagem-atendimento-field + .mensagem-cliente-field:before { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top-width: 30px; border-top-style: solid; position: absolute; z-index: -1; top: 0; content: ''; } .mensagem-cliente-field + .mensagem-atendimento-field:before { right: -7px; border-top-color: #d9fdd3; } .mensagem-cliente-field:first-of-type:before, .mensagem-atendimento-field + .mensagem-cliente-field:before { left: -7px; border-top-color: #fff; } .mensagem-atendimento-field, .mensagem-cliente-field { z-index: 1; position: relative; box-shadow: 0.5px 0.5px 0.5px 1px #0000000a; padding: 5px; display: flex; flex-direction: column; border-radius: 10px; word-break: break-word; min-width: 55px; } .mensagem-cliente-field { background-color: #fff; max-width: 80%; } .mensagem-atendimento-field { margin: 5px 0; background-color: #d9fdd3; margin-left: auto; max-width: 220px; } .mensagem-atendimento-texto, .mensagem-cliente-texto { padding: 2px 0; margin: 0; } .mensagem-cliente-imagem { display: flex; margin: 0; padding: 0; } .check-icon { fill: #909399; } .contact-icons { width: 130px; display: flex; align-items: center; justify-content: end; }