contivio-last-update {
	content: 'Wed, 06 Aug 2025 21:56:36 GMT';
}

@font-face {
	font-family: 'Inter';
	src: url("assets/fonts/Inter.eot");
	src: url("assets/fonts/Inter.eot?#iefix") format('embedded-opentype'),
		url("assets/fonts/Inter.woff") format('woff'),
		url("assets/fonts/Inter.ttf") format('truetype'),
		url("assets/fonts/Inter.svg#proximanova") format('svg');
	font-weight: normal;
	font-style: normal;
}
contivio-config {
	content: '%7B%22controls.audioAlert%22%3A%22%22%2C%22controls.audioAlert.chime%22%3A%22%22%2C%22controls.displayAgentName%22%3A%22block%22%2C%22controls.email%22%3A%22flex%22%2C%22controls.print%22%3A%22flex%22%2C%22controls.send%22%3A%22block%22%2C%22controls.sharing.fileAgent%22%3A%22%22%2C%22controls.sharing.fileCustomer%22%3A%22%22%2C%22controls.sharing.urlAgent%22%3A%22%22%2C%22controls.sharing.urlCustomer%22%3A%22%22%2C%22controls.tabFlash%22%3A%22%22%2C%22messages.closed%22%3A%22Chat%20Closed%21%22%2C%22messages.completion%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.dataCollected%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.greeting%22%3A%22Thanks%20for%20contacting%20us.%20Please%20fill%20out%20the%20form%20below%20so%20we%20can%20better%20help%20you%3A%20%22%2C%22messages.pleaseWait%22%3A%22Your%20request%20is%20being%20processed...%22%2C%22messages.queue%22%3A%22A%20customer%20service%20representative%20will%20be%20with%20you%20shortly...%22%2C%22messages.rejected%22%3A%22Sorry%20we%20are%20unable%20to%20take%20your%20message%20right%20now%20as%20our%20office%20is%20currently%20closed.%20We%20will%20reach%20out%20to%20you%20upon%20our%20return.%20%22%2C%22messages.titleBar%22%3A%22Let%27s%20Chat%21%22%2C%22position.chatButton.alignment%22%3A%22right%22%2C%22position.chatButton.bottomSpacing%22%3A%2230%22%2C%22position.chatButton.sideSpacing%22%3A%2234%22%2C%22position.chatWindow.height%22%3A%22505%22%2C%22position.chatWindow.type%22%3A%22chat-frame%22%2C%22position.chatWindow.width%22%3A%22300%22%2C%22serviceId%22%3A19%2C%22styling.general.background%22%3A%22%23ffffff%22%2C%22styling.general.borderColor%22%3A%22%23000000%22%2C%22styling.general.borderRadius%22%3A%226%22%2C%22styling.general.borderThickness%22%3A%220%22%2C%22styling.general.chatButton.background%22%3A%22%2352247f%22%2C%22styling.general.chatButton.borderColor%22%3A%22%23ffffff%22%2C%22styling.general.chatButton.borderRadius%22%3A%2250%22%2C%22styling.general.chatButton.borderThickness%22%3A%220%22%2C%22styling.general.chatButton.icon%22%3A%22assets/img/ico/bubble-6.png%22%2C%22styling.general.chatButton.style%22%3A%22bubble%22%2C%22styling.general.chatButton.clickAction%22%3A%22chat%22%2C%22styling.general.shadow%22%3A%220px%206px%2015px%20-10px%20%234B677C22%3B%22%2C%22styling.general.theme%22%3A%22sportyTheme%22%2C%22styling.general.title.alignment%22%3A%22left%22%2C%22styling.general.title.color%22%3A%22%23ffffff%22%2C%22styling.general.title.font%22%3A%22bold%2016px%20/%2020px%20Inter%22%2C%22styling.general.titleBar.background%22%3A%22%23c4c4c4%22%2C%22styling.general.titleBar.borderRadius%22%3A%2220%22%2C%22styling.messaging.agent.background%22%3A%22%23F6F8FA%22%2C%22styling.messaging.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22styling.messaging.agent.borderRadius%22%3A%226%22%2C%22styling.messaging.agent.borderThickness%22%3A%221%22%2C%22styling.messaging.agent.color%22%3A%22%23000000%22%2C%22styling.messaging.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.bubbleStyle%22%3A%22regular%22%2C%22styling.messaging.chatBox.background%22%3A%22%23ffffff%22%2C%22styling.messaging.chatBox.borderColor%22%3A%22%23E0E2E5%22%2C%22styling.messaging.chatBox.borderThickness%22%3A%221%22%2C%22styling.messaging.chatBox.color%22%3A%22%23000000%22%2C%22styling.messaging.chatBox.font%22%3A%2214px/18px%20Inter%22%2C%22styling.messaging.customer.background%22%3A%22%2352247f%22%2C%22styling.messaging.customer.borderColor%22%3A%22%2352247f%22%2C%22styling.messaging.customer.borderRadius%22%3A%226%22%2C%22styling.messaging.customer.borderThickness%22%3A%221%22%2C%22styling.messaging.customer.color%22%3A%22%23ffffff%22%2C%22styling.messaging.customer.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.style%22%3A%22bubbles%22%2C%22styling.messaging.timestamp%22%3A%22HH%3AMM%22%2C%22styling.query.fields.alignment%22%3A%22left%22%2C%22styling.query.fields.background%22%3A%22%23FFFFFF%22%2C%22styling.query.fields.borderColor%22%3A%22%23E0E2E5%22%2C%22styling.query.fields.borderRadius%22%3A%226%22%2C%22styling.query.fields.borderThickness%22%3A%221%22%2C%22styling.query.fields.color%22%3A%22%23000000%22%2C%22styling.query.fields.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.query.fields.labelMode%22%3A%22modern%22%2C%22styling.query.validation.color%22%3A%22%2352247f%22%2C%22styling.query.labels.alignment%22%3A%22left%3A4px%3B%22%2C%22styling.query.labels.color%22%3A%22%23000000%22%2C%22styling.query.labels.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.query.message.alignment%22%3A%22center%22%2C%22styling.query.message.color%22%3A%22%23000000%22%2C%22styling.query.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.thanks.logo.alignment%22%3A%22center%22%2C%22styling.thanks.logo.size%22%3A%220%22%2C%22styling.thanks.logo.url%22%3A%22assets/img/celebration-white.png%22%2C%22styling.thanks.message.alignment%22%3A%22center%22%2C%22styling.thanks.message.color%22%3A%22%23000000%22%2C%22styling.thanks.message.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.waiting.logo.alignment%22%3A%22center%22%2C%22styling.waiting.logo.size%22%3A%2241%22%2C%22styling.waiting.logo.url%22%3A%22assets/img/loading-spinner-4.gif%22%2C%22styling.waiting.message.alignment%22%3A%22center%22%2C%22styling.waiting.message.color%22%3A%22%23000000%22%2C%22styling.waiting.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.general.customMobileConfiguration%22%3A%22%22%2C%22styling.messaging.emailIcon%22%3A%22assets/img/ico/email-black-circle.webp%22%2C%22styling.messaging.printIcon%22%3A%22assets/img/ico/print-black-circle-2.webp%22%2C%22styling.messaging.hangupIcon%22%3A%22assets/img/ico/end-call-black-circle.webp%22%2C%22styling.messaging.thumbsUpIcon%22%3A%22assets/img/ico/thumbs-up-black-circle.webp%22%2C%22styling.messaging.thumbsDownIcon%22%3A%22assets/img/ico/thumbs-down-black-circle.webp%22%2C%22styling.messaging.agent.labelFont%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.agent.labelColor%22%3A%22%23888888%22%2C%22controls.displayAgentAvatar%22%3A%22initials%22%2C%22controls.bot.mode%22%3A%22preform%22%2C%22controls.bot.dataCollection%22%3A%22%22%2C%22controls.bot.bypass.button%22%3A%22Submit%22%2C%22controls.bot.bypass.message%22%3A%22What%20would%20you%20like%20to%20tell%20us%3F%22%2C%22controls.displayAgentStatus%22%3A%22block%22%2C%22styling.messaging.customer.labelColor%22%3A%22%23888888%22%2C%22styling.messaging.header.labelFont%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.messaging.header.labelColor%22%3A%22%23ffffff%22%2C%22controls.rateAgentThumbs%22%3A%22%5B%5D%22%2C%22styling.messaging.customer.labelFont%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.greeting%22%3A%22Hi%2C%20welcome%20to%20Cleaner%27s%20Supply%20how%20can%20I%20help%20you%3F%3F%22%2C%22styling.general.header.image%22%3A%22https%3A//www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png%22%2C%22styling.general.header.imageSize%22%3A%220%22%2C%22styling.general.header.imageOffset%22%3A%222%22%2C%22styling.general.chatButton.hideWhenUnavailable%22%3A%2221%22%2C%22styling.general.header.background%22%3A%22%2352247f%22%2C%22controls.rateAgentStars%22%3A%22block%22%2C%22form.fields.custom%22%3A%22%5B%5D%22%2C%22form.fields.question.required%22%3A%22false%22%2C%22form.fields.name.visible%22%3A%22true%22%2C%22form.fields.email.visible%22%3A%22true%22%2C%22form.fields.phone.visible%22%3A%22%22%2C%22form.fields.queue.visible%22%3A%22%22%2C%22form.fields.queue.default%22%3A%2243805%22%2C%22form.fields.queue.label%22%3A%22Queue%22%2C%22form.fields.queue.preselectDefault%22%3A%22true%22%2C%22form.fields.question.visible%22%3A%22true%22%2C%22form.fields.question.label%22%3A%22Question%22%2C%22form.fields.question.default%22%3A%22%22%2C%22form.fields.phone.label%22%3A%22Phone%22%2C%22form.fields.phone.default%22%3A%22%22%2C%22form.fields.email.label%22%3A%22Email%22%2C%22form.fields.email.default%22%3A%22%22%2C%22form.fields.name.label%22%3A%22Customer%20name%22%2C%22form.fields.name.default%22%3A%22%22%2C%22form.fields.phone.required%22%3A%22false%22%2C%22eyeCapture.items%22%3A%22%5B%7B%5C%22eyeCapture.name%5C%22%3A%5C%22Default%20Eye%20Capture%5C%22%2C%5C%22eyeCapture.alignment%5C%22%3A%5C%22right%5C%22%2C%5C%22eyeCapture.sideSpacing%5C%22%3A%5C%22110%5C%22%2C%5C%22eyeCapture.bottomSpacing%5C%22%3A%5C%22110%5C%22%2C%5C%22eyeCapture.size.height%5C%22%3A%5C%2245%5C%22%2C%5C%22eyeCapture.size.width%5C%22%3A%5C%22300%5C%22%2C%5C%22eyeCapture.size.autoHeight%5C%22%3A%5C%22height%3A%20auto%3B%5C%22%2C%5C%22eyeCapture.borderThickness%5C%22%3A%5C%220%5C%22%2C%5C%22eyeCapture.borderRadius%5C%22%3A%5C%2212%5C%22%2C%5C%22eyeCapture.borderColor%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.shadow%5C%22%3A%5C%220px%206px%2015px%200%20%234B677C22%3B%5C%22%2C%5C%22eyeCapture.animation%5C%22%3A%5C%22scale%280%29%5C%22%2C%5C%22eyeCapture.header.image%5C%22%3A%5C%22assets/img/contivio-logo.jpg%5C%22%2C%5C%22eyeCapture.header.imageSize%5C%22%3A%5C%2272%5C%22%2C%5C%22eyeCapture.header.imageOffset%5C%22%3A%5C%2230%5C%22%2C%5C%22eyeCapture.header.background%5C%22%3A%5C%22%23333333%5C%22%2C%5C%22eyeCapture.header.message%5C%22%3A%5C%22Chat%20with%20us%5C%22%2C%5C%22eyeCapture.header.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.font%5C%22%3A%5C%22bold%2014px%20/%2018px%20Inter%5C%22%2C%5C%22eyeCapture.header.color%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.header.alignment%5C%22%3A%5C%22left%5C%22%2C%5C%22eyeCapture.body.background%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.body.message%5C%22%3A%5C%22Can%20we%20help%3F%5C%22%2C%5C%22eyeCapture.body.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.font%5C%22%3A%5C%2212px%20/%2016px%20Inter%5C%22%2C%5C%22eyeCapture.body.color%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.body.alignment%5C%22%3A%5C%22left%5C%22%2C%5C%22eyeCapture.answers.font%5C%22%3A%5C%22bold%2012px%20/%2016px%20Inter%5C%22%2C%5C%22eyeCapture.answers.color%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.answers.background%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.answers.borderThickness%5C%22%3A%5C%221%5C%22%2C%5C%22eyeCapture.answers.borderRadius%5C%22%3A%5C%226%5C%22%2C%5C%22eyeCapture.answers.borderColor%5C%22%3A%5C%22%23CE3538%5C%22%2C%5C%22eyeCapture.answers%5C%22%3A%5C%22%5B%7B%5C%5C%5C%22eyeCapture.answer.message%5C%5C%5C%22%3A%5C%5C%5C%22Yes%2C%20please%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.it%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.de%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.pt%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.es%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.fr%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.action%5C%5C%5C%22%3A%5C%5C%5C%22postform%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.firstQuestion%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.dataCollectionOnly%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.var%5C%5C%5C%22%3A%5C%5C%5C%22%5B%5D%5C%5C%5C%22%7D%2C%7B%5C%5C%5C%22eyeCapture.answer.message%5C%5C%5C%22%3A%5C%5C%5C%22No%2C%20thanks%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.it%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.de%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.pt%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.es%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.fr%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.action%5C%5C%5C%22%3A%5C%5C%5C%22close%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.firstQuestion%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.dataCollectionOnly%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.var%5C%5C%5C%22%3A%5C%5C%5C%22%5B%5D%5C%5C%5C%22%7D%5D%5C%22%2C%5C%22eyeCapture.answer.message%5C%22%3A%5C%22No%2C%20thanks%5C%22%2C%5C%22eyeCapture.answer.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.action%5C%22%3A%5C%22close%5C%22%2C%5C%22eyeCapture.answer.firstQuestion%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.dataCollectionOnly%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.var%5C%22%3A%5C%22%5B%5D%5C%22%2C%5C%22eyeCapture.engagement.show%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.engagement.audience%5C%22%3A%5C%22all%5C%22%2C%5C%22eyeCapture.engagement.visiblityDelay%5C%22%3A%5C%223000%5C%22%2C%5C%22eyeCapture.engagement.visiblityDuration%5C%22%3A%5C%22-1%5C%22%2C%5C%22eyeCapture.engagement.priority%5C%22%3A%5C%22true%5C%22%2C%5C%22eyeCapture.engagement.preamble%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.engagement.conditionMatching%5C%22%3A%5C%22all%5C%22%2C%5C%22eyeCapture.engagement.conditions%5C%22%3A%5C%22%5B%5D%5C%22%7D%5D%22%2C%22thumbRating.mode%22%3A%22bar%22%2C%22messages.thumbRating%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22thumbRating.message.color%22%3A%22%23000000%22%2C%22thumbRating.message.alignment%22%3A%22left%22%2C%22starRating.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22starRating.message.color%22%3A%22%23000000%22%2C%22starRating.message.alignment%22%3A%22center%22%2C%22styling.query.logo.url%22%3A%22assets/img/wavey.png%22%2C%22styling.query.logo.size%22%3A%220%22%2C%22styling.query.logo.alignment%22%3A%22center%22%2C%22thumbRating.message.text%22%3A%22Rate%20your%20experience%22%2C%22starRating.message.text%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22survey.headerMessage.text%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.alignment%22%3A%22left%22%2C%22survey.headerImage.alignment%22%3A%22center%22%2C%22survey.headerImage.url%22%3A%22assets/img/wavey.png%22%2C%22survey.headerImage.size%22%3A%220%22%2C%22survey.headerMessage.font%22%3A%22bold%2012px%20/%2016px%20Inter%22%2C%22survey.headerMessage.color%22%3A%22%23000000%22%2C%22survey.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.agent.color%22%3A%22%23000000%22%2C%22survey.agent.background%22%3A%22%23F6F8FA%22%2C%22survey.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22survey.agent.borderRadius%22%3A%226%22%2C%22styling.messaging.chatBox.borderRadius%22%3A%220%22%2C%22survey.agent.borderThickness%22%3A%221%22%2C%22survey.customer.borderThickness%22%3A%221%22%2C%22survey.customer.font%22%3A%2218px%20/%2022px%20Inter%22%2C%22survey.customer.borderRadius%22%3A%226%22%2C%22survey.customer.background%22%3A%22%23CE3538%22%2C%22survey.customer.borderColor%22%3A%22%23CE3538%22%2C%22survey.textField.background%22%3A%22%23ffffff%22%2C%22survey.textField.borderColor%22%3A%22%23CE3538%22%2C%22survey.textField.borderRadius%22%3A%2216%22%2C%22survey.textField.borderThickness%22%3A%221%22%2C%22survey.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.textField.color%22%3A%22%23333333%22%2C%22survey.customer.unanswered.background%22%3A%22%23ffffff%22%2C%22survey.customer.unanswered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.unanswered.borderThickness%22%3A%221%22%2C%22survey.customer.unanswered.borderRadius%22%3A%226%22%2C%22survey.customer.unanswered.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.answered.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.answered.background%22%3A%22%2352247f%22%2C%22survey.customer.answered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.answered.color%22%3A%22%23ffffff%22%2C%22survey.customer.unanswered.color%22%3A%22%23000000%22%2C%22survey.customer.answered.borderThickness%22%3A%221%22%2C%22survey.customer.answered.borderRadius%22%3A%226%22%2C%22survey.customer.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.textField.borderThickness%22%3A%221%22%2C%22survey.customer.textField.borderRadius%22%3A%226%22%2C%22survey.customer.textField.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.textField.color%22%3A%22%23000000%22%2C%22survey.customer.textField.background%22%3A%22%23ffffff%22%2C%22security.whitelist%22%3A%22%5B%5D%22%2C%22security.blacklist%22%3A%22%5B%5D%22%2C%22clientData%22%3A%7B%22ccId%22%3A327%2C%22authkey%22%3A%2251832D8EA4C7C211A12481B5EC95B4CB%22%2C%22css%22%3A%22%22%2C%22cssUrl%22%3A%22https%3A//usaux11.contivio.com/Chat2/CustomStyles/C2ADCEF173719072EE62977B1AA8A3906.css%22%2C%22greetingMsg%22%3A%22Hi%2C%20welcome%20to%20Cleaner%27s%20Supply%20how%20can%20I%20help%20you%3F%3F%22%2C%22queues%22%3A%5B%7B%22Id%22%3A43805%2C%22Name%22%3A%22Cleaners%20Supply%22%7D%2C%7B%22Id%22%3A45114%2C%22Name%22%3A%22CSI%22%7D%2C%7B%22Id%22%3A44002%2C%22Name%22%3A%22Wawak%22%7D%5D%2C%22whitelist%22%3A%5B%5D%2C%22blacklist%22%3A%5B%5D%2C%22dialogScript%22%3A0%2C%22surveyScript%22%3A0%2C%22preQueueingCti%22%3A0%2C%22agentChatAttachment%22%3Afalse%2C%22customerChatAttachment%22%3Afalse%2C%22digitsMaskingMode%22%3A0%2C%22digitsMaskingMin%22%3A15%2C%22digitsMaskingMax%22%3A16%2C%22digitsMaskingDisplay%22%3A4%2C%22dialogScripts%22%3A%5B%5D%2C%22surveyScripts%22%3A%5B%5D%2C%22crmQueries%22%3A%5B%7B%22Id%22%3A%220%22%2C%22Name%22%3A%22None%22%7D%2C%7B%22Id%22%3A388%2C%22Name%22%3A%22CleanersSupplyNSVLookup%22%7D%5D%2C%22XD%22%3Anull%7D%2C%22apiJson%22%3A%7B%22LogoURL%22%3A%22%22%2C%22logoAlignment%22%3A%22%22%2C%22logoHeight%22%3A%22%22%2C%22logoWidth%22%3A%22%22%2C%22Stylesheet%22%3A%22%22%2C%22ChatFrameDimension%22%3A%7B%22height%22%3A%22485%22%2C%22width%22%3A%22420%22%7D%2C%22Customer%22%3A%7B%22Name%22%3A%7B%22contivioName%22%3A%22CustomerName%22%2C%22label%22%3A%22Customer%20name%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22true%22%7D%2C%22Email%22%3A%7B%22contivioName%22%3A%22From%22%2C%22label%22%3A%22Email%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22true%22%7D%2C%22Phone%22%3A%7B%22contivioName%22%3A%22CLI%22%2C%22label%22%3A%22Phone%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22false%22%2C%22mandatory%22%3A%22false%22%7D%7D%2C%22TimeDisplayOption%22%3A%22HH%3AMM%22%2C%22Queue%22%3A%7B%22contivioName%22%3A%22Queue%22%2C%22label%22%3A%22Queue%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%2243805%22%2C%22visible%22%3A%22false%22%2C%22preselectDefault%22%3Atrue%7D%2C%22ChatQuestion%22%3A%7B%22contivioName%22%3A%22ChatQuestion%22%2C%22label%22%3A%22Question%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22false%22%7D%2C%22StartChatButtonImageURL%22%3A%22%22%2C%22PrintButtonDisplay%22%3A%22%22%2C%22EmailButtonDisplay%22%3A%22%22%2C%22EnableSendChatButton%22%3A%22true%22%2C%22PrintButton%22%3A%7B%22display%22%3A%22%22%2C%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22EmailButton%22%3A%7B%22display%22%3A%22%22%2C%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22EndButton%22%3A%7B%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22StartChatMessage%22%3A%22Thanks%20for%20contacting%20us.%20Please%20fill%20out%20the%20form%20below%20so%20we%20can%20better%20help%20you%3A%20%22%2C%22WaitForResponseMessage%22%3A%22Your%20request%20is%20being%20processed...%22%2C%22RequestQueuedMessage%22%3A%22A%20customer%20service%20representative%20will%20be%20with%20you%20shortly...%22%2C%22RequestRejectedMessage%22%3A%22Sorry%20we%20are%20unable%20to%20take%20your%20message%20right%20now%20as%20our%20office%20is%20currently%20closed.%20We%20will%20reach%20out%20to%20you%20upon%20our%20return.%20%22%2C%22AdditionalFields%22%3A%5B%5D%2C%22WaitImageURL%22%3A%22CustomStyles/assets/img/loading-spinner-4.gif%22%2C%22WaitImageAlignment%22%3A%22center%22%2C%22WaitImageHeight%22%3A%22%22%2C%22WaitImageWidth%22%3A%22%22%2C%22EndChatImageURL%22%3A%22CustomStyles/assets/img/celebration-white.png%22%2C%22EndChatImageAlignment%22%3A%22%22%2C%22EndChatImageHeight%22%3A%22%22%2C%22EndChatImageWidth%22%3A%22%22%2C%22AutoStartChat%22%3A%22false%22%2C%22UpdateFields%22%3A%5B%5D%2C%22AgentHeaderOptions%22%3A%7B%22displayAgentImage%22%3Afalse%2C%22displayAgentInitials%22%3Atrue%2C%22displayAgentFirstname%22%3Atrue%2C%22displayAgentState%22%3Atrue%7D%2C%22AgentRatingOptions%22%3A%22%22%2C%22BotFormMode%22%3A%22preform%22%2C%22BotBypass%22%3A%22false%22%2C%22startingQuestionId%22%3A%22%22%7D%2C%22form.fields.name.required%22%3A%22true%22%2C%22form.fields.email.required%22%3A%22true%22%2C%22styling.query.cta.message%22%3A%22START%20CHAT%22%2C%22styling.query.cta.submitMessage%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.query.cta.color%22%3A%22%23ffffff%22%2C%22styling.query.cta.background%22%3A%22%2352247f%22%2C%22styling.query.cta.borderColor%22%3A%22%2352247f%22%2C%22styling.query.cta.borderRadius%22%3A%226%22%2C%22styling.query.cta.borderThickness%22%3A%220%22%2C%22styling.thanks.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.thanks.link.color%22%3A%22%2352247f%22%2C%22starRating.emptyStar.fill%22%3A%22%23ffffff%22%2C%22starRating.emptyStar.stroke%22%3A%22%23000000%22%2C%22starRating.filledStar.fill%22%3A%22%2352247f%22%2C%22starRating.filledStar.stroke%22%3A%22%2352247f%22%2C%22survey.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.link.color%22%3A%22%2352247f%22%2C%22survey.link.alignment%22%3A%22left%22%2C%22bot.headerMessage.text%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.alignment%22%3A%22left%22%2C%22bot.headerImage.alignment%22%3A%22center%22%2C%22bot.headerImage.url%22%3A%22assets/img/wavey.png%22%2C%22bot.headerImage.size%22%3A%220%22%2C%22bot.headerMessage.font%22%3A%22bold%2012px%20/%2016px%20Inter%22%2C%22bot.headerMessage.color%22%3A%22%23333333%22%2C%22bot.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.agent.color%22%3A%22%23333333%22%2C%22bot.agent.background%22%3A%22%23F6F8FA%22%2C%22bot.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22bot.agent.borderRadius%22%3A%226%22%2C%22bot.agent.borderThickness%22%3A%221%22%2C%22bot.customer.borderThickness%22%3A%221%22%2C%22bot.customer.font%22%3A%2218px%20/%2022px%20Inter%22%2C%22bot.customer.borderRadius%22%3A%226%22%2C%22bot.customer.background%22%3A%22%23CE3538%22%2C%22bot.customer.borderColor%22%3A%22%23CE3538%22%2C%22bot.textField.background%22%3A%22%23ffffff%22%2C%22bot.textField.borderColor%22%3A%22%23CE3538%22%2C%22bot.textField.borderRadius%22%3A%2216%22%2C%22bot.textField.borderThickness%22%3A%221%22%2C%22bot.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.textField.color%22%3A%22%23333333%22%2C%22bot.customer.unanswered.background%22%3A%22%23ffffff%22%2C%22bot.customer.unanswered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.unanswered.borderThickness%22%3A%221%22%2C%22bot.customer.unanswered.borderRadius%22%3A%226%22%2C%22bot.customer.unanswered.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.answered.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.answered.background%22%3A%22%23CE3538%22%2C%22bot.customer.answered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.answered.color%22%3A%22%23ffffff%22%2C%22bot.customer.unanswered.color%22%3A%22%23333333%22%2C%22bot.customer.answered.borderThickness%22%3A%221%22%2C%22bot.customer.answered.borderRadius%22%3A%226%22%2C%22bot.customer.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.textField.borderThickness%22%3A%221%22%2C%22bot.customer.textField.borderRadius%22%3A%226%22%2C%22bot.customer.textField.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.textField.color%22%3A%22%23333333%22%2C%22bot.customer.textField.background%22%3A%22%23ffffff%22%2C%22bot.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.link.color%22%3A%22%23ce3538%22%2C%22bot.link.alignment%22%3A%22left%22%2C%22bot.script%22%3A%220%22%2C%22survey.script%22%3A%220%22%2C%22controls.preQueueingCti%22%3A%220%22%2C%22messages.titleBar.fr%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.es%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.pt%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.de%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.it%22%3A%22Chat%20With%20Us...%22%2C%22styling.query.cta.message.fr%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.es%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.pt%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.de%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.it%22%3A%22START%20CHAT%22%2C%22styling.query.cta.submitMessage.fr%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.es%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.pt%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.de%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.it%22%3A%22SUBMIT%20CHAT%22%2C%22thumbRating.message.text.fr%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.es%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.pt%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.de%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.it%22%3A%22Rate%20your%20experience%22%2C%22starRating.message.text.fr%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.es%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.pt%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.de%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.it%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22messages.completion.fr%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.es%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.pt%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.de%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.it%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.dataCollected.fr%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.es%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.pt%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.de%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.it%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22survey.headerMessage.text.fr%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.es%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.pt%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.de%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.it%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.fr%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.es%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.pt%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.de%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.it%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.customer.unanswered.position%22%3A%22clear%3A%20left%3B%22%2C%22bot.avatar.enabled%22%3A%22block%22%2C%22bot.avatar.url%22%3A%22assets/img/chatbot-2.png%22%2C%22bot.avatar.hue%22%3A%220%22%2C%22bot.avatar.backgroundColor%22%3A%22%23ffffff%22%2C%22bot.avatar.borderThickness%22%3A%220%22%2C%22bot.avatar.borderRadius%22%3A%220%22%2C%22bot.avatar.borderColor%22%3A%22%23ffffff%22%2C%22bot.description.font%22%3A%22italic%2011px%20/%2016px%20Inter%22%2C%22bot.description.color%22%3A%22%23333333%22%2C%22bot.description.alignment%22%3A%22left%22%2C%22bot.customer.textField.style%22%3A%22material%22%2C%22bot.customer.textField.width%22%3A%2250%22%2C%22bot.customer.textField.alignment%22%3A%22margin%3A%204px%20auto%208px%200%22%2C%22bot.customer.textField.submit%22%3A%22block%22%2C%22styling.messaging.digitsMaskingMode%22%3A%220%22%2C%22styling.messaging.digitsMaskingMin%22%3A%2215%22%2C%22styling.messaging.digitsMaskingMax%22%3A%2216%22%2C%22styling.messaging.digitsMaskingDisplay%22%3A%224%22%2C%22messages.greeting.it%22%3A%22%22%2C%22messages.greeting.de%22%3A%22%22%2C%22messages.greeting.pt%22%3A%22%22%2C%22messages.greeting.es%22%3A%22%22%2C%22messages.greeting.fr%22%3A%22%22%2C%22form.fields.name.label.it%22%3A%22%22%2C%22form.fields.name.label.de%22%3A%22%22%2C%22form.fields.name.label.pt%22%3A%22%22%2C%22form.fields.name.label.es%22%3A%22%22%2C%22form.fields.name.label.fr%22%3A%22%22%2C%22form.fields.name.default.it%22%3A%22%22%2C%22form.fields.name.default.de%22%3A%22%22%2C%22form.fields.name.default.pt%22%3A%22%22%2C%22form.fields.name.default.es%22%3A%22%22%2C%22form.fields.name.default.fr%22%3A%22%22%2C%22form.fields.name.customVar%22%3A%22%22%2C%22form.fields.email.label.it%22%3A%22%22%2C%22form.fields.email.label.de%22%3A%22%22%2C%22form.fields.email.label.pt%22%3A%22%22%2C%22form.fields.email.label.es%22%3A%22%22%2C%22form.fields.email.label.fr%22%3A%22%22%2C%22form.fields.email.default.it%22%3A%22%22%2C%22form.fields.email.default.de%22%3A%22%22%2C%22form.fields.email.default.pt%22%3A%22%22%2C%22form.fields.email.default.es%22%3A%22%22%2C%22form.fields.email.default.fr%22%3A%22%22%2C%22form.fields.email.customVar%22%3A%22%22%2C%22form.fields.phone.label.it%22%3A%22%22%2C%22form.fields.phone.label.de%22%3A%22%22%2C%22form.fields.phone.label.pt%22%3A%22%22%2C%22form.fields.phone.label.es%22%3A%22%22%2C%22form.fields.phone.label.fr%22%3A%22%22%2C%22form.fields.phone.default.it%22%3A%22%22%2C%22form.fields.phone.default.de%22%3A%22%22%2C%22form.fields.phone.default.pt%22%3A%22%22%2C%22form.fields.phone.default.es%22%3A%22%22%2C%22form.fields.phone.default.fr%22%3A%22%22%2C%22form.fields.phone.customVar%22%3A%22%22%2C%22form.fields.queue.label.it%22%3A%22%22%2C%22form.fields.queue.label.de%22%3A%22%22%2C%22form.fields.queue.label.pt%22%3A%22%22%2C%22form.fields.queue.label.es%22%3A%22%22%2C%22form.fields.queue.label.fr%22%3A%22%22%2C%22form.fields.queue.customVar%22%3A%22%22%2C%22form.fields.queue.0.translations.it%22%3A%22%22%2C%22form.fields.queue.0.translations.de%22%3A%22%22%2C%22form.fields.queue.0.translations.pt%22%3A%22%22%2C%22form.fields.queue.0.translations.es%22%3A%22%22%2C%22form.fields.queue.0.translations.fr%22%3A%22%22%2C%22form.fields.queue.43805.translations.it%22%3A%22%22%2C%22form.fields.queue.43805.translations.de%22%3A%22%22%2C%22form.fields.queue.43805.translations.pt%22%3A%22%22%2C%22form.fields.queue.43805.translations.es%22%3A%22%22%2C%22form.fields.queue.43805.translations.fr%22%3A%22%22%2C%22form.fields.question.label.it%22%3A%22%22%2C%22form.fields.question.label.de%22%3A%22%22%2C%22form.fields.question.label.pt%22%3A%22%22%2C%22form.fields.question.label.es%22%3A%22%22%2C%22form.fields.question.label.fr%22%3A%22%22%2C%22form.fields.question.default.it%22%3A%22%22%2C%22form.fields.question.default.de%22%3A%22%22%2C%22form.fields.question.default.pt%22%3A%22%22%2C%22form.fields.question.default.es%22%3A%22%22%2C%22form.fields.question.default.fr%22%3A%22%22%2C%22form.fields.question.customVar%22%3A%22%22%2C%22controls.bot.bypass%22%3A%22%22%2C%22controls.bot.bypass.button.it%22%3A%22%22%2C%22controls.bot.bypass.button.de%22%3A%22%22%2C%22controls.bot.bypass.button.pt%22%3A%22%22%2C%22controls.bot.bypass.button.es%22%3A%22%22%2C%22controls.bot.bypass.button.fr%22%3A%22%22%2C%22controls.bot.bypass.message.it%22%3A%22%22%2C%22controls.bot.bypass.message.de%22%3A%22%22%2C%22controls.bot.bypass.message.pt%22%3A%22%22%2C%22controls.bot.bypass.message.es%22%3A%22%22%2C%22controls.bot.bypass.message.fr%22%3A%22%22%2C%22messages.pleaseWait.it%22%3A%22%22%2C%22messages.pleaseWait.de%22%3A%22%22%2C%22messages.pleaseWait.pt%22%3A%22%22%2C%22messages.pleaseWait.es%22%3A%22%22%2C%22messages.pleaseWait.fr%22%3A%22%22%2C%22messages.queue.it%22%3A%22%22%2C%22messages.queue.de%22%3A%22%22%2C%22messages.queue.pt%22%3A%22%22%2C%22messages.queue.es%22%3A%22%22%2C%22messages.queue.fr%22%3A%22%22%2C%22messages.rejected.it%22%3A%22%22%2C%22messages.rejected.de%22%3A%22%22%2C%22messages.rejected.pt%22%3A%22%22%2C%22messages.rejected.es%22%3A%22%22%2C%22messages.rejected.fr%22%3A%22%22%2C%22styling.messaging.agent.name%22%3A%22%22%2C%22styling.messaging.agent.customName%22%3A%22%22%2C%22styling.messaging.greeting.it%22%3A%22%22%2C%22styling.messaging.greeting.de%22%3A%22%22%2C%22styling.messaging.greeting.pt%22%3A%22%22%2C%22styling.messaging.greeting.es%22%3A%22%22%2C%22styling.messaging.greeting.fr%22%3A%22%22%2C%22messages.closed.it%22%3A%22%22%2C%22messages.closed.de%22%3A%22%22%2C%22messages.closed.pt%22%3A%22%22%2C%22messages.closed.es%22%3A%22%22%2C%22messages.closed.fr%22%3A%22%22%2C%22styling.thanks.link.alignment%22%3A%22%22%2C%22form.fields.queue.44002.translations.it%22%3A%22%22%2C%22form.fields.queue.44002.translations.de%22%3A%22%22%2C%22form.fields.queue.44002.translations.pt%22%3A%22%22%2C%22form.fields.queue.44002.translations.es%22%3A%22%22%2C%22form.fields.queue.44002.translations.fr%22%3A%22%22%2C%22form.fields.queue.45114.translations.it%22%3A%22%22%2C%22form.fields.queue.45114.translations.de%22%3A%22%22%2C%22form.fields.queue.45114.translations.pt%22%3A%22%22%2C%22form.fields.queue.45114.translations.es%22%3A%22%22%2C%22form.fields.queue.45114.translations.fr%22%3A%22%22%7D';
}
contivio-mobile-config {
	content: '%7B%22controls.audioAlert%22%3A%22%22%2C%22controls.audioAlert.chime%22%3A%22%22%2C%22controls.displayAgentName%22%3A%22block%22%2C%22controls.email%22%3A%22flex%22%2C%22controls.print%22%3A%22flex%22%2C%22controls.send%22%3A%22block%22%2C%22controls.sharing.fileAgent%22%3A%22%22%2C%22controls.sharing.fileCustomer%22%3A%22%22%2C%22controls.sharing.urlAgent%22%3A%22%22%2C%22controls.sharing.urlCustomer%22%3A%22%22%2C%22controls.tabFlash%22%3A%22%22%2C%22messages.closed%22%3A%22Chat%20Closed%21%22%2C%22messages.completion%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.dataCollected%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.greeting%22%3A%22Thanks%20for%20contacting%20us.%20Please%20fill%20out%20the%20form%20below%20so%20we%20can%20better%20help%20you%3A%20%22%2C%22messages.pleaseWait%22%3A%22Your%20request%20is%20being%20processed...%22%2C%22messages.queue%22%3A%22A%20customer%20service%20representative%20will%20be%20with%20you%20shortly...%22%2C%22messages.rejected%22%3A%22Sorry%20we%20are%20unable%20to%20take%20your%20message%20right%20now%20as%20our%20office%20is%20currently%20closed.%20We%20will%20reach%20out%20to%20you%20upon%20our%20return.%20%22%2C%22messages.titleBar%22%3A%22Let%27s%20Chat%21%22%2C%22position.chatButton.alignment%22%3A%22right%22%2C%22position.chatButton.bottomSpacing%22%3A%2230%22%2C%22position.chatButton.sideSpacing%22%3A%2234%22%2C%22position.chatWindow.height%22%3A%22505%22%2C%22position.chatWindow.type%22%3A%22chat-frame%22%2C%22position.chatWindow.width%22%3A%22300%22%2C%22serviceId%22%3A19%2C%22styling.general.background%22%3A%22%23ffffff%22%2C%22styling.general.borderColor%22%3A%22%23000000%22%2C%22styling.general.borderRadius%22%3A%226%22%2C%22styling.general.borderThickness%22%3A%220%22%2C%22styling.general.chatButton.background%22%3A%22%2352247f%22%2C%22styling.general.chatButton.borderColor%22%3A%22%23ffffff%22%2C%22styling.general.chatButton.borderRadius%22%3A%2250%22%2C%22styling.general.chatButton.borderThickness%22%3A%220%22%2C%22styling.general.chatButton.icon%22%3A%22assets/img/ico/bubble-6.png%22%2C%22styling.general.chatButton.style%22%3A%22bubble%22%2C%22styling.general.chatButton.clickAction%22%3A%22chat%22%2C%22styling.general.shadow%22%3A%220px%206px%2015px%20-10px%20%234B677C22%3B%22%2C%22styling.general.theme%22%3A%22sportyTheme%22%2C%22styling.general.title.alignment%22%3A%22left%22%2C%22styling.general.title.color%22%3A%22%23ffffff%22%2C%22styling.general.title.font%22%3A%22bold%2016px%20/%2020px%20Inter%22%2C%22styling.general.titleBar.background%22%3A%22%23c4c4c4%22%2C%22styling.general.titleBar.borderRadius%22%3A%2220%22%2C%22styling.messaging.agent.background%22%3A%22%23F6F8FA%22%2C%22styling.messaging.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22styling.messaging.agent.borderRadius%22%3A%226%22%2C%22styling.messaging.agent.borderThickness%22%3A%221%22%2C%22styling.messaging.agent.color%22%3A%22%23000000%22%2C%22styling.messaging.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.bubbleStyle%22%3A%22regular%22%2C%22styling.messaging.chatBox.background%22%3A%22%23ffffff%22%2C%22styling.messaging.chatBox.borderColor%22%3A%22%23E0E2E5%22%2C%22styling.messaging.chatBox.borderThickness%22%3A%221%22%2C%22styling.messaging.chatBox.color%22%3A%22%23000000%22%2C%22styling.messaging.chatBox.font%22%3A%2214px/18px%20Inter%22%2C%22styling.messaging.customer.background%22%3A%22%2352247f%22%2C%22styling.messaging.customer.borderColor%22%3A%22%2352247f%22%2C%22styling.messaging.customer.borderRadius%22%3A%226%22%2C%22styling.messaging.customer.borderThickness%22%3A%221%22%2C%22styling.messaging.customer.color%22%3A%22%23ffffff%22%2C%22styling.messaging.customer.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.style%22%3A%22bubbles%22%2C%22styling.messaging.timestamp%22%3A%22HH%3AMM%22%2C%22styling.query.fields.alignment%22%3A%22left%22%2C%22styling.query.fields.background%22%3A%22%23FFFFFF%22%2C%22styling.query.fields.borderColor%22%3A%22%23E0E2E5%22%2C%22styling.query.fields.borderRadius%22%3A%226%22%2C%22styling.query.fields.borderThickness%22%3A%221%22%2C%22styling.query.fields.color%22%3A%22%23000000%22%2C%22styling.query.fields.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.query.fields.labelMode%22%3A%22modern%22%2C%22styling.query.validation.color%22%3A%22%2352247f%22%2C%22styling.query.labels.alignment%22%3A%22left%3A4px%3B%22%2C%22styling.query.labels.color%22%3A%22%23000000%22%2C%22styling.query.labels.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.query.message.alignment%22%3A%22center%22%2C%22styling.query.message.color%22%3A%22%23000000%22%2C%22styling.query.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.thanks.logo.alignment%22%3A%22center%22%2C%22styling.thanks.logo.size%22%3A%220%22%2C%22styling.thanks.logo.url%22%3A%22assets/img/celebration-white.png%22%2C%22styling.thanks.message.alignment%22%3A%22center%22%2C%22styling.thanks.message.color%22%3A%22%23000000%22%2C%22styling.thanks.message.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.waiting.logo.alignment%22%3A%22center%22%2C%22styling.waiting.logo.size%22%3A%2241%22%2C%22styling.waiting.logo.url%22%3A%22assets/img/loading-spinner-4.gif%22%2C%22styling.waiting.message.alignment%22%3A%22center%22%2C%22styling.waiting.message.color%22%3A%22%23000000%22%2C%22styling.waiting.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22styling.general.customMobileConfiguration%22%3A%22%22%2C%22styling.messaging.emailIcon%22%3A%22assets/img/ico/email-black-circle.webp%22%2C%22styling.messaging.printIcon%22%3A%22assets/img/ico/print-black-circle-2.webp%22%2C%22styling.messaging.hangupIcon%22%3A%22assets/img/ico/end-call-black-circle.webp%22%2C%22styling.messaging.thumbsUpIcon%22%3A%22assets/img/ico/thumbs-up-black-circle.webp%22%2C%22styling.messaging.thumbsDownIcon%22%3A%22assets/img/ico/thumbs-down-black-circle.webp%22%2C%22styling.messaging.agent.labelFont%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.agent.labelColor%22%3A%22%23888888%22%2C%22controls.displayAgentAvatar%22%3A%22initials%22%2C%22controls.bot.mode%22%3A%22preform%22%2C%22controls.bot.dataCollection%22%3A%22%22%2C%22controls.bot.bypass.button%22%3A%22Submit%22%2C%22controls.bot.bypass.message%22%3A%22What%20would%20you%20like%20to%20tell%20us%3F%22%2C%22controls.displayAgentStatus%22%3A%22block%22%2C%22styling.messaging.customer.labelColor%22%3A%22%23888888%22%2C%22styling.messaging.header.labelFont%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.messaging.header.labelColor%22%3A%22%23ffffff%22%2C%22controls.rateAgentThumbs%22%3A%22%5B%5D%22%2C%22styling.messaging.customer.labelFont%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.messaging.greeting%22%3A%22Hi%2C%20welcome%20to%20Cleaner%27s%20Supply%20how%20can%20I%20help%20you%3F%3F%22%2C%22styling.general.header.image%22%3A%22https%3A//www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png%22%2C%22styling.general.header.imageSize%22%3A%220%22%2C%22styling.general.header.imageOffset%22%3A%222%22%2C%22styling.general.chatButton.hideWhenUnavailable%22%3A%2221%22%2C%22styling.general.header.background%22%3A%22%2352247f%22%2C%22controls.rateAgentStars%22%3A%22block%22%2C%22form.fields.custom%22%3A%22%5B%5D%22%2C%22form.fields.question.required%22%3A%22false%22%2C%22form.fields.name.visible%22%3A%22true%22%2C%22form.fields.email.visible%22%3A%22true%22%2C%22form.fields.phone.visible%22%3A%22%22%2C%22form.fields.queue.visible%22%3A%22%22%2C%22form.fields.queue.default%22%3A%2243805%22%2C%22form.fields.queue.label%22%3A%22Queue%22%2C%22form.fields.queue.preselectDefault%22%3A%22true%22%2C%22form.fields.question.visible%22%3A%22true%22%2C%22form.fields.question.label%22%3A%22Question%22%2C%22form.fields.question.default%22%3A%22%22%2C%22form.fields.phone.label%22%3A%22Phone%22%2C%22form.fields.phone.default%22%3A%22%22%2C%22form.fields.email.label%22%3A%22Email%22%2C%22form.fields.email.default%22%3A%22%22%2C%22form.fields.name.label%22%3A%22Customer%20name%22%2C%22form.fields.name.default%22%3A%22%22%2C%22form.fields.phone.required%22%3A%22false%22%2C%22eyeCapture.items%22%3A%22%5B%7B%5C%22eyeCapture.name%5C%22%3A%5C%22Default%20Eye%20Capture%5C%22%2C%5C%22eyeCapture.alignment%5C%22%3A%5C%22right%5C%22%2C%5C%22eyeCapture.sideSpacing%5C%22%3A%5C%22110%5C%22%2C%5C%22eyeCapture.bottomSpacing%5C%22%3A%5C%22110%5C%22%2C%5C%22eyeCapture.size.height%5C%22%3A%5C%2245%5C%22%2C%5C%22eyeCapture.size.width%5C%22%3A%5C%22300%5C%22%2C%5C%22eyeCapture.size.autoHeight%5C%22%3A%5C%22height%3A%20auto%3B%5C%22%2C%5C%22eyeCapture.borderThickness%5C%22%3A%5C%220%5C%22%2C%5C%22eyeCapture.borderRadius%5C%22%3A%5C%2212%5C%22%2C%5C%22eyeCapture.borderColor%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.shadow%5C%22%3A%5C%220px%206px%2015px%200%20%234B677C22%3B%5C%22%2C%5C%22eyeCapture.animation%5C%22%3A%5C%22scale%280%29%5C%22%2C%5C%22eyeCapture.header.image%5C%22%3A%5C%22assets/img/contivio-logo.jpg%5C%22%2C%5C%22eyeCapture.header.imageSize%5C%22%3A%5C%2272%5C%22%2C%5C%22eyeCapture.header.imageOffset%5C%22%3A%5C%2230%5C%22%2C%5C%22eyeCapture.header.background%5C%22%3A%5C%22%23333333%5C%22%2C%5C%22eyeCapture.header.message%5C%22%3A%5C%22Chat%20with%20us%5C%22%2C%5C%22eyeCapture.header.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.header.font%5C%22%3A%5C%22bold%2014px%20/%2018px%20Inter%5C%22%2C%5C%22eyeCapture.header.color%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.header.alignment%5C%22%3A%5C%22left%5C%22%2C%5C%22eyeCapture.body.background%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.body.message%5C%22%3A%5C%22Can%20we%20help%3F%5C%22%2C%5C%22eyeCapture.body.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.body.font%5C%22%3A%5C%2212px%20/%2016px%20Inter%5C%22%2C%5C%22eyeCapture.body.color%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.body.alignment%5C%22%3A%5C%22left%5C%22%2C%5C%22eyeCapture.answers.font%5C%22%3A%5C%22bold%2012px%20/%2016px%20Inter%5C%22%2C%5C%22eyeCapture.answers.color%5C%22%3A%5C%22%23000000%5C%22%2C%5C%22eyeCapture.answers.background%5C%22%3A%5C%22%23ffffff%5C%22%2C%5C%22eyeCapture.answers.borderThickness%5C%22%3A%5C%221%5C%22%2C%5C%22eyeCapture.answers.borderRadius%5C%22%3A%5C%226%5C%22%2C%5C%22eyeCapture.answers.borderColor%5C%22%3A%5C%22%23CE3538%5C%22%2C%5C%22eyeCapture.answers%5C%22%3A%5C%22%5B%7B%5C%5C%5C%22eyeCapture.answer.message%5C%5C%5C%22%3A%5C%5C%5C%22Yes%2C%20please%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.it%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.de%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.pt%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.es%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.fr%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.action%5C%5C%5C%22%3A%5C%5C%5C%22postform%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.firstQuestion%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.dataCollectionOnly%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.var%5C%5C%5C%22%3A%5C%5C%5C%22%5B%5D%5C%5C%5C%22%7D%2C%7B%5C%5C%5C%22eyeCapture.answer.message%5C%5C%5C%22%3A%5C%5C%5C%22No%2C%20thanks%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.it%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.de%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.pt%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.es%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.message.fr%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.action%5C%5C%5C%22%3A%5C%5C%5C%22close%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.firstQuestion%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.dataCollectionOnly%5C%5C%5C%22%3A%5C%5C%5C%22%5C%5C%5C%22%2C%5C%5C%5C%22eyeCapture.answer.var%5C%5C%5C%22%3A%5C%5C%5C%22%5B%5D%5C%5C%5C%22%7D%5D%5C%22%2C%5C%22eyeCapture.answer.message%5C%22%3A%5C%22No%2C%20thanks%5C%22%2C%5C%22eyeCapture.answer.message.it%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.de%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.pt%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.es%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.message.fr%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.action%5C%22%3A%5C%22close%5C%22%2C%5C%22eyeCapture.answer.firstQuestion%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.dataCollectionOnly%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.answer.var%5C%22%3A%5C%22%5B%5D%5C%22%2C%5C%22eyeCapture.engagement.show%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.engagement.audience%5C%22%3A%5C%22all%5C%22%2C%5C%22eyeCapture.engagement.visiblityDelay%5C%22%3A%5C%223000%5C%22%2C%5C%22eyeCapture.engagement.visiblityDuration%5C%22%3A%5C%22-1%5C%22%2C%5C%22eyeCapture.engagement.priority%5C%22%3A%5C%22true%5C%22%2C%5C%22eyeCapture.engagement.preamble%5C%22%3A%5C%22%5C%22%2C%5C%22eyeCapture.engagement.conditionMatching%5C%22%3A%5C%22all%5C%22%2C%5C%22eyeCapture.engagement.conditions%5C%22%3A%5C%22%5B%5D%5C%22%7D%5D%22%2C%22thumbRating.mode%22%3A%22bar%22%2C%22messages.thumbRating%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22thumbRating.message.color%22%3A%22%23000000%22%2C%22thumbRating.message.alignment%22%3A%22left%22%2C%22starRating.message.font%22%3A%2214px%20/%2018px%20Inter%22%2C%22starRating.message.color%22%3A%22%23000000%22%2C%22starRating.message.alignment%22%3A%22center%22%2C%22styling.query.logo.url%22%3A%22assets/img/wavey.png%22%2C%22styling.query.logo.size%22%3A%220%22%2C%22styling.query.logo.alignment%22%3A%22center%22%2C%22thumbRating.message.text%22%3A%22Rate%20your%20experience%22%2C%22starRating.message.text%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22survey.headerMessage.text%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.alignment%22%3A%22left%22%2C%22survey.headerImage.alignment%22%3A%22center%22%2C%22survey.headerImage.url%22%3A%22assets/img/wavey.png%22%2C%22survey.headerImage.size%22%3A%220%22%2C%22survey.headerMessage.font%22%3A%22bold%2012px%20/%2016px%20Inter%22%2C%22survey.headerMessage.color%22%3A%22%23000000%22%2C%22survey.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.agent.color%22%3A%22%23000000%22%2C%22survey.agent.background%22%3A%22%23F6F8FA%22%2C%22survey.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22survey.agent.borderRadius%22%3A%226%22%2C%22styling.messaging.chatBox.borderRadius%22%3A%220%22%2C%22survey.agent.borderThickness%22%3A%221%22%2C%22survey.customer.borderThickness%22%3A%221%22%2C%22survey.customer.font%22%3A%2218px%20/%2022px%20Inter%22%2C%22survey.customer.borderRadius%22%3A%226%22%2C%22survey.customer.background%22%3A%22%23CE3538%22%2C%22survey.customer.borderColor%22%3A%22%23CE3538%22%2C%22survey.textField.background%22%3A%22%23ffffff%22%2C%22survey.textField.borderColor%22%3A%22%23CE3538%22%2C%22survey.textField.borderRadius%22%3A%2216%22%2C%22survey.textField.borderThickness%22%3A%221%22%2C%22survey.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.textField.color%22%3A%22%23333333%22%2C%22survey.customer.unanswered.background%22%3A%22%23ffffff%22%2C%22survey.customer.unanswered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.unanswered.borderThickness%22%3A%221%22%2C%22survey.customer.unanswered.borderRadius%22%3A%226%22%2C%22survey.customer.unanswered.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.answered.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.answered.background%22%3A%22%2352247f%22%2C%22survey.customer.answered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.answered.color%22%3A%22%23ffffff%22%2C%22survey.customer.unanswered.color%22%3A%22%23000000%22%2C%22survey.customer.answered.borderThickness%22%3A%221%22%2C%22survey.customer.answered.borderRadius%22%3A%226%22%2C%22survey.customer.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.customer.textField.borderThickness%22%3A%221%22%2C%22survey.customer.textField.borderRadius%22%3A%226%22%2C%22survey.customer.textField.borderColor%22%3A%22%2352247f%22%2C%22survey.customer.textField.color%22%3A%22%23000000%22%2C%22survey.customer.textField.background%22%3A%22%23ffffff%22%2C%22security.whitelist%22%3A%22%5B%5D%22%2C%22security.blacklist%22%3A%22%5B%5D%22%2C%22clientData%22%3A%7B%22ccId%22%3A327%2C%22authkey%22%3A%2251832D8EA4C7C211A12481B5EC95B4CB%22%2C%22css%22%3A%22%22%2C%22cssUrl%22%3A%22https%3A//usaux11.contivio.com/Chat2/CustomStyles/C2ADCEF173719072EE62977B1AA8A3906.css%22%2C%22greetingMsg%22%3A%22Hi%2C%20welcome%20to%20Cleaner%27s%20Supply%20how%20can%20I%20help%20you%3F%3F%22%2C%22queues%22%3A%5B%7B%22Id%22%3A43805%2C%22Name%22%3A%22Cleaners%20Supply%22%7D%2C%7B%22Id%22%3A45114%2C%22Name%22%3A%22CSI%22%7D%2C%7B%22Id%22%3A44002%2C%22Name%22%3A%22Wawak%22%7D%5D%2C%22whitelist%22%3A%5B%5D%2C%22blacklist%22%3A%5B%5D%2C%22dialogScript%22%3A0%2C%22surveyScript%22%3A0%2C%22preQueueingCti%22%3A0%2C%22agentChatAttachment%22%3Afalse%2C%22customerChatAttachment%22%3Afalse%2C%22digitsMaskingMode%22%3A0%2C%22digitsMaskingMin%22%3A15%2C%22digitsMaskingMax%22%3A16%2C%22digitsMaskingDisplay%22%3A4%2C%22dialogScripts%22%3A%5B%5D%2C%22surveyScripts%22%3A%5B%5D%2C%22crmQueries%22%3A%5B%7B%22Id%22%3A%220%22%2C%22Name%22%3A%22None%22%7D%2C%7B%22Id%22%3A388%2C%22Name%22%3A%22CleanersSupplyNSVLookup%22%7D%5D%2C%22XD%22%3Anull%7D%2C%22apiJson%22%3A%7B%22LogoURL%22%3A%22%22%2C%22logoAlignment%22%3A%22%22%2C%22logoHeight%22%3A%22%22%2C%22logoWidth%22%3A%22%22%2C%22Stylesheet%22%3A%22%22%2C%22ChatFrameDimension%22%3A%7B%22height%22%3A%22485%22%2C%22width%22%3A%22420%22%7D%2C%22Customer%22%3A%7B%22Name%22%3A%7B%22contivioName%22%3A%22CustomerName%22%2C%22label%22%3A%22Customer%20name%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22true%22%7D%2C%22Email%22%3A%7B%22contivioName%22%3A%22From%22%2C%22label%22%3A%22Email%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22true%22%7D%2C%22Phone%22%3A%7B%22contivioName%22%3A%22CLI%22%2C%22label%22%3A%22Phone%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22false%22%2C%22mandatory%22%3A%22false%22%7D%7D%2C%22TimeDisplayOption%22%3A%22HH%3AMM%22%2C%22Queue%22%3A%7B%22contivioName%22%3A%22Queue%22%2C%22label%22%3A%22Queue%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%2243805%22%2C%22visible%22%3A%22false%22%2C%22preselectDefault%22%3Atrue%7D%2C%22ChatQuestion%22%3A%7B%22contivioName%22%3A%22ChatQuestion%22%2C%22label%22%3A%22Question%22%2C%22labelMode%22%3A%22side%22%2C%22defaultValue%22%3A%22%22%2C%22visible%22%3A%22true%22%2C%22mandatory%22%3A%22false%22%7D%2C%22StartChatButtonImageURL%22%3A%22%22%2C%22PrintButtonDisplay%22%3A%22%22%2C%22EmailButtonDisplay%22%3A%22%22%2C%22EnableSendChatButton%22%3A%22true%22%2C%22PrintButton%22%3A%7B%22display%22%3A%22%22%2C%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22EmailButton%22%3A%7B%22display%22%3A%22%22%2C%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22EndButton%22%3A%7B%22imageURL%22%3A%22%22%2C%22height%22%3A%22%22%2C%22width%22%3A%22%22%7D%2C%22StartChatMessage%22%3A%22Thanks%20for%20contacting%20us.%20Please%20fill%20out%20the%20form%20below%20so%20we%20can%20better%20help%20you%3A%20%22%2C%22WaitForResponseMessage%22%3A%22Your%20request%20is%20being%20processed...%22%2C%22RequestQueuedMessage%22%3A%22A%20customer%20service%20representative%20will%20be%20with%20you%20shortly...%22%2C%22RequestRejectedMessage%22%3A%22Sorry%20we%20are%20unable%20to%20take%20your%20message%20right%20now%20as%20our%20office%20is%20currently%20closed.%20We%20will%20reach%20out%20to%20you%20upon%20our%20return.%20%22%2C%22AdditionalFields%22%3A%5B%5D%2C%22WaitImageURL%22%3A%22CustomStyles/assets/img/loading-spinner-4.gif%22%2C%22WaitImageAlignment%22%3A%22center%22%2C%22WaitImageHeight%22%3A%22%22%2C%22WaitImageWidth%22%3A%22%22%2C%22EndChatImageURL%22%3A%22CustomStyles/assets/img/celebration-white.png%22%2C%22EndChatImageAlignment%22%3A%22%22%2C%22EndChatImageHeight%22%3A%22%22%2C%22EndChatImageWidth%22%3A%22%22%2C%22AutoStartChat%22%3A%22false%22%2C%22UpdateFields%22%3A%5B%5D%2C%22AgentHeaderOptions%22%3A%7B%22displayAgentImage%22%3Afalse%2C%22displayAgentInitials%22%3Atrue%2C%22displayAgentFirstname%22%3Atrue%2C%22displayAgentState%22%3Atrue%7D%2C%22AgentRatingOptions%22%3A%22%22%2C%22BotFormMode%22%3A%22preform%22%2C%22BotBypass%22%3A%22false%22%2C%22startingQuestionId%22%3A%22%22%7D%2C%22form.fields.name.required%22%3A%22true%22%2C%22form.fields.email.required%22%3A%22true%22%2C%22styling.query.cta.message%22%3A%22START%20CHAT%22%2C%22styling.query.cta.submitMessage%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.font%22%3A%22bold%2014px%20/%2018px%20Inter%22%2C%22styling.query.cta.color%22%3A%22%23ffffff%22%2C%22styling.query.cta.background%22%3A%22%2352247f%22%2C%22styling.query.cta.borderColor%22%3A%22%2352247f%22%2C%22styling.query.cta.borderRadius%22%3A%226%22%2C%22styling.query.cta.borderThickness%22%3A%220%22%2C%22styling.thanks.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22styling.thanks.link.color%22%3A%22%2352247f%22%2C%22starRating.emptyStar.fill%22%3A%22%23ffffff%22%2C%22starRating.emptyStar.stroke%22%3A%22%23000000%22%2C%22starRating.filledStar.fill%22%3A%22%2352247f%22%2C%22starRating.filledStar.stroke%22%3A%22%2352247f%22%2C%22survey.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22survey.link.color%22%3A%22%2352247f%22%2C%22survey.link.alignment%22%3A%22left%22%2C%22bot.headerMessage.text%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.alignment%22%3A%22left%22%2C%22bot.headerImage.alignment%22%3A%22center%22%2C%22bot.headerImage.url%22%3A%22assets/img/wavey.png%22%2C%22bot.headerImage.size%22%3A%220%22%2C%22bot.headerMessage.font%22%3A%22bold%2012px%20/%2016px%20Inter%22%2C%22bot.headerMessage.color%22%3A%22%23333333%22%2C%22bot.agent.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.agent.color%22%3A%22%23333333%22%2C%22bot.agent.background%22%3A%22%23F6F8FA%22%2C%22bot.agent.borderColor%22%3A%22%23F6F8FA%22%2C%22bot.agent.borderRadius%22%3A%226%22%2C%22bot.agent.borderThickness%22%3A%221%22%2C%22bot.customer.borderThickness%22%3A%221%22%2C%22bot.customer.font%22%3A%2218px%20/%2022px%20Inter%22%2C%22bot.customer.borderRadius%22%3A%226%22%2C%22bot.customer.background%22%3A%22%23CE3538%22%2C%22bot.customer.borderColor%22%3A%22%23CE3538%22%2C%22bot.textField.background%22%3A%22%23ffffff%22%2C%22bot.textField.borderColor%22%3A%22%23CE3538%22%2C%22bot.textField.borderRadius%22%3A%2216%22%2C%22bot.textField.borderThickness%22%3A%221%22%2C%22bot.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.textField.color%22%3A%22%23333333%22%2C%22bot.customer.unanswered.background%22%3A%22%23ffffff%22%2C%22bot.customer.unanswered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.unanswered.borderThickness%22%3A%221%22%2C%22bot.customer.unanswered.borderRadius%22%3A%226%22%2C%22bot.customer.unanswered.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.answered.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.answered.background%22%3A%22%23CE3538%22%2C%22bot.customer.answered.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.answered.color%22%3A%22%23ffffff%22%2C%22bot.customer.unanswered.color%22%3A%22%23333333%22%2C%22bot.customer.answered.borderThickness%22%3A%221%22%2C%22bot.customer.answered.borderRadius%22%3A%226%22%2C%22bot.customer.textField.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.customer.textField.borderThickness%22%3A%221%22%2C%22bot.customer.textField.borderRadius%22%3A%226%22%2C%22bot.customer.textField.borderColor%22%3A%22%23CE3538%22%2C%22bot.customer.textField.color%22%3A%22%23333333%22%2C%22bot.customer.textField.background%22%3A%22%23ffffff%22%2C%22bot.link.font%22%3A%2212px%20/%2016px%20Inter%22%2C%22bot.link.color%22%3A%22%23ce3538%22%2C%22bot.link.alignment%22%3A%22left%22%2C%22bot.script%22%3A%220%22%2C%22survey.script%22%3A%220%22%2C%22controls.preQueueingCti%22%3A%220%22%2C%22messages.titleBar.fr%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.es%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.pt%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.de%22%3A%22Chat%20With%20Us...%22%2C%22messages.titleBar.it%22%3A%22Chat%20With%20Us...%22%2C%22styling.query.cta.message.fr%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.es%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.pt%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.de%22%3A%22START%20CHAT%22%2C%22styling.query.cta.message.it%22%3A%22START%20CHAT%22%2C%22styling.query.cta.submitMessage.fr%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.es%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.pt%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.de%22%3A%22SUBMIT%20CHAT%22%2C%22styling.query.cta.submitMessage.it%22%3A%22SUBMIT%20CHAT%22%2C%22thumbRating.message.text.fr%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.es%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.pt%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.de%22%3A%22Rate%20your%20experience%22%2C%22thumbRating.message.text.it%22%3A%22Rate%20your%20experience%22%2C%22starRating.message.text.fr%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.es%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.pt%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.de%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22starRating.message.text.it%22%3A%22How%20would%20you%20rate%20your%20experience%3F%22%2C%22messages.completion.fr%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.es%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.pt%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.de%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.completion.it%22%3A%22Thanks%20for%20contacting%20us%22%2C%22messages.dataCollected.fr%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.es%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.pt%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.de%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22messages.dataCollected.it%22%3A%22Thank%20you%2C%20we%20will%20attend%20to%20your%20request%20soon%21%22%2C%22survey.headerMessage.text.fr%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.es%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.pt%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.de%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22survey.headerMessage.text.it%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.fr%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.es%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.pt%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.de%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.headerMessage.text.it%22%3A%22Please%20answer%20the%20questions%20below%20so%20we%20can%20better%20serve%20you%3A%22%2C%22bot.customer.unanswered.position%22%3A%22clear%3A%20left%3B%22%2C%22bot.avatar.enabled%22%3A%22block%22%2C%22bot.avatar.url%22%3A%22assets/img/chatbot-2.png%22%2C%22bot.avatar.hue%22%3A%220%22%2C%22bot.avatar.backgroundColor%22%3A%22%23ffffff%22%2C%22bot.avatar.borderThickness%22%3A%220%22%2C%22bot.avatar.borderRadius%22%3A%220%22%2C%22bot.avatar.borderColor%22%3A%22%23ffffff%22%2C%22bot.description.font%22%3A%22italic%2011px%20/%2016px%20Inter%22%2C%22bot.description.color%22%3A%22%23333333%22%2C%22bot.description.alignment%22%3A%22left%22%2C%22bot.customer.textField.style%22%3A%22material%22%2C%22bot.customer.textField.width%22%3A%2250%22%2C%22bot.customer.textField.alignment%22%3A%22margin%3A%204px%20auto%208px%200%22%2C%22bot.customer.textField.submit%22%3A%22block%22%2C%22styling.messaging.digitsMaskingMode%22%3A%220%22%2C%22styling.messaging.digitsMaskingMin%22%3A%2215%22%2C%22styling.messaging.digitsMaskingMax%22%3A%2216%22%2C%22styling.messaging.digitsMaskingDisplay%22%3A%224%22%2C%22messages.greeting.it%22%3A%22%22%2C%22messages.greeting.de%22%3A%22%22%2C%22messages.greeting.pt%22%3A%22%22%2C%22messages.greeting.es%22%3A%22%22%2C%22messages.greeting.fr%22%3A%22%22%2C%22form.fields.name.label.it%22%3A%22%22%2C%22form.fields.name.label.de%22%3A%22%22%2C%22form.fields.name.label.pt%22%3A%22%22%2C%22form.fields.name.label.es%22%3A%22%22%2C%22form.fields.name.label.fr%22%3A%22%22%2C%22form.fields.name.default.it%22%3A%22%22%2C%22form.fields.name.default.de%22%3A%22%22%2C%22form.fields.name.default.pt%22%3A%22%22%2C%22form.fields.name.default.es%22%3A%22%22%2C%22form.fields.name.default.fr%22%3A%22%22%2C%22form.fields.name.customVar%22%3A%22%22%2C%22form.fields.email.label.it%22%3A%22%22%2C%22form.fields.email.label.de%22%3A%22%22%2C%22form.fields.email.label.pt%22%3A%22%22%2C%22form.fields.email.label.es%22%3A%22%22%2C%22form.fields.email.label.fr%22%3A%22%22%2C%22form.fields.email.default.it%22%3A%22%22%2C%22form.fields.email.default.de%22%3A%22%22%2C%22form.fields.email.default.pt%22%3A%22%22%2C%22form.fields.email.default.es%22%3A%22%22%2C%22form.fields.email.default.fr%22%3A%22%22%2C%22form.fields.email.customVar%22%3A%22%22%2C%22form.fields.phone.label.it%22%3A%22%22%2C%22form.fields.phone.label.de%22%3A%22%22%2C%22form.fields.phone.label.pt%22%3A%22%22%2C%22form.fields.phone.label.es%22%3A%22%22%2C%22form.fields.phone.label.fr%22%3A%22%22%2C%22form.fields.phone.default.it%22%3A%22%22%2C%22form.fields.phone.default.de%22%3A%22%22%2C%22form.fields.phone.default.pt%22%3A%22%22%2C%22form.fields.phone.default.es%22%3A%22%22%2C%22form.fields.phone.default.fr%22%3A%22%22%2C%22form.fields.phone.customVar%22%3A%22%22%2C%22form.fields.queue.label.it%22%3A%22%22%2C%22form.fields.queue.label.de%22%3A%22%22%2C%22form.fields.queue.label.pt%22%3A%22%22%2C%22form.fields.queue.label.es%22%3A%22%22%2C%22form.fields.queue.label.fr%22%3A%22%22%2C%22form.fields.queue.customVar%22%3A%22%22%2C%22form.fields.queue.0.translations.it%22%3A%22%22%2C%22form.fields.queue.0.translations.de%22%3A%22%22%2C%22form.fields.queue.0.translations.pt%22%3A%22%22%2C%22form.fields.queue.0.translations.es%22%3A%22%22%2C%22form.fields.queue.0.translations.fr%22%3A%22%22%2C%22form.fields.queue.43805.translations.it%22%3A%22%22%2C%22form.fields.queue.43805.translations.de%22%3A%22%22%2C%22form.fields.queue.43805.translations.pt%22%3A%22%22%2C%22form.fields.queue.43805.translations.es%22%3A%22%22%2C%22form.fields.queue.43805.translations.fr%22%3A%22%22%2C%22form.fields.question.label.it%22%3A%22%22%2C%22form.fields.question.label.de%22%3A%22%22%2C%22form.fields.question.label.pt%22%3A%22%22%2C%22form.fields.question.label.es%22%3A%22%22%2C%22form.fields.question.label.fr%22%3A%22%22%2C%22form.fields.question.default.it%22%3A%22%22%2C%22form.fields.question.default.de%22%3A%22%22%2C%22form.fields.question.default.pt%22%3A%22%22%2C%22form.fields.question.default.es%22%3A%22%22%2C%22form.fields.question.default.fr%22%3A%22%22%2C%22form.fields.question.customVar%22%3A%22%22%2C%22controls.bot.bypass%22%3A%22%22%2C%22controls.bot.bypass.button.it%22%3A%22%22%2C%22controls.bot.bypass.button.de%22%3A%22%22%2C%22controls.bot.bypass.button.pt%22%3A%22%22%2C%22controls.bot.bypass.button.es%22%3A%22%22%2C%22controls.bot.bypass.button.fr%22%3A%22%22%2C%22controls.bot.bypass.message.it%22%3A%22%22%2C%22controls.bot.bypass.message.de%22%3A%22%22%2C%22controls.bot.bypass.message.pt%22%3A%22%22%2C%22controls.bot.bypass.message.es%22%3A%22%22%2C%22controls.bot.bypass.message.fr%22%3A%22%22%2C%22messages.pleaseWait.it%22%3A%22%22%2C%22messages.pleaseWait.de%22%3A%22%22%2C%22messages.pleaseWait.pt%22%3A%22%22%2C%22messages.pleaseWait.es%22%3A%22%22%2C%22messages.pleaseWait.fr%22%3A%22%22%2C%22messages.queue.it%22%3A%22%22%2C%22messages.queue.de%22%3A%22%22%2C%22messages.queue.pt%22%3A%22%22%2C%22messages.queue.es%22%3A%22%22%2C%22messages.queue.fr%22%3A%22%22%2C%22messages.rejected.it%22%3A%22%22%2C%22messages.rejected.de%22%3A%22%22%2C%22messages.rejected.pt%22%3A%22%22%2C%22messages.rejected.es%22%3A%22%22%2C%22messages.rejected.fr%22%3A%22%22%2C%22styling.messaging.agent.name%22%3A%22%22%2C%22styling.messaging.agent.customName%22%3A%22%22%2C%22styling.messaging.greeting.it%22%3A%22%22%2C%22styling.messaging.greeting.de%22%3A%22%22%2C%22styling.messaging.greeting.pt%22%3A%22%22%2C%22styling.messaging.greeting.es%22%3A%22%22%2C%22styling.messaging.greeting.fr%22%3A%22%22%2C%22messages.closed.it%22%3A%22%22%2C%22messages.closed.de%22%3A%22%22%2C%22messages.closed.pt%22%3A%22%22%2C%22messages.closed.es%22%3A%22%22%2C%22messages.closed.fr%22%3A%22%22%2C%22styling.thanks.link.alignment%22%3A%22%22%2C%22form.fields.queue.44002.translations.it%22%3A%22%22%2C%22form.fields.queue.44002.translations.de%22%3A%22%22%2C%22form.fields.queue.44002.translations.pt%22%3A%22%22%2C%22form.fields.queue.44002.translations.es%22%3A%22%22%2C%22form.fields.queue.44002.translations.fr%22%3A%22%22%2C%22form.fields.queue.45114.translations.it%22%3A%22%22%2C%22form.fields.queue.45114.translations.de%22%3A%22%22%2C%22form.fields.queue.45114.translations.pt%22%3A%22%22%2C%22form.fields.queue.45114.translations.es%22%3A%22%22%2C%22form.fields.queue.45114.translations.fr%22%3A%22%22%7D';
}
/* ENCODED CONTENT END */

