MS Teams Implementation
Version 5.1 by Chris Workman on 2026/08/24 23:33
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;600;800&display=swap');
/* Safety net: if the wiki ever renders this block twice,
show only the first copy. */
.fdimpl-wiki ~ .fdimpl-wiki { display: none !important; }
/* ---- FirstDigital brand tokens (Brand Guide 2025, p.11) ---- */
.fdimpl-wiki {
--fd-navy: #003366; /* headlines, backgrounds, icons */
--fd-blue: #307ab2; /* headlines, backgrounds, icons */
--fd-blue-bright: #38b2e3; /* stand-out headlines, icons */
--fd-red: #cf333d; /* accents - use selectively */
--fd-body: #2e404d; /* paragraph text */
--fd-secondary: #8f9499; /* secondary text */
--fd-bg-mid: #dedede; /* backgrounds */
--fd-bg-light: #f0f0f0; /* backgrounds */
--fd-ice: #e3f1f8;
--fd-white: #ffffff;
}
.fdimpl-wiki, .fdimpl-wiki * { box-sizing: border-box; }
.fdimpl-wiki {
font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
font-weight: 300;
color: var(--fd-body);
background: var(--fd-white);
max-width: 1000px;
margin: 0 auto;
padding: 0 20px 30px;
-webkit-font-smoothing: antialiased;
}
.fdimpl-wiki p, .fdimpl-wiki li, .fdimpl-wiki span, .fdimpl-wiki a,
.fdimpl-wiki h1, .fdimpl-wiki h2, .fdimpl-wiki h3 {
font-family: 'Host Grotesk', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
/* ---- Masthead: full-colour logo on white (Logo Rules, p.10) ---- */
.fdimpl-masthead {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
padding: 22px 0 18px;
border-bottom: 1px solid var(--fd-bg-mid);
}
.fdimpl-masthead img { height: 46px; width: auto; display: block; border: none; }
.fdimpl-masthead-label {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--fd-secondary);
white-space: nowrap;
}
/* ---- Hero ---- */
.fdimpl-hero {
position: relative;
margin-top: 22px;
border-radius: 6px;
overflow: hidden;
min-height: 270px;
display: flex;
align-items: flex-end;
}
.fdimpl-hero-img {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
display: block;
border: none;
}
/* explicit offsets, not the inset shorthand, for wider support */
.fdimpl-hero::after {
content: "";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background: linear-gradient(100deg,
rgba(0,51,102,0.95) 0%,
rgba(0,51,102,0.87) 44%,
rgba(0,51,102,0.32) 100%);
}
.fdimpl-hero-inner {
position: relative;
z-index: 1;
padding: 34px 34px 32px;
max-width: 640px;
}
/* red rule = brand accent motif (Brand Guide p.4) */
.fdimpl-rule {
width: 62px; height: 4px;
background: var(--fd-red);
border: 0;
margin: 0 0 16px;
}
.fdimpl-eyebrow {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--fd-blue-bright);
margin-bottom: 9px;
}
.fdimpl-hero h1 {
font-size: clamp(25px, 3.5vw, 35px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.01em;
color: var(--fd-white);
margin: 0 0 12px;
}
.fdimpl-hero p {
font-size: 15.5px;
font-weight: 300;
line-height: 1.62;
color: #dbe6ef;
margin: 0;
max-width: 520px;
}
/* ---- Section heading ---- */
.fdimpl-sechead {
margin: 34px 0 4px;
font-size: 21px;
font-weight: 800;
line-height: 1.25;
color: var(--fd-navy);
}
.fdimpl-secsub {
font-size: 14px;
font-weight: 300;
color: var(--fd-secondary);
margin: 0 0 24px;
}
/* ---- Gap note (Step 3 -> Step 5) ---- */
.fdimpl-gapnote {
display: flex;
gap: 12px;
align-items: flex-start;
background: var(--fd-ice);
border-left: 4px solid var(--fd-blue-bright);
border-radius: 0 6px 6px 0;
padding: 14px 16px;
margin: 0 0 22px;
}
.fdimpl-gapnote svg {
flex: 0 0 auto;
width: 18px; height: 18px;
margin-top: 2px;
fill: none;
stroke: var(--fd-navy);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.fdimpl-gapnote p {
margin: 0;
font-size: 13.5px;
font-weight: 300;
line-height: 1.55;
color: var(--fd-body);
}
.fdimpl-gapnote strong { color: var(--fd-navy); font-weight: 700; }
/* ---- Timeline ---- */
.fdimpl-step {
position: relative;
display: flex;
gap: 20px;
padding-bottom: 22px;
}
.fdimpl-step:last-child { padding-bottom: 0; }
.fdimpl-marker {
flex: 0 0 46px;
display: flex;
flex-direction: column;
align-items: center;
}
.fdimpl-num {
width: 46px; height: 46px;
border-radius: 50%;
background: var(--fd-navy);
color: var(--fd-white);
font-size: 17px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.fdimpl-step:last-child .fdimpl-num { background: var(--fd-red); }
.fdimpl-line {
width: 2px;
flex: 1 1 auto;
min-height: 14px;
background: var(--fd-bg-mid);
margin-top: 6px;
}
.fdimpl-step:last-child .fdimpl-line { display: none; }
/* ---- Step card ---- */
.fdimpl-card {
flex: 1 1 auto;
min-width: 0;
background: var(--fd-white);
border: 1px solid var(--fd-bg-mid);
border-radius: 6px;
padding: 20px 22px 22px;
}
.fdimpl-cardhead {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.fdimpl-card h2 {
font-size: 17.5px;
font-weight: 800;
line-height: 1.25;
color: var(--fd-navy);
margin: 0;
}
.fdimpl-when {
display: inline-flex;
align-items: center;
gap: 7px;
background: var(--fd-ice);
color: var(--fd-navy);
border-radius: 999px;
padding: 6px 13px 6px 10px;
font-size: 12.5px;
font-weight: 600;
line-height: 1.3;
}
/* icons: dark-blue stroke, bright-blue accent (Brand Guide p.14) */
.fdimpl-when svg {
flex: 0 0 auto;
width: 15px; height: 15px;
fill: none;
stroke: var(--fd-blue);
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.fdimpl-panels {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.fdimpl-panels.fdimpl-one { grid-template-columns: 1fr; }
.fdimpl-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--fd-blue);
margin-bottom: 8px;
}
.fdimpl-list {
margin: 0;
padding-left: 18px;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: var(--fd-body);
list-style: disc outside;
}
.fdimpl-list li { margin-bottom: 6px; }
.fdimpl-list li:last-child { margin-bottom: 0; }
.fdimpl-list em { font-style: italic; }
.fdimpl-note {
font-size: 14px;
font-weight: 300;
line-height: 1.6;
color: var(--fd-body);
margin: 0 0 10px;
}
.fdimpl-note:last-child { margin-bottom: 0; }
/* ---- File / link chips ---- */
.fdimpl-file {
display: flex;
align-items: center;
gap: 11px;
padding: 10px 12px;
border: 1px solid var(--fd-bg-mid);
border-radius: 5px;
background: var(--fd-bg-light);
text-decoration: none !important;
color: inherit;
margin-bottom: 8px;
transition: border-color .18s ease, background .18s ease;
}
.fdimpl-file:last-child { margin-bottom: 0; }
.fdimpl-file:hover {
border-color: var(--fd-blue-bright);
background: var(--fd-white);
}
.fdimpl-file:focus-visible {
outline: 3px solid var(--fd-blue-bright);
outline-offset: 2px;
}
.fdimpl-file svg {
flex: 0 0 auto;
width: 19px; height: 19px;
fill: none;
stroke: var(--fd-navy);
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.fdimpl-file svg .accent { stroke: var(--fd-blue-bright); }
.fdimpl-fmeta { min-width: 0; }
.fdimpl-fname {
display: block;
font-size: 13.5px;
font-weight: 600;
color: var(--fd-navy);
word-break: break-word;
}
.fdimpl-fdate {
display: block;
font-size: 11.5px;
font-weight: 300;
color: var(--fd-secondary);
margin-top: 1px;
}
.fdimpl-link {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 13.5px;
font-weight: 600;
color: var(--fd-red);
text-decoration: none !important;
}
.fdimpl-link:hover { text-decoration: underline !important; }
.fdimpl-link:focus-visible {
outline: 2px solid var(--fd-blue-bright);
outline-offset: 3px;
}
.fdimpl-link svg {
width: 15px; height: 15px;
fill: none;
stroke: var(--fd-red);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .18s ease;
}
.fdimpl-link:hover svg { transform: translateX(3px); }
/* inline text link inside a bullet, e.g. "Refer to the Porting Q&A" */
.fdimpl-list a, .fdimpl-note a {
color: var(--fd-blue);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid rgba(48,122,178,.35);
}
.fdimpl-list a:hover, .fdimpl-note a:hover {
color: var(--fd-navy);
border-bottom-color: var(--fd-navy);
}
/* ---- Closing callout ---- */
.fdimpl-callout {
margin-top: 30px;
padding: 22px 24px;
background: var(--fd-navy);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
}
.fdimpl-callout h3 {
margin: 0 0 5px;
font-size: 17px;
font-weight: 800;
color: var(--fd-white);
}
.fdimpl-callout p {
margin: 0;
font-size: 14px;
font-weight: 300;
line-height: 1.55;
color: #dbe6ef;
max-width: 520px;
}
/* ---- Footer ---- */
.fdimpl-footer {
margin-top: 26px;
padding-top: 16px;
border-top: 1px solid var(--fd-bg-mid);
font-size: 12px;
color: var(--fd-secondary);
text-align: center;
}
@media (max-width: 720px) {
.fdimpl-wiki { padding: 0 12px 24px; }
.fdimpl-masthead img { height: 38px; }
.fdimpl-hero { min-height: 240px; }
.fdimpl-hero-inner { padding: 26px 22px 24px; }
.fdimpl-panels { grid-template-columns: 1fr; }
.fdimpl-step { gap: 14px; }
.fdimpl-marker { flex: 0 0 38px; }
.fdimpl-num { width: 38px; height: 38px; font-size: 15px; }
.fdimpl-card { padding: 16px 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
.fdimpl-file, .fdimpl-link svg { transition: none; }
}
Fiber · Internet · Cloud · Voice
Microsoft Teams · Implementation
Thank you for choosing FirstDigital Telecom!
We’re glad to have you, and we want to ensure a smooth start with your new voice services. Here’s what to expect.
Steps in the process
Timeframes below are typical, and measured from the milestone noted for each step.
1
2
Step 2: Kick-Off Emails
3–5 business days after order entry3
Step 3: Kick-Off Call
3–5 business days after the Kick-Off EmailRequirements & information
An Implementation Engineer will answer any questions about the FDConnect portal and Direct Routing setup.
Key topics:
- Direct Routing setup.
- Porting discussion.
- Scheduling a “Go Live” date and meeting.
Go Live meetings can be scheduled between the hours of 8AM and 5PM MST.
Helpful information
This call allows all parties to ask questions.
Note: the source process outline jumps from Step 3 directly to Step 5 — there is no Step 4 in the material this page was built from. Numbering is preserved as given below; double-check whether a step was left out.
5
Step 5: Go Live
Scheduled during the Kick-Off Call, confirmed once FOC is approvedRequirements & information
- You choose and execute the Go Live date — unless the port exceeds 1,500 numbers or our Translations Team assists.
- Refer to the Porting Q&A for guidance and clarification.
Helpful information
- Go Live Meeting with client, client IT, partner, and FD engineer.
- FDConnect MS Teams Porting Q&A
Questions at any stage?
Your Implementation Engineer is your direct contact throughout setup. Reply to any email in your kick-off chain and the whole team will see it.