Rubric AssessmentThis table lists criteria and criteria grou.docx

Rubric Assessment
This table lists criteria and criteria group name in the first
column. The first row lists level names and includes scores if
the rubric uses a numeric scoring method.CriteriaNot Evident
1 point
Basic
12.5 points
Proficient
18.75 points
Distinguished
25 points
Content
Does not convey the concepts clearly. Information is not
accurate and current.
Conveys some of the concepts clearly. Content is written with
little logical progression of ideas and little supporting
information.
Conveys most of the concepts clearly. Content is written with
some logical progression of ideas and supporting information.
Conveys all the concepts clearly. Content is written clearly and
concisely with logical organization and progression.
Information is accurate and current.
/ 25

1 point
Proficient
3.75 points
Basic
3.75 points
Distinguished
5 points
Scholarly Resources
Did not use any scholarly resources.
Used one scholarly resource.
N/A
Used a minimum of two scholarly resources.
/ 5
1 point
Proficient
3.75 points
Basic

3.75 points
Distinguished
5 points
APA Formatting
None of the sources are accurately documented or in APA
format.
One source is accurately documented and in APA format.
N/A
All sources are accurately documented and in APA format.
/ 5
Total
— / 45
Close

@charset "utf-8";
.vui-field-row fieldset::after, .vui-field-row::after { clear: both;
}
@font-face { font-family: Lato; font-style: normal; font-weight:
400; src:
url("https://s.brightspace.com/lib/fonts/0.4.0/assets/Lato-
400.woff2") format("woff2"),
400.woff") format("woff"); }

@font-face { font-family: Lato; font-style: normal; font-weight:
700; src:
700.woff2") format("woff2"),
700.woff") format("woff"); }
@font-face { font-family: "Open Dyslexic"; font-style: normal;
font-weight: 400; src:
url("https://s.brightspace.com/lib/fonts/0.4.0/assets/OpenDyslex
ic.woff") format("woff"); }
@font-face { font-family: "Open Dyslexic"; font-style: italic;
ic-Italic.woff") format("woff"); }
@font-face { font-family: "Open Dyslexic"; font-style: normal;
ic-700.woff") format("woff"); }
@font-face { font-family: "Open Dyslexic"; font-style: italic;
ic-700-Italic.woff") format("woff"); }

.d2l-typography { color: rgb(86, 90, 92); display: block; font-
family: Lato, "Lucida Sans Unicode", "Lucida Grande", sans-
serif; letter-spacing: 0.01rem; font-size: 0.95rem; font-weight:
400; line-height: 1.4rem; }
.d2l-typography p { margin: 1rem 0px; }
.d2l-typography .d2l-dyslexic, .d2l-typography.d2l-dyslexic {
font-family: "Open Dyslexic", sans-serif; font-weight: 400; }
.d2l-typography :lang(ar), .d2l-typography:lang(ar) { font-
family: "Arabic Transparent", "Arabic Typesetting", "Geeza
Pro", sans-serif; }
.d2l-typography :lang(zh), .d2l-typography:lang(zh) { font-
family: "Microsoft YaHei", "Hiragino Sans GB", sans-serif; }
.d2l-typography :lang(ko), .d2l-typography:lang(ko) { font-
family: "Apple SD Gothic Neo", Dotum, sans-serif; }
.d2l-typography :lang(ja), .d2l-typography:lang(ja) { font-
family: "Hiragino Kaku Gothic Pro", Meiyro, sans-serif; }

@media (max-width: 615px) {
.d2l-typography { font-size: 0.8rem; line-height: 1.2rem; }
}
.d2l-typography .d2l-body-standard { font-size: 0.95rem; font-
weight: 400; line-height: 1.4rem; }
.d2l-typography .d2l-body-compact { font-size: 0.8rem; font-
weight: 400; line-height: 1.2rem; }
.d2l-typography .d2l-body-compact, .d2l-typography .d2l-
body-standard { font-size: 0.8rem; line-height: 1.2rem; }
}
.d2l-typography .d2l-body-small { color: rgb(114, 119, 122);
font-size: 0.7rem; font-weight: 400; line-height: 1rem; margin:
auto; }

.d2l-typography .d2l-body-small { font-size: 0.6rem; line-
height: 0.9rem; }
}
.d2l-typography .d2l-heading-1, .d2l-typography .vui-heading-1
{ font-size: 2rem; font-weight: 400; line-height: 2.4rem;
margin: 1.5rem 0px; padding-bottom: 15px; }
.d2l-typography .d2l-heading-1, .d2l-typography .vui-heading-
1 { font-size: 1.5rem; font-weight: 400; line-height: 1.8rem; }
}
.d2l-typography .d2l-heading-1.d2l-heading-half, .d2l-
typography .vui-heading-1.d2l-heading-half { padding: 0px 0px
8px; margin: 0px; }
.d2l-typography .d2l-heading-1.d2l-heading-strong, .d2l-
typography .vui-heading-1.d2l-heading-strong { font-weight:
700; }

{ font-size: 1.5rem; font-weight: 400; line-height: 1.8rem;
margin: 1.5rem 0px; padding-bottom: 15px; }
.d2l-typography .d2l-heading-2.d2l-heading-half, .d2l-
typography .vui-heading-2.d2l-heading-half { padding: 0px 0px
8px; margin: 0px; }
.d2l-typography .d2l-heading-2.d2l-heading-strong, .d2l-
typography .vui-heading-2.d2l-heading-strong { font-weight:
700; }
{ font-size: 1rem; font-weight: 700; line-height: 1.5rem;
margin: 1.5rem 0px; }
.d2l-typography .d2l-heading-2, .d2l-typography .vui-heading-
2 { font-size: 1rem; font-weight: 700; line-height: 1.5rem; }
.d2l-typography .d2l-heading-3, .d2l-typography .d2l-heading-
4, .d2l-typography .vui-heading-3, .d2l-typography .vui-
heading-4 { font-size: 0.8rem; font-weight: 700; line-height:
1.2rem; }
}

{ font-size: 0.8rem; font-weight: 700; line-height: 1.2rem;
margin: 1.5rem 0px; }
.d2l-typography .d2l-heading-1, .d2l-typography .d2l-heading-2,
.d2l-typography .d2l-heading-3, .d2l-typography .d2l-heading-4,
.d2l-typography .vui-heading-1, .d2l-typography .vui-heading-2,
.d2l-typography .vui-heading-3, .d2l-typography .vui-heading-4
{ margin-top: 0px; margin-bottom: 0px; margin-right: 6px; }
[dir="rtl"] .d2l-typography .d2l-heading-1, [dir="rtl"] .d2l-
typography .d2l-heading-2, [dir="rtl"] .d2l-typography .d2l-
heading-3, [dir="rtl"] .d2l-typography .d2l-heading-4,
[dir="rtl"] .d2l-typography .vui-heading-1, [dir="rtl"] .d2l-
typography .vui-heading-2, [dir="rtl"] .d2l-typography .vui-
heading-3, [dir="rtl"] .d2l-typography .vui-heading-4 { margin-
right: 0px; margin-left: 6px; }
.d2l-typography .d2l-heading-none { padding-bottom: 0px; }
.d2l-typography .bsi-set-solid, .d2l-typography .d2l-heading-
set-solid { line-height: normal; margin: 0px; padding: 0px; }
.vui-outline:focus { border-color: rgb(148, 204, 218); box-

shadow: rgb(242, 242, 242) 0px 0px 1px 0px inset, rgb(148,
204, 218) 0px 0px 1px 1px; outline-width: 0px; }
.d2l-icon-custom { display: inline-block; font-size: 0px; line-
height: 0; margin: 0px; vertical-align: text-top; }
.vui-breadcrumbs { color: rgb(86, 90, 92); font-family: inherit;
font-size: 0.7rem; font-weight: 400; line-height: 1rem; letter-
spacing: 0.02rem; margin: 0px; padding: 0px; list-style: none; }
.vui-breadcrumbs > div, .vui-breadcrumbs > li, .vui-
breadcrumbs > span { background-color: transparent; border-
width: 0px; display: inline-block; list-style: none; }
.vui-breadcrumbs > div:last-child, .vui-breadcrumbs > li:last-
child, .vui-breadcrumbs > span:last-child { color: inherit; }
.vui-breadcrumbs > div:last-child::after, .vui-breadcrumbs >
li:last-child::after, .vui-breadcrumbs > span:last-child::after,
[dir="rtl"] .vui-breadcrumbs > div:last-child::after, [dir="rtl"]
.vui-breadcrumbs > li:last-child::after, [dir="rtl"] .vui-
breadcrumbs > span:last-child::after { display: none; }
.vui-breadcrumbs > div::after, .vui-breadcrumbs > li::after, .vui-

breadcrumbs > span::after { content:
url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20
height%3D%2218%22%20viewBox%3D%220%200%2018%201
8%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F200
0%2Fsvg%22%3E%3Cpath%20d%3D%22M11%209L7%203m4
%206l-4%206%22%20stroke-
linecap%3D%22round%22%20stroke%3D%22%23B9C2D0%22
%20stroke-
linejoin%3D%22round%22%20fill%3D%22none%22%20fill-
rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); display:
inline-block; height: 1rem; padding-left: 0.5rem; padding-right:
0.5rem; vertical-align: middle; }
[dir="rtl"] .vui-breadcrumbs > div::after, [dir="rtl"] .vui-
breadcrumbs > li::after, [dir="rtl"] .vui-breadcrumbs >
span::after { content:
0%2Fsvg%22%3E%3Cpath%20d%3D%22M7%209l4-
6M7%209l4%206%22%20stroke-
linecap%3D%22round%22%20stroke%3D%22%23B9C2D0%22
%20stroke-
linejoin%3D%22round%22%20fill%3D%22none%22%20fill-
rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); }
.vui-breadcrumbs > div > a, .vui-breadcrumbs > div > a:active,
.vui-breadcrumbs > div > a:link, .vui-breadcrumbs > div >
a:visited, .vui-breadcrumbs > li > a, .vui-breadcrumbs > li >
a:active, .vui-breadcrumbs > li > a:link, .vui-breadcrumbs > li >
a:visited, .vui-breadcrumbs > span > a, .vui-breadcrumbs > span
> a:active, .vui-breadcrumbs > span > a:link, .vui-breadcrumbs

> span > a:visited { color: rgb(0, 111, 191); text-decoration:
none; cursor: pointer; }
.vui-breadcrumbs > div > a.d2l-link-focus, .vui-breadcrumbs >
div > a:focus, .vui-breadcrumbs > div > a:hover, .vui-
breadcrumbs > li > a.d2l-link-focus, .vui-breadcrumbs > li >
a:focus, .vui-breadcrumbs > li > a:hover, .vui-breadcrumbs >
span > a.d2l-link-focus, .vui-breadcrumbs > span > a:focus,
.vui-breadcrumbs > span > a:hover { color: rgb(0, 86, 148);
text-decoration: underline; outline-width: 0px; }
.vui-breadcrumbs > div > a[main], .vui-breadcrumbs > li >
a[main], .vui-breadcrumbs > span > a[main] { font-weight: 700;
}
.vui-breadcrumbs > div > a[small], .vui-breadcrumbs > li >
a[small], .vui-breadcrumbs > span > a[small] { font-size:
0.7rem; line-height: 1.05rem; letter-spacing: 0.01rem; }
.vui-button, .vui-button-primary { letter-spacing: 0.02rem;
margin: 0px; display: inline-block; min-height: calc(2rem +
2px); user-select: none; line-height: 1rem; box-sizing: border-
box; vertical-align: middle; font-size: 0.7rem; font-weight: 700;
font-family: inherit; text-align: center; white-space: nowrap; }
.vui-button { border-radius: 0.3rem; cursor: pointer; padding:

0.5rem 1.5rem; user-select: none; width: auto; }
.vui-button, .vui-button.vui-disabled:focus, .vui-button.vui-
disabled:hover, .vui-button:focus, .vui-button:hover, .vui-
button:link, .vui-button:visited, .vui-button[disabled]:focus,
.vui-button[disabled]:hover { background-color: rgb(242, 243,
245); border: 1px solid rgb(211, 217, 227); color: rgb(86, 90,
92); outline: 0px; text-decoration: none; }
.vui-button::after { content: " "; width: 0px; }
.vui-button.vui-disabled, .vui-button[disabled] { opacity: 0.5;
cursor: default; }
.vui-button:focus, .vui-button:hover { border-color: rgb(211,
217, 227); background-color: rgb(230, 234, 240); }
.vui-button-primary { border-radius: 0.3rem; cursor: pointer;
padding: 0.5rem 1.5rem; user-select: none; width: auto; }
.bsi-button-menu.bsi-button-menu-primary > span, .bsi-button-
menu > span { min-height: 10px; min-width: 18px; background-
size: 0.8rem 0.8rem; display: inline-block; background-repeat:
no-repeat; }

.bsi-button-menu, .vui-heading-collapsible { user-select: none;
}
.vui-button-primary, .vui-button-primary.vui-disabled:focus,
.vui-button-primary.vui-disabled:hover, .vui-button-
primary:focus, .vui-button-primary:hover, .vui-button-
primary:link, .vui-button-primary:visited, .vui-button-
primary[disabled]:focus, .vui-button-primary[disabled]:hover {
background-color: rgb(0, 111, 191); border: 1px solid rgb(0, 86,
148); color: rgb(255, 255, 255); outline: 0px; text-decoration:
none; }
.vui-button-primary::after { content: " "; width: 0px; }
.vui-button-primary.vui-disabled, .vui-button-primary[disabled]
{ opacity: 0.5; cursor: default; }
.vui-button-primary:focus, .vui-button-primary:hover { border-
color: rgb(0, 86, 148); background-color: rgb(0, 86, 148); }
.bsi-button-menu > span { background-image:
url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%
2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-

5%207%2018%2018%22%3E%3Cpath%20fill%3D%22%23565a
5c%22%20d%3D%22M10.51%2014.61L5%2019.62c-.28.25-
.65.38-1%20.38-.36%200-.71-.12-1-.38l-5.51-
5.01a1.502%201.502%200%200%201%202.02-
2.22L4%2016.47l4.49-
4.08a1.502%201.502%200%200%201%202.02%202.22z%22%2
F%3E%3C%2Fsvg%3E"); background-position: right center;
padding-right: 1.4rem; }
[dir="rtl"] .bsi-button-menu > span { background-position: left
center; padding-left: 1.4rem; padding-right: 0px; }
.bsi-button-menu.bsi-button-menu-primary > span {
background-image:
5%207%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF
%22%20d%3D%22M10.51%2014.61L5%2019.62c-.28.25-
.65.38-1%20.38-.36%200-.71-.12-1-.38l-5.51-
5.01a1.502%201.502%200%200%201%202.02-
2.22L4%2016.47l4.49-
4.08a1.502%201.502%200%200%201%202.02%202.22z%22%2
F%3E%3C%2Fsvg%3E"); background-position: right center;
padding-right: 1.4rem; }
[dir="rtl"] .bsi-button-menu.bsi-button-menu-primary > span {
background-position: left center; padding-left: 1.4rem; padding-
right: 0px; }

.bsi-button-menu { border-width: 1px; border-style: solid;
border-radius: 0.3rem; box-sizing: border-box; cursor: pointer;
display: inline-block; font-family: inherit; font-size: 0.7rem;
line-height: 1rem; font-weight: 700; letter-spacing: 0.2px;
margin: 0px 0.75rem 0px 0px; min-height: calc(2rem + 2px);
outline: 0px; padding: 0.5rem 1.5rem; text-align: center;
transition: box-shadow 0.2s ease 0s; user-select: none; vertical-
align: middle; white-space: nowrap; width: auto; box-shadow:
transparent 0px 0px 0px 4px; }
.bsi-button-menu { font-size: 0.6rem; line-height: 0.9rem;
font-weight: 700; letter-spacing: 0.2px; }
}
[dir="rtl"] .bsi-button-menu { margin-left: 0.75rem; margin-
right: 0px; }
.bsi-button-menu, .bsi-button-menu.vui-disabled:focus, .bsi-
button-menu.vui-disabled:hover, .bsi-button-menu:focus, .bsi-
button-menu:hover, .bsi-button-menu:link, .bsi-button-
menu:visited { background-color: rgb(249, 250, 251); border-
color: rgb(211, 217, 227); color: rgb(86, 90, 92); }
.bsi-button-menu:hover { background-color: rgb(230, 234, 240);

}
.bsi-button-menu:not(.vui-disabled):not(.bsi-button-menu-
primary):focus { border-color: rgba(0, 111, 191, 0.4); box-
shadow: rgba(0, 111, 191, 0.3) 0px 0px 0px 4px; }
.bsi-button-menu.vui-disabled { opacity: 0.5; cursor: default; }
.bsi-button-menu.bsi-button-menu-primary, .bsi-button-
menu.bsi-button-menu-primary.vui-disabled:focus, .bsi-button-
menu.bsi-button-menu-primary.vui-disabled:hover {
background-color: rgb(0, 111, 191); border-color: rgb(0, 86,
148); color: rgb(255, 255, 255); }
.bsi-button-menu.bsi-button-menu-primary:hover { background-
color: rgb(0, 86, 148); }
.bsi-button-menu.bsi-button-menu-primary:not(.vui-
disabled):focus { box-shadow: rgba(0, 111, 191, 0.3) 0px 0px
0px 4px; }
@keyframes vui-dropdown-menu-overlay-flip-x-animation {
0% { margin-top: 0px; opacity: 0; }

100% { margin-top: -0.5rem; opacity: 1; }
}
.vui-dropdown-menu { margin-top: 0.5rem; animation: vui-
dropdown-menu-animation-frames 0.3s ease 0s 1 normal none
running; }
.d2l-overlay-flip-x.vui-dropdown-menu { margin-top: -0.5rem;
animation: vui-dropdown-menu-overlay-flip-x-animation 0.3s
ease 0s 1 normal none running; }
.d2l-floating-container.vui-dropdown-menu { border-style:
none; }
.vui-dropdown-menu > ul > li.d2l-first-visible-item { border-
top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; }
.vui-dropdown-menu > ul > li.d2l-last-visible-item { border-
bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem;
border-bottom: 1px solid rgb(230, 234, 240); }
.vui-dropdown-menu > ul > li.d2l-contextmenu-item-hover-

next-visible { border-top: 1px solid transparent; }
.d2l-contextmenu-ph-anchor, .dcm.dcm_handle.bsi-button-menu
{ background-color: transparent; background-image:
5%207%2018%2018%22%3E%3Cpath%20fill%3D%22%23565a
5c%22%20d%3D%22M10.51%2014.61L5%2019.62c-.28.25-
.65.38-1%20.38-.36%200-.71-.12-1-.38l-5.51-
5.01a1.502%201.502%200%200%201%202.02-
2.22L4%2016.47l4.49-
4.08a1.502%201.502%200%200%201%202.02%202.22z%22%2
F%3E%3C%2Fsvg%3E"); background-size: 0.8rem 0.8rem;
background-position: center center; background-repeat: no-
repeat; border: 1px solid transparent; border-radius: 0.3rem;
box-sizing: border-box; cursor: pointer; display: inline-block;
min-height: calc(1.4rem + 2px); outline-style: none; padding:
0.5rem 0px; vertical-align: middle; width: calc(1.4rem + 2px); }
.d2l-contextmenu-ph-anchor:focus, .d2l-contextmenu-ph-
anchor:hover, .dcm.dcm_handle.bsi-button-menu:focus,
.dcm.dcm_handle.bsi-button-menu:hover { background-color:
transparent; background-image:
5%207%2018%2018%22%3E%3Cpath%20fill%3D%22%231C52
95%22%20d%3D%22M10.51%2014.61L5%2019.62c-.28.25-
.65.38-1%20.38-.36%200-.71-.12-1-.38l-5.51-
5.01a1.502%201.502%200%200%201%202.02-
2.22L4%2016.47l4.49-
4.08a1.502%201.502%200%200%201%202.02%202.22z%22%2
F%3E%3C%2Fsvg%3E"); border-color: rgb(185, 194, 208); }

.d2l-contextmenu-ph-anchor > span, .dcm.dcm_handle.bsi-
button-menu > span { left: -10000px; overflow: hidden; width:
1px; height: 1px; white-space: nowrap; position: absolute
!important; }
[dir="rtl"] .d2l-contextmenu-ph-anchor > span, [dir="rtl"]
.dcm.dcm_handle.bsi-button-menu > span { left: auto; right: -
10000px; }
.d2l-contextmenu-ph, .dcm.bsi-button-menu,
.dcm.dcm_handle.bsi-button-menu { margin-left: 0.25rem;
margin-right: 0.25rem; }
.d2l-contextmenu-ph-anchor.d2l-contextmenu-opener-open,
.dcm.dcm_handle.d2l-contextmenu-opener-open { background-
color: transparent; background-image:
5%207%2018%2018%22%3E%3Cpath%20fill%3D%22%23006F
BF%22%20d%3D%22M10.51%2014.61L5%2019.62c-.28.25-
.65.38-1%20.38-.36%200-.71-.12-1-.38l-5.51-
5.01a1.502%201.502%200%200%201%202.02-
2.22L4%2016.47l4.49-
4.08a1.502%201.502%200%200%201%202.02%202.22z%22%2
F%3E%3C%2Fsvg%3E"); border-color: rgb(185, 194, 208); }

@keyframes vui-dropdown-menu-animation-frames {
0% { margin-top: 0px; margin-bottom: 0px; opacity: 0; }
100% { margin-top: 0.5rem; margin-bottom: 0.5rem; opacity:
1; }
}
.vui-dropdown-menu { background-color: rgb(255, 255, 255);
border-radius: 0.4rem; box-shadow: rgba(86, 90, 92, 0.2) 0px
2px 12px 0px; min-width: 10rem; max-width: 18.5rem; }
.vui-changed, .vui-dropdown-menu > ul > li.d2l-last-visible-
item.vui-dropdown-menu-item-focus, .vui-dropdown-menu > ul
> li.vui-dropdown-menu-item-focus { background-color:
rgb(232, 242, 249); }
.vui-dropdown-menu > ul { margin: 0px; padding: 0px; list-
style: none; }
.vui-dropdown-menu > ul > li { border-width: 1px; border-style:
solid; border-color: rgb(230, 234, 240) rgb(230, 234, 240)
transparent; line-height: 0; }

.vui-dropdown-menu > ul > li:first-child { border-top-left-
radius: 0.4rem; border-top-right-radius: 0.4rem; }
.vui-dropdown-menu > ul > li:last-child { border-bottom-left-
radius: 0.4rem; border-bottom-right-radius: 0.4rem; border-
bottom: 1px solid rgb(230, 234, 240); }
.vui-dropdown-menu > ul > li[role="separator"] { border: 1px
solid transparent; }
.vui-dropdown-menu > ul > li[role="separator"] + li { border-
top: 1px solid rgb(185, 194, 208); }
.vui-dropdown-menu > ul > li.d2l-last-visible-item.vui-
dropdown-menu-item-focus, .vui-dropdown-menu > ul > li.vui-
dropdown-menu-item-focus, .vui-dropdown-menu > ul > li.vui-
dropdown-menu-item-focus:last-child { border: 1px solid
rgb(41, 166, 255); }
.vui-dropdown-menu > ul > li.d2l-last-visible-item.vui-
dropdown-menu-item-focus + li, .vui-dropdown-menu > ul >
li.vui-dropdown-menu-item-focus + li, .vui-dropdown-menu >
ul > li.vui-dropdown-menu-item-focus + li[role="separator"] +
li { border-top: 1px solid transparent; }

.vui-dropdown-menu-item-link { box-sizing: border-box;
display: inline-block; font-size: 0.8rem; line-height: 1rem;
overflow-x: hidden; padding: 0.75rem 1rem; text-overflow:
ellipsis; white-space: nowrap; width: 100%; }
.vui-dropdown-menu-item-link, .vui-dropdown-menu-item-
link:active, .vui-dropdown-menu-item-link:link, .vui-dropdown-
menu-item-link:visited { color: inherit; text-decoration: none;
cursor: pointer; }
.vui-dropdown-menu-item-link:focus, .vui-dropdown-menu-
item-link:hover { color: rgb(0, 111, 191); text-decoration: none;
outline-width: 0px; }
.vui-dropdown-menu-item-link-disabled { cursor: default;
opacity: 0.5; }
.vui-heading-collapsible { user-select: none; }
.vui-heading-1.vui-heading-collapsible, .vui-heading-2.vui-
heading-collapsible, .vui-heading-3.vui-heading-collapsible,
.vui-heading-4.vui-heading-collapsible { margin: 0px 0px 15px;
padding-bottom: 0px; }

.vui-heading-collapsible-transition { transition-duration: 0.2s;
transition-property: opacity, transform, margin-bottom, height;
transition-timing-function: ease-out; }
.vui-heading-collapsible-target { overflow: hidden; margin-
bottom: 15px; }
.vui-heading-collapsible-target[aria-hidden="true"] { opacity: 0;
height: 0px; transform: translateY(-10px); margin-bottom: 0px
!important; }
.vui-input-search-container input[type="text"]:disabled, .vui-
input-search-container input[type="search"]:disabled, .vui-
input:disabled, .vui-input[type="email"]:disabled, .vui-
input[type="password"]:disabled, .vui-
input[type="text"]:disabled, .vui-input[type="url"]:disabled,
.vui-input[type="checkbox"]:disabled, .vui-
input[type="radio"]:disabled, select.vui-input:disabled,
textarea.vui-input:disabled { opacity: 0.5; }
.vui-heading-collapsible > a { display: block; outline: 0px; text-
decoration: none; color: inherit !important; }
.vui-heading-collapsible > a:focus, .vui-heading-collapsible >
a:hover { background-color: rgb(246, 246, 246); text-

decoration: none; }
.vui-heading-collapsible > .vui-heading-collapsible-
changed[aria-expanded="false"], .vui-heading-collapsible >
.vui-heading-collapsible-changed[aria-expanded="false"]:focus,
.vui-heading-collapsible > .vui-heading-collapsible-
changed[aria-expanded="false"]:hover, .vui-list > .vui-active,
.vui-list > .vui-selected { background-color: rgb(232, 242, 249);
}
.vui-heading-collapsible > a > span { margin-left: 3px; vertical-
align: middle; }
[dir="rtl"] .vui-heading-collapsible > a > span { margin-left:
0px; margin-right: 3px; }
.vui-heading-collapsible > a:focus > span { border-color:
rgb(148, 204, 218); box-shadow: rgb(242, 242, 242) 0px 0px
1px 0px inset, rgb(148, 204, 218) 0px 0px 1px 1px; outline-
width: 0px; }
.vui-heading-collapsible-icon-collapse, .vui-heading-
collapsible-icon-collapse-h, .vui-heading-collapsible-icon-
expand, .vui-heading-collapsible-icon-expand-h { display:
inline-block; font-size: 0px; line-height: 0; }

.vui-heading-collapsible-icon-collapse::before { content:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA
AABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///+ZmZmZm
ZmZmZmZmZnupePXAAAABHRSTlMAfoGCzNJoxgAAACVJ
REFUCNdjYCAPMDkyMIgYgFgqAoxOUCERBYikihNMlQKp5
gIAje8B/ngg/YoAAAAASUVORK5CYII="); }
.vui-heading-collapsible-icon-collapse-h::before { content:
AABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///9mZmZmZ
mZmZmZmZmYu6doyAAAABHRSTlMAfoGCzNJoxgAAACVJ
REFUCNdjYCAPMDkyMIgYgFgqAoxOUCERBYikihNMlQKp5
gIAje8B/ngg/YoAAAAASUVORK5CYII="); }
.vui-heading-collapsible-icon-expand::before { content:
AABAAAAAQBAMAAADt3eJSAAAAElBMVEX///+ZmZmZm
ZmZmZmZmZmZmZl/+pTNAAAABXRSTlMAfn+Agbca1Y4AA
AAnSURBVAjXY2DACwxgjGAYQxUmxIQpJOoAoRlD0AQY
YAIMDvjtYwAA2yoDFsdQdZEAAAAASUVORK5CYII="); }
[dir="rtl"] .vui-heading-collapsible-icon-expand::before {
content:
AABAAAAAQBAMAAADt3eJSAAAAElBMVEX///+ZmZmZm
ZmZmZmZmZmZmZl/+pTNAAAABXRSTlMAfn+Agbca1Y4AA
AApSURBVAjXY2AgAAygNHMAlGGqABUIQhNgcBWAMlgC
GTCEYNoZHPBaBwDZhwMWIyRtZAAAAABJRU5ErkJggg==

"); }
.vui-heading-collapsible-icon-expand-h::before { content:
AABAAAAAQBAMAAADt3eJSAAAAElBMVEX///9mZmZmZ
mZmZmZmZmZmZmahgyBVAAAABXRSTlMAfn+Agbca1Y4A
AAAnSURBVAjXY2DACwxgjGAYQxUmxIQpJOoAoRlD0AQ
YYAIMDvjtYwAA2yoDFsdQdZEAAAAASUVORK5CYII="); }
[dir="rtl"] .vui-heading-collapsible-icon-expand-h::before {
content:
AABAAAAAQBAMAAADt3eJSAAAAElBMVEX///9mZmZmZ
mZmZmZmZmZmZmahgyBVAAAABXRSTlMAfn+Agbca1Y4A
AAApSURBVAjXY2AgAAygNHMAlGGqABUIQhNgcBWAMl
gCGTCEYNoZHPBaBwDZhwMWIyRtZAAAAABJRU5ErkJggg
=="); }
.vui-field-row { border: none; display: block; margin: 0px 0px
1.5rem; padding: 0px; }
.vui-field-row::after, .vui-field-row::before { content: " ";
display: table; }
.vui-field-row fieldset { border: none; display: block; margin:
0px; padding: 0px; }

.vui-field-row fieldset::after, .vui-field-row fieldset::before {
content: " "; display: table; }
.vui-label { color: rgb(86, 90, 92); cursor: default; display:
block; font-family: inherit; font-size: 0.7rem; font-weight: 700;
line-height: 0.7rem; margin: 0px 0px 0.75rem; width: 100%; }
.vui-link-main[small], .vui-link[small] { font-size: 0.7rem; line-
height: 1.05rem; letter-spacing: 0.01rem; }
.vui-required::after { content:
url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20h
eight%3D%226%22%20viewBox%3D%220%200%205%206%22
%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2F
svg%22%3E%3Cpath%20d%3D%22M2.38%205.141V3.86c0-
.093.006-.184.018-.273.011-.089.031-.173.059-
.252a.927.927%200%200%201-.182.175c-.07.051-.145.103-
.224.154l-1.106.644-.413-.7%201.113-.644c.084-.051.167-
.093.248-.126.082-.033.167-.056.256-
.07a.816.816%200%200%201-.256-
.07%202.356%202.356%200%200%201-.248-
.133L.532%201.914l.406-
.7%201.113.658c.08.051.155.104.228.157a.966.966%200%200
%201%20.185.179%201.002%201.002%200%200%201-.066-
.252%202.091%202.091%200%200%201-.018-
.273V.388h.826v1.281c0%20.098-.006.192-
.017.283a1.003%201.003%200%200%201-.067.256c.051-

.065.112-.125.182-.179.07-.053.147-.106.231-.157l1.106-
.644.413.7-1.113.637a1.954%201.954%200%200%201-
.248.13%201.07%201.07%200%200%201-
.256.073c.159.028.327.093.504.196l1.113.651-.406.7-1.113-
.651a3.307%203.307%200%200%201-.231-
.154%201.122%201.122%200%200%201-.189-
.175c.06.15.091.322.091.518v1.288H2.38z%22%20fill%3D%22
%23565A5C%22%20fill-
rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); position:
relative; left: 0.15rem; bottom: 0.25rem; display: inline-block;
width: 0.25rem; height: 0.3rem; }
[dir="rtl"] .vui-required::after { left: auto; right: 0.15rem; }
.vui-link, .vui-link:active, .vui-link:link, .vui-link:visited {
color: rgb(0, 111, 191); text-decoration: none; cursor: pointer; }
.vui-link.d2l-link-focus, .vui-link:focus, .vui-link:hover { color:
rgb(0, 86, 148); text-decoration: underline; outline-width: 0px;
}
.vui-link[main] { font-weight: 700; }
.vui-link-main { font-weight: 700; }

.vui-link-main, .vui-link-main:active, .vui-link-main:link, .vui-
link-main:visited { color: rgb(0, 111, 191); text-decoration:
none; cursor: pointer; }
.vui-link-main.d2l-link-focus, .vui-link-main:focus, .vui-link-
main:hover { color: rgb(0, 86, 148); text-decoration: underline;
outline-width: 0px; }
.vui-link-main[main] { font-weight: 700; }
.vui-list { padding: 0px; list-style: none; }
.vui-list > li { padding: 0.5rem 1.5rem; border-width: 1px 0px
0px; border-top-style: solid; border-top-color: rgb(211, 217,
227); list-style: none; }
.vui-input, .vui-input[type="checkbox"] { border-radius:
0.3rem; border-style: solid; box-sizing: border-box; vertical-
align: middle; transition-duration: 0.5s; transition-timing-
function: ease; transition-property: background-color, border-
color; margin: 0px; }
.vui-list > li:first-child { border-top-color: transparent; }

.vui-list.vui-compact > li { padding-top: 0px; padding-bottom:
0px; }
.vui-list.vui-no-separator > li { border-top-color: transparent
!important; }
.vui-list > .vui-selected { border-top-color: rgb(41, 166, 255); }
.vui-list > .vui-selected li:first-of-type { border-top-color:
transparent; }
.vui-list > .vui-selected + li { border-top-color: rgb(41, 166,
255); }
.vui-list > .vui-active.vui-selected { background-color: rgb(235,
245, 252); }
.vui-input { display: inline-block; height: auto; width: 100%;
color: rgb(86, 90, 92); font-family: inherit; font-size: 0.8rem;
font-weight: 400; letter-spacing: 0.02rem; line-height: 1.2rem; }

.vui-input::-webkit-input-placeholder { color: rgb(211, 217,
227); }
.vui-input::placeholder { color: rgb(211, 217, 227); }
.vui-input, .vui-input:hover:disabled { background-color:
rgb(255, 255, 255); border-color: rgb(211, 217, 227); border-
width: 1px; box-shadow: rgba(185, 194, 208, 0.2) 0px 2px 0px
0px inset; padding: 0.4rem 0.75rem; }
.vui-input.vui-input-focus, .vui-input:focus, .vui-input:hover {
border-color: rgb(0, 111, 191); border-width: 2px; outline-
width: 0px; padding: calc(0.4rem - 1px) calc(0.75rem - 1px); }
.vui-input[aria-invalid="true"] { border-color: rgb(205, 32, 38);
}
.vui-input::-webkit-search-cancel-button { display: none; }
.vui-input[type="email"], .vui-input[type="password"], .vui-
input[type="text"], .vui-input[type="url"] { border-radius:
0.3rem; border-style: solid; box-sizing: border-box; display:

inline-block; height: auto; margin: 0px; min-width: calc(2rem +
1em); vertical-align: middle; width: 100%; transition-duration:
0.5s; transition-timing-function: ease; transition-property:
background-color, border-color; color: rgb(86, 90, 92); font-
family: inherit; font-size: 0.8rem; font-weight: 400; letter-
spacing: 0.02rem; line-height: 1.2rem; }
.vui-input[type="email"]::-webkit-input-placeholder, .vui-
input[type="password"]::-webkit-input-placeholder, .vui-
input[type="text"]::-webkit-input-placeholder, .vui-
input[type="url"]::-webkit-input-placeholder { color: rgb(211,
217, 227); }
.vui-input[type="email"]::placeholder, .vui-
input[type="password"]::placeholder, .vui-
input[type="text"]::placeholder, .vui-
input[type="url"]::placeholder { color: rgb(211, 217, 227); }
.vui-input[type="email"], .vui-
input[type="email"]:hover:disabled, .vui-
input[type="password"], .vui-
input[type="password"]:hover:disabled, .vui-input[type="text"],
.vui-input[type="text"]:hover:disabled, .vui-input[type="url"],
.vui-input[type="url"]:hover:disabled { background-color:
width: 1px; box-shadow: rgba(185, 194, 208, 0.2) 0px 2px 0px
0px inset; padding: 0.4rem 0.75rem; }

.vui-input[type="email"].vui-input-focus, .vui-
input[type="email"]:focus, .vui-input[type="email"]:hover, .vui-
input[type="password"].vui-input-focus, .vui-
input[type="password"]:focus, .vui-
input[type="password"]:hover, .vui-input[type="text"].vui-
input-focus, .vui-input[type="text"]:focus, .vui-
input[type="text"]:hover, .vui-input[type="url"].vui-input-
focus, .vui-input[type="url"]:focus, .vui-
input[type="url"]:hover { border-color: rgb(0, 111, 191);
border-width: 2px; outline-width: 0px; padding: calc(0.4rem -
1px) calc(0.75rem - 1px); }
.vui-input[type="email"][aria-invalid="true"], .vui-
input[type="password"][aria-invalid="true"], .vui-
input[type="text"][aria-invalid="true"], .vui-
input[type="url"][aria-invalid="true"] { border-color: rgb(205,
32, 38); }
.vui-input[type="email"]::-webkit-search-cancel-button, .vui-
input[type="password"]::-webkit-search-cancel-button, .vui-
input[type="text"]::-webkit-search-cancel-button, .vui-
input[type="url"]::-webkit-search-cancel-button { display:
none; }
.vui-input[type="checkbox"] { background-size: 24px 24px;
display: inline-block; height: 1.2rem; width: 1.2rem; -webkit-
appearance: none; background-position: center center;
background-repeat: no-repeat; }

.vui-input[type="checkbox"], .vui-
input[type="checkbox"]:hover:disabled { background-color:
width: 1px; box-shadow: none; padding: 0px; }
.vui-input[type="checkbox"].vui-input-focus, .vui-
input[type="checkbox"]:focus, .vui-
input[type="checkbox"]:hover { background-color: rgb(230,
234, 240); border-color: rgb(0, 111, 191); border-width: 2px;
outline-width: 0px; padding: 0px; }
.vui-input[type="checkbox"][aria-invalid="true"] { border-
color: rgb(205, 32, 38); }
.vui-input[type="checkbox"]::-webkit-search-cancel-button {
display: none; }
.vui-input[type="checkbox"]:checked { background-image:
2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224
%22%20height%3D%2224%22%20viewBox%3D%220%200%20
24%2024%22%3E%3Cpath%20fill%3D%22%23565A5C%22%2
0d%3D%22M8.4%2016.6c.6.6%201.5.6%202.1%200l8-8c.6-
.6.6-1.5%200-2.1-.6-.6-1.5-.6-2.1%200l-6.9%207-1.9-1.9c-.6-
.6-1.5-.6-2.1%200-.6.6-
.6%201.5%200%202.1l2.9%202.9z%22%2F%3E%3C%2Fsvg%3
E"); }

@media not all {
.vui-input[type="checkbox"]:focus { outline: rgb(41, 166, 255)
solid 2px; }
}
.vui-input[type="radio"] { border-radius: 0.55rem; border-style:
solid; box-sizing: border-box; display: inline-block; height:
1.2rem; margin: 0px; vertical-align: middle; width: 1.2rem;
transition-duration: 0.5s; transition-timing-function: ease;
transition-property: background-color, border-color; -webkit-
appearance: none; background-position: center center;
background-repeat: no-repeat; }
.vui-input-search-container input[type="text"], .vui-input-
search-container input[type="search"], select.vui-input,
textarea.vui-input { border-radius: 0.3rem; border-style: solid;
vertical-align: middle; transition-duration: 0.5s; transition-
timing-function: ease; transition-property: background-color,
border-color; font-size: 0.8rem; font-weight: 400; letter-
spacing: 0.02rem; font-family: inherit; box-sizing: border-box;
}
.vui-input[type="radio"], .vui-
input[type="radio"]:hover:disabled { background-color:

width: 1px; box-shadow: none; padding: 0px; }
.vui-input[type="radio"].vui-input-focus, .vui-
input[type="radio"]:focus, .vui-input[type="radio"]:hover {
background-color: rgb(230, 234, 240); border-color: rgb(0, 111,
191); border-width: 2px; outline-width: 0px; padding: 0px; }
.vui-input[type="radio"][aria-invalid="true"] { border-color:
rgb(205, 32, 38); }
.vui-input[type="radio"]::-webkit-search-cancel-button {
display: none; }
.vui-input[type="radio"]:checked { background-image:
0%2Fsvg%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2
25%22%20r%3D%225%22%20fill%3D%22%23565a5c%22%2F
%3E%3C%2Fsvg%3E"); }
@media not all {
.vui-input[type="radio"]:focus { outline: rgb(41, 166, 255)
solid 2px; }

}
.d2l-button, .vui-input-search-button, .vui-input-search-
button:focus, .vui-input-search-clear-button, .vui-input-search-
clear-button:focus { outline: 0px; }
select.vui-input { display: inline-block; height: auto; margin:
0px; width: 100%; color: rgb(86, 90, 92); line-height: 1.2rem; }
select.vui-input::-webkit-input-placeholder { color: rgb(211,
217, 227); }
select.vui-input::placeholder { color: rgb(211, 217, 227); }
select.vui-input, select.vui-input:hover:disabled { background-
color: rgb(255, 255, 255); border-color: rgb(211, 217, 227);
border-width: 1px; box-shadow: rgba(185, 194, 208, 0.2) 0px
2px 0px 0px inset; padding: 0.4rem 0.75rem; }
select.vui-input.vui-input-focus, select.vui-input:focus,
select.vui-input:hover { border-color: rgb(0, 111, 191); border-
width: 2px; outline-width: 0px; padding: calc(0.4rem - 1px)
calc(0.75rem - 1px); }

select.vui-input[aria-invalid="true"] { border-color: rgb(205,
32, 38); }
select.vui-input::-webkit-search-cancel-button { display: none;
}
select.vui-input option { font-weight: 400; }
@media screen and (-webkit-min-device-pixel-ratio: 0), not all,
not all, not all {
select.vui-input:not([multiple]) { -webkit-appearance: none;
background-position: right center; background-repeat: no-
repeat; background-size: contain; max-height: calc(2rem + 2px);
}
select.vui-input:not([multiple]).vui-input-focus, select.vui-
input:not([multiple]).vui-input-hover, select.vui-
input:not([multiple]):focus, select.vui-
input:not([multiple]):hover { background-image:
0%2Fsvg%22%3E%3Cpath%20fill%3D%22%23e6eaf0%22%20
d%3D%22M0%200h42v42H0z%22%2F%3E%3Cpath%20stroke
%3D%22%23d3d9e3%22%20d%3D%22M0%200v42%22%2F%3
E%3Cpath%20d%3D%22M14.99%2019.582l4.95%204.95a1.5%
201.5%200%200%200%202.122%200l4.95-

4.95a1.5%201.5%200%200%200-2.122-2.122L21%2021.35l-
3.888-3.89a1.5%201.5%200%200%200-
2.12%202.122z%22%20fill%3D%22%23565A5C%22%2F%3E%
3C%2Fsvg%3E"); padding-right: calc((0.75rem + 42px) - 1px);
}
select.vui-input:not([multiple]), select.vui-
input:not([multiple]):disabled, select.vui-
input:not([multiple]):focus:disabled, select.vui-
input:not([multiple]):hover:disabled { background-image:
0%2Fsvg%22%3E%3Cpath%20fill%3D%22%23f2f3f5%22%20d
%3D%22M0%200h42v42H0z%22%2F%3E%3Cpath%20stroke%
3D%22%23d3d9e3%22%20d%3D%22M0%200v42%22%2F%3E
%3Cpath%20d%3D%22M14.99%2019.582l4.95%204.95a1.5%2
01.5%200%200%200%202.122%200l4.95-
4.95a1.5%201.5%200%200%200-2.122-2.122L21%2021.35l-
3.888-3.89a1.5%201.5%200%200%200-
2.12%202.122z%22%20fill%3D%22%23565A5C%22%2F%3E%
3C%2Fsvg%3E"); padding-right: calc(0.75rem + 42px); }
[dir="rtl"] select.vui-input:not([multiple]) { background-
position: left center; }
[dir="rtl"] select.vui-input:not([multiple]).vui-input-focus,
[dir="rtl"] select.vui-input:not([multiple]).vui-input-hover,
[dir="rtl"] select.vui-input:not([multiple]):focus, [dir="rtl"]
select.vui-input:not([multiple]):hover { background-image:
0%2Fsvg%22%3E%3Cpath%20fill%3D%22%23e6eaf0%22%20
d%3D%22M0%200h42v42H0z%22%2F%3E%3Cpath%20stroke
%3D%22%23d3d9e3%22%20d%3D%22M42%200v42%22%2F%

3E%3Cpath%20d%3D%22M14.99%2019.582l4.95%204.95a1.5
%201.5%200%200%200%202.122%200l4.95-
4.95a1.5%201.5%200%200%200-2.122-2.122L21%2021.35l-
3.888-3.89a1.5%201.5%200%200%200-
2.12%202.122z%22%20fill%3D%22%23565A5C%22%2F%3E%
3C%2Fsvg%3E"); padding-left: calc((0.75rem + 42px) - 1px);
padding-right: calc(0.75rem - 1px); }
[dir="rtl"] select.vui-input:not([multiple]), [dir="rtl"]
select.vui-input:not([multiple]):disabled, [dir="rtl"] select.vui-
input:not([multiple]):focus:disabled, [dir="rtl"] select.vui-
input:not([multiple]):hover:disabled { background-image:
0%2Fsvg%22%3E%3Cpath%20fill%3D%22%23f2f3f5%22%20d
%3D%22M0%200h42v42H0z%22%2F%3E%3Cpath%20stroke%
3D%22%23d3d9e3%22%20d%3D%22M42%200v42%22%2F%3
E%3Cpath%20d%3D%22M14.99%2019.582l4.95%204.95a1.5%
201.5%200%200%200%202.122%200l4.95-
4.95a1.5%201.5%200%200%200-2.122-2.122L21%2021.35l-
3.888-3.89a1.5%201.5%200%200%200-
2.12%202.122z%22%20fill%3D%22%23565A5C%22%2F%3E%
3C%2Fsvg%3E"); padding-right: 0.75rem; padding-left:
calc(0.75rem + 42px); }
}
textarea.vui-input { display: inline-block; height: auto; margin:
0px; width: 100%; color: rgb(86, 90, 92); line-height: normal;
overflow: auto; }

.vui-input-checkbox-label:last-of-type, .vui-input-radio-
label:last-of-type { margin-bottom: 0.5rem; }
textarea.vui-input::-webkit-input-placeholder { color: rgb(211,
217, 227); }
textarea.vui-input::placeholder { color: rgb(211, 217, 227); }
textarea.vui-input, textarea.vui-input:hover:disabled {
background-color: rgb(255, 255, 255); border-color: rgb(211,
217, 227); border-width: 1px; box-shadow: rgba(185, 194, 208,
0.2) 0px 2px 0px 0px inset; padding: 0.5rem 0.75rem; }
textarea.vui-input.vui-input-focus, textarea.vui-input:focus,
textarea.vui-input:hover { border-color: rgb(0, 111, 191);
border-width: 2px; outline-width: 0px; padding: calc(0.5rem -
1px) calc(0.75rem - 1px); }
textarea.vui-input[aria-invalid="true"] { border-color: rgb(205,
32, 38); }
textarea.vui-input::-webkit-search-cancel-button { display:
none; }

.vui-input-checkbox-label { display: inline-block; padding-left:
1.7rem; padding-right: 0px; vertical-align: middle; }
.vui-input-checkbox-label > input[type="checkbox"] { margin-
top: -0.2rem; margin-right: 0.5rem; margin-left: -1.7rem; }
[dir="rtl"] .vui-input-checkbox-label { padding-right: 1.7rem;
padding-left: 0px; }
[dir="rtl"] .vui-input-checkbox-label > input[type="checkbox"]
{ margin-left: 0.5rem; margin-right: -1.7rem; }
.vui-input-radio-label { display: inline-block; padding-left:
1.7rem; padding-right: 0px; vertical-align: middle; }
.vui-input-radio-label > input[type="radio"] { margin-top: -
0.2rem; margin-right: 0.5rem; margin-left: -1.7rem; }
[dir="rtl"] .vui-input-radio-label { padding-right: 1.7rem;

[dir="rtl"] .vui-input-radio-label > input[type="radio"] {
margin-left: 0.5rem; margin-right: -1.7rem; }
.vui-input-search-container { position: relative; }
search-container input[type="search"] { display: inline-block;
height: auto; margin: 0px; width: 100%; color: rgb(86, 90, 92);
line-height: 1.2rem; -webkit-appearance: textfield; }
.vui-input-search-container input[type="text"]::-webkit-input-
placeholder, .vui-input-search-container input[type="search"]::-
webkit-input-placeholder { color: rgb(211, 217, 227); }
.vui-input-search-container input[type="text"]::placeholder,
.vui-input-search-container input[type="search"]::placeholder {
color: rgb(211, 217, 227); }
search-container input[type="text"]:hover:disabled, .vui-input-
search-container input[type="search"], .vui-input-search-
container input[type="search"]:hover:disabled { background-
color: rgb(255, 255, 255); border-color: rgb(211, 217, 227);
border-width: 1px; box-shadow: rgba(185, 194, 208, 0.2) 0px
2px 0px 0px inset; padding: 0.4rem 0.75rem; }

.vui-input-search-container input[type="text"].vui-input-focus,
.vui-input-search-container input[type="text"]:focus, .vui-input-
search-container input[type="text"]:hover, .vui-input-search-
container input[type="search"].vui-input-focus, .vui-input-
search-container input[type="search"]:focus, .vui-input-search-
container input[type="search"]:hover { border-color: rgb(0,
111, 191); border-width: 2px; outline-width: 0px; padding:
calc(0.4rem - 1px) calc(0.75rem - 1px); }
.vui-input-search-container input[type="text"][aria-
invalid="true"], .vui-input-search-container
input[type="search"][aria-invalid="true"] { border-color:
rgb(205, 32, 38); }
.vui-input-search-container input[type="text"]::-webkit-search-
cancel-button, .vui-input-search-container
input[type="search"]::-webkit-search-cancel-button { display:
none; }
.d2l-checkbox-container, .d2l-radio-inline { display: inline-
block; vertical-align: middle; }
.vui-input-search-container input[type="text"].vui-input-focus,
.vui-input-search-container input[type="text"].vui-input-hover,
.vui-input-search-container input[type="text"]:focus, .vui-input-

search-container input[type="text"]:hover, .vui-input-search-
container input[type="search"].vui-input-focus, .vui-input-
search-container input[type="search"].vui-input-hover, .vui-
input-search-container input[type="search"]:focus, .vui-input-
search-container input[type="search"]:hover { padding-right:
calc(2.1rem - 1px); }
search-container input[type="text"]:disabled, .vui-input-search-
container input[type="text"]:focus:disabled, .vui-input-search-
container input[type="text"]:hover:disabled, .vui-input-search-
container input[type="search"], .vui-input-search-container
input[type="search"]:disabled, .vui-input-search-container
input[type="search"]:focus:disabled, .vui-input-search-container
input[type="search"]:hover:disabled { padding-right: 2.1rem; }
.vui-input-search-container input[type="text"]::-webkit-search-
decoration, .vui-input-search-container input[type="search"]::-
webkit-search-decoration { -webkit-appearance: none; }
[dir="rtl"] .vui-input-search-container input[type="text"].vui-
input-focus, [dir="rtl"] .vui-input-search-container
input[type="text"].vui-input-hover, [dir="rtl"] .vui-input-
search-container input[type="text"]:focus, [dir="rtl"] .vui-input-
search-container input[type="text"]:hover, [dir="rtl"] .vui-
input-search-container input[type="search"].vui-input-focus,
[dir="rtl"] .vui-input-search-container input[type="search"].vui-
input-hover, [dir="rtl"] .vui-input-search-container
input[type="search"]:focus, [dir="rtl"] .vui-input-search-
container input[type="search"]:hover { padding-left:

calc(2.1rem - 1px); padding-right: calc(0.45rem - 1px); }
[dir="rtl"] .vui-input-search-container input[type="text"],
[dir="rtl"] .vui-input-search-container
input[type="text"]:disabled, [dir="rtl"] .vui-input-search-
container input[type="text"]:focus:disabled, [dir="rtl"] .vui-
input-search-container input[type="text"]:hover:disabled,
[dir="rtl"] .vui-input-search-container input[type="search"],
[dir="rtl"] .vui-input-search-container
input[type="search"]:disabled, [dir="rtl"] .vui-input-search-
container input[type="search"]:focus:disabled, [dir="rtl"] .vui-
input-search-container input[type="search"]:hover:disabled {
padding-right: 0.45rem; padding-left: 2.1rem; }
.vui-input-search-button, .vui-input-search-clear-button {
border: none; background-color: transparent; background-
position: right center; background-repeat: no-repeat; cursor:
pointer; height: 1.2rem; margin: 0px; padding: 0px; position:
absolute; text-indent: -10000px; top: 0.45rem; width: 1.2rem; }
.vui-input-search-button { background-image:
0%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-
rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h
24v24H0z%22%2F%3E%3Cpath%20d%3D%22M10.384%2015.
764l-.46.46a2.5%202.5%200%200%201-.712%202.126l-
2.818%202.82a2.498%202.498%200%200%201-
3.54.004%202.502%202.502%200%200%201%20.004-

3.54l2.82-2.82c.58-.58%201.373-.82%202.126-.713l.46-
.457a7.5%207.5%200%200%201%206.257-
11.636c4.143%200%207.5%203.357%207.5%207.5a7.5%207.5
%200%200%201-11.636%206.257zm4.137-
.757a5.5%205.5%200%201%200%200-
11%205.5%205.5%200%200%200%200%2011z%22%20fill%3D
%22%23565a5c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
opacity: 0.7; right: 0.45rem; }
.vui-input-search-button:disabled, .vui-input-search-
button:disabled:hover { opacity: 0.5; }
.vui-input-search-button:focus, .vui-input-search-button:hover {
opacity: 1; }
[dir="rtl"] .vui-input-search-button { left: 0.45rem; right: auto;
}
.vui-input-search-clear-button { background-image:
0%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-
rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h
24v24H0z%22%2F%3E%3Cpath%20d%3D%22M12%209.88l5.4
38-5.437a1.494%201.494%200%200%201%202.123-
.003c.59.59.584%201.535-
.003%202.123L14.12%2012l5.437%205.438a1.498%201.498%2

00%201%201-2.118%202.12L12%2014.12l-
5.437%205.437a1.494%201.494%200%200%201-
2.123.004%201.496%201.496%200%200%201%20.003-
2.122L9.88%2012%204.444%206.563A1.496%201.496%200%2
00%201%204.44%204.44a1.495%201.495%200%200%201%202
.123.003L12%209.88z%22%20fill%3D%22%23565a5c%22%2F
%3E%3C%2Fg%3E%3C%2Fsvg%3E"); opacity: 0.7; right:
0.45rem; }
.d2l-checkbox-container:last-of-type, .d2l-radio-inline:last-of-
type { margin-bottom: 0.5rem; }
.vui-input-search-clear-button:disabled, .vui-input-search-clear-
button:disabled:hover { opacity: 0.5; }
.vui-input-search-clear-button:focus, .vui-input-search-clear-
button:hover { opacity: 1; }
[dir="rtl"] .vui-input-search-clear-button { left: 0.45rem; right:
auto; }
.d2l-checkbox-container { padding-left: 1.7rem; padding-right:
6px; }

.d2l-checkbox-container > input[type="checkbox"] { margin-
top: -0.2rem; margin-right: 0.5rem; margin-left: -1.7rem; }
[dir="rtl"] .d2l-checkbox-container { padding-right: 1.7rem;
[dir="rtl"] .d2l-checkbox-container > input[type="checkbox"] {
margin-left: 0.5rem; margin-right: -1.7rem; }
.d2l-radio-inline { padding-left: 1.7rem; padding-right: 0px; }
.d2l-radio-inline > input[type="radio"] { margin-top: -0.2rem;
margin-right: 0.5rem; margin-left: -1.7rem; }
[dir="rtl"] .d2l-radio-inline { padding-right: 1.7rem; padding-
left: 0px; }
[dir="rtl"] .d2l-radio-inline > input[type="radio"] { margin-left:
0.5rem; margin-right: -1.7rem; }
.d2l-checkbox-container + .d2l-checkbox-container, .d2l-radio-
inline + .d2l-radio-inline { margin-left: 10px; }

[dir="rtl"] .d2l-checkbox-container + .d2l-checkbox-container,
[dir="rtl"] .d2l-radio-inline + .d2l-radio-inline { margin-left:
.d2l-checkbox-container.d2l-checkbox-disabled, .d2l-radio-
inline.d2l-radio-disabled, .d_rdo_d { color: rgb(160, 160, 160);
cursor: default; }
.vui-offscreen { left: -10000px; overflow: hidden; width: 1px;
height: 1px; white-space: nowrap; position: absolute !important;
}
[dir="rtl"] .vui-offscreen { left: auto; right: -10000px; }
@keyframes vui-bubble-animation-show {
0% { top: 0.75rem; opacity: 0; }
100% { top: 0.25rem; opacity: 1; }
}
.vui-validation-bubble { display: none; position: absolute; max-

width: 18.5rem; width: 100%; }
.vui-validation-bubble-show { display: block; }
.vui-validation-bubble-content { animation: vui-bubble-
animation-show 0.2s ease 0s 1 normal none running;
background-color: rgb(86, 90, 92); border: 1px solid
transparent; border-radius: 0.3rem; color: rgb(255, 255, 255);
font-family: inherit; font-size: 0.7rem; font-weight: 400; left: -
0.5rem; line-height: 1rem; letter-spacing: 0.02rem; margin: 0px;
padding: 0.7rem 1rem; position: absolute; top: 0.25rem; z-
index: 10; }
[dir="rtl"] .vui-validation-bubble-content { left: auto; right: -
0.5rem; }
.vui-validation-bubble-content::before { border-style: solid;
border-image: initial; border-color: rgb(86, 90, 92) transparent;
content: ""; left: 1rem; position: absolute; z-index: 10; border-
width: 0px 0.7rem 0.7rem; top: -0.7rem; }
[dir="rtl"] .vui-validation-bubble-content::before { left: auto;
right: 1rem; }

.d2l-button { border-radius: 0.3rem; border-style: solid; border-
width: 1px; box-sizing: border-box; cursor: pointer; display:
inline-block; margin: 0px 0.75rem 0px 0px; min-height:
calc(2rem + 2px); text-align: center; transition: box-shadow
0.2s ease 0s; user-select: none; vertical-align: middle; white-
space: nowrap; width: auto; box-shadow: transparent 0px 0px
0px 4px; font-family: inherit; padding: 0.5rem 1.5rem; font-
size: 0.7rem; line-height: 1rem; font-weight: 700; letter-
spacing: 0.2px; }
.d2l-button { font-size: 0.6rem; line-height: 0.9rem; font-
weight: 700; letter-spacing: 0.2px; }
}
.d2l-button, .d2l-button[active][disabled], .d2l-
button[disabled]:focus, .d2l-button[disabled]:hover {
background-color: rgb(249, 250, 251); border-color: rgb(211,
217, 227); color: rgb(86, 90, 92); }
.d2l-button.d2l-button-focus, .d2l-button.d2l-button-hover, .d2l-
button:focus, .d2l-button:hover, .d2l-button[active] {
background-color: rgb(230, 234, 240); }
.d2l-button.d2l-button-focus, .d2l-button:focus { border-color:
rgba(0, 111, 191, 0.4); box-shadow: rgba(0, 111, 191, 0.3) 0px

0px 0px 4px; }
.d2l-button[disabled] { opacity: 0.5; cursor: default; }
.d2l-button[primary], .d2l-button[primary][active][disabled],
.d2l-button[primary][disabled]:focus, .d2l-
button[primary][disabled]:hover { background-color: rgb(0,
111, 191); border-color: rgb(0, 86, 148); color: rgb(255, 255,
255); }
.d2l-button[primary].d2l-button-focus, .d2l-button[primary].d2l-
button-hover, .d2l-button[primary]:focus, .d2l-
button[primary]:hover, .d2l-button[primary][active] {
.d2l-button[primary].d2l-button-focus, .d2l-
button[primary]:focus { box-shadow: rgba(0, 111, 191, 0.3) 0px
0px 0px 4px; }
[dir="rtl"] .d2l-button { margin-left: 0.75rem; margin-right:
0px; }
.d2l-button-spacing { margin-right: 0.75rem; }

[dir="rtl"] .d2l-button-spacing { margin-left: 0.75rem; margin-
right: 0px; }
.d2l-button.d2l-htmleditor-component-toggle { margin-right:
0px; }
[dir="rtl"] .d2l-button.d2l-htmleditor-component-toggle {
margin-left: 0px; }
.dlay_r > .d2l-button { margin-left: 0.75rem; margin-right: 0px;
}
[dir="rtl"] .dlay_r > .d2l-button { margin-right: 0.75rem;
margin-left: 0px; }
.d2l-collapsepane-action > .d2l-heading { color: rgb(0, 111,
191); cursor: pointer; font-weight: 400; text-decoration: none; }
.d2l-collapsepane-action:focus > .d2l-heading, .d2l-
collapsepane-action:hover > .d2l-heading { color: rgb(0, 86,
148); text-decoration: underline; }

.d2l-field-beside-label > span.vui-label { line-height: 1.5rem; }
.d2l-field-beside-label > label.vui-label { line-height: 2.1rem; }
.d2l-floating-container { border: 1px solid rgb(211, 217, 227);
background-color: rgb(255, 255, 255); border-radius: 0.4rem;
box-shadow: rgba(86, 90, 92, 0.2) 0px 2px 12px 0px; }
.d2l-floating-container-close { margin: 0.25rem 0.25rem
0.25rem -1.2rem; }
.d2l-floating-container-titlebar .d2l-heading { color: rgb(86, 90,
92); font-family: inherit; font-size: 1.5rem; font-weight: 400;
line-height: 2.25rem; letter-spacing: -0.015rem; margin: 0px
1.2rem 0px 0px; padding: 0.3rem; }
[dir="rtl"] .d2l-floating-container-close { margin-left: 0.25rem;
margin-right: -1.2rem; }
[dir="rtl"] .d2l-floating-container-titlebar .d2l-heading {
margin-right: 0px; margin-left: 1.2rem; }

.d2l-grid-cell-sel { width: 0.65rem; }
.d2l-grid-footer-wrapper { padding: 0.25rem; }
.d2l-grid-loadmore-wrapper { width: 20em; margin: auto;
padding: 0.25rem; }
.d2l-grid-header-cell a, .d2l-grid-header-cell a:hover, .d2l-grid-
header-cell a:visited { color: rgb(86, 90, 92); font-family:
inherit; font-size: 0.7rem; font-weight: 400; line-height: 1rem;
letter-spacing: 0.02rem; margin: 0px; }
.d2l-htmlblock a[main], .d2l-typography .d2l-htmlblock b, .d2l-
typography .d2l-htmlblock b *, .d2l-typography .d2l-htmlblock
h1, .d2l-typography .d2l-htmlblock h2, .d2l-typography .d2l-
htmlblock h3, .d2l-typography .d2l-htmlblock h4, .d2l-
typography .d2l-htmlblock h5, .d2l-typography .d2l-htmlblock
h6, .d2l-typography .d2l-htmlblock strong, .d2l-typography
.d2l-htmlblock strong * { font-weight: 700; }
.d2l-grid-header-cell a:hover { text-decoration: underline; }

.d2l-typography .d2l-htmlblock { text-align: left; overflow: auto
hidden; }
.d2l-typography .d2l-htmlblock h1 { font-size: 2em; line-height:
37px; margin: 21.43px 0px; }
.d2l-typography .d2l-htmlblock h2 { font-size: 1.5em; line-
height: 27px; margin: 19.92px 0px; }
.d2l-typography .d2l-htmlblock h4 { font-size: 1em; line-height:
20px; margin: 21.28px 0px; }
.d2l-typography .d2l-htmlblock pre { font-family: monospace;

font-size: 13px; margin: 13px 0px; }
.d2l-typography .d2l-htmlblock p { margin: 0.5em 0px 1em; }
.d2l-htmlblock ol, .d2l-htmlblock ul { list-style-position:
outside; margin: 1em 0px; padding-left: 3em; }
.d2l-htmlblock ul, .d2l-htmlblock ul[type="disc"] { list-style-
type: disc; }
.d2l-htmlblock ol ol, .d2l-htmlblock ol ul, .d2l-htmlblock ul ol,
.d2l-htmlblock ul ul { margin-top: 0px; margin-bottom: 0px; }
.d2l-htmlblock ol ul, .d2l-htmlblock ul ul, .d2l-htmlblock
ul[type="circle"] { list-style-type: circle; }
.d2l-htmlblock ol ol ul, .d2l-htmlblock ol ul ul, .d2l-htmlblock
ul ol ul, .d2l-htmlblock ul ul ul, .d2l-htmlblock
ul[type="square"] { list-style-type: square; }
.d2l-htmlblock a, .d2l-htmlblock a:active, .d2l-htmlblock a:link,
.d2l-htmlblock a:visited { color: rgb(0, 111, 191); text-

decoration: none; cursor: pointer; }
.d2l-htmlblock a.d2l-link-focus, .d2l-htmlblock a:focus, .d2l-
htmlblock a:hover { color: rgb(0, 86, 148); text-decoration:
underline; outline-width: 0px; }
.d2l-htmlblock a[small] { font-size: 0.7rem; line-height:
1.05rem; letter-spacing: 0.01rem; }
.d2l-htmleditor-color, .d2l-htmleditor-color-button { line-
height: 1px; cursor: pointer; display: inline-block; }
[dir="rtl"] .d2l-htmlblock { text-align: right; }
[dir="rtl"] .d2l-htmlblock ol, [dir="rtl"] .d2l-htmlblock ul {
padding-left: 0px; padding-right: 3em; }
.d2l-htmlblock.d2l-htmlblock-untrusted { position: relative; }
.d2l-htmleditor-button { border: 0px; cursor: pointer; display:
inline-block; float: left; line-height: 1px; padding: calc((2rem -
16px) / 2); }

[dir="rtl"] .d2l-htmleditor-button { float: right; }
.d2l-htmleditor-button:focus, .d2l-htmleditor-button:hover {
.d2l-htmleditor-button-active { background-color: rgb(232, 242,
252); }
.d2l-htmleditor-button-disabled { opacity: 0.5; cursor: default; }
.d2l-htmleditor-button.d2l-htmleditor-button-disabled:focus,
.d2l-htmleditor-button.d2l-htmleditor-button-disabled:hover {
background-color: initial; }
.d2l-htmleditor-buttonmenuitem { border-width: 1px; border-
style: solid none; border-color: transparent; border-image:
initial; cursor: pointer; display: block; font-size: 0.8rem; min-
height: 16px; padding: 0.5rem; }
.d2l-htmleditor-buttonmenuitem:focus, .d2l-htmleditor-
buttonmenuitem:hover { background-color: rgb(231, 231, 231);

}
.d2l-htmleditor-buttonmenuitem.d2l-htmleditor-button-active {
.d2l-htmleditor-buttonmenuitem.d2l-htmleditor-button-
active:focus, .d2l-htmleditor-buttonmenuitem.d2l-htmleditor-
button-active:hover { background-color: rgb(211, 231, 250); }
.d2l-htmleditor-buttonmenuitem-icon { float: left; }
[dir="rtl"] .d2l-htmleditor-buttonmenuitem-icon { float: right; }
.d2l-htmleditor-buttonmenuitem-text { display: block; margin-
left: calc(22px + 0.3rem); vertical-align: top; }
[dir="rtl"] .d2l-htmleditor-buttonmenuitem-text { margin-left:
.d2l-htmleditor-footer .d2l-htmleditor-button { border: 1px solid
transparent; border-radius: 3px; }

.d2l-htmleditor-footer .d2l-htmleditor-button:focus, .d2l-
htmleditor-footer .d2l-htmleditor-button:hover, .d2l-htmleditor-
footer .d2l-htmleditor-toolbar-item:first-child .d2l-htmleditor-
button:focus, .d2l-htmleditor-footer .d2l-htmleditor-toolbar-
item:first-child .d2l-htmleditor-button:hover, .d2l-htmleditor-
footer .d2l-htmleditor-toolbar-item:last-child .d2l-htmleditor-
button:focus, .d2l-htmleditor-footer .d2l-htmleditor-toolbar-
item:last-child .d2l-htmleditor-button:hover { border-color:
rgb(223, 223, 223); }
.d2l-htmleditor-color { float: left; }
[dir="rtl"] .d2l-htmleditor-color { float: right; margin-left: 1px;
margin-right: 0px; }
.d2l-htmleditor-color .d2l-htmleditor-color-action { border-top-
left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; border-
right: 1px solid transparent; }
[dir="rtl"] .d2l-htmleditor-color .d2l-htmleditor-color-action {
border-left: 1px solid transparent; border-right: 0px; border-
radius: 0px 0.3rem 0.3rem 0px; }
.d2l-htmleditor-color.d2l-htmleditor-color-focus, .d2l-

htmleditor-color.d2l-htmleditor-color-mouse { border-color:
rgb(223, 223, 223); }
.d2l-htmleditor-color.d2l-htmleditor-color-focus > .d2l-
htmleditor-color-action, .d2l-htmleditor-color.d2l-htmleditor-
color-mouse > .d2l-htmleditor-color-action { border-right: 1px
solid rgb(223, 223, 223); }
[dir="rtl"] .d2l-htmleditor-color.d2l-htmleditor-color-focus >
.d2l-htmleditor-color-action, [dir="rtl"] .d2l-htmleditor-
color.d2l-htmleditor-color-mouse > .d2l-htmleditor-color-action
{ border-left: 1px solid rgb(221, 221, 221); border-right: 0px; }
.d2l-htmleditor-color .d2l-htmleditor-color-select { border-top-
right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
[dir="rtl"] .d2l-htmleditor-color .d2l-htmleditor-color-select {
border-radius: 0.3rem 0px 0px 0.3rem; }
.d2l-htmleditor-color-button { padding: calc(((2rem - 16px) -
2px) / 2); vertical-align: middle; }
.d2l-htmleditor-color-button:focus, .d2l-htmleditor-color-
button:hover { background: rgb(242, 243, 245); }

.d2l-htmleditor-color-sample { margin: 1px; height: 16px;
width: 16px; }
.d2l-htmleditor-color-action:active > .d2l-htmleditor-color-
sample, .d2l-htmleditor-color-action:focus > .d2l-htmleditor-
color-sample, .d2l-htmleditor-color-action:hover > .d2l-
htmleditor-color-sample { margin: 0px; border: 1px dotted
rgb(223, 223, 223); }
[dir="rtl"] .d2l-htmleditor-color-sample-inner { left: auto; right:
4px; }
.d2l-htmleditor-group { border: 1px solid rgb(211, 211, 211);
border-radius: 0.3rem; box-shadow: rgb(239, 239, 239) 0px 1px
1px 0px; display: inline-block; line-height: 1em; margin-right:
0.3rem; }
[dir="rtl"] .d2l-htmleditor-group { margin-right: 0px; margin-
left: 0.3rem; }
[dir="rtl"] .d2l-htmleditor-group:last-child, [dir="rtl"] .d2l-
menuflyout.d2l-htmleditor-menuflyout { margin-left: 0px; }

.d2l-htmleditor-group:last-child { margin-right: 0px; }
.d2l-htmleditor-group .d2l-htmleditor-toolbar-item .d2l-select {
border-radius: 0px; }
.d2l-htmleditor-group .d2l-htmleditor-toolbar-item:first-child
.d2l-htmleditor-button, .d2l-htmleditor-group .d2l-htmleditor-
toolbar-item:first-child .d2l-menuflyout-opener, .d2l-
htmleditor-group .d2l-htmleditor-toolbar-item:first-child .d2l-
select { border-top-left-radius: 0.3rem; border-bottom-left-
radius: 0.3rem; }
.d2l-htmleditor-group .d2l-htmleditor-toolbar-item:last-child
.d2l-htmleditor-button, .d2l-htmleditor-group .d2l-htmleditor-
toolbar-item:last-child .d2l-select { border-top-right-radius:
0.3rem; border-bottom-right-radius: 0.3rem; }
.d2l-htmleditor-group .d2l-htmleditor-toolbar-item:last-child
.d2l-menuflyout-opener, [dir="rtl"] .d2l-htmleditor-group .d2l-
htmleditor-toolbar-item:first-child .d2l-htmleditor-button,
[dir="rtl"] .d2l-htmleditor-group .d2l-htmleditor-toolbar-
item:first-child .d2l-menuflyout-opener, [dir="rtl"] .d2l-
htmleditor-group .d2l-htmleditor-toolbar-item:first-child .d2l-
select { border-radius: 0px 0.3rem 0.3rem 0px; }

[dir="rtl"] .d2l-htmleditor-group .d2l-htmleditor-toolbar-
item:last-child .d2l-htmleditor-button, [dir="rtl"] .d2l-
htmleditor-group .d2l-htmleditor-toolbar-item:last-child .d2l-
menuflyout-opener, [dir="rtl"] .d2l-htmleditor-group .d2l-
htmleditor-toolbar-item:last-child .d2l-select { border-radius:
0.3rem 0px 0px 0.3rem; }
.d2l-htmleditor-footer-inner .d2l-htmleditor-group { border-
style: none; box-shadow: none; background: rgb(255, 255, 255);
}
.d2l-menuflyout.d2l-htmleditor-menuflyout { padding: 0px;
.d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-
opener { background-color: rgb(255, 255, 255); border-radius:
0px; line-height: 1px; border-width: 1px; border-style: none
solid; border-image: initial; border-color: rgb(204, 204, 204)
transparent rgb(204, 204, 204) rgb(204, 204, 204); padding:
calc((2rem - 16px) / 2) 0.35rem; }
[dir="rtl"] .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-
menuflyout-opener { border-left: 0px; border-right: 1px solid
rgb(204, 204, 204); }

.d2l-menuflyout.d2l-htmleditor-menuflyout.d2l-menuflyout-
open .d2l-menuflyout-opener { padding-bottom: calc((2rem -
16px) / 2); }
opener:focus, .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-
menuflyout-opener:hover { background-color: rgb(242, 243,
245); border-width: 1px; border-style: none solid; border-color:
rgb(204, 204, 204); border-image: initial; }
menuflyout-opener:focus, [dir="rtl"] .d2l-menuflyout.d2l-
htmleditor-menuflyout .d2l-menuflyout-opener:hover { border-
left: 1px solid rgb(204, 204, 204); border-right-style: none; }
.d2l-htmleditor-toolbar-item:first-child .d2l-menuflyout.d2l-
htmleditor-menuflyout .d2l-menuflyout-opener:focus, .d2l-
htmleditor-toolbar-item:first-child .d2l-menuflyout.d2l-
htmleditor-menuflyout .d2l-menuflyout-opener:hover,
[dir="rtl"] .d2l-htmleditor-toolbar-item:last-child .d2l-
menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-
opener:focus, [dir="rtl"] .d2l-htmleditor-toolbar-item:last-child
opener:hover { border-left-color: transparent; }
.d2l-htmleditor-toolbar-item:last-child .d2l-menuflyout.d2l-
htmleditor-menuflyout .d2l-menuflyout-opener:focus, .d2l-
htmleditor-toolbar-item:last-child .d2l-menuflyout.d2l-

htmleditor-menuflyout .d2l-menuflyout-opener:hover,
[dir="rtl"] .d2l-htmleditor-toolbar-item:first-child .d2l-
menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-
opener:focus, [dir="rtl"] .d2l-htmleditor-toolbar-item:first-child
opener:hover { border-right-color: transparent; }
opener .d2l-menuflyout-icon { margin-right: 4px; }
menuflyout-opener .d2l-menuflyout-icon { margin-left: 4px;
.d2l-menuflyout.d2l-htmleditor-menuflyout > .d2l-menuflyout-
contents { background-color: rgb(255, 255, 255); border-color:
rgb(204, 204, 204); border-radius: 0.3rem; margin-right: -1px;
margin-top: -0.3rem; }
contents.d2l-menuflyout-contents-right { border-top-left-radius:
0px; }
contents.d2l-menuflyout-contents-left { border-top-right-radius:
0px; }

.d2l-htmleditor-menuflyout-item { display: block; white-space:
nowrap; }
.d2l-htmleditor-menuflyout-item:first-child { margin-top: 1px; }
text { font-weight: 400; }
arrow { margin-right: 0px; }
spacer { width: 2px; }
.d2l-htmleditor-menuflyout-list { margin: 0px; padding: 0px; }
.d2l-htmleditor { border: 1px solid rgb(204, 204, 204); border-
radius: 0.3rem; background-color: rgb(255, 255, 255); }

.d2l-htmleditor-header { border: 1px solid transparent; border-
radius: 0.3rem; padding: 0.5rem 0.5rem 0px; white-space:
normal; }
.d2l-htmleditor-component-container { display: inline; line-
height: normal; }
.d2l-htmleditor-hide-components .d2l-htmleditor-component-
container { display: inline-block; }
.d2l-htmleditor-hide-components .d2l-htmleditor-hide1-hidden {
display: none !important; }
.d2l-htmleditor-toolbar-item { display: inline-block; position:
relative; float: left; min-height: 2rem; }
[dir="rtl"] .d2l-htmleditor-toolbar-item { float: right; }
.d2l-htmleditor-toolbar-item .d2l-select-container { margin:
0px; border: 0px; border-radius: 0px; padding: 0px; }
.d2l-htmleditor-toolbar-item .d2l-select, .d2l-htmleditor-

toolbar-item .d2l-select:focus, .d2l-htmleditor-toolbar-item
.d2l-select:hover { border: 0px; font-size: 0.7rem; font-weight:
400; padding: 0.4rem calc(1rem + 42px) 0.4rem 0.7rem; }
[dir="rtl"] .d2l-htmleditor-toolbar-item .d2l-select, [dir="rtl"]
.d2l-htmleditor-toolbar-item .d2l-select:focus, [dir="rtl"] .d2l-
htmleditor-toolbar-item .d2l-select:hover { padding-left:
calc(1rem + 42px); padding-right: 0.7rem; }
.d2l-htmleditor-footer { border: 1px solid transparent; border-
radius: 3px; line-height: 1em; padding: 0.15rem 0.7rem; }
.d2l-htmleditor-footer .d2l-htmleditor-toolbar-item { border:
0px; }
.d2l-htmleditor-std_button { vertical-align: top; }
.d2l-htmleditor-dialog-textarea { margin: 0px; }
.d2l-htmleditor-files { display: none; }
.d2l-htmleditor-resize { display: block; margin-top: 10px;

margin-left: 4px; margin-right: 2px; float: right; cursor: se-
resize; }
[dir="rtl"] .d2l-htmleditor-resize { margin-left: 2px; margin-
right: 4px; float: left; }
.d2l-htmleditor-footer-inner { float: right; }
[dir="rtl"] .d2l-htmleditor-footer-inner { float: left; }
.d2l-htmleditor-compact.d2l-htmleditor-frosted .d2l-htmleditor-
footer, .d2l-htmleditor-compact.d2l-htmleditor-frosted .d2l-
htmleditor-header { opacity: 0.5; }
.d2l-htmleditor-skiptoolbars { left: -10000px; overflow: hidden;
position: absolute; width: 1px; height: 1px; }
[dir="rtl"] .d2l-htmleditor-skiptoolbars { left: auto; right: -
10000px; }
.d2l-htmleditor-skiptoolbars:active, .d2l-htmleditor-
skiptoolbars:focus { position: relative; left: auto; width: auto;

overflow: visible; outline: 0px; font-weight: 700; color:
rgb(255, 255, 255); text-decoration: none; display: block; z-
index: 10000; vertical-align: middle; height: 0px; }
[dir="rtl"] .d2l-htmleditor-skiptoolbars:active, [dir="rtl"] .d2l-
htmleditor-skiptoolbars:focus { right: auto; }
.d2l-htmleditor-skiptoolbars .d2l-htmleditor-skiptoolbars-inner
{ position: absolute; width: 100%; background-color: rgba(0, 0,
0, 0.7); border: 1px solid rgba(0, 0, 0, 0.8); border-radius: 3px;
text-align: center; padding-top: 0.4em; padding-bottom: 0.4em;
}
.d2l-htmleditor-preview > .d2l-htmlblock { overflow: visible;
padding: 10px; }
.d2l-htmleditor-component-toggle { background-color: rgb(255,
255, 255); padding-left: 0.7rem; padding-right: 0.7rem; margin-
top: 0px; margin-right: 0px; }
.d2l-htmleditor-component-toggle:focus, .d2l-htmleditor-
component-toggle:hover { background-color: rgb(242, 243,
245); }

.d2l-imagelink d2l-icon { transition: color 0.3s ease 0s; }
.d2l-imagelink:focus:not(.d2l-imagelink-disabled) d2l-icon,
.d2l-imagelink:hover:not(.d2l-imagelink-disabled) d2l-icon {
color: rgb(0, 86, 148); }
.d2l-link { display: inline-block; }
.d2l-link, .d2l-link:active, .d2l-link:link, .d2l-link:visited {
color: rgb(0, 111, 191); text-decoration: none; cursor: pointer; }
.d2l-link.d2l-link-focus, .d2l-link:focus, .d2l-link:hover { color:
rgb(0, 86, 148); text-decoration: underline; outline-width: 0px;
}
.d2l-link[main] { font-weight: 700; }
.d2l-link[small] { font-size: 0.7rem; line-height: 1.05rem;
letter-spacing: 0.01rem; }
.d2l-navigation-s-admin-menu d2l-dropdown-content, .d2l-
navigation-s-course-menu d2l-dropdown-content { line-height:

1.5rem; }
.d2l-clickable { cursor: pointer; }
.d2l-link.d2l-link-flat, .d2l-linkheading-link.d2l-link-flat {
color: inherit; }
.d2l-link.d2l-link-flat:focus, .d2l-link.d2l-link-flat:hover, .d2l-
linkheading-link.d2l-link-flat:focus, .d2l-linkheading-link.d2l-
link-flat:hover { color: rgb(0, 86, 148); text-decoration:
underline; }
.d2l-container-icon-link > a > .d2l-container-icon-link-link {
color: rgb(0, 111, 191); cursor: pointer; font-weight: 400; text-
decoration: none; }
.d2l-container-icon-link > a:focus > .d2l-container-icon-link-
link, .d2l-container-icon-link > a:hover > .d2l-container-icon-
link-link { color: rgb(0, 86, 148); text-decoration: underline; }
.d2l-filelink-link > .d2l-filelink-link-text { color: rgb(0, 111,
191); cursor: pointer; font-weight: 400; text-decoration: none; }

.d2l-filelink-link:focus > .d2l-filelink-link-text, .d2l-filelink-
link:hover > .d2l-filelink-link-text { color: rgb(0, 86, 148);
text-decoration: underline; }
.d2l-text-imagelink > .d2l-text-imagelink-text { color: rgb(0,
111, 191); cursor: pointer; font-weight: 400; text-decoration:
none; }
.d2l-text-imagelink:focus > .d2l-text-imagelink-text, .d2l-text-
imagelink:hover > .d2l-text-imagelink-text { color: rgb(0, 86,
148); text-decoration: underline; }
.vui-list .ddl_li_m { padding: 0px 0.5rem 0px 0px; }
[dir="rtl"] .vui-list .ddl_li_m { padding: 0px 0px 0px 0.5rem; }
.d2l-navigation-s-admin-menu { display: inline-block; flex: 0 0
auto; height: 100%; }
.d2l-navigation-s-admin-menu-spacer { display: inline-block;
min-width: 20px; }

.d2l-navigation-s-admin-menu d2l-dropdown { height: 100%; }
.d2l-navigation-s-course-menu, .d2l-navigation-s-course-menu
d2l-dropdown { height: 100%; }
.d2l-navigation-s-course-menu .d2l-navigation-s-button-
highlight { margin: 0px 5px; }
.d2l-navigation-s d2l-navigation-separator { flex: 0 0 auto; }
.d2l-navigation-s-course-menu .d2l-navigation-s-button-
highlight { margin: 0px 10px; }
.d2l-navigation-s d2l-navigation-separator { display: none; }
}
.d2l-navigation-s-admin-menu, .d2l-navigation-s-course-menu,
.d2l-navigation-s-divider.d2l-navigation-s-course-menu-divider
{ display: none; }

}
.d2l-navigation-s-gutter { display: inline-block; flex: 1 1 auto;
min-width: 30px; }
.d2l-navigation-s-header-actions { align-items: center; display:
flex; flex: 0 0 auto; height: 100%; }
.d2l-navigation-s-header-open-button-wrapper { display: inline-
block; flex: 0 1 auto; height: 100%; }
@media (min-width: 768px) {
.d2l-navigation-s-header-open-button-wrapper { display: none;
}
}
.d2l-navigation-s-header-logo-area { align-items: center;
display: flex; flex: 0 1 auto; height: 100%; margin: -7px;
overflow: hidden; padding: 0px 7px; }

.d2l-navigation-s-header-container .d2l-navigation-s-header-
logo-area { display: none; }
}
logo-area .d2l-navigation-s-logo { margin-left: 20px; }
[dir="rtl"] .d2l-navigation-s-header-container .d2l-navigation-
s-header-logo-area .d2l-navigation-s-logo { margin-left: 0px;
}
logo-area.d2l-navigation-s-header-no-home-icon .d2l-
navigation-s-logo { margin: 0px; }
logo-area.d2l-navigation-s-header-no-home-icon .d2l-
navigation-s-logo-divider { display: none; }
}

logo-area .d2l-navigation-s-home-icon, .d2l-navigation-s-
header-container .d2l-navigation-s-header-logo-area .d2l-
navigation-s-logo, .d2l-navigation-s-header-container .d2l-
navigation-s-header-logo-area .d2l-navigation-s-logo-divider {
display: none; }
}
.d2l-navigation-s-header-logo-area > .d2l-navigation-s-link {
display: block; font-size: 1.5rem; flex: 0 1 auto; overflow:
hidden; line-height: normal; text-overflow: ellipsis; white-
space: nowrap; }
.d2l-navigation-s .d2l-navigation-s-header-logo-area > .d2l-
navigation-s-link { font-size: 1.25rem; }
}

navigation-s-link { font-size: 1rem; margin-left: 20px; }
[dir="rtl"] .d2l-navigation-s .d2l-navigation-s-header-logo-
area > .d2l-navigation-s-link { margin-left: 0px; margin-right:
20px; }
}
.d2l-navigation-s-gutter { min-width: 15px; }
}
.d2l-navigation-s-button-highlight { align-items: center;
background-color: transparent; border: none; color: rgb(86, 90,
92); cursor: pointer; display: flex; font-family: inherit; font-
size: 0.7rem; height: 100%; margin: 0px; overflow: visible;
padding: 0px; position: relative; }
.d2l-navigation-s-button-highlight:focus d2l-icon, .d2l-
navigation-s-button-highlight:hover d2l-icon, button.d2l-
navigation-s-button-highlight:focus, button.d2l-navigation-s-
button-highlight:hover { color: rgb(0, 86, 148); outline-style:
none; }

button.d2l-navigation-s-button-highlight[data-active],
button.d2l-navigation-s-button-highlight[data-active] d2l-icon {
color: rgb(0, 111, 191); }
.d2l-navigation-s-button-highlight d2l-icon { flex: 0 0 auto; }
.d2l-navigation-s-button-highlight:focus .d2l-navigation-s-
highlight-bar, .d2l-navigation-s-button-highlight:hover .d2l-
navigation-s-highlight-bar { display: block; }
.d2l-navigation-s-button-highlight[data-active] .d2l-navigation-
s-highlight-bar { background-color: rgb(0, 111, 191); display:
block; }
.d2l-navigation-s-logo { align-items: center; display: inline-
flex; height: 100%; position: relative; }
.d2l-navigation-s-logo-wrapper > a { display: inline-block; }
.d2l-navigation-s-logo img { border: none; max-height: 60px;
max-width: 260px; }

.d2l-navigation-s-has-title .d2l-navigation-s-logo img { max-
height: 40px; max-width: 173px; }
.d2l-navigation-s-logo-link:focus .d2l-navigation-s-highlight-
bar, .d2l-navigation-s-logo-link:hover .d2l-navigation-s-
highlight-bar { display: block; }
.d2l-navigation-s-logo-link:focus { box-shadow: rgba(0, 111,
191, 0.4) 0px 0px 3px 0px; }
.d2l-navigation-s-no-branding .d2l-navigation-s-main { border-
top: 1px solid rgb(230, 234, 240); border-bottom: 1px solid
rgb(230, 234, 240); }
.d2l-navigation-s-has-branding .d2l-navigation-s-main { border-
top: 1px solid rgba(124, 134, 149, 0.18); border-bottom: 1px
solid rgba(124, 134, 149, 0.18); }
.d2l-navigation-s-main-wrapper { align-items: center; display:
flex; height: calc(1rem + 40px); flex-wrap: nowrap; transition:
opacity 0.2s ease-in 0s; }

.d2l-navigation-s-main-wrapper[data-more] { justify-content:
space-between; }
.d2l-navigation-s-main-wrapper[data-loading] { opacity: 0; }
.d2l-navigation-s-main-wrapper[data-unmeasured] { flex-wrap:
wrap; }
.d2l-navigation-s-main-wrapper[has-edit-menu] { margin-right:
45px; }
[dir="rtl"] .d2l-navigation-s-main-wrapper[has-edit-menu] {
margin-left: 45px; margin-right: 0px; }
.d2l-navigation-s-item { display: inline-block; margin-right:
20px; white-space: nowrap; }
[dir="rtl"] .d2l-navigation-s-item { margin-right: 0px; margin-
left: 20px; }
.d2l-navigation-s-item[data-hidden] { display: none; }

.d2l-branding-navigation-dark-foreground-color .d2l-
navigation-s-group .d2l-navigation-s-group-text, .d2l-branding-
navigation-dark-foreground-color .d2l-navigation-s-group .d2l-
navigation-s-group-wrapper d2l-icon { color: rgb(86, 90, 92); }
.d2l-branding-navigation-light-foreground-color .d2l-
navigation-s-group .d2l-navigation-s-group-text, .d2l-branding-
navigation-light-foreground-color .d2l-navigation-s-group .d2l-
navigation-s-group-wrapper d2l-icon { color: rgb(255, 255,
255); }
.d2l-navigation-s-group { background: 0px 0px; border: 0px;
color: inherit; font-family: inherit; font-size: inherit; font-
weight: inherit; margin: 0px; padding: 0px; }
.d2l-navigation-s-group .d2l-navigation-s-group-wrapper {
align-items: center; display: inline-flex; flex-wrap: nowrap; }
.d2l-navigation-s-group .d2l-navigation-s-group-wrapper d2l-
icon { height: 15px; width: 15px; }
.d2l-navigation-s-group .d2l-navigation-s-group-text { margin-
right: 0.3rem; white-space: nowrap; }

[dir="rtl"] .d2l-navigation-s-group .d2l-navigation-s-group-text
{ margin-left: 0.3rem; margin-right: 0px; }
.d2l-navigation-s-group:focus, .d2l-navigation-s-group:focus
.d2l-navigation-s-group-wrapper d2l-icon, .d2l-navigation-s-
group:hover, .d2l-navigation-s-group:hover .d2l-navigation-s-
group-wrapper d2l-icon { cursor: pointer; }
.d2l-navigation-s-group:focus .d2l-navigation-s-group-text,
.d2l-navigation-s-group:hover .d2l-navigation-s-group-text {
text-decoration: underline; }
.d2l-navigation-s-no-branding .d2l-navigation-s-group:focus
.d2l-navigation-s-group-text, .d2l-navigation-s-no-branding
.d2l-navigation-s-group:focus .d2l-navigation-s-group-wrapper
d2l-icon, .d2l-navigation-s-no-branding .d2l-navigation-s-
group:hover .d2l-navigation-s-group-text, .d2l-navigation-s-no-
branding .d2l-navigation-s-group:hover .d2l-navigation-s-group-
wrapper d2l-icon { color: rgb(0, 111, 191); }
.d2l-navigation-s-main-wrapper[data-more] .d2l-navigation-s-
more { margin-left: 0px; margin-right: 0px; }

.d2l-navigation-s-main { display: none; }
}
.d2l-navigation-s-gutters { position: relative; }
.d2l-navigation-s-edit-menu { padding-right: 2.439%; opacity:
0; position: absolute; right: 0px; transition: opacity 0.25s ease
0s; }
.d2l-navigation-s-edit-menu { padding-right: 15px; }
}
.d2l-navigation-s-edit-menu { padding-right: 30px; }
}
[dir="rtl"] .d2l-navigation-s-edit-menu { padding-left: 2.439%;
padding-right: 0px; left: 0px; right: auto; }

[dir="rtl"] .d2l-navigation-s-edit-menu { padding-left: 15px; }
}
[dir="rtl"] .d2l-navigation-s-edit-menu { padding-left: 30px; }
}
.d2l-navigation-main-tb .d2l-navigation-s-edit-menu { top:
12.5px; }
.d2l-navigation-main-tb[main-tb-focus] .d2l-navigation-s-edit-
menu, .d2l-navigation-main-tb[main-tb-hover] .d2l-navigation-
s-edit-menu { opacity: 1; }
.d2l-navigation-s-no-branding .d2l-navigation-main-ib[ib-pully-
focus], .d2l-navigation-s-no-branding .d2l-navigation-main-
ib[ib-pully-hover] { border-bottom-color: rgba(0, 111, 191,
0.2); }

.d2l-navigation-s-has-branding .d2l-navigation-main-ib[ib-
pully-focus], .d2l-navigation-s-has-branding .d2l-navigation-
main-ib[ib-pully-hover] { border-bottom-color: rgba(124, 134,
149, 0.18); }
.d2l-navigation-main-ib-list { box-sizing: border-box; display:
flex; flex-wrap: wrap; justify-content: space-between; padding:
0.75rem 4px 4px; margin: 0px -4px; max-height: 7.55rem;
overflow-y: hidden; transition: max-height 0.2s ease-out 0s; }
.d2l-navigation-main-ib-tray[scrollable] .d2l-navigation-main-
ib-list { overflow-y: auto; }
.d2l-navigation-main-ib-tray[opened] .d2l-navigation-ib-
item[overflow-item] { animation-duration: 0.8s; animation-
timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-
name: d2l-navigation-main-ib-bounce; }
.d2l-navigation-ib-item { display: inline-block; }
.d2l-navigation-ib-item-placeholder { height: 0px; width:
7.3rem; }
.d2l-navigation-ib-item-link { background-color: transparent;

border-radius: 0.4rem; border: 1px solid transparent; box-
sizing: border-box; display: inline-block; height: 6.05rem; line-
height: 1rem; outline: 0px; padding-top: 0.75rem; padding-left:
0px; padding-right: 0px; text-align: center; width: 7.3rem; }
.d2l-navigation-ib-item-group { cursor: pointer; line-height:
1rem; padding-left: 0px; padding-right: 0px; padding-bottom:
0.5rem; }
.d2l-navigation-ib-item-link:focus, .d2l-navigation-ib-item-
link:hover { background-color: rgba(0, 111, 191, 0.05); }
.d2l-navigation-ib-item-link:hover { border-color: rgba(0, 111,
191, 0.2); }
.d2l-navigation-ib-item-link:focus { border-color: rgba(0, 111,
191, 0.4); box-shadow: rgba(0, 111, 191, 0.3) 0px 0px 0px 4px;
}
.d2l-navigation-ib-item-icon, .d2l-navigation-ib-item-icon-
group { height: 3rem; width: 3rem; }
.d2l-navigation-ib-item-icon-group-small, .d2l-navigation-ib-
item-icon-small { height: 2rem; width: 2rem; }

.d2l-navigation-ib-item-icon { display: block; margin: 0px auto;
object-fit: cover; object-position: 0px 0px; }
.d2l-navigation-ib-item-custom-icon { border-radius: 0.4rem; }
.d2l-navigation-ib-item-icon-group { border-radius: 0.4rem;
box-sizing: border-box; display: flex; flex-wrap: wrap; justify-
content: space-between; margin: 0px auto; }
.d2l-navigation-ib-item-icon-group-icon { box-sizing: border-
box; margin-bottom: 0.3rem; }
.d2l-navigation-ib-item-icon-group-2x2 > .d2l-navigation-ib-
item-icon-group-icon { height: 1.35rem; width: 1.35rem; }
item-icon-group-icon { height: 0.8rem; width: 0.8rem; }
.d2l-navigation-ib-item-icon-group-small > .d2l-navigation-ib-
item-icon-group-icon { margin-bottom: 0.2rem; }

.d2l-navigation-ib-item-icon-group-small.d2l-navigation-ib-
item-icon-group-2x2 > .d2l-navigation-ib-item-icon-group-icon
{ height: 0.89rem; width: 0.89rem; }
.d2l-navigation-ib-item-icon-group-small.d2l-navigation-ib-
item-icon-group-3x3 > .d2l-navigation-ib-item-icon-group-icon
{ height: 0.53rem; width: 0.53rem; }
item-icon-group-custom-icon, .d2l-navigation-ib-item-icon-
group-2x2 > div.d2l-navigation-ib-item-icon-group-icon {
border-radius: 0.15rem; }
item-icon-group-custom-icon, .d2l-navigation-ib-item-icon-
group-3x3 > div.d2l-navigation-ib-item-icon-group-icon {
border-radius: 0.1rem; }
.d2l-navigation-ib-item-icon-group-custom-icon { object-fit:
cover; object-position: 0px 0px; }
div.d2l-navigation-ib-item-icon-group-icon { background-color:
rgb(242, 243, 245); border: 1px solid rgb(230, 234, 240); }

.d2l-navigation-ib-item-group-content { display: flex; flex-
wrap: wrap; justify-content: space-around; padding: 3px 2px; }
.d2l-navigation-ib-item-group-content-2x2 { max-width: 306px;
}
.d2l-navigation-ib-item-group-content-3x3 { max-width: 464px;
}
.d2l-navigation-ib-item-link-text { color: rgb(86, 90, 92);
display: inline-block; margin-top: 0.5rem; max-width: 6.3rem;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
width: 100%; font-size: 0.8rem; font-weight: 400; line-height:
1.2rem; }
.d2l-navigation-ib-item-link-text { font-size: 0.8rem; line-
height: 1.2rem; }
}
.d2l-navigation-ib-item-link:hover .d2l-navigation-ib-item-link-
text { color: rgb(0, 111, 191); text-decoration: underline; }

.d2l-navigation-main-ib-top-cap { box-shadow: rgba(0, 0, 0,
0.05) 0px 3px 3px; display: none; height: 3px; position:
absolute; margin: -3px; width: 100%; }
.d2l-navigation-main-ib-tray[opened][overflow-top] > .d2l-
navigation-main-ib-top-cap { display: block; }
.d2l-navigation-main-ib-bottom-cap { border-top: 1px solid
transparent; box-sizing: border-box; height: 0.7rem; text-align:
center; width: 100%; }
.d2l-navigation-main-ib-pully[shown] { cursor: pointer; }
.d2l-navigation-main-ib-pully[shown]:focus, .d2l-navigation-
main-ib-pully[shown]:hover { outline: 0px; }
.d2l-navigation-main-ib-pully-tab { background-color: rgb(255,
255, 255); border-width: 1px; border-style: none solid solid;
border-color: rgb(230, 234, 240); border-image: initial; border-
bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
display: none; height: 0.75rem; margin-top: 0.64rem; position:
relative; width: 4rem; z-index: 5; }

.d2l-navigation-s-no-branding .d2l-navigation-main-ib-
tray[opened] > .d2l-navigation-main-ib-pully-container > .d2l-
navigation-main-ib-bottom-cap { border-color: rgb(230, 234,
240); }
pully[shown]:focus, .d2l-navigation-s-no-branding .d2l-
navigation-main-ib-pully[shown]:hover { background-color:
rgba(0, 111, 191, 0.05); border-color: rgba(0, 111, 191, 0.2); }
pully[shown]:focus .d2l-navigation-main-ib-pully-icon, .d2l-
navigation-s-no-branding .d2l-navigation-main-ib-
pully[shown]:hover .d2l-navigation-main-ib-pully-icon {
background-color: rgba(0, 111, 191, 0.05); }
pully[shown]:focus .d2l-navigation-main-ib-pully-tab, .d2l-
navigation-s-no-branding .d2l-navigation-main-ib-
pully[shown]:hover .d2l-navigation-main-ib-pully-tab { border-
color: rgba(0, 111, 191, 0.2); }
.d2l-navigation-main-ib-tray[opened][overflow-bottom] > .d2l-
navigation-main-ib-pully-container > .d2l-navigation-main-ib-
bottom-cap { box-shadow: rgba(0, 0, 0, 0.05) 0px -3px 3px; }

.d2l-navigation-main-ib-pully-tab-button { border-bottom-left-
radius: 4px; border-bottom-right-radius: 4px; height: 18px; left:
5px; opacity: 0; position: absolute; top: -8px; width: 70px; }
.d2l-navigation-main-ib-pully-container { position: relative; }
.d2l-navigation-s-has-branding .d2l-navigation-main-ib-
pully[shown]::after { content: ""; height: 100%; left: 0px;
opacity: 0; position: absolute; top: 0px; width: 100%; }
.d2l-navigation-s-has-branding .d2l-navigation-main-ib-
pully[shown]:hover::after { opacity: 1; }
.d2l-navigation-s-has-branding .d2l-navigation-main-ib-pully-
icon::after { content: ""; height: 100%; left: 0px; opacity: 0;
position: absolute; top: 0px; width: 100%; border-bottom-left-
radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.d2l-navigation-main-ib-tray[ib-tray-focus] .d2l-navigation-s-
edit-menu, .d2l-navigation-main-ib-tray[ib-tray-hover] .d2l-
navigation-s-edit-menu, .d2l-navigation-s-has-branding .d2l-
navigation-main-ib-pully[shown]:focus .d2l-navigation-main-ib-
pully-tab-button, .d2l-navigation-s-has-branding .d2l-
navigation-main-ib-pully[shown]:hover .d2l-navigation-main-

ib-pully-icon::after { opacity: 1; }
.d2l-navigation-s-has-branding .d2l-navigation-main-ib-bottom-
cap, .d2l-navigation-s-has-branding .d2l-navigation-main-ib-
pully-tab { border-color: rgba(124, 134, 149, 0.18); }
.d2l-navigation-s-has-branding.d2l-branding-navigation-light-
foreground-color .d2l-navigation-main-ib-pully-icon::after,
foreground-color .d2l-navigation-main-ib-pully[shown]::after,
foreground-color .d2l-navigation-main-ib-pully[shown]:focus
.d2l-navigation-main-ib-pully-tab-button { background-color:
rgba(255, 255, 255, 0.2); }
.d2l-navigation-s-has-branding.d2l-branding-navigation-dark-
foreground-color .d2l-navigation-main-ib-pully-icon::after,
foreground-color .d2l-navigation-main-ib-pully[shown]::after {
background: rgba(124, 134, 149, 0.1); }
foreground-color .d2l-navigation-main-ib-pully[shown]:focus
.d2l-navigation-main-ib-pully-tab-button { background-color:
rgba(0, 0, 0, 0.1); }

.d2l-navigation-s, .d2l-navigation-s-no-login { background-
color: rgb(255, 255, 255); line-height: 1; min-width: 320px;
position: relative; }
.d2l-navigation-main-ib-pully-icon { border-style: none; border-
bottom-left-radius: 0.45rem; border-bottom-right-radius:
0.45rem; display: inline-block; height: 100%; width: 100%; }
.d2l-navigation-s-no-branding .d2l-navigation-s-mobile-menu-
header, .d2l-navigation-s-no-login { border-bottom: 1px solid
rgb(230, 234, 240); }
.d2l-navigation-main-ib-pully[shown] > .d2l-navigation-main-
ib-pully-tab { display: inline-block; }
.d2l-navigation-main-ib-pully-icon > d2l-icon { height: 22px;
position: relative; top: -10px; width: 22px; }
.d2l-branding-navigation-dark-foreground-color .d2l-
navigation-main-ib-pully-icon > d2l-icon { color: rgb(86, 90,
92); }
.d2l-branding-navigation-light-foreground-color .d2l-
navigation-main-ib-pully-icon > d2l-icon { color: rgb(255, 255,

255); }
.d2l-navigation-s-no-branding .d2l-navigation-main-ib-pully >
d2l-icon { color: rgb(0, 111, 191); }
.d2l-navigation-main-ib-tray[closing] .d2l-navigation-main-ib-
pully[shown] .d2l-navigation-main-ib-pully-icon > d2l-icon {
animation-duration: 0.2s; animation-timing-function: ease-in-
out; animation-name: d2l-navigation-main-ib-swing-reset;
transform: rotateZ(0deg); }
.d2l-navigation-main-ib-tray[opened] .d2l-navigation-main-ib-
pully[shown] .d2l-navigation-main-ib-pully-icon > d2l-icon {
animation-duration: 0.8s; animation-timing-function: ease-in-
out; animation-name: d2l-navigation-main-ib-swing; transform:
rotateZ(180deg); }
.d2l-dialog-closing, .d2l-dialog-loading, .d2l-shim-opaque {
animation-duration: 0.3s; animation-timing-function: linear; }
.d2l-navigation-main-ib-tray .d2l-navigation-s-edit-menu { top:
10px; }
@keyframes d2l-navigation-main-ib-swing {

0% { transform: rotateZ(0deg); }
}
@keyframes d2l-navigation-main-ib-swing-reset {
}
@keyframes d2l-navigation-main-ib-bounce {
0% { transform: translateY(-80px) scale(0); }
29% { transform: translateY(15.95px) scale(1); }
46.75% { transform: translateY(-2.72px) scale(1); }
64.5% { transform: translateY(0.46px) scale(1); }

82.25% { transform: translateY(-0.08px) scale(1); }
100% { transform: translateY(0px) scale(1); }
}
.d2l-navigation-s[suppressed] { display: none; }
.d2l-navigation-s-notifications { display: inline-block; flex: 0 0
auto; height: 100%; }
.d2l-navigation-s-notifications-wrapper { display: inline-block;
height: 100%; margin: 0px -15px; }
.d2l-navigation-s-notifications-wrapper { margin: 0px; }
}
.d2l-navigation-s-notification { display: inline-block; height:
100%; margin: 0px 15px; }

.d2l-navigation-s-notification { margin: 0px 10px; }
}
.d2l-navigation-s-notification d2l-dropdown { height: 100%; }
.d2l-navigation-s-notification d2l-dropdown-content { line-
height: 1.5rem; }
.d2l-navigation-s-notification .d2l-navigation-s-notification-
indicator { display: none; position: absolute; right: -4px; top:
calc(50% - 19px); }
.d2l-navigation-s-notification .d2l-navigation-s-notification-
indicator d2l-icon { height: 14px; width: 14px; }
.d2l-navigation-s-notification[data-has-notifications] .d2l-
navigation-s-notification-indicator { display: inline-block; }
.d2l-navigation-s-notifications-div { display: inline-block; min-
width: 10px; }

.d2l-navigation-s-divider.d2l-navigation-s-notifications-
divider { display: none; }
}
.d2l-navigation-s-personal-menu { display: inline-block; flex: 0
0 auto; height: 100%; }
.d2l-navigation-s-personal-menu-wrapper { align-items: center;
display: flex; }
.d2l-navigation-s-personal-menu-wrapper d2l-icon { border-
radius: 8px; flex: 0 0 auto; height: 42px; overflow: hidden;
width: 42px; }
.d2l-navigation-s-personal-menu-text { flex: 0 1 auto; margin-
left: 10px; max-width: 200px; min-width: 40px; line-height:
1.6; overflow: hidden; text-overflow: ellipsis; white-space:
nowrap; width: 100%; }

Rubric AssessmentThis table lists criteria and criteria grou.docx

Rubric AssessmentThis table lists criteria and criteria grou.docx

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von toddr4

Mehr von toddr4 (20)

Rubric AssessmentThis table lists criteria and criteria grou.docx