/* remove the default select styling (looks sooo 90s on mac) */ #divForm select { -webkit-appearance: none; background: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23777'><polygon points='0,25 100,25 50,75'/></svg>) no-repeat calc(100% - 15px) center; background-size: 10px; } #divForm::-webkit-scrollbar, #divSurvey::-webkit-scrollbar, #divDialog::-webkit-scrollbar, #divWaitHeader + div::-webkit-scrollbar, #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar, #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar, #ctlChatConsole_divEventLog::-webkit-scrollbar { width: 8px; } #divForm::-webkit-scrollbar-track, #divSurvey::-webkit-scrollbar-track, #divDialog::-webkit-scrollbar-track, #divWaitHeader + div::-webkit-scrollbar-track, #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-track, #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-track, #ctlChatConsole_divEventLog::-webkit-scrollbar-track { background: transparent; border: 2px solid transparent; } .contivio-desktop #divForm::-webkit-scrollbar-thumb, .contivio-desktop #divSurvey::-webkit-scrollbar-thumb, .contivio-desktop #divDialog::-webkit-scrollbar-thumb, .contivio-desktop #divWaitHeader + div::-webkit-scrollbar-thumb, .contivio-desktop #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-thumb, .contivio-desktop #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-thumb, #ctlChatConsole_divEventLog::-webkit-scrollbar-thumb { background: #000000bb; border-radius: 5px; border: 2px solid #ffffff; } .contivio-desktop #divForm::-webkit-scrollbar-thumb:hover, .contivio-desktop #divSurvey::-webkit-scrollbar-thumb:hover, .contivio-desktop #divDialog::-webkit-scrollbar-thumb:hover, .contivio-desktop #divWaitHeader + div::-webkit-scrollbar-thumb:hover, .contivio-desktop #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-thumb:hover, .contivio-desktop #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-thumb:hover, #ctlChatConsole_divEventLog::-webkit-scrollbar-thumb:hover { background: #000000; border: 2px solid #ffffff; } .contivio-desktop #divForm, .contivio-desktop #divSurvey, .contivio-desktop #divDialog, .contivio-desktop #divWaitHeader + div, .contivio-desktop #divChatRoomClosedHeader + div:not(#ConversationAgentRating), .contivio-desktop #divChatRoomClosedHeader + #ConversationAgentRating + div { height: calc(505px - 2 * 0px - 86px - 6px); margin: 0; padding: 0 !important; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } .contivio-desktop #divSurvey { position: absolute; top: 86px; left: 0px; right: 0px; background: #ffffff; z-index: 1; } .contivio-desktop #ctl01, .contivio-desktop [name="ctl01"] { height: calc(505px - 20px) !important; margin: 0 auto; margin-top: 20px; background: #ffffff; border: 0px solid #000000; border-radius: 6px; box-sizing: border-box; } .contivio-desktop .chat-body { display: flex; position: relative; height: 505px !important; width: calc(300px + 10px) !important; /* originally, it was calc(300px + 30px) - it's +10px now to account for the borders */ margin: 0 auto; flex-direction: column; background: transparent; box-shadow: 0px 6px 15px -10px #4B677C22;; border-radius: 6px; overflow: hidden; box-sizing: border-box; } .chat-body iframe, .chat-body #messaging { flex-grow: 1; } /* to compensate for the borders in the messaging page */ .contivio-desktop #ButtonBar, .contivio-desktop #ctlChatConsole_divEventLog, .contivio-desktop #ctlChatConsole_divMessageBox { margin-left: 0px; margin-right: 0px; } .contivio-desktop #ButtonBar { top: calc(20px + 0px); } .contivio-desktop #divChatConsole, .contivio-desktop #fraChatRequestForm { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #ffffff; } .contivio-desktop #divChatConsole { position: static !important; width: 300px; } #ctlChatConsole_btnLeave:before, #btnLeave:before { content: '\2715'; line-height: 32px; font-family: Arial; } #btnReduceExpand:before, #ctlChatConsole_btnReduceExpand:before { content: '_'; display: block; margin-top: -5px; font-family: Arial; } #ctlChatConsole_btnLeave, #btnLeave { order: 5; } #ctlChatConsole_btnReduceExpand, #btnReduceExpand { order: 4; } .dropdown-container { position: relative; display: inline-block; z-index: 101; } .dropdown-button { line-height: 32px !important; } .contivio-desktop #btnLeave, .contivio-desktop #btnReduceExpand, .contivio-desktop #ctlChatConsole_btnLeave, .contivio-desktop #ctlChatConsole_btnReduceExpand, .contivio-desktop .dropdown-button { width: 30px; height: 30px; min-width: 30px; margin-left: 10px; margin-right: 0; padding: 0px; color: #ffffff !important; background: #00000007; text-align: center; font-size: 16px; line-height: 25px; border: none; border-radius: 20px; cursor: pointer; transition: 0.2s; } .contivio-desktop span#ctlChatConsole_btnStopCobrowsing:before { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.8 5.3C7.8 6.8 6.5 8 5 8 3.5 8 2.3 6.8 2.3 5.3 2.3 3.7 3.5 2.5 5 2.5 6.5 2.5 7.8 3.7 7.8 5.3ZM16 14H12V12C12 11.3 11.8 10.6 11.5 10H14C15.1 10 16 10.9 16 12V14ZM11.5 8C12.9 8 14 6.9 14 5.5 14 4.1 12.9 3 11.5 3 10.1 3 9 4.1 9 5.5 9 6.9 10.1 8 11.5 8ZM2 10C0.9 10 0 10.9 0 12V14H10V12C10 10.9 9.1 10 8 10H2Z' fill='%23ffffff'/%3E%3C/svg%3E"); width: 18px; height: 18px; display: block; margin-top: 2px; } #btnLeave:hover, #btnReduceExpand:hover, #ctlChatConsole_btnReduceExpand:hover, #ctlChatConsole_btnLeave:hover, .dropdown-button:hover { background-color: #00000022 !important; } .contivio-desktop #divChatHeader, .contivio-desktop #divWaitHeader, .contivio-desktop #ButtonBar.CustomerConsoleButtonBar, .contivio-desktop #divChatRoomClosedHeader { display: flex !important; align-items: center; height: 66px !important; padding: 0 15px !important; border-top-left-radius: calc(6px - 0px) !important; border-top-right-radius: calc(6px - 0px) !important; background-image: none !important; background-color: #52247f; background-size: cover; box-sizing: border-box; overflow: visible !important; } .contivio-desktop .headerImg:before { content: ""; display: block; width: 0px; height: 0px; margin-top: -2px; background-image: url("https://www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png"); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; } #divChatRoomClosedHeader .headerImg { z-index: 101; } .contivio-desktop .headerMsg { flex-grow: 1; color: #ffffff; text-align: left; } .contivio-desktop .headerMsg:before { content: 'Let\'s Chat!'; display: -webkit-box; max-height: 64px; margin: 10px; color: #ffffff; font: bold 16px / 20px Inter; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #tblChatInputs { width: calc(100% - 20px); margin: 0 10px; } .contivio-desktop #chat-button { display: flex; align-items: center; justify-content: center; position: fixed; bottom: 30px; right: 34px; background: #52247f; border: 0px solid #ffffff; box-shadow: 0px 6px 15px -10px #4B677C22; transform: scale(1); transition: 0.2s; cursor: pointer; z-index: 100000; } .contivio-desktop #chat-button:focus { outline: 5px solid #52247f55; } .contivio-desktop #chat-button.bubble { width: 64px; height: 64px; border-radius: 50px; } .contivio-desktop #chat-button.bar { width: 300px; height: 50px; bottom: 0; padding: 0 20px; justify-content: flex-end; box-sizing: border-box; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom: none; color: #ffffff; } .contivio-desktop #chat-button.bar:before { content: 'Let\'s Chat!'; margin: 1em 0; flex-grow: 1; font: bold 16px / 20px Inter; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .contivio-desktop #chat-button.none, .contivio-desktop #chat-button.none-bubble, .contivio-desktop #chat-button.none-bar { display: none; } .contivio-desktop #chat-button::after { content: ''; background: transparent url(assets/img/ico/bubble-6.png) no-repeat center; min-width: 32px; min-height: 32px; background-size: contain; } .contivio-desktop .chat-window { position: fixed; bottom: 30px; right: 34px; box-shadow: 0px 6px 15px -10px #4B677C22; z-index: 100000; transform-origin: bottom right; transform: scale(1); transition: 0.2s; } .chat-window.hidden, #chat-button.hidden { transform: scale(0) !important; } button { outline: none; } .show-block { display: block !important; } .show-flex { display: flex !important; } /* chat window should take the whole screen on mobile */ .contivio-mobile .chat-window { position: fixed; top: 0; right: 0; bottom: 0; left: 0; transform-origin: bottom right; transform: scale(1); transition: 0.2s; } .contivio-mobile .chat-body { height: 100% !important; width: 100% !important; } .contivio-mobile #ctl01, .contivio-mobile [name="ctl01"] { height: calc(100vh - 20px) !important; } .contivio-mobile #divForm, .contivio-mobile #divSurvey, .contivio-mobile #divDialog, .contivio-mobile #divWaitHeader + div, .contivio-mobile #divChatRoomClosedHeader + div:not(#ConversationAgentRating), .contivio-mobile #divChatRoomClosedHeader + #ConversationAgentRating + div { height: calc(100vh - 2 * 0px - 86px - 6px); } #divChatRoomClosedHeader + div + div { height: calc(100vh - 2 * 0px - 86px - 6px - 64px); } .contivio-mobile #divChatConsole .ChatConsole.Customer { height: 100vh !important; }.contivio-desktop[contivio-lang=".fr"] .headerMsg:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".es"] .headerMsg:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".pt"] .headerMsg:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".de"] .headerMsg:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".it"] .headerMsg:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".fr"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".es"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".pt"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".de"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-desktop[contivio-lang=".it"] #chat-button.bar:before {content: 'Chat With Us...';} .contivio-desktop #eye-capture-container-0.eye-capture-container { position: fixed; width: 300px; border: 0px solid #000000; border-radius: 12px; right: 110px; bottom: 110px; box-shadow: 0px 6px 15px 0 #4B677C22;; transform-origin: bottom right; transition: 0.3s; z-index: 1000000; } .contivio-desktop #eye-capture-container-0 .eye-capture-header { display: flex !important; align-items: center; min-height: 66px !important; padding: 0 15px; border-top-left-radius: calc(12px - 2 * (0px - 1px)) !important; border-top-right-radius: calc(12px - 2 * (0px - 1px)) !important; background-image: none !important; background-color: #333333; background-size: cover; box-sizing: border-box; overflow: visible; } .contivio-desktop #eye-capture-container-0 .eye-capture-header .img:before { content: ""; display: block; width: 72px; height: 72px; margin-top: -30px; background-image: url("assets/img/contivio-logo.jpg"); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; } .contivio-desktop #eye-capture-container-0 .eye-capture-header .msg { width: 0; flex-grow: 1; } .contivio-desktop #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; display: flex; align-items: center; justify-content: left; min-height: 46px; margin: 10px; color: #ffffff; font: bold 14px / 18px Inter; } .contivio-desktop #eye-capture-container-0 .close-eye-capture { width: 30px; height: 30px; margin: 0 0 0 10px; padding: 0; color: #ffffff !important; background: #00000007; text-align: center; font-size: 16px; line-height: 25px; border: none; border-radius: 20px; cursor: pointer; transition: 0.2s; } .close-eye-capture:hover { background-color: #00000022 !important; cursor: pointer; } .close-eye-capture:before { content: '\2715'; line-height: 32px; font-family: Arial; } .contivio-desktop #eye-capture-container-0 .eye-capture-body { display: flex; flex-wrap: wrap; background: #ffffff; padding: 14px; border-bottom-left-radius: calc(12px - 2 * (0px - 1px)) !important; border-bottom-right-radius: calc(12px - 2 * (0px - 1px)) !important; } .contivio-desktop #eye-capture-container-0 .eye-capture-body-msg { height: 45px; margin: -14px -14px 0 -14px; padding: 14px 18px 14px 18px; flex: 1 0 100%; max-height: 40vh; overflow-y: auto; } .contivio-desktop #eye-capture-container-0 .eye-capture-body-msg { height: auto; } .contivio-desktop #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; display: block; text-align: left; color: #000000; font: 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; } .contivio-desktop #eye-capture-container-0 .eye-capture-answer { margin: 6px 3px 0 3px; padding: 4px 8px; background: #ffffff; color: #000000; border: 1px solid #CE3538; border-radius: 6px; flex-grow: 1; text-align: center; font: bold 12px / 16px Inter; cursor: pointer; overflow-wrap: break-word; overflow: hidden; } /* Eye-Capture entrance animations */ .contivio-desktop #eye-capture-container-0.eye-capture-container.entrance { transform: scale(0); } .contivio-desktop #eye-capture-container-0.eye-capture-container.entrance.done { transform: scale(1) translateX(0) translateY(0); } .contivio-desktop[contivio-lang=".fr"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-desktop[contivio-lang=".es"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-desktop[contivio-lang=".pt"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-desktop[contivio-lang=".de"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-desktop[contivio-lang=".it"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-desktop[contivio-lang=".fr"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-desktop[contivio-lang=".es"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-desktop[contivio-lang=".pt"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-desktop[contivio-lang=".de"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-desktop[contivio-lang=".it"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; } #divForm { display: flex; position: static; padding: 0 10px !important; flex-direction: column; } #divForm table { border-spacing: 0 5px; border-collapse: separate; } #tblChatInputs td { display: block; position: relative; width: 100%; } .contivio-desktop #imgChatRequestForm { content: ''; display: block; height: 0px !important; margin: min(0px, 10px) !important; flex-shrink: 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain !important; } .contivio-desktop #divMessage { width: auto !important; padding: 10px 10px 0 10px !important; text-align: center; color: #000000 !important; font: 14px / 18px Inter !important; box-sizing: border-box; } #divMessage:empty { display: none; } .contivio-desktop #tblChatInputs .FieldLabel { color: #000000 !important; font: 12px / 16px Inter !important; } .FieldLabel.RequiredField { background-image: none !important; } .FieldLabel.RequiredField:after { content: '*'; margin-left: 5px; color: red; font-size: 14px; } .validation-error { color: #52247f !important; float: left; } .contivio-desktop #tblChatInputs input, .contivio-desktop #tblChatInputs textarea, .contivio-desktop #tblChatInputs select, .contivio-desktop #divDialog #txtQuestion { height: auto; width: 100%; padding: 15px calc(10px + 6px / 5); background: #FFFFFF; border: 1px solid #E0E2E5; border-radius: 6px; text-align: left; color: #000000 !important; font: 14px / 18px Inter !important; box-sizing: border-box; box-shadow: none; transition: box-shadow 0.3s; } .contivio-desktop #tblChatInputs input::placeholder, .contivio-desktop #tblChatInputs textarea::placeholder { color: #000000 !important; } .contivio-desktop #tblChatInputs input:-ms-input-placeholder, .contivio-desktop #tblChatInputs textarea:-ms-input-placeholder { color: #000000 !important; } .contivio-desktop #tblChatInputs .ContivioFormInput:focus { box-shadow: 0 0 0 1px #E0E2E5; } .contivio-desktop #imgStartChat, .contivio-desktop #imgSubmitChat { display: block; width: 100% !important; height: auto !important; margin-top: 10px; background: #52247f; border: 0px solid #52247f; border-radius: 6px; text-align: center; float: none; cursor: pointer; } .contivio-desktop #imgStartChat:before, .contivio-desktop #imgSubmitChat:before { content: 'START CHAT'; display: block; padding: 10px; color: #ffffff; font: bold 14px / 18px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-desktop #imgSubmitChat:before { content: 'SUBMIT CHAT'; } #tblChatInputs textarea { margin: 0; resize: none; } #imgCompanyLogo { width: auto !important; margin-top: 0 !important; float: none !important; } #tdPBContivio { margin-top: auto; text-align: center; } #tblChatInputs .validation-error { margin-top: 0 !important; } .contivio-desktop #divDialog #btnSubmitBotBypass { position: absolute; bottom: 10px; right: 10px; width: 60px; height: 60px; padding: 0; border: none; border-radius: 4px; background: none; color: #000000; font: 14px / 18px Inter; transition: 0.3s; cursor: pointer; } .contivio-desktop #divDialog #btnSubmitBotBypass:hover { background: #00000022; } /* hide the bypass submit button when its in the form */ #divForm #btnSubmitBotBypass { display: none !important; } #divDialog #tdQuestionLabel { display: block; position: absolute; left: 10px; right: 70px; bottom: 24px; color: transparent !important; pointer-events: none; } /* hide the required asterisk if necessary */ #divDialog #tdQuestionLabel:after { content: '' !important; } .contivio-desktop #tblChatInputs .ContivioFormInput { margin-top: 10px; } .contivio-desktop #tblChatInputs .FieldLabel { position: absolute; top: calc(50% + 5px); /* because the input has a 10px top margin */ left: min(max(calc(6px - 5px), calc(1px + 2px)), 25px); padding: 0 50px 0 10px !important; /* to cover the '--Select--' empty option */ background: #FFFFFF; transform: translateY(-50%); transition: 250ms ease all; pointer-events: none; } .contivio-desktop #tblChatInputs textarea + .FieldLabel { top: 35px; } .contivio-desktop #tblChatInputs .ContivioFormInput:focus + span.FieldLabel, .contivio-desktop #tblChatInputs .ContivioFormInput:valid + span.FieldLabel { top: 3px; left: calc(8px + 6px / 2); width: auto !important; padding: 0 10px !important; background: #ffffff !important; transform: translateY(0); }.contivio-desktop[contivio-lang=".fr"] #imgStartChat:before { content: 'START CHAT';}.contivio-desktop[contivio-lang=".es"] #imgStartChat:before { content: 'START CHAT';}.contivio-desktop[contivio-lang=".pt"] #imgStartChat:before { content: 'START CHAT';}.contivio-desktop[contivio-lang=".de"] #imgStartChat:before { content: 'START CHAT';}.contivio-desktop[contivio-lang=".it"] #imgStartChat:before { content: 'START CHAT';}.contivio-desktop[contivio-lang=".fr"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-desktop[contivio-lang=".es"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-desktop[contivio-lang=".pt"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-desktop[contivio-lang=".de"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-desktop[contivio-lang=".it"] #imgSubmitChat:before { content: 'SUBMIT CHAT';} #waitImageContainer { position: static !important; margin-top: 50px; box-sizing: border-box; } .contivio-desktop #waitImageContainer #waitImageId { content: ''; display: block; height: 41px; margin: 10px; background: url(assets/img/loading-spinner-4.gif) no-repeat center center !important; background-size: contain !important; } .contivio-desktop #divMsgToWaitForResponse, .contivio-desktop #divMsgOnRequestQueued, .contivio-desktop #divMsgOnRequestRejected { width: 100% !important; padding: 30px 10px !important; box-sizing: border-box; text-align: center; font: 14px / 18px Inter !important; color: #000000 !important; overflow-wrap: break-word; overflow: hidden; } .ChatConsole .EventLog { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .ChatConsole .EventLog div.Time { display: inline; font-size: 10px; color: grey; float: right; } .ChatConsole .EventLog div.Event { clear: both; } .ChatConsole .EventLog div.Participant { float: none !important; text-align: left !important; } .ChatConsole .EventLog div.Participant.Self { float: right !important; text-align: right !important; } .ChatConsole .EventLog div.Data { padding-top: 3px; white-space: inherit; overflow: inherit; } .Talk-Bubble-Left { display: inline-block; position: relative; max-width: calc(100% - 80px); height: auto; } .Talk-Bubble-Right { display: inline-block; position: relative; max-width: calc(100% - 40px); height: auto; float: left !important; } /* end bubbles.css */ #divChatConsole .ChatConsole .EventLog { top: 66px; } #divChatConsole .ChatConsole .EventLog div.Time { width: initial; } #divChatConsole .ChatConsole .EventLog div.Participant { margin-right: 8px; margin-left: 0; } #divChatConsole .ChatConsole .ButtonBar span { background-size: contain; } #divConversationHeader { display: flex !important; width: 0 !important; flex-grow: 1; align-items: center; position: static !important; } /* fixes the issue where having no intials/image causes the name/status labels to shift left underneath the default header image (CON-2071) */ #divConversationHeader::before { content: ''; width: 0px; height: 1px; } .contivio-desktop #ConversationAgentName, .contivio-desktop #ConversationAgentState { color: #ffffff; } .contivio-desktop #ConversationAgentName { font: bold 14px / 18px Inter; } .dropdown-content { display: none; position: absolute; right: 0; padding: 5px 0 5px 0; background-color: #fff; /* {{styling.general.header.background}}; */ border-radius: 5px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content span { display: flex; width: 140px !important; height: 29px; margin: 0 !important; padding: 4px !important; background-color: #fff; align-items: center; float: none; border-radius: 0 !important; transition: 0.2s; } .dropdown-content span:hover { background-color: #f7f7f7; cursor: pointer; } .dropdown-content.show { display:flex; flex-direction: column; } #ConversationAgentRating { margin-right: 0 !important; padding-top: 0 !important; } #thumpUp:before, #thumpDown:before, #ctlChatConsole_btnPrint:before, #ctlChatConsole_btnEmail:before { content: ""; height: 25px; width: 25px; border-radius: 25px; background-size: 25px 25px; margin: 2px; } #thumpUp:after, #thumpDown:after, #ctlChatConsole_btnPrint:after, #ctlChatConsole_btnEmail:after { margin-left: 5px; color: #333; font-size: 12px; font-family: arial; } #thumpUp.selected:before { background-color: #00ff0066; } #thumpDown.selected:before { background-color: #ff000066; } .contivio-desktop #ConversationAgentRating, .contivio-desktop #thumpUp, .contivio-desktop #thumpDown { padding: 0; } .contivio-desktop #ctlChatConsole_btnPrint { display: flex !important; } .contivio-desktop #ctlChatConsole_btnEmail { display: flex !important; } .contivio-desktop #thumpUp:before { background-image: url('assets/img/ico/thumbs-up-black-circle.webp'); } .contivio-desktop #thumpDown:before { background-image: url('assets/img/ico/thumbs-down-black-circle.webp'); } .contivio-desktop #ctlChatConsole_btnPrint:before { background-image: url('assets/img/ico/print-black-circle-2.webp'); float: left; } .contivio-desktop #ctlChatConsole_btnEmail:before { background-image: url('assets/img/ico/email-black-circle.webp'); float: left; } #thumpUp:after { content: "Thumbs Up"; } #thumpDown:after { content: "Thumbs Down"; } #ctlChatConsole_btnPrint:after { content: "Print Chat"; } #ctlChatConsole_btnEmail:after { content: "Email Chat"; } .contivio-desktop #divConversationAgentInitials { display: block; position: absolute; left: 15px; width: 0px !important; height: 0px !important; margin-top: -2px; padding: 0 !important; background: #fff; /* #F6F8FA; */ line-height: 0px; font-size: max(0px, 0px - 32px * 0 / 72) !important; } .contivio-desktop #imgConversationAgent, .contivio-desktop #ctlChatConsole_imgConversationAgent { display: block; position: absolute; left: 15px; width: 0px !important; height: 0px !important; margin-top: -2px; border-radius: 50%; background-color: #FFF; z-index: 101; } .contivio-desktop #divConversationLabel { flex-grow: 1; width: 0; } .contivio-desktop #ConversationAgentName { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contivio-desktop #ConversationAgentState { display: block !important; } #divConversationLabel br { display: none; } .contivio-desktop #divChatConsole .ChatConsole.Customer { height: 505px; top: 0; right: 0; left: 0; } .ChatConsole .EventLog div.Data { padding: 7px 12px !important; } .contivio-desktop #ctlChatConsole_divEventLog { background: #ffffff; top: calc(86px + 0px) !important; bottom: calc(88px + 2 * 0px); /* leave a bit of room at the bottom between the message container and the message box */ } #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Center.Round { clear: both; float: left; } .contivio-desktop #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Left.Tri-Right.Round.Left-in { margin: 5px; background: #52247f; color: #ffffff; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; clear: both; float: right; overflow-wrap: break-word; overflow: hidden; } #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Left.Tri-Right.Round.Left-in:after { content: none; } .contivio-desktop #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Right.Tri-Right.Round.Right-in, .contivio-desktop #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Center.Round { margin: 5px; background: #F6F8FA; color: #000000; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; clear: both; overflow-wrap: break-word; overflow: hidden; } .Tri-Right.Right-in:after { display: none; } .contivio-desktop #divChatConsole #ctlChatConsole_divMessageBox { display: flex; height: calc(85px + 0px); left: 0; right: 0; bottom: 0px !important; background: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .contivio-desktop #ctlChatConsole_txtMessage { min-width: 100% !important; height: 60px; margin: 0; padding: 10px 10px 10px 48px; background: #ffffff; color: #000000; border: none; border-top: 1px solid #E0E2E5; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font: 14px/18px Inter; box-sizing: border-box; box-shadow: none; overflow-y: none; transition: 0.2s; } .contivio-mobile #ctlChatConsole_txtMessage { overflow-y: auto; } #ctlChatConsole_txtMessage::-webkit-scrollbar { width: 0 !important; } .contivio-desktop #ctlChatConsole_txtMessage:focus { box-shadow: none !important; border-color: #52247f !important; } .contivio-desktop .Participant { color: #888888 !important; font: 12px / 16px Inter !important; line-height:18px !important; } .contivio-desktop .Time { color: #888888 !important; } .contivio-desktop .Participant.Self { color: #888888 !important; font: 12px / 16px Inter !important; opacity: 1; } .contivio-desktop #btnSendChat { display: block !important; } .contivio-desktop #btnSendChat, .contivio-desktop .ChatConsole.Attachments .MessageBox .AddFileButton { width: 32px !important; height: 32px !important; align-items: center; justify-content: center; background: transparent; color: #000000; border-radius: 4px !important; border: none; cursor: pointer; z-index: 1; transition: 0.2s; } .contivio-desktop .ChatConsole.Attachments .MessageBox .AddFileButton::after { color: #000000; } .contivio-desktop #btnEmoji { color: #000000; } .contivio-desktop #btnSendChat:hover, .contivio-desktop #btnEmoji:hover, .contivio-desktop .ChatConsole.Attachments .MessageBox .AddFileButton:hover { background: #00000022; } .contivio-desktop #ctlChatConsole_divStatusBar { color: #888888 !important; } .contivio-desktop #divChatConsole .ChatConsole .StatusBar { height: initial; right: 10px; left: calc(10px + 6px / 5); bottom: calc(4px + 2 * 0px); } .contivio-desktop #ButtonBar #ctlChatConsole_btnReduceExpand { margin-left: 45px; } /* drop target */ .contivio-desktop .ChatConsole.Attachments .MessageBox.DragDropReady::after { border-radius: 6px; } /* emoji picker */ .contivio-desktop .emoji-container { background-color: #ffffff !important; border-color: #E0E2E5 !important; } .contivio-desktop .emoji-header li.selected { background-color: #52247f !important; } .contivio-desktop .emoji-header { border-bottom: 1px solid #E0E2E5 !important; } .contivio-desktop .emoji-header li.selected svg { fill: #ffffff !important; } .contivio-desktop .emoji-header li:hover, .emoji-category li:hover { background-color: #52247f77 !important; } .contivio-desktop .emoji-container, .contivio-desktop .emoji-header li, .emoji-category li { border-radius: clamp(0px, 6px, 20px) !important; } .emoji-category::-webkit-scrollbar { width: 4px !important; } .contivio-desktop .emoji-category::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #52247f !important; } /* co-browsing dialog */ .contivio-desktop #divChatRoomClosedHeader + div + div#divCobrowsingConfirmDlg { height: auto; background-color: #ffffff; box-shadow: 0 6px 12px 0 #4b677c44; border: none; font-family: 'IBM Plex sans'; } .contivio-desktop .CobrowsingConfirmDlg .Button { border-radius: 6px; border: none; text-transform: uppercase; } .CobrowsingConfirmDlg .Button.Reject { background: #fe1a00; } .CobrowsingConfirmDlg .Button.Accept { background: #77a809; } /* preview ONLY */ #imgConversationAgent.preview-none { display: block !important; content: url("https://www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png"); } .contivio-desktop #ConversationAgentRating { display: flex; position: absolute; top: 86px; right: 0px; left: 0px; height: 64px; align-items: center; padding: 0 15px; color: #000000; background-color: #ffffff; border-bottom: 1px solid #E0E2E555; text-align: left; font: bold 14px / 18px Inter; box-sizing: border-box; z-index: 1; } .contivio-desktop #ConversationAgentRating:before { content: "Rate your experience"; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contivio-desktop .ratingThump { display: flex; margin: 4px; height: 29px !important; width: 29px !important; cursor: pointer; } .contivio-desktop .ratingThump:after { content: none !important; }.contivio-desktop[contivio-lang=".fr"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-desktop[contivio-lang=".es"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-desktop[contivio-lang=".pt"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-desktop[contivio-lang=".de"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-desktop[contivio-lang=".it"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-desktop #imgConversationAgent, .contivio-desktop #ctlChatConsole_imgConversationAgent { display: none; } .contivio-desktop #ctlChatConsole_txtMessage { padding-right: 42px; } .chat-questionnaire { padding: 12px; } .contivio-desktop #divSurvey #divSurveyHeader:before { content: ''; display: block; height: 0px; margin: 10px 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain; } .contivio-desktop #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:'; display: block; padding: 0 10px; text-align: left; color: #000000; font: bold 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-desktop #divSurvey .chat-questionnaire .question > .label { position: relative; max-width: calc(100% - 60px); margin: 16px auto 4px 0; padding: 7px 12px !important; background: #F6F8FA; color: #000000; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; float: left; clear: both; } .contivio-desktop #divSurvey .chat-questionnaire .question > .label #loading-view { background: #000000; } .contivio-desktop #divSurvey .chat-questionnaire .question .description { clear: both; margin: 0 2px 8px; color: undefined; font: undefined; text-align: undefined; } .contivio-desktop #divSurvey .chat-questionnaire .answer .label { display: block; margin: 4px 0 0 4px; padding: 7px 12px !important; background: #ffffff; color: #000000; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; text-align: center; transition: 0.2s; } .contivio-desktop #divSurvey .chat-questionnaire .answer img.label { max-width: 128px; max-height: 48px; box-sizing: content-box !important; } .chat-questionnaire .answer:last-child .label { margin-bottom: 8px; } .contivio-desktop #divSurvey .chat-questionnaire .answer.selected .label, .contivio-desktop #divSurvey .chat-questionnaire .answer .label:hover { height: auto; padding: 7px 12px !important; background: #52247f; color: #ffffff; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; text-align: center; box-sizing: border-box; } .chat-questionnaire .answer .label:hover { cursor: pointer; } .chat-questionnaire .comment { display: flex; align-items: center; width: undefined%; undefined; } .contivio-desktop #divSurvey .chat-questionnaire .comment input { height: auto; width: 100% !important; margin: 4px 0 0 0; padding: 7px 38px 7px 7px; background: #ffffff; color: #000000; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; box-shadow: none; box-sizing: border-box; transition: 0.2s; } .contivio-desktop #divSurvey .chat-questionnaire input:focus { border: 1px solid #52247f !important; box-shadow: 0 0 0 1px #52247f inset !important; } .contivio-desktop #divSurvey .chat-questionnaire input + .answer { display: undefined; height: auto; width: 42px; margin: 4px 0 0 calc(-42px - 1px); padding: 7px 0; color: #52247f; background: transparent; border: none; border-radius: 0 calc(6px - 1px) calc(6px - 1px) 0; font: 12px / 16px Inter; font-weight: bold; text-align: center; box-sizing: border-box; cursor: pointer; transition: 0.2s; } .contivio-desktop #divSurvey .chat-questionnaire input + .answer:hover { background: #52247f; color: #ffffff; } .contivio-desktop #divSurvey .chat-questionnaire .link { padding: 4px 4px 0 4px; text-align: left; transition: 0.2s; } .contivio-desktop #divSurvey .chat-questionnaire .link a { font: 12px / 16px Inter; color: #52247f; } /* overrides */ .chat-questionnaire .answer, .chat-questionnaire .answer.selected { margin: 0; padding: 0; border: none; background: none; cursor: default; float: right; undefined } .error { clear: both; } #divSurvey .chat-questionnaire input[type=text][readonly] { padding-right: 7px; border: none; font-style: italic; } .chat-questionnaire .question { clear: both; margin-top: 0; } #loading-view + .avatar { position: static; margin: -41px 0 0 -3px; clear: both; float: left; } .chat-questionnaire { padding: 12px; } .contivio-desktop #divDialog #divBotHeader:before { content: ''; display: block; height: 0px; margin: 10px 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain; } .contivio-desktop #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:'; display: block; padding: 0 10px; text-align: left; color: #333333; font: bold 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-desktop #divDialog .chat-questionnaire .question > .label { position: relative; max-width: calc(100% - 60px); margin: 16px auto 4px 0; padding: 7px 12px !important; background: #F6F8FA; color: #333333; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; float: left; clear: both; } .contivio-desktop #divDialog .chat-questionnaire .question > .label #loading-view { background: #333333; } .contivio-desktop #divDialog .chat-questionnaire .question .description { clear: both; margin: 0 2px 8px; color: #333333; font: italic 11px / 16px Inter; text-align: left; } .contivio-desktop #divDialog .chat-questionnaire .answer .label { display: block; margin: 4px 0 0 4px; padding: 7px 12px !important; background: #ffffff; color: #333333; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; text-align: center; transition: 0.2s; } .contivio-desktop #divDialog .chat-questionnaire .answer img.label { max-width: 128px; max-height: 48px; box-sizing: content-box !important; } .chat-questionnaire .answer:last-child .label { margin-bottom: 8px; } .contivio-desktop #divDialog .chat-questionnaire .answer.selected .label, .contivio-desktop #divDialog .chat-questionnaire .answer .label:hover { height: auto; padding: 7px 12px !important; background: #CE3538; color: #ffffff; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; text-align: center; box-sizing: border-box; } .chat-questionnaire .answer .label:hover { cursor: pointer; } .chat-questionnaire .comment { display: flex; align-items: center; width: 50%; margin: 4px auto 8px 0; } .contivio-desktop #divDialog .chat-questionnaire .comment input { height: auto; width: 100% !important; margin: 4px 0 0 0; padding: 7px 38px 7px 7px; background: #ffffff; color: #333333; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; box-shadow: none; box-sizing: border-box; transition: 0.2s; } .contivio-desktop #divDialog .chat-questionnaire input:focus { border: 1px solid #CE3538 !important; box-shadow: 0 0 0 1px #CE3538 inset !important; } .contivio-desktop #divDialog .chat-questionnaire input + .answer { display: block; height: auto; width: 42px; margin: 4px 0 0 calc(-42px - 1px); padding: 7px 0; color: #CE3538; background: transparent; border: none; border-radius: 0 calc(6px - 1px) calc(6px - 1px) 0; font: 12px / 16px Inter; font-weight: bold; text-align: center; box-sizing: border-box; cursor: pointer; transition: 0.2s; } .contivio-desktop #divDialog .chat-questionnaire input + .answer:hover { background: #CE3538; color: #ffffff; } .contivio-desktop #divDialog .chat-questionnaire .link { padding: 4px 4px 0 4px; text-align: left; transition: 0.2s; } .contivio-desktop #divDialog .chat-questionnaire .link a { font: 12px / 16px Inter; color: #ce3538; } /* overrides */ .chat-questionnaire .answer, .chat-questionnaire .answer.selected { margin: 0; padding: 0; border: none; background: none; cursor: default; float: right; clear: left; } .error { clear: both; } #divDialog .chat-questionnaire input[type=text][readonly] { padding-right: 7px; border: none; font-style: italic; } .chat-questionnaire .question { clear: both; margin-top: 0; } #loading-view + .avatar { position: static; margin: -41px 0 0 -3px; clear: both; float: left; } .contivio-desktop #divDialog .chat-questionnaire .question .avatar { position: absolute; inset: auto auto 0 -41px; display: block; width: 36px; height: 36px; margin: 4px 4px auto auto; border: 0px solid #ffffff; border-radius: 0px; background: #ffffff url(assets/img/chatbot-2.png) no-repeat center / 30px 30px; filter: hue-rotate(0deg); box-sizing: border-box; } .contivio-desktop #divDialog .chat-questionnaire .question > .label { margin-left: 36px; } .contivio-desktop #divDialog .chat-questionnaire .comment input { border-radius: 0; border: none; border-bottom: 1px solid #CE3538; } .contivio-desktop #divDialog .chat-questionnaire input:focus { border: none !important; border-bottom: 1px solid #CE3538 !important; box-shadow: none !important; } .contivio-desktop #divDialog .chat-questionnaire input + .answer { border-radius: 0; } .contivio-desktop[contivio-lang=".fr"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".es"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".pt"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".de"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".it"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".fr"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".es"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".pt"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".de"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-desktop[contivio-lang=".it"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';} #endChatImageContainer { position: static !important; margin-top: 30px; box-sizing: border-box; } .contivio-desktop #endChatImageId { content: ''; display: block; height: 0px; margin: 10px; background: url(assets/img/celebration-white.png) no-repeat center center !important; background-size: contain !important; } .contivio-desktop #divMsgOnChatRoomClosed, .contivio-desktop #divDataCollectedMessage { height: auto !important; padding: 24px 10px !important; box-sizing: border-box; font-size: 0 !important; line-height: 0 !important; } .contivio-desktop #divMsgOnChatRoomClosed:after, .contivio-desktop #divDataCollectedMessage:after { content: 'Thanks for contacting us'; display: block; text-align: center; font: bold 14px / 18px Inter !important; color: #000000 !important; } .contivio-desktop #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; margin-top: 40px; } .contivio-desktop #divStartNewSessionLink { display: block; margin: 0 10px; text-align: ; font: 12px / 16px Inter !important; color: #52247f !important; } #divStartNewSession { margin-top: 0 !important; } #divStartNewSession:after { content: ''; display: block; height: 1px; width: 70%; background-color: #DDE1E4; margin: 40px 15%; } .contivio-desktop #divEndOfChatAgentRating { display: block !important; position: static; margin: 0 auto; padding: 0 10px; } .stars { justify-content: center; } .contivio-desktop #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; display: block; margin-bottom: 20px; color: #000000; text-align: center; font: 14px / 18px Inter; } .contivio-desktop .stars[data-stars] .star path { fill: #52247f; stroke: #52247f; transition: 0.2s; } .contivio-desktop .stars[data-stars="0"] .star path, .contivio-desktop .stars[data-stars="1"] .star:nth-child(1) ~ .star path, .contivio-desktop .stars[data-stars="2"] .star:nth-child(2) ~ .star path, .contivio-desktop .stars[data-stars="3"] .star:nth-child(3) ~ .star path, .contivio-desktop .stars[data-stars="4"] .star:nth-child(4) ~ .star path { fill: #ffffff; stroke: #000000; } .contivio-desktop .stars .star:hover path { stroke-width: 3 !important; } .contivio-desktop[contivio-lang=".fr"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-desktop[contivio-lang=".es"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-desktop[contivio-lang=".pt"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-desktop[contivio-lang=".de"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-desktop[contivio-lang=".it"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-desktop[contivio-lang=".fr"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".es"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".pt"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".de"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".it"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".fr"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".es"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".pt"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".de"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".it"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-desktop[contivio-lang=".fr"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-desktop[contivio-lang=".es"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-desktop[contivio-lang=".pt"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-desktop[contivio-lang=".de"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-desktop[contivio-lang=".it"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }

