@charset "utf-8";

div#main[_ngcontent-ng-c2445345205] { position: absolute; inset: 0px; width: auto; height: auto; text-align: center; background-color: var(--dialog-background); border-top-left-radius: 10px; border-top-right-radius: 10px; }

.height100[_ngcontent-ng-c2445345205] { height: 100%; }

div#co_msg[_ngcontent-ng-c2445345205] { padding-top: 2px; }

div#co_msg[_ngcontent-ng-c2445345205] span[_ngcontent-ng-c2445345205] { white-space: pre-wrap; }

.popup-header[_ngcontent-ng-c2445345205] { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }

.header[_ngcontent-ng-c2445345205] { height: 112px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: linear-gradient(253deg,var(--dialog-header-background-gradient-start),var(--dialog-header-background-gradient-end)); }

.header[_ngcontent-ng-c2445345205] .header-title[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; width: 100%; height: 24px; font-size: 18px; font-weight: 600; text-align: center; color: var(--dialog-header-title-color); margin-top: 30px; display: inline-block; padding: 0px 50px; }

.header[_ngcontent-ng-c2445345205] .header-info[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; height: 17px; font-size: 12px; text-align: center; color: var(--dialog-header-subtitle-color); }

.line-3[_ngcontent-ng-c2445345205] { width: 45%; margin: 16px auto 10px; height: 0px; opacity: 0.3; border: solid 1px var(--dialog-header-separator-color); left: 50%; }

.chat-fields-page[_ngcontent-ng-c2445345205] { margin-left: 15px; margin-right: 15px; }

.contact-us-options-page[_ngcontent-ng-c2445345205] { padding-top: 5px; }

.coMessage[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-size: 12px; text-align: center; width: 90%; margin-top: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px, rgba(0, 0, 0, 0.12) 0px 1px 18px; }

.close-button[_ngcontent-ng-c2445345205] { position: absolute; height: 35px; width: 30px; right: 4px; cursor: pointer; }

.launch-button[_ngcontent-ng-c2445345205] { position: absolute; height: 35px; width: 30px; right: 30px; cursor: pointer; }

.top-close[_ngcontent-ng-c2445345205] { border: 0px; object-fit: contain; margin: auto; display: block; top: 50%; transform: translateY(-50%); position: relative; }

.top-close.white[_ngcontent-ng-c2445345205] .svg-regular[_ngcontent-ng-c2445345205], .top-close.white[_ngcontent-ng-c2445345205] .svg-hover[_ngcontent-ng-c2445345205] { stroke: transparent; color: var(--dialog-header-landing-close-icon-color); fill: var(--dialog-header-landing-close-icon-color); }

.top-close.black[_ngcontent-ng-c2445345205] .svg-regular[_ngcontent-ng-c2445345205], .top-close.black[_ngcontent-ng-c2445345205] .svg-hover[_ngcontent-ng-c2445345205] { stroke: transparent; color: var(--dialog-header-chat-close-icon-color); fill: var(--dialog-header-chat-close-icon-color); }

.dropdown-menu[_ngcontent-ng-c2445345205] { background-color: var(--dialog-header-dropdown-menu-background); }

.dropdown-item[_ngcontent-ng-c2445345205] { background-color: var(--dialog-header-dropdown-item-background); color: var(--dialog-header-dropdown-item-color); }

.dropdown-option[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-size: 14px; }

.dropdown-option.end-chat[_ngcontent-ng-c2445345205] { color: var(--dialog-header-dropdown-item-end-chat-color) !important; }

.dropdown-toggle[_ngcontent-ng-c2445345205]::after { width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; display: none !important; }

.back[_ngcontent-ng-c2445345205] { position: absolute; width: 11px; object-fit: contain; top: 11px; left: 12.9px; border: 0px; cursor: pointer; }

.back[_ngcontent-ng-c2445345205] .svg-regular[_ngcontent-ng-c2445345205], .back[_ngcontent-ng-c2445345205] .svg-hover[_ngcontent-ng-c2445345205] { stroke: transparent; color: var(--dialog-header-landing-back-icon-color); fill: var(--dialog-header-landing-back-icon-color); }

.hidden[_ngcontent-ng-c2445345205] { visibility: hidden; }

.live-chat[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-style: normal; font-stretch: normal; letter-spacing: normal; min-width: 156px; height: 40px; border-radius: 20px; background-color: var(--dialog-button-background); line-height: 40px; font-size: 14px; text-align: center; color: var(--dialog-button-color); cursor: pointer; font-weight: var(--dialog-button-font-weight); top: 88%; display: inline-block; padding-left: 10px; padding-right: 10px; }

.disable-live-chat[_ngcontent-ng-c2445345205] { font-family: OpenSans; font-style: normal; font-stretch: normal; letter-spacing: normal; min-width: 156px; height: 40px; border-radius: 20px; background-color: var(--dialog-button-background); line-height: 40px; font-size: 14px; text-align: center; color: var(--dialog-button-color); pointer-events: none; font-weight: var(--dialog-button-font-weight); top: 88%; display: inline-block; padding-left: 10px; padding-right: 10px; opacity: 0.4; }

.overflow[_ngcontent-ng-c2445345205] { --max-lines: 3; position: relative; max-height: calc(1.5rem * var(--max-lines)); overflow: hidden; }

.overflow[_ngcontent-ng-c2445345205]::before { position: absolute; content: "..."; bottom: 0px; right: 6px; }

.overflow[_ngcontent-ng-c2445345205]::after { content: ""; position: absolute; right: 0px; width: 1rem; height: 1rem; background: rgb(255, 193, 7); }

.recaptcha[_ngcontent-ng-c2445345205] > div[_ngcontent-ng-c2445345205] { width: 100% !important; }