body.consumer, body.departments {
background: #fff !important;
}
Filter By Position
:root {
/* 🎨 Primary Colors */
/* Rich Deep Green */
--df-messenger-primary-color: #006C46;
/* Soft Neutral Gray */
--df-messenger-border-color: #C4C4C4;
/* Darker Gray for readability */
--df-messenger-element-font-color: #2F2F2F;
/* 💬 Chat Window */
--df-messenger-chat-border: 1px solid var(--df-messenger-border-color);
--df-messenger-chat-border-radius: 18px;
--df-messenger-chat-background: #FFFFFF;
--df-messenger-chat-padding: 20px 20px 5px 20px;
--df-messenger-chat-window-width: 380px;
--df-messenger-chat-window-height: 600px;
--df-messenger-chat-padding-minimized: 14px;
/* ⬇️ Scroll Button */
--df-messenger-chat-scroll-button-enabled-display: flex;
--df-messenger-chat-scroll-button-align: flex-end;
--df-messenger-chat-scroll-button-container-padding: 10px;
--df-messenger-chat-scroll-button-background: #36A969;
--df-messenger-chat-scroll-button-font-color: #FFFFFF;
--df-messenger-chat-scroll-button-padding: 12px;
/* 📌 Title Bar */
--df-messenger-titlebar-background: #FFFFFF;
--df-messenger-titlebar-font-color: #2F2F2F;
--df-messenger-titlebar-border-bottom: 2px solid var(--df-messenger-border-color);
--df-messenger-titlebar-padding: 5px 26px;
--df-messenger-titlebar-title-font-size: 20px;
--df-messenger-titlebar-title-line-height: 26px;
--df-messenger-titlebar-subtitle-font-size: 14px;
--df-messenger-titlebar-subtitle-line-height: 18px;
/* 💬 Messages */
--df-messenger-message-padding: 14px;
--df-messenger-message-bot-background: #006C46;
/* Darker Green */
--df-messenger-message-user-background: #B6DFCC;
/* Light Green */
--df-messenger-message-bot-font-color: #FFFFFF;
--df-messenger-message-user-font-color: #333333;
--df-messenger-messagelist-border-radius: 0px;
--df-messenger-message-bot-border-top-left-radius: 6px;
--df-messenger-message-user-border-top-right-radius: 6px;
/* ✏️ Input Box */
--df-messenger-input-box-background: #FFFFFF;
--df-messenger-input-box-border: 1px solid var(--df-messenger-border-color);
--df-messenger-input-box-border-radius: 9px;
--df-messenger-input-box-padding: 16px 22px;
--df-messenger-input-box-focus-border: 2px solid var(--df-messenger-primary-color);
/* 🔘 Buttons */
--df-messenger-button-border: 1px solid var(--df-messenger-border-color);
--df-messenger-button-padding: 10px;
--df-messenger-titlebar-button-background-hover: rgba(0, 108, 70, 0.15);
--df-messenger-titlebar-button-background-active: rgba(0, 108, 70, 0.3);
/* 🔗 Links */
--df-messenger-link-font-color: #FFE71E;
--df-messenger-link-hover-font-color: #C3EC7B;
--df-messenger-link-visited-font-color: #FFE71E;
--df-messenger-link-active-font-color: #FFE71E;
/* Light Lime */
--df-messenger-link-decoration: none;
--df-messenger-link-border-radius: 6px;
/* 🃏 Cards */
--df-messenger-card-border-radius: 18px;
--df-messenger-card-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
--df-messenger-card-border: 1px solid var(--df-messenger-border-color);
/* 📊 Tables */
--df-messenger-table-border-color: #BFBFBF;
--df-messenger-table-padding: 14px 18px;
--df-messenger-table-font-size: 15px;
--df-messenger-table-border-radius: 12px;
--df-messenger-table-header-background: #E8F5E9;
--df-messenger-table-header-padding: 12px 18px;
--df-messenger-table-header-font-weight: 600;
/* 💬 Chat Bubble */
--df-messenger-chat-bubble-background: #005A32;
--df-messenger-chat-bubble-icon-color: #FFD700;
--df-messenger-chat-bubble-icon-border-radius: 0px;
/* Golden Accent */
/* 👍 Feedback */
--df-messenger-message-feedback-icon-border-radius: 10px;
--df-messenger-message-feedback-icon-background: #FFFFFF;
--df-messenger-message-feedback-icon-font-color-active: var(--df-messenger-primary-color);
/* 🎥 Image & Video */
--df-messenger-image-border-radius: 12px;
--df-messenger-video-border-radius: 12px;
--df-messenger-video-border: 2px solid var(--df-messenger-border-color);
/* ✨ Miscellaneous */
--df-messenger-list-padding: 16px;
--df-messenger-message-stack-spacing: 6px;
}
df-messenger {
/* Chatbot Positioning */
z-index: 999;
position: fixed;
bottom: 16px;
right: 16px;
}
/* Force chat window height with important */
df-messenger {
--df-messenger-chat-window-height: 70vh !important;
}
/* Additional override for the chat wrapper */
df-messenger-chat {
height: 70vh !important;
max-height: 70vh !important;
}
/* Mobile specific adjustments */
@media (max-width: 768px) {
df-messenger {
--df-messenger-chat-window-height: 55vh !important;
}
df-messenger-chat {
height: 55vh !important;
max-height: 55vh !important;
}
}
/* Mobile specific adjustments */
@media (max-width: 480px) {
df-messenger {
--df-messenger-chat-window-width: 300px !important;
}
}
/* Override rotation of custom close icon so the minus sign appears horizontal */
df-messenger {
--df-messenger-chat-bubble-close-icon-transform-rotate: 0deg !important;
}
/* Also apply directly if CSS can reach the element */
df-messenger .bubble .close-icon.rotate-fade {
transform: translate(-50%, -50%) rotate(0deg) !important;
}
(function () {
var DFMKEY = 'df-messenger-chatBubbleExpansion';
var AUTOOPENKEY = 'df-chat-autoOpened';
var minWidthOk = window.matchMedia('(min-width: 768px)').matches;
if (!minWidthOk) return;
var timerId = null;
var scheduled = false;
function isExpanded() {
var bubble = document.getElementById('dfchat');
return !!(bubble && bubble.hasAttribute('expanded'));
}
function schedule() {
clearTimeout(timerId);
// Do not schedule if user has already closed during this session or if already expanded
try {
if (sessionStorage.getItem(DFMKEY) === 'false') return;
if (sessionStorage.getItem(AUTOOPENKEY) === 'true') return;
} catch (_) { }
if (isExpanded()) return;
timerId = setTimeout(function () {
try {
if (sessionStorage.getItem(DFMKEY) === 'false') return;
if (sessionStorage.getItem(AUTOOPENKEY) === 'true') return;
} catch (_) { }
var bubble = document.getElementById('dfchat');
if (bubble && typeof bubble.openChat === 'function') {
bubble.openChat();
try { sessionStorage.setItem(AUTOOPENKEY, 'true'); } catch (_) { }
}
}, 10000);
scheduled = true;
}
window.addEventListener('df-messenger-loaded', function () {
// Persist expansion state and cancel timer on any state change (open/close)
function onOpenChanged(e) {
var isOpen = !!(e && e.detail && e.detail.isOpen);
if (timerId) { clearTimeout(timerId); timerId = null; }
try {
sessionStorage.setItem(DFMKEY, isOpen ? 'true' : 'false');
if (isOpen) sessionStorage.setItem(AUTOOPENKEY, 'true');
} catch (_) { }
}
window.addEventListener('df-chat-open-changed', onOpenChanged);
var bubbleEl = document.getElementById('dfchat');
if (bubbleEl) bubbleEl.addEventListener('df-chat-open-changed', onOpenChanged);
schedule();
});
// Fallback: if the ready event fired too early, schedule after DOM is ready
if (document.readyState !== 'loading') {
if (!scheduled) schedule();
} else {
document.addEventListener('DOMContentLoaded', function () { if (!scheduled) schedule(); });
}
})();
<
iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFZZM99"
height="0" width="0"
style="display:none;visibility:hidden">
Find a store near you to apply!
-
Burlington, ON L7P3N8
About the store
Dollarama is Canada’s leading dollar store operator, with more than 1,000 locations across the country. Our store at 9600 93 Ave, Fort St. John—and all of our stores across the country—provides customers with compelling value in a convenient location. Our aim is to create a consistent shopping experience, offering a broad assortment of everyday consumer products, general merchandise and seasonal items. Products are sold in individual or multiple units at select fixed price-points up to $5.00.