/* remove the default select styling (looks sooo 90s on mac) */ #divForm select { -webkit-appearance: none; background: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23777'><polygon points='0,25 100,25 50,75'/></svg>) no-repeat calc(100% - 15px) center; background-size: 10px; } #divForm::-webkit-scrollbar, #divSurvey::-webkit-scrollbar, #divDialog::-webkit-scrollbar, #divWaitHeader + div::-webkit-scrollbar, #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar, #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar, #ctlChatConsole_divEventLog::-webkit-scrollbar { width: 8px; } #divForm::-webkit-scrollbar-track, #divSurvey::-webkit-scrollbar-track, #divDialog::-webkit-scrollbar-track, #divWaitHeader + div::-webkit-scrollbar-track, #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-track, #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-track, #ctlChatConsole_divEventLog::-webkit-scrollbar-track { background: transparent; border: 2px solid transparent; } .contivio-mobile #divForm::-webkit-scrollbar-thumb, .contivio-mobile #divSurvey::-webkit-scrollbar-thumb, .contivio-mobile #divDialog::-webkit-scrollbar-thumb, .contivio-mobile #divWaitHeader + div::-webkit-scrollbar-thumb, .contivio-mobile #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-thumb, .contivio-mobile #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-thumb, #ctlChatConsole_divEventLog::-webkit-scrollbar-thumb { background: #000000bb; border-radius: 5px; border: 2px solid #ffffff; } .contivio-mobile #divForm::-webkit-scrollbar-thumb:hover, .contivio-mobile #divSurvey::-webkit-scrollbar-thumb:hover, .contivio-mobile #divDialog::-webkit-scrollbar-thumb:hover, .contivio-mobile #divWaitHeader + div::-webkit-scrollbar-thumb:hover, .contivio-mobile #divChatRoomClosedHeader + div:not(#ConversationAgentRating)::-webkit-scrollbar-thumb:hover, .contivio-mobile #divChatRoomClosedHeader + #ConversationAgentRating + div::-webkit-scrollbar-thumb:hover, #ctlChatConsole_divEventLog::-webkit-scrollbar-thumb:hover { background: #000000; border: 2px solid #ffffff; } .contivio-mobile #divForm, .contivio-mobile #divSurvey, .contivio-mobile #divDialog, .contivio-mobile #divWaitHeader + div, .contivio-mobile #divChatRoomClosedHeader + div:not(#ConversationAgentRating), .contivio-mobile #divChatRoomClosedHeader + #ConversationAgentRating + div { height: calc(505px - 2 * 0px - 86px - 6px); margin: 0; padding: 0 !important; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } .contivio-mobile #divSurvey { position: absolute; top: 86px; left: 0px; right: 0px; background: #ffffff; z-index: 1; } .contivio-mobile #ctl01, .contivio-mobile [name="ctl01"] { height: calc(505px - 20px) !important; margin: 0 auto; margin-top: 20px; background: #ffffff; border: 0px solid #000000; border-radius: 6px; box-sizing: border-box; } .contivio-mobile .chat-body { display: flex; position: relative; height: 505px !important; width: calc(300px + 10px) !important; /* originally, it was calc(300px + 30px) - it's +10px now to account for the borders */ margin: 0 auto; flex-direction: column; background: transparent; box-shadow: 0px 6px 15px -10px #4B677C22;; border-radius: 6px; overflow: hidden; box-sizing: border-box; } .chat-body iframe, .chat-body #messaging { flex-grow: 1; } /* to compensate for the borders in the messaging page */ .contivio-mobile #ButtonBar, .contivio-mobile #ctlChatConsole_divEventLog, .contivio-mobile #ctlChatConsole_divMessageBox { margin-left: 0px; margin-right: 0px; } .contivio-mobile #ButtonBar { top: calc(20px + 0px); } .contivio-mobile #divChatConsole, .contivio-mobile #fraChatRequestForm { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #ffffff; } .contivio-mobile #divChatConsole { position: static !important; width: 300px; } #ctlChatConsole_btnLeave:before, #btnLeave:before { content: '\2715'; line-height: 32px; font-family: Arial; } #btnReduceExpand:before, #ctlChatConsole_btnReduceExpand:before { content: '_'; display: block; margin-top: -5px; font-family: Arial; } #ctlChatConsole_btnLeave, #btnLeave { order: 5; } #ctlChatConsole_btnReduceExpand, #btnReduceExpand { order: 4; } .dropdown-container { position: relative; display: inline-block; z-index: 101; } .dropdown-button { line-height: 32px !important; } .contivio-mobile #btnLeave, .contivio-mobile #btnReduceExpand, .contivio-mobile #ctlChatConsole_btnLeave, .contivio-mobile #ctlChatConsole_btnReduceExpand, .contivio-mobile .dropdown-button { width: 30px; height: 30px; min-width: 30px; margin-left: 10px; margin-right: 0; padding: 0px; color: #ffffff !important; background: #00000007; text-align: center; font-size: 16px; line-height: 25px; border: none; border-radius: 20px; cursor: pointer; transition: 0.2s; } .contivio-mobile span#ctlChatConsole_btnStopCobrowsing:before { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.8 5.3C7.8 6.8 6.5 8 5 8 3.5 8 2.3 6.8 2.3 5.3 2.3 3.7 3.5 2.5 5 2.5 6.5 2.5 7.8 3.7 7.8 5.3ZM16 14H12V12C12 11.3 11.8 10.6 11.5 10H14C15.1 10 16 10.9 16 12V14ZM11.5 8C12.9 8 14 6.9 14 5.5 14 4.1 12.9 3 11.5 3 10.1 3 9 4.1 9 5.5 9 6.9 10.1 8 11.5 8ZM2 10C0.9 10 0 10.9 0 12V14H10V12C10 10.9 9.1 10 8 10H2Z' fill='%23ffffff'/%3E%3C/svg%3E"); width: 18px; height: 18px; display: block; margin-top: 2px; } #btnLeave:hover, #btnReduceExpand:hover, #ctlChatConsole_btnReduceExpand:hover, #ctlChatConsole_btnLeave:hover, .dropdown-button:hover { background-color: #00000022 !important; } .contivio-mobile #divChatHeader, .contivio-mobile #divWaitHeader, .contivio-mobile #ButtonBar.CustomerConsoleButtonBar, .contivio-mobile #divChatRoomClosedHeader { display: flex !important; align-items: center; height: 66px !important; padding: 0 15px !important; border-top-left-radius: calc(6px - 0px) !important; border-top-right-radius: calc(6px - 0px) !important; background-image: none !important; background-color: #52247f; background-size: cover; box-sizing: border-box; overflow: visible !important; } .contivio-mobile .headerImg:before { content: ""; display: block; width: 0px; height: 0px; margin-top: -2px; background-image: url("https://www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png"); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; } #divChatRoomClosedHeader .headerImg { z-index: 101; } .contivio-mobile .headerMsg { flex-grow: 1; color: #ffffff; text-align: left; } .contivio-mobile .headerMsg:before { content: 'Let\'s Chat!'; display: -webkit-box; max-height: 64px; margin: 10px; color: #ffffff; font: bold 16px / 20px Inter; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #tblChatInputs { width: calc(100% - 20px); margin: 0 10px; } .contivio-mobile #chat-button { display: flex; align-items: center; justify-content: center; position: fixed; bottom: 30px; right: 34px; background: #52247f; border: 0px solid #ffffff; box-shadow: 0px 6px 15px -10px #4B677C22; transform: scale(1); transition: 0.2s; cursor: pointer; z-index: 100000; } .contivio-mobile #chat-button:focus { outline: 5px solid #52247f55; } .contivio-mobile #chat-button.bubble { width: 64px; height: 64px; border-radius: 50px; } .contivio-mobile #chat-button.bar { width: 300px; height: 50px; bottom: 0; padding: 0 20px; justify-content: flex-end; box-sizing: border-box; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom: none; color: #ffffff; } .contivio-mobile #chat-button.bar:before { content: 'Let\'s Chat!'; margin: 1em 0; flex-grow: 1; font: bold 16px / 20px Inter; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .contivio-mobile #chat-button.none, .contivio-mobile #chat-button.none-bubble, .contivio-mobile #chat-button.none-bar { display: none; } .contivio-mobile #chat-button::after { content: ''; background: transparent url(assets/img/ico/bubble-6.png) no-repeat center; min-width: 32px; min-height: 32px; background-size: contain; } .contivio-mobile .chat-window { position: fixed; bottom: 30px; right: 34px; box-shadow: 0px 6px 15px -10px #4B677C22; z-index: 100000; transform-origin: bottom right; transform: scale(1); transition: 0.2s; } .chat-window.hidden, #chat-button.hidden { transform: scale(0) !important; } button { outline: none; } .show-block { display: block !important; } .show-flex { display: flex !important; } /* chat window should take the whole screen on mobile */ .contivio-mobile .chat-window { position: fixed; top: 0; right: 0; bottom: 0; left: 0; transform-origin: bottom right; transform: scale(1); transition: 0.2s; } .contivio-mobile .chat-body { height: 100% !important; width: 100% !important; } .contivio-mobile #ctl01, .contivio-mobile [name="ctl01"] { height: calc(100vh - 20px) !important; } .contivio-mobile #divForm, .contivio-mobile #divSurvey, .contivio-mobile #divDialog, .contivio-mobile #divWaitHeader + div, .contivio-mobile #divChatRoomClosedHeader + div:not(#ConversationAgentRating), .contivio-mobile #divChatRoomClosedHeader + #ConversationAgentRating + div { height: calc(100vh - 2 * 0px - 86px - 6px); } #divChatRoomClosedHeader + div + div { height: calc(100vh - 2 * 0px - 86px - 6px - 64px); } .contivio-mobile #divChatConsole .ChatConsole.Customer { height: 100vh !important; }.contivio-mobile[contivio-lang=".fr"] .headerMsg:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".es"] .headerMsg:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".pt"] .headerMsg:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".de"] .headerMsg:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".it"] .headerMsg:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".fr"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".es"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".pt"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".de"] #chat-button.bar:before {content: 'Chat With Us...';}.contivio-mobile[contivio-lang=".it"] #chat-button.bar:before {content: 'Chat With Us...';} .contivio-mobile #eye-capture-container-0.eye-capture-container { position: fixed; width: 300px; border: 0px solid #000000; border-radius: 12px; right: 110px; bottom: 110px; box-shadow: 0px 6px 15px 0 #4B677C22;; transform-origin: bottom right; transition: 0.3s; z-index: 1000000; } .contivio-mobile #eye-capture-container-0 .eye-capture-header { display: flex !important; align-items: center; min-height: 66px !important; padding: 0 15px; border-top-left-radius: calc(12px - 2 * (0px - 1px)) !important; border-top-right-radius: calc(12px - 2 * (0px - 1px)) !important; background-image: none !important; background-color: #333333; background-size: cover; box-sizing: border-box; overflow: visible; } .contivio-mobile #eye-capture-container-0 .eye-capture-header .img:before { content: ""; display: block; width: 72px; height: 72px; margin-top: -30px; background-image: url("assets/img/contivio-logo.jpg"); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; } .contivio-mobile #eye-capture-container-0 .eye-capture-header .msg { width: 0; flex-grow: 1; } .contivio-mobile #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; display: flex; align-items: center; justify-content: left; min-height: 46px; margin: 10px; color: #ffffff; font: bold 14px / 18px Inter; } .contivio-mobile #eye-capture-container-0 .close-eye-capture { width: 30px; height: 30px; margin: 0 0 0 10px; padding: 0; color: #ffffff !important; background: #00000007; text-align: center; font-size: 16px; line-height: 25px; border: none; border-radius: 20px; cursor: pointer; transition: 0.2s; } .close-eye-capture:hover { background-color: #00000022 !important; cursor: pointer; } .close-eye-capture:before { content: '\2715'; line-height: 32px; font-family: Arial; } .contivio-mobile #eye-capture-container-0 .eye-capture-body { display: flex; flex-wrap: wrap; background: #ffffff; padding: 14px; border-bottom-left-radius: calc(12px - 2 * (0px - 1px)) !important; border-bottom-right-radius: calc(12px - 2 * (0px - 1px)) !important; } .contivio-mobile #eye-capture-container-0 .eye-capture-body-msg { height: 45px; margin: -14px -14px 0 -14px; padding: 14px 18px 14px 18px; flex: 1 0 100%; max-height: 40vh; overflow-y: auto; } .contivio-mobile #eye-capture-container-0 .eye-capture-body-msg { height: auto; } .contivio-mobile #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; display: block; text-align: left; color: #000000; font: 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; } .contivio-mobile #eye-capture-container-0 .eye-capture-answer { margin: 6px 3px 0 3px; padding: 4px 8px; background: #ffffff; color: #000000; border: 1px solid #CE3538; border-radius: 6px; flex-grow: 1; text-align: center; font: bold 12px / 16px Inter; cursor: pointer; overflow-wrap: break-word; overflow: hidden; } /* Eye-Capture entrance animations */ .contivio-mobile #eye-capture-container-0.eye-capture-container.entrance { transform: scale(0); } .contivio-mobile #eye-capture-container-0.eye-capture-container.entrance.done { transform: scale(1) translateX(0) translateY(0); } .contivio-mobile[contivio-lang=".fr"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-mobile[contivio-lang=".es"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-mobile[contivio-lang=".pt"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-mobile[contivio-lang=".de"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-mobile[contivio-lang=".it"] #eye-capture-container-0 .eye-capture-header .msg:before { content: "Chat with us"; }.contivio-mobile[contivio-lang=".fr"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-mobile[contivio-lang=".es"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-mobile[contivio-lang=".pt"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-mobile[contivio-lang=".de"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; }.contivio-mobile[contivio-lang=".it"] #eye-capture-container-0 .eye-capture-body-msg:before { content: 'Can we help?'; } #divForm { display: flex; position: static; padding: 0 10px !important; flex-direction: column; } #divForm table { border-spacing: 0 5px; border-collapse: separate; } #tblChatInputs td { display: block; position: relative; width: 100%; } .contivio-mobile #imgChatRequestForm { content: ''; display: block; height: 0px !important; margin: min(0px, 10px) !important; flex-shrink: 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain !important; } .contivio-mobile #divMessage { width: auto !important; padding: 10px 10px 0 10px !important; text-align: center; color: #000000 !important; font: 14px / 18px Inter !important; box-sizing: border-box; } #divMessage:empty { display: none; } .contivio-mobile #tblChatInputs .FieldLabel { color: #000000 !important; font: 12px / 16px Inter !important; } .FieldLabel.RequiredField { background-image: none !important; } .FieldLabel.RequiredField:after { content: '*'; margin-left: 5px; color: red; font-size: 14px; } .validation-error { color: #52247f !important; float: left; } .contivio-mobile #tblChatInputs input, .contivio-mobile #tblChatInputs textarea, .contivio-mobile #tblChatInputs select, .contivio-mobile #divDialog #txtQuestion { height: auto; width: 100%; padding: 15px calc(10px + 6px / 5); background: #FFFFFF; border: 1px solid #E0E2E5; border-radius: 6px; text-align: left; color: #000000 !important; font: 14px / 18px Inter !important; box-sizing: border-box; box-shadow: none; transition: box-shadow 0.3s; } .contivio-mobile #tblChatInputs input::placeholder, .contivio-mobile #tblChatInputs textarea::placeholder { color: #000000 !important; } .contivio-mobile #tblChatInputs input:-ms-input-placeholder, .contivio-mobile #tblChatInputs textarea:-ms-input-placeholder { color: #000000 !important; } .contivio-mobile #tblChatInputs .ContivioFormInput:focus { box-shadow: 0 0 0 1px #E0E2E5; } .contivio-mobile #imgStartChat, .contivio-mobile #imgSubmitChat { display: block; width: 100% !important; height: auto !important; margin-top: 10px; background: #52247f; border: 0px solid #52247f; border-radius: 6px; text-align: center; float: none; cursor: pointer; } .contivio-mobile #imgStartChat:before, .contivio-mobile #imgSubmitChat:before { content: 'START CHAT'; display: block; padding: 10px; color: #ffffff; font: bold 14px / 18px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-mobile #imgSubmitChat:before { content: 'SUBMIT CHAT'; } #tblChatInputs textarea { margin: 0; resize: none; } #imgCompanyLogo { width: auto !important; margin-top: 0 !important; float: none !important; } #tdPBContivio { margin-top: auto; text-align: center; } #tblChatInputs .validation-error { margin-top: 0 !important; } .contivio-mobile #divDialog #btnSubmitBotBypass { position: absolute; bottom: 10px; right: 10px; width: 60px; height: 60px; padding: 0; border: none; border-radius: 4px; background: none; color: #000000; font: 14px / 18px Inter; transition: 0.3s; cursor: pointer; } .contivio-mobile #divDialog #btnSubmitBotBypass:hover { background: #00000022; } /* hide the bypass submit button when its in the form */ #divForm #btnSubmitBotBypass { display: none !important; } #divDialog #tdQuestionLabel { display: block; position: absolute; left: 10px; right: 70px; bottom: 24px; color: transparent !important; pointer-events: none; } /* hide the required asterisk if necessary */ #divDialog #tdQuestionLabel:after { content: '' !important; } .contivio-mobile #tblChatInputs .ContivioFormInput { margin-top: 10px; } .contivio-mobile #tblChatInputs .FieldLabel { position: absolute; top: calc(50% + 5px); /* because the input has a 10px top margin */ left: min(max(calc(6px - 5px), calc(1px + 2px)), 25px); padding: 0 50px 0 10px !important; /* to cover the '--Select--' empty option */ background: #FFFFFF; transform: translateY(-50%); transition: 250ms ease all; pointer-events: none; } .contivio-mobile #tblChatInputs textarea + .FieldLabel { top: 35px; } .contivio-mobile #tblChatInputs .ContivioFormInput:focus + span.FieldLabel, .contivio-mobile #tblChatInputs .ContivioFormInput:valid + span.FieldLabel { top: 3px; left: calc(8px + 6px / 2); width: auto !important; padding: 0 10px !important; background: #ffffff !important; transform: translateY(0); }.contivio-mobile[contivio-lang=".fr"] #imgStartChat:before { content: 'START CHAT';}.contivio-mobile[contivio-lang=".es"] #imgStartChat:before { content: 'START CHAT';}.contivio-mobile[contivio-lang=".pt"] #imgStartChat:before { content: 'START CHAT';}.contivio-mobile[contivio-lang=".de"] #imgStartChat:before { content: 'START CHAT';}.contivio-mobile[contivio-lang=".it"] #imgStartChat:before { content: 'START CHAT';}.contivio-mobile[contivio-lang=".fr"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-mobile[contivio-lang=".es"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-mobile[contivio-lang=".pt"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-mobile[contivio-lang=".de"] #imgSubmitChat:before { content: 'SUBMIT CHAT';}.contivio-mobile[contivio-lang=".it"] #imgSubmitChat:before { content: 'SUBMIT CHAT';} #waitImageContainer { position: static !important; margin-top: 50px; box-sizing: border-box; } .contivio-mobile #waitImageContainer #waitImageId { content: ''; display: block; height: 41px; margin: 10px; background: url(assets/img/loading-spinner-4.gif) no-repeat center center !important; background-size: contain !important; } .contivio-mobile #divMsgToWaitForResponse, .contivio-mobile #divMsgOnRequestQueued, .contivio-mobile #divMsgOnRequestRejected { width: 100% !important; padding: 30px 10px !important; box-sizing: border-box; text-align: center; font: 14px / 18px Inter !important; color: #000000 !important; overflow-wrap: break-word; overflow: hidden; } .ChatConsole .EventLog { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .ChatConsole .EventLog div.Time { display: inline; font-size: 10px; color: grey; float: right; } .ChatConsole .EventLog div.Event { clear: both; } .ChatConsole .EventLog div.Participant { float: none !important; text-align: left !important; } .ChatConsole .EventLog div.Participant.Self { float: right !important; text-align: right !important; } .ChatConsole .EventLog div.Data { padding-top: 3px; white-space: inherit; overflow: inherit; } .Talk-Bubble-Left { display: inline-block; position: relative; max-width: calc(100% - 80px); height: auto; } .Talk-Bubble-Right { display: inline-block; position: relative; max-width: calc(100% - 40px); height: auto; float: left !important; } /* end bubbles.css */ #divChatConsole .ChatConsole .EventLog { top: 66px; } #divChatConsole .ChatConsole .EventLog div.Time { width: initial; } #divChatConsole .ChatConsole .EventLog div.Participant { margin-right: 8px; margin-left: 0; } #divChatConsole .ChatConsole .ButtonBar span { background-size: contain; } #divConversationHeader { display: flex !important; width: 0 !important; flex-grow: 1; align-items: center; position: static !important; } /* fixes the issue where having no intials/image causes the name/status labels to shift left underneath the default header image (CON-2071) */ #divConversationHeader::before { content: ''; width: 0px; height: 1px; } .contivio-mobile #ConversationAgentName, .contivio-mobile #ConversationAgentState { color: #ffffff; } .contivio-mobile #ConversationAgentName { font: bold 14px / 18px Inter; } .dropdown-content { display: none; position: absolute; right: 0; padding: 5px 0 5px 0; background-color: #fff; /* {{styling.general.header.background}}; */ border-radius: 5px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content span { display: flex; width: 140px !important; height: 29px; margin: 0 !important; padding: 4px !important; background-color: #fff; align-items: center; float: none; border-radius: 0 !important; transition: 0.2s; } .dropdown-content span:hover { background-color: #f7f7f7; cursor: pointer; } .dropdown-content.show { display:flex; flex-direction: column; } #ConversationAgentRating { margin-right: 0 !important; padding-top: 0 !important; } #thumpUp:before, #thumpDown:before, #ctlChatConsole_btnPrint:before, #ctlChatConsole_btnEmail:before { content: ""; height: 25px; width: 25px; border-radius: 25px; background-size: 25px 25px; margin: 2px; } #thumpUp:after, #thumpDown:after, #ctlChatConsole_btnPrint:after, #ctlChatConsole_btnEmail:after { margin-left: 5px; color: #333; font-size: 12px; font-family: arial; } #thumpUp.selected:before { background-color: #00ff0066; } #thumpDown.selected:before { background-color: #ff000066; } .contivio-mobile #ConversationAgentRating, .contivio-mobile #thumpUp, .contivio-mobile #thumpDown { padding: 0; } .contivio-mobile #ctlChatConsole_btnPrint { display: flex !important; } .contivio-mobile #ctlChatConsole_btnEmail { display: flex !important; } .contivio-mobile #thumpUp:before { background-image: url('assets/img/ico/thumbs-up-black-circle.webp'); } .contivio-mobile #thumpDown:before { background-image: url('assets/img/ico/thumbs-down-black-circle.webp'); } .contivio-mobile #ctlChatConsole_btnPrint:before { background-image: url('assets/img/ico/print-black-circle-2.webp'); float: left; } .contivio-mobile #ctlChatConsole_btnEmail:before { background-image: url('assets/img/ico/email-black-circle.webp'); float: left; } #thumpUp:after { content: "Thumbs Up"; } #thumpDown:after { content: "Thumbs Down"; } #ctlChatConsole_btnPrint:after { content: "Print Chat"; } #ctlChatConsole_btnEmail:after { content: "Email Chat"; } .contivio-mobile #divConversationAgentInitials { display: block; position: absolute; left: 15px; width: 0px !important; height: 0px !important; margin-top: -2px; padding: 0 !important; background: #fff; /* #F6F8FA; */ line-height: 0px; font-size: max(0px, 0px - 32px * 0 / 72) !important; } .contivio-mobile #imgConversationAgent, .contivio-mobile #ctlChatConsole_imgConversationAgent { display: block; position: absolute; left: 15px; width: 0px !important; height: 0px !important; margin-top: -2px; border-radius: 50%; background-color: #FFF; z-index: 101; } .contivio-mobile #divConversationLabel { flex-grow: 1; width: 0; } .contivio-mobile #ConversationAgentName { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contivio-mobile #ConversationAgentState { display: block !important; } #divConversationLabel br { display: none; } .contivio-mobile #divChatConsole .ChatConsole.Customer { height: 505px; top: 0; right: 0; left: 0; } .ChatConsole .EventLog div.Data { padding: 7px 12px !important; } .contivio-mobile #ctlChatConsole_divEventLog { background: #ffffff; top: calc(86px + 0px) !important; bottom: calc(88px + 2 * 0px); /* leave a bit of room at the bottom between the message container and the message box */ } #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Center.Round { clear: both; float: left; } .contivio-mobile #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Left.Tri-Right.Round.Left-in { margin: 5px; background: #52247f; color: #ffffff; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; clear: both; float: right; overflow-wrap: break-word; overflow: hidden; } #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Left.Tri-Right.Round.Left-in:after { content: none; } .contivio-mobile #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Right.Tri-Right.Round.Right-in, .contivio-mobile #ctlChatConsole_divEventLog div.Data.Talk-Bubble-Center.Round { margin: 5px; background: #F6F8FA; color: #000000; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; clear: both; overflow-wrap: break-word; overflow: hidden; } .Tri-Right.Right-in:after { display: none; } .contivio-mobile #divChatConsole #ctlChatConsole_divMessageBox { display: flex; height: calc(85px + 0px); left: 0; right: 0; bottom: 0px !important; background: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .contivio-mobile #ctlChatConsole_txtMessage { min-width: 100% !important; height: 60px; margin: 0; padding: 10px 10px 10px 48px; background: #ffffff; color: #000000; border: none; border-top: 1px solid #E0E2E5; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font: 14px/18px Inter; box-sizing: border-box; box-shadow: none; overflow-y: none; transition: 0.2s; } .contivio-mobile #ctlChatConsole_txtMessage { overflow-y: auto; } #ctlChatConsole_txtMessage::-webkit-scrollbar { width: 0 !important; } .contivio-mobile #ctlChatConsole_txtMessage:focus { box-shadow: none !important; border-color: #52247f !important; } .contivio-mobile .Participant { color: #888888 !important; font: 12px / 16px Inter !important; line-height:18px !important; } .contivio-mobile .Time { color: #888888 !important; } .contivio-mobile .Participant.Self { color: #888888 !important; font: 12px / 16px Inter !important; opacity: 1; } .contivio-mobile #btnSendChat { display: block !important; } .contivio-mobile #btnSendChat, .contivio-mobile .ChatConsole.Attachments .MessageBox .AddFileButton { width: 32px !important; height: 32px !important; align-items: center; justify-content: center; background: transparent; color: #000000; border-radius: 4px !important; border: none; cursor: pointer; z-index: 1; transition: 0.2s; } .contivio-mobile .ChatConsole.Attachments .MessageBox .AddFileButton::after { color: #000000; } .contivio-mobile #btnEmoji { color: #000000; } .contivio-mobile #btnSendChat:hover, .contivio-mobile #btnEmoji:hover, .contivio-mobile .ChatConsole.Attachments .MessageBox .AddFileButton:hover { background: #00000022; } .contivio-mobile #ctlChatConsole_divStatusBar { color: #888888 !important; } .contivio-mobile #divChatConsole .ChatConsole .StatusBar { height: initial; right: 10px; left: calc(10px + 6px / 5); bottom: calc(4px + 2 * 0px); } .contivio-mobile #ButtonBar #ctlChatConsole_btnReduceExpand { margin-left: 45px; } /* drop target */ .contivio-mobile .ChatConsole.Attachments .MessageBox.DragDropReady::after { border-radius: 6px; } /* emoji picker */ .contivio-mobile .emoji-container { background-color: #ffffff !important; border-color: #E0E2E5 !important; } .contivio-mobile .emoji-header li.selected { background-color: #52247f !important; } .contivio-mobile .emoji-header { border-bottom: 1px solid #E0E2E5 !important; } .contivio-mobile .emoji-header li.selected svg { fill: #ffffff !important; } .contivio-mobile .emoji-header li:hover, .emoji-category li:hover { background-color: #52247f77 !important; } .contivio-mobile .emoji-container, .contivio-mobile .emoji-header li, .emoji-category li { border-radius: clamp(0px, 6px, 20px) !important; } .emoji-category::-webkit-scrollbar { width: 4px !important; } .contivio-mobile .emoji-category::-webkit-scrollbar-thumb { border-radius: 5px; border: 2px solid #52247f !important; } /* co-browsing dialog */ .contivio-mobile #divChatRoomClosedHeader + div + div#divCobrowsingConfirmDlg { height: auto; background-color: #ffffff; box-shadow: 0 6px 12px 0 #4b677c44; border: none; font-family: 'IBM Plex sans'; } .contivio-mobile .CobrowsingConfirmDlg .Button { border-radius: 6px; border: none; text-transform: uppercase; } .CobrowsingConfirmDlg .Button.Reject { background: #fe1a00; } .CobrowsingConfirmDlg .Button.Accept { background: #77a809; } /* preview ONLY */ #imgConversationAgent.preview-none { display: block !important; content: url("https://www.cleanersupply.com/globalassets/csius/liveperson-icon-square.png"); } .contivio-mobile #ConversationAgentRating { display: flex; position: absolute; top: 86px; right: 0px; left: 0px; height: 64px; align-items: center; padding: 0 15px; color: #000000; background-color: #ffffff; border-bottom: 1px solid #E0E2E555; text-align: left; font: bold 14px / 18px Inter; box-sizing: border-box; z-index: 1; } .contivio-mobile #ConversationAgentRating:before { content: "Rate your experience"; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contivio-mobile .ratingThump { display: flex; margin: 4px; height: 29px !important; width: 29px !important; cursor: pointer; } .contivio-mobile .ratingThump:after { content: none !important; }.contivio-mobile[contivio-lang=".fr"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-mobile[contivio-lang=".es"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-mobile[contivio-lang=".pt"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-mobile[contivio-lang=".de"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-mobile[contivio-lang=".it"] #ConversationAgentRating:before { content: "Rate your experience";}.contivio-mobile #imgConversationAgent, .contivio-mobile #ctlChatConsole_imgConversationAgent { display: none; } .contivio-mobile #ctlChatConsole_txtMessage { padding-right: 42px; } .chat-questionnaire { padding: 12px; } .contivio-mobile #divSurvey #divSurveyHeader:before { content: ''; display: block; height: 0px; margin: 10px 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain; } .contivio-mobile #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:'; display: block; padding: 0 10px; text-align: left; color: #000000; font: bold 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-mobile #divSurvey .chat-questionnaire .question > .label { position: relative; max-width: calc(100% - 60px); margin: 16px auto 4px 0; padding: 7px 12px !important; background: #F6F8FA; color: #000000; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; float: left; clear: both; } .contivio-mobile #divSurvey .chat-questionnaire .question > .label #loading-view { background: #000000; } .contivio-mobile #divSurvey .chat-questionnaire .question .description { clear: both; margin: 0 2px 8px; color: undefined; font: undefined; text-align: undefined; } .contivio-mobile #divSurvey .chat-questionnaire .answer .label { display: block; margin: 4px 0 0 4px; padding: 7px 12px !important; background: #ffffff; color: #000000; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; text-align: center; transition: 0.2s; } .contivio-mobile #divSurvey .chat-questionnaire .answer img.label { max-width: 128px; max-height: 48px; box-sizing: content-box !important; } .chat-questionnaire .answer:last-child .label { margin-bottom: 8px; } .contivio-mobile #divSurvey .chat-questionnaire .answer.selected .label, .contivio-mobile #divSurvey .chat-questionnaire .answer .label:hover { height: auto; padding: 7px 12px !important; background: #52247f; color: #ffffff; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; text-align: center; box-sizing: border-box; } .chat-questionnaire .answer .label:hover { cursor: pointer; } .chat-questionnaire .comment { display: flex; align-items: center; width: undefined%; undefined; } .contivio-mobile #divSurvey .chat-questionnaire .comment input { height: auto; width: 100% !important; margin: 4px 0 0 0; padding: 7px 38px 7px 7px; background: #ffffff; color: #000000; border: 1px solid #52247f; border-radius: 6px; font: 12px / 16px Inter; box-shadow: none; box-sizing: border-box; transition: 0.2s; } .contivio-mobile #divSurvey .chat-questionnaire input:focus { border: 1px solid #52247f !important; box-shadow: 0 0 0 1px #52247f inset !important; } .contivio-mobile #divSurvey .chat-questionnaire input + .answer { display: undefined; height: auto; width: 42px; margin: 4px 0 0 calc(-42px - 1px); padding: 7px 0; color: #52247f; background: transparent; border: none; border-radius: 0 calc(6px - 1px) calc(6px - 1px) 0; font: 12px / 16px Inter; font-weight: bold; text-align: center; box-sizing: border-box; cursor: pointer; transition: 0.2s; } .contivio-mobile #divSurvey .chat-questionnaire input + .answer:hover { background: #52247f; color: #ffffff; } .contivio-mobile #divSurvey .chat-questionnaire .link { padding: 4px 4px 0 4px; text-align: left; transition: 0.2s; } .contivio-mobile #divSurvey .chat-questionnaire .link a { font: 12px / 16px Inter; color: #52247f; } /* overrides */ .chat-questionnaire .answer, .chat-questionnaire .answer.selected { margin: 0; padding: 0; border: none; background: none; cursor: default; float: right; undefined } .error { clear: both; } #divSurvey .chat-questionnaire input[type=text][readonly] { padding-right: 7px; border: none; font-style: italic; } .chat-questionnaire .question { clear: both; margin-top: 0; } #loading-view + .avatar { position: static; margin: -41px 0 0 -3px; clear: both; float: left; } .chat-questionnaire { padding: 12px; } .contivio-mobile #divDialog #divBotHeader:before { content: ''; display: block; height: 0px; margin: 10px 0; background: url(assets/img/wavey.png) no-repeat center center; background-size: contain; } .contivio-mobile #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:'; display: block; padding: 0 10px; text-align: left; color: #333333; font: bold 12px / 16px Inter; overflow-wrap: break-word; overflow: hidden; box-sizing: border-box; } .contivio-mobile #divDialog .chat-questionnaire .question > .label { position: relative; max-width: calc(100% - 60px); margin: 16px auto 4px 0; padding: 7px 12px !important; background: #F6F8FA; color: #333333; border: 1px solid #F6F8FA; border-radius: 6px; font: 12px / 16px Inter; float: left; clear: both; } .contivio-mobile #divDialog .chat-questionnaire .question > .label #loading-view { background: #333333; } .contivio-mobile #divDialog .chat-questionnaire .question .description { clear: both; margin: 0 2px 8px; color: #333333; font: italic 11px / 16px Inter; text-align: left; } .contivio-mobile #divDialog .chat-questionnaire .answer .label { display: block; margin: 4px 0 0 4px; padding: 7px 12px !important; background: #ffffff; color: #333333; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; text-align: center; transition: 0.2s; } .contivio-mobile #divDialog .chat-questionnaire .answer img.label { max-width: 128px; max-height: 48px; box-sizing: content-box !important; } .chat-questionnaire .answer:last-child .label { margin-bottom: 8px; } .contivio-mobile #divDialog .chat-questionnaire .answer.selected .label, .contivio-mobile #divDialog .chat-questionnaire .answer .label:hover { height: auto; padding: 7px 12px !important; background: #CE3538; color: #ffffff; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; text-align: center; box-sizing: border-box; } .chat-questionnaire .answer .label:hover { cursor: pointer; } .chat-questionnaire .comment { display: flex; align-items: center; width: 50%; margin: 4px auto 8px 0; } .contivio-mobile #divDialog .chat-questionnaire .comment input { height: auto; width: 100% !important; margin: 4px 0 0 0; padding: 7px 38px 7px 7px; background: #ffffff; color: #333333; border: 1px solid #CE3538; border-radius: 6px; font: 12px / 16px Inter; box-shadow: none; box-sizing: border-box; transition: 0.2s; } .contivio-mobile #divDialog .chat-questionnaire input:focus { border: 1px solid #CE3538 !important; box-shadow: 0 0 0 1px #CE3538 inset !important; } .contivio-mobile #divDialog .chat-questionnaire input + .answer { display: block; height: auto; width: 42px; margin: 4px 0 0 calc(-42px - 1px); padding: 7px 0; color: #CE3538; background: transparent; border: none; border-radius: 0 calc(6px - 1px) calc(6px - 1px) 0; font: 12px / 16px Inter; font-weight: bold; text-align: center; box-sizing: border-box; cursor: pointer; transition: 0.2s; } .contivio-mobile #divDialog .chat-questionnaire input + .answer:hover { background: #CE3538; color: #ffffff; } .contivio-mobile #divDialog .chat-questionnaire .link { padding: 4px 4px 0 4px; text-align: left; transition: 0.2s; } .contivio-mobile #divDialog .chat-questionnaire .link a { font: 12px / 16px Inter; color: #ce3538; } /* overrides */ .chat-questionnaire .answer, .chat-questionnaire .answer.selected { margin: 0; padding: 0; border: none; background: none; cursor: default; float: right; clear: left; } .error { clear: both; } #divDialog .chat-questionnaire input[type=text][readonly] { padding-right: 7px; border: none; font-style: italic; } .chat-questionnaire .question { clear: both; margin-top: 0; } #loading-view + .avatar { position: static; margin: -41px 0 0 -3px; clear: both; float: left; } .contivio-mobile #divDialog .chat-questionnaire .question .avatar { position: absolute; inset: auto auto 0 -41px; display: block; width: 36px; height: 36px; margin: 4px 4px auto auto; border: 0px solid #ffffff; border-radius: 0px; background: #ffffff url(assets/img/chatbot-2.png) no-repeat center / 30px 30px; filter: hue-rotate(0deg); box-sizing: border-box; } .contivio-mobile #divDialog .chat-questionnaire .question > .label { margin-left: 36px; } .contivio-mobile #divDialog .chat-questionnaire .comment input { border-radius: 0; border: none; border-bottom: 1px solid #CE3538; } .contivio-mobile #divDialog .chat-questionnaire input:focus { border: none !important; border-bottom: 1px solid #CE3538 !important; box-shadow: none !important; } .contivio-mobile #divDialog .chat-questionnaire input + .answer { border-radius: 0; } .contivio-mobile[contivio-lang=".fr"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".es"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".pt"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".de"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".it"] #divSurvey #divSurveyHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".fr"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".es"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".pt"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".de"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';}.contivio-mobile[contivio-lang=".it"] #divDialog #divBotHeader:after { content: 'Please answer the questions below so we can better serve you:';} #endChatImageContainer { position: static !important; margin-top: 30px; box-sizing: border-box; } .contivio-mobile #endChatImageId { content: ''; display: block; height: 0px; margin: 10px; background: url(assets/img/celebration-white.png) no-repeat center center !important; background-size: contain !important; } .contivio-mobile #divMsgOnChatRoomClosed, .contivio-mobile #divDataCollectedMessage { height: auto !important; padding: 24px 10px !important; box-sizing: border-box; font-size: 0 !important; line-height: 0 !important; } .contivio-mobile #divMsgOnChatRoomClosed:after, .contivio-mobile #divDataCollectedMessage:after { content: 'Thanks for contacting us'; display: block; text-align: center; font: bold 14px / 18px Inter !important; color: #000000 !important; } .contivio-mobile #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; margin-top: 40px; } .contivio-mobile #divStartNewSessionLink { display: block; margin: 0 10px; text-align: ; font: 12px / 16px Inter !important; color: #52247f !important; } #divStartNewSession { margin-top: 0 !important; } #divStartNewSession:after { content: ''; display: block; height: 1px; width: 70%; background-color: #DDE1E4; margin: 40px 15%; } .contivio-mobile #divEndOfChatAgentRating { display: block !important; position: static; margin: 0 auto; padding: 0 10px; } .stars { justify-content: center; } .contivio-mobile #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; display: block; margin-bottom: 20px; color: #000000; text-align: center; font: 14px / 18px Inter; } .contivio-mobile .stars[data-stars] .star path { fill: #52247f; stroke: #52247f; transition: 0.2s; } .contivio-mobile .stars[data-stars="0"] .star path, .contivio-mobile .stars[data-stars="1"] .star:nth-child(1) ~ .star path, .contivio-mobile .stars[data-stars="2"] .star:nth-child(2) ~ .star path, .contivio-mobile .stars[data-stars="3"] .star:nth-child(3) ~ .star path, .contivio-mobile .stars[data-stars="4"] .star:nth-child(4) ~ .star path { fill: #ffffff; stroke: #000000; } .contivio-mobile .stars .star:hover path { stroke-width: 3 !important; } .contivio-mobile[contivio-lang=".fr"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-mobile[contivio-lang=".es"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-mobile[contivio-lang=".pt"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-mobile[contivio-lang=".de"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-mobile[contivio-lang=".it"] #divEndOfChatAgentRating:before { content: "How would you rate your experience?"; }.contivio-mobile[contivio-lang=".fr"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".es"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".pt"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".de"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".it"] #divMsgOnChatRoomClosed:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".fr"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".es"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".pt"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".de"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".it"] #divDataCollectedMessage:after { content: 'Thanks for contacting us';}.contivio-mobile[contivio-lang=".fr"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-mobile[contivio-lang=".es"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-mobile[contivio-lang=".pt"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-mobile[contivio-lang=".de"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }.contivio-mobile[contivio-lang=".it"] #divDataCollectedMessage:after { content: 'Thank you, we will attend to your request soon!'; }