Written Assignment

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 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 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 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 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"), url("https://s.brightspace.com/lib/fonts/0.4.0/assets/Lato-400.woff") format("woff"); } @font-face { font-family: Lato; font-style: normal; font-weight: 700; src: url("https://s.brightspace.com/lib/fonts/0.4.0/assets/Lato-700.woff2") format("woff2"), url("https://s.brightspace.com/lib/fonts/0.4.0/assets/Lato-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/OpenDyslexic.woff") format("woff"); } @font-face { font-family: "Open Dyslexic"; font-style: italic; font-weight: 400; src: url("https://s.brightspace.com/lib/fonts/0.4.0/assets/OpenDyslexic-Italic.woff") format("woff"); } @font-face { font-family: "Open Dyslexic"; font-style: normal; font-weight: 700; src: url("https://s.brightspace.com/lib/fonts/0.4.0/assets/OpenDyslexic-700.woff") format("woff"); } @font-face { font-family: "Open Dyslexic"; font-style: italic; font-weight: 700; src: url("https://s.brightspace.com/lib/fonts/0.4.0/assets/OpenDyslexic-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; } @media (max-width: 615px) { .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; } @media (max-width: 615px) { .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; } @media (max-width: 615px) { .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; } .d2l-typography .d2l-heading-2, .d2l-typography .vui-heading-2 { 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; } .d2l-typography .d2l-heading-3, .d2l-typography .vui-heading-3 { font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin: 1.5rem 0px; } @media (max-width: 615px) { .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; } } .d2l-typography .d2l-heading-4, .d2l-typography .vui-heading-4 { 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%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%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: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%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%23565a5c%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%2F%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: 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%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%2F%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; } @media (max-width: 615px) { .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: 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%23565a5c%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%2F%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: 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%231C5295%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%2F%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: 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%23006FBF%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%2F%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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///+ZmZmZmZmZmZmZmZnupePXAAAABHRSTlMAfoGCzNJoxgAAACVJREFUCNdjYCAPMDkyMIgYgFgqAoxOUCERBYikihNMlQKp5gIAje8B/ngg/YoAAAAASUVORK5CYII="); } .vui-heading-collapsible-icon-collapse-h::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///9mZmZmZmZmZmZmZmYu6doyAAAABHRSTlMAfoGCzNJoxgAAACVJREFUCNdjYCAPMDkyMIgYgFgqAoxOUCERBYikihNMlQKp5gIAje8B/ngg/YoAAAAASUVORK5CYII="); } .vui-heading-collapsible-icon-expand::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX///+ZmZmZmZmZmZmZmZmZmZl/+pTNAAAABXRSTlMAfn+Agbca1Y4AAAAnSURBVAjXY2DACwxgjGAYQxUmxIQpJOoAoRlD0AQYYAIMDvjtYwAA2yoDFsdQdZEAAAAASUVORK5CYII="); } [dir="rtl"] .vui-heading-collapsible-icon-expand::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX///+ZmZmZmZmZmZmZmZmZmZl/+pTNAAAABXRSTlMAfn+Agbca1Y4AAAApSURBVAjXY2AgAAygNHMAlGGqABUIQhNgcBWAMlgCGTCEYNoZHPBaBwDZhwMWIyRtZAAAAABJRU5ErkJggg=="); } .vui-heading-collapsible-icon-expand-h::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX///9mZmZmZmZmZmZmZmZmZmahgyBVAAAABXRSTlMAfn+Agbca1Y4AAAAnSURBVAjXY2DACwxgjGAYQxUmxIQpJOoAoRlD0AQYYAIMDvjtYwAA2yoDFsdQdZEAAAAASUVORK5CYII="); } [dir="rtl"] .vui-heading-collapsible-icon-expand-h::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEX///9mZmZmZmZmZmZmZmZmZmahgyBVAAAABXRSTlMAfn+Agbca1Y4AAAApSURBVAjXY2AgAAygNHMAlGGqABUIQhNgcBWAMlgCGTCEYNoZHPBaBwDZhwMWIyRtZAAAAABJRU5ErkJggg=="); } .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%20height%3D%226%22%20viewBox%3D%220%200%205%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%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: 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[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: rgb(242, 243, 245); border-color: rgb(211, 217, 227); border-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: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23565A5C%22%20d%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%3E"); } @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: rgb(242, 243, 245); border-color: rgb(211, 217, 227); border-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: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%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: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23e6eaf0%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%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: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%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%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); } [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: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23e6eaf0%22%20d%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: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%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%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-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; padding-left: 0px; } [dir="rtl"] .vui-input-radio-label > input[type="radio"] { margin-left: 0.5rem; margin-right: -1.7rem; } .vui-input-search-container { position: relative; } .vui-input-search-container input[type="text"], .vui-input-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); } .vui-input-search-container input[type="text"], .vui-input-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); } .vui-input-search-container input[type="text"], .vui-input-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: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%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: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20d%3D%22M12%209.88l5.438-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%200%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%200%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; padding-left: 6px; } [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: 0px; margin-right: 10px; } .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; } @media (max-width: 615px) { .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] { background-color: rgb(0, 86, 148); } .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 h3 { font-size: 1.2em; line-height: 23px; margin: 18.72px 0px; } .d2l-typography .d2l-htmlblock h4 { font-size: 1em; line-height: 20px; margin: 21.28px 0px; } .d2l-typography .d2l-htmlblock h5 { font-size: 0.83em; line-height: 16px; margin: 22.13px 0px; } .d2l-typography .d2l-htmlblock h6 { font-size: 0.67em; line-height: 13px; margin: 24.97px 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 { background-color: rgb(242, 243, 245); } .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 { background-color: rgb(232, 242, 252); } .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: 0px; margin-right: 22px; } .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; margin-right: 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); } .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-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; } [dir="rtl"] .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-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 .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-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 .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-opener:hover { border-right-color: transparent; } .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-opener .d2l-menuflyout-icon { margin-right: 4px; } [dir="rtl"] .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-opener .d2l-menuflyout-icon { margin-left: 4px; margin-right: 0px; } .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; } .d2l-menuflyout.d2l-htmleditor-menuflyout > .d2l-menuflyout-contents.d2l-menuflyout-contents-right { border-top-left-radius: 0px; } .d2l-menuflyout.d2l-htmleditor-menuflyout > .d2l-menuflyout-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; } .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-text { font-weight: 400; } .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-arrow { margin-right: 0px; } .d2l-menuflyout.d2l-htmleditor-menuflyout .d2l-menuflyout-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; } @media (max-width: 931px) { .d2l-navigation-s-course-menu .d2l-navigation-s-button-highlight { margin: 0px 10px; } .d2l-navigation-s d2l-navigation-separator { display: none; } } @media (max-width: 767px) { .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; } @media (max-width: 488px) { .d2l-navigation-s-header-container .d2l-navigation-s-header-logo-area { display: none; } } @media (max-width: 931px) { .d2l-navigation-s-header-container .d2l-navigation-s-header-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; margin-right: 20px; } } .d2l-navigation-s-header-container .d2l-navigation-s-header-logo-area.d2l-navigation-s-header-no-home-icon .d2l-navigation-s-logo { margin: 0px; } @media (min-width: 768px) { .d2l-navigation-s-header-container .d2l-navigation-s-header-logo-area.d2l-navigation-s-header-no-home-icon .d2l-navigation-s-logo-divider { display: none; } } @media (max-width: 767px) { .d2l-navigation-s-header-container .d2l-navigation-s-header-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; } @media (max-width: 1055px) { .d2l-navigation-s .d2l-navigation-s-header-logo-area > .d2l-navigation-s-link { font-size: 1.1rem; } } @media (max-width: 931px) { .d2l-navigation-s .d2l-navigation-s-header-logo-area > .d2l-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; } } @media (max-width: 615px) { .d2l-navigation-s-gutter { min-width: 15px; } .d2l-navigation-s .d2l-navigation-s-header-logo-area > .d2l-navigation-s-link { font-size: 0.9rem; } } .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; } @media (max-width: 767px) { .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; } @media (max-width: 615px) { .d2l-navigation-s-edit-menu { padding-right: 15px; } } @media (min-width: 1230px) { .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; } @media (max-width: 615px) { [dir="rtl"] .d2l-navigation-s-edit-menu { padding-left: 15px; } } @media (min-width: 1230px) { [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; } .d2l-navigation-ib-item-icon-group-3x3 > .d2l-navigation-ib-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; } .d2l-navigation-ib-item-icon-group-2x2 > .d2l-navigation-ib-item-icon-group-custom-icon, .d2l-navigation-ib-item-icon-group-2x2 > div.d2l-navigation-ib-item-icon-group-icon { border-radius: 0.15rem; } .d2l-navigation-ib-item-icon-group-3x3 > .d2l-navigation-ib-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; } @media (max-width: 615px) { .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); } .d2l-navigation-s-no-branding .d2l-navigation-main-ib-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); } .d2l-navigation-s-no-branding .d2l-navigation-main-ib-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); } .d2l-navigation-s-no-branding .d2l-navigation-main-ib-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, .d2l-navigation-s-has-branding.d2l-branding-navigation-light-foreground-color .d2l-navigation-main-ib-pully[shown]::after, .d2l-navigation-s-has-branding.d2l-branding-navigation-light-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, .d2l-navigation-s-has-branding.d2l-branding-navigation-dark-foreground-color .d2l-navigation-main-ib-pully[shown]::after { background: rgba(124, 134, 149, 0.1); } .d2l-navigation-s-has-branding.d2l-branding-navigation-dark-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); } 40% { transform: rotateZ(240deg); } 55% { transform: rotateZ(150deg); } 70% { transform: rotateZ(195deg); } 85% { transform: rotateZ(173deg); } 100% { transform: rotateZ(180deg); } } @keyframes d2l-navigation-main-ib-swing-reset { 0% { transform: rotateZ(180deg); } 100% { transform: rotateZ(0deg); } } @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; } @media (max-width: 931px) { .d2l-navigation-s-notifications-wrapper { margin: 0px; } } .d2l-navigation-s-notification { display: inline-block; height: 100%; margin: 0px 15px; } @media (max-width: 931px) { .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; } @media (max-width: 554px) { .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%; } @media (max-width: 1055px) { .d2l-navigation-s-personal-menu-text { left: -10000px; overflow: hidden; width: 1px; height: 1px; white-space: nowrap; position: absolute !important; } [dir="rtl"] .d2l-navigation-s-personal-menu-text { left: auto; right: -10000px; } } [dir="rtl"] .d2l-navigation-s-personal-menu-text { margin-left: 0px; margin-right: 10px; } @media (max-width: 767px) { .d2l-navigation-s-personal-menu-text { left: -10000px; overflow: hidden; width: 1px; height: 1px; white-space: nowrap; position: absolute !important; } [dir="rtl"] .d2l-navigation-s-personal-menu-text { left: auto; right: -10000px; } } .d2l-navigation-s-personal-menu d2l-dropdown { height: 100%; } .d2l-navigation-s-personal-menu d2l-dropdown-content { line-height: 1.5rem; } .d2l-navigation-s-personal-menu-icon { align-items: center; background-color: rgb(232, 117, 17); border-radius: 8px; display: inline-flex; flex: 0 0 auto; height: 42px; justify-content: center; width: 42px; } .d2l-navigation-s-personal-menu-icon img { height: 24px; width: 24px; } .d2l-navigation-s-personal-menu-text-wrapper { display: flex; flex-direction: column; text-align: left; } [dir="rtl"] .d2l-navigation-s-personal-menu-text-wrapper { text-align: right; } .d2l-navigation-s-personal-menu-text-bold { font-weight: 700; } .d2l-navigation-s-personal-menu-description { font-size: 0.6rem; } .d2l-navigation-s-shadow-drop-border { background-color: rgba(0, 0, 0, 0.02); bottom: -4px; height: 4px; pointer-events: none; position: absolute; width: 100%; } .d2l-navigation-s-shadow-gradient { background: linear-gradient(rgb(249, 250, 251) 0px, rgba(249, 250, 251, 0) 100%); bottom: -150px; height: 150px; width: 100%; pointer-events: none; position: absolute; z-index: -100; } .d2l-navigation-s-centerer { margin: 0px auto; max-width: 1230px; } .d2l-navigation-s-gutters { padding-left: 2.439%; padding-right: 2.439%; } @media (max-width: 615px) { .d2l-navigation-s-gutters { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1230px) { .d2l-navigation-s-gutters { padding-left: 30px; padding-right: 30px; } } .d2l-navigation-s-header-container { align-items: center; display: flex; height: 90px; } a.d2l-navigation-s-link, a.d2l-navigation-s-link:link, a.d2l-navigation-s-link:visited { cursor: pointer; text-decoration: none; } .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link, .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link:link, .d2l-branding-navigation-dark-foreground-color a.d2l-navigation-s-link:visited { color: rgb(86, 90, 92); } .d2l-branding-navigation-light-foreground-color a.d2l-navigation-s-link, .d2l-branding-navigation-light-foreground-color a.d2l-navigation-s-link:link, .d2l-branding-navigation-light-foreground-color a.d2l-navigation-s-link:visited { color: rgb(255, 255, 255); } .d2l-navigation-s-header-logo-area > a.d2l-navigation-s-link, .d2l-navigation-s-header-logo-area > a.d2l-navigation-s-link:link, .d2l-navigation-s-header-logo-area > a.d2l-navigation-s-link:visited { color: rgb(86, 90, 92); } .d2l-navigation-s a.d2l-navigation-s-link:focus, .d2l-navigation-s a.d2l-navigation-s-link:hover { text-decoration: underline; outline: 0px; } .d2l-navigation-s-header-logo-area > a.d2l-navigation-s-link:focus, .d2l-navigation-s-header-logo-area > a.d2l-navigation-s-link:hover, .d2l-navigation-s-no-branding a.d2l-navigation-s-link:focus, .d2l-navigation-s-no-branding a.d2l-navigation-s-link:hover { color: rgb(0, 111, 191); } .d2l-navigation-s-highlight-bar { background-color: rgb(0, 86, 148); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none; height: 4px; left: -7px; position: absolute; top: 0px; width: calc(100% + 14px); } @media (max-width: 767px) { .d2l-navigation-s-header-container { height: 72px; } } .d2l-navigation-s-mobile-menu[data-state="closed"] { display: none; } .d2l-navigation-s-mobile-menu-content { background-color: rgb(255, 255, 255); height: 100%; left: 0px; min-width: 300px; overflow-y: auto; position: fixed; top: 0px; transform: translateX(-100%); transition: transform 0.3s ease 0s; width: 84%; z-index: 9000; } [dir="rtl"] .d2l-navigation-s-mobile-menu-content { left: auto; right: 0px; transform: translateX(100%); } .d2l-navigation-s-mobile-menu[data-state="opened"] .d2l-navigation-s-mobile-menu-content { transform: translateX(0px); } .d2l-navigation-s-mobile-menu-mask { background-color: rgb(86, 90, 92); height: 0px; left: 0px; opacity: 0; overflow: hidden; position: absolute; transition: opacity 0.3s ease 0s, width 0s ease 0.3s, height 0s ease 0.3s; top: 0px; width: 0px; z-index: 8999; } .d2l-navigation-s-mobile-menu-mask-close { min-width: 300px; width: 84%; } .d2l-navigation-s-mobile-menu-mask-close > button { position: relative; top: 10px; } .d2l-navigation-s-mobile-menu-mask-close > button:focus { left: calc(100% + 10px); } [dir="rtl"] .d2l-navigation-s-mobile-menu-mask-close > button:focus { left: auto; right: calc(100% + 10px); } .d2l-navigation-s-mobile-menu[data-state="opened"] .d2l-navigation-s-mobile-menu-mask { height: 100vh; opacity: 0.8; transition: opacity 0.3s ease 0s; width: 100vw; } .d2l-navigation-s-mobile-menu-header { align-items: center; display: flex; height: 72px; padding: 0px 1rem; font-size: 1.1rem; font-weight: 700; } .d2l-navigation-s-mobile-menu-color-strip { border-top: 1px solid rgba(124, 134, 149, 0.18); border-bottom: 1px solid rgba(124, 134, 149, 0.18); display: block; height: 10px; } .d2l-navigation-s-mobile-menu-branded-header { align-items: center; display: flex; height: 100%; width: 100%; } .d2l-navigation-s-mobile-menu-course-selector { display: inline-block; height: 100%; } .d2l-navigation-s-mobile-menu-header-course-menu { align-items: center; display: none; width: 100%; } .d2l-navigation-s-mobile-menu-header-course-menu span { display: inline-block; flex: 1 1 0%; margin-right: 62px; overflow-x: hidden; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } [dir="rtl"] .d2l-navigation-s-mobile-menu-header-course-menu p { margin-left: 62px; margin-right: 0px; } .d2l-navigation-s-mobile-menu.d2l-navigation-s-mobile-menu-show-course-menu .d2l-navigation-s-mobile-menu-header-course-menu { display: flex; } .d2l-navigation-s-mobile-menu.d2l-navigation-s-mobile-menu-show-course-menu .d2l-navigation-s-mobile-menu-course-menu { display: block; } .d2l-navigation-s-mobile-menu.d2l-navigation-s-mobile-menu-show-course-menu .d2l-navigation-s-mobile-menu-branded-header, .d2l-navigation-s-mobile-menu.d2l-navigation-s-mobile-menu-show-course-menu .d2l-navigation-s-mobile-menu-nav, .d2l-navigation-s-mobile-menu.d2l-navigation-s-mobile-menu-show-course-menu .d2l-navigation-s-mobile-menu-title-bp { display: none; } .d2l-navigation-s-mobile-menu-course-menu { display: none; line-height: 1.5rem; } .d2l-navigation-s-mobile-menu-title-bp { background-color: rgb(249, 250, 251); border-bottom: 1px solid rgb(230, 234, 240); display: none; font-size: 1rem; font-weight: 700; overflow: hidden; padding: 1rem; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 740px) { .d2l-navigation-s-mobile-menu-title-bp { display: block; } } .d2l-navigation-s-no-branding .d2l-navigation-s-mobile-menu-title-bp { border-bottom: 1px solid rgb(230, 234, 240); } .d2l-navigation-s-has-branding .d2l-navigation-s-mobile-menu-title-bp { border-top: 1px solid rgba(124, 134, 149, 0.18); border-bottom: 1px solid rgba(124, 134, 149, 0.18); } .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area { flex-grow: 1; } .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-logo-divider { display: inline-block; } .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area.d2l-navigation-s-header-no-home-icon .d2l-navigation-s-logo-divider { display: none; } .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-link { font-size: 1rem; } .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-logo img { max-height: 40px; max-width: 173px; } @media (max-width: 740px) { .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-link, .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-title-divider d2l-icon { display: none; } } @media (max-width: 380px) { .d2l-navigation-s-mobile-menu-header .d2l-navigation-s-header-logo-area .d2l-navigation-s-logo-divider d2l-icon { display: none; } } .d2l-navigation-mobile-ib-list { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.75rem; } .d2l-navigation-mobile-ib-admin-menu { border: 1px solid rgb(230, 234, 240); line-height: 0; } .d2l-navigation-mobile-ib-item-group-content { justify-content: space-around; max-width: 100%; } .d2l-navigation-s-button { background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0.4rem; color: rgb(86, 90, 92); cursor: pointer; font-family: inherit; margin: 0px; padding: 12px; } .d2l-navigation-s-button:focus, .d2l-navigation-s-button:hover { border-color: rgb(185, 194, 208); color: rgb(0, 111, 191); outline-style: none; } .d2l-navigation-s-button:focus d2l-icon, .d2l-navigation-s-button:hover d2l-icon { color: rgb(0, 111, 191); height: 16px; width: 16px; } .d2l-navigation-s-button-text { left: -10000px; overflow: hidden; width: 1px; height: 1px; white-space: nowrap; position: absolute !important; } [dir="rtl"] .d2l-navigation-s-button-text { left: auto; right: -10000px; } body { transition: opacity 0.2s ease-in 0s; } body[unresolved] { opacity: 0; display: block; overflow: hidden; position: relative; } #d2l_body, .d2l-body { background-color: rgb(255, 255, 255); margin: 0px; overflow-y: scroll; padding: 0px; } #d2l_body.dbd_frame, .d2l-body.dbd_frame { background-color: transparent; } .d2l-page-bg { max-width: 1230px; position: fixed; width: 100%; height: 100%; left: 50%; z-index: -100; } [dir="rtl"] .d2l-page-bg { right: 50%; left: auto; } .d2l-page-bg > div { position: relative; margin-left: -50%; width: 100%; height: 100%; } [dir="rtl"] .d2l-page-bg > div { margin-left: auto; margin-right: -50%; } .d2l-max-width { margin: 0px auto; max-width: 1230px; } .d2l-page-main-padding { padding: 10px 2.439%; } @media (max-width: 615px) { .d2l-page-main-padding { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1230px) { .d2l-page-main-padding { padding-left: 30px; padding-right: 30px; } } .d2l-page-header { margin-bottom: 1.5rem; } .d2l-page-timing { font-size: 0.7rem; left: 10px; position: fixed; top: 10px; } .d2l-column-side { background: rgb(255, 255, 255); box-shadow: rgb(187, 187, 187) -6px 0px 8px -7px inset; float: left; width: 22.3em; position: relative; margin-right: 1px; } [dir="rtl"] .d2l-column-side { box-shadow: rgb(187, 187, 187) 5px 0px 4px -3px inset; float: right; } .d2l-column-side-bg { background-color: rgb(255, 255, 255); border-right: 1px solid rgb(187, 187, 187); box-shadow: rgb(187, 187, 187) -3px 0px 5px -3px inset; height: 100%; left: 0px; position: absolute; width: 22.3em; } [dir="rtl"] .d2l-column-side-bg { border-left: 1px solid rgb(187, 187, 187); border-right: none; box-shadow: rgb(187, 187, 187) 2px 2px 3px 0px inset; right: 0px; } .d2l-column-flip .d2l-column-side-bg { background-color: rgb(255, 255, 255); border-right: none; box-shadow: rgb(187, 187, 187) 2px 0px 3px 0px inset; left: auto; min-width: 325px; right: 0px; width: 20rem; } .d2l-column-flip[dir="rtl"] .d2l-column-side-bg { border-left: none; box-shadow: rgb(187, 187, 187) -3px 0px 5px -3px inset; left: 0px; right: auto; } .d2l-column-flip-side { float: right; min-width: 325px; width: 20rem; } [dir="rtl"] .d2l-column-flip-side { float: left; box-shadow: rgb(187, 187, 187) -6px 0px 8px -7px inset; } .d2l-column-flip-side { box-shadow: rgb(187, 187, 187) 5px 0px 4px -3px inset; background: rgb(255, 255, 255); position: relative; } .d2l-column-side-padding { padding: 0.9em; } .d2l-column-flip-main, .d2l-column-main { width: 100%; } .d2l-column-flip-main, .d2l-column-flip-side, .d2l-column-main { display: table-cell; height: 100%; vertical-align: top; } .d2l-column-main .d2l-page-header-dark { margin-left: 22.5em; } [dir="rtl"] .d2l-column-main .d2l-page-header-dark { margin-right: 22.5em; margin-left: auto; } .d2l-column-flip-wrapper, .d2l-column-wrapper { display: table; height: 100%; width: 100%; } .d2l-page-header-dark { background-color: rgb(249, 250, 251); border-bottom: 1px solid rgb(204, 204, 204); padding: 10px 20px 0px; } .d2l-twopanelselector-header { padding: 11px 10px 0px; } .d2l-twopanelselector-header .d2l-page-header { padding: 0px 10px; } .d2l-twopanelselector-side { max-width: 320px; min-width: 320px; width: 320px; } .d2l-twopanelselector-main { max-width: 909px; } .d2l-twopanelselector-side-bg.d2l-twopanelselector-side-sep, .d2l-twopanelselector-side.d2l-twopanelselector-side-sep { border-right: 1px solid rgb(230, 234, 240); background: linear-gradient(to right, rgba(249, 250, 251, 0) 0px, rgb(249, 250, 251) 320px); } [dir="rtl"] .d2l-twopanelselector-side-bg.d2l-twopanelselector-side-sep, [dir="rtl"] .d2l-twopanelselector-side.d2l-twopanelselector-side-sep { background: linear-gradient(to left, rgba(249, 250, 251, 0) 0px, rgb(249, 250, 251) 320px); border-left: 1px solid rgb(230, 234, 240); border-right: none; } .d2l-twopanelselector-side-bg { position: absolute; height: 100%; left: 0px; width: 320px; } [dir="rtl"] .d2l-twopanelselector-side-bg { right: 0px; } .d2l-twopanelselector-main-padding, .d2l-twopanelselector-side-padding { padding: 0px 30px 30px; } .d2l-twopanelselector-side-padding-none { padding-left: 10px; } [dir="rtl"] .d2l-twopanelselector-side-padding-none { padding-right: 10px; padding-left: 0px; } .d2l-twopanelselector-side .d2l-page-search { margin-bottom: 20px; margin-left: 0px; margin-right: 0px; padding: 0px 30px; } .d2l-twopanelselector-padding { padding-top: 30px; } .d2l-repsonsive-collapse-layout .d2l-twopanelselector-side, .d2l-repsonsive-collapse-layout.d2l-twopanelselector-side-bg { max-width: 320px; width: 320px; } @media (max-width: 1000px) { .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side { display: block; max-width: none; width: auto; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side.d2l-twopanelselector-side-sep { background-color: rgb(249, 250, 251); } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-main { display: block; min-height: 100vh; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-main .d2l-page-header { border-top: 1px solid rgb(211, 217, 227); margin-top: 1.5rem; padding-top: 1.5rem; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-main-padding, .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side .d2l-page-search, .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side-padding { padding-left: 2.439%; padding-right: 2.439%; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side-padding { padding-bottom: 0px; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-padding { padding-top: 15px; } .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side .d2l-page-search { padding-bottom: 15px; margin-bottom: 0px; } .d2l-twopanelselector-side-bg.d2l-repsonsive-collapse-layout { display: none; } } @media (max-width: 615px) { .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-main-padding, .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side .d2l-page-search, .d2l-twopanelselector-wrapper.d2l-repsonsive-collapse-layout .d2l-twopanelselector-side-padding { padding-left: 15px; padding-right: 15px; } } @keyframes dialog-slide-in-from-top-open { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes dialog-slide-in-from-top-close { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-50px); } } @keyframes dialog-slide-in-from-bottom-open { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes dialog-slide-in-from-bottom-close { 0% { transform: translateY(0px); } 100% { transform: translateY(100%); } } .d2l-dialog { left: 100px; height: 300px; overflow: hidden; position: absolute; padding: 3px; width: 400px; } .d2l-dialog-document-body { background-color: transparent; height: 100%; } .d2l-dialog-body { flex-grow: 2; overflow: auto; position: relative; } .d2l-dialog-flex { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; position: absolute; width: 100% !important; overflow: hidden !important; } .d2l-dialog-footer, .d2l-dialog-title { position: relative; } .d2l-dialog-flex > .d2l-dialog-footer, .d2l-dialog-flex > .d2l-dialog-footer-container { align-self: flex-end; width: 100%; } .d2l-dialog-flex, .d2l-dialog-inline > .d2l-dialog-inner, .ddial_o2 { padding: 1.5rem; } .d2l-dialog-inline { max-height: 70vh; max-width: 60vw; width: auto; } .d2l-dialog-inner, .ddial_o2 { background-color: rgb(255, 255, 255); border: 1px solid rgb(211, 217, 227); border-radius: 0.4rem; box-shadow: rgba(86, 90, 92, 0.25) 0px 2px 12px; box-sizing: border-box; height: 100% !important; } .d2l-dialog-inner > .d2l-dialog-frame, .ddial_o2 > .d2l-dialog-frame { width: 100% !important; } .d2l-dialog-title { align-self: flex-start; width: 100%; margin: -0.25rem 0.25rem 0.25rem 0px; } [dir="rtl"] .d2l-dialog-title { margin-left: 0.25rem; margin-right: 0px; } .d2l-dialog-title .d2l-heading { word-wrap: break-word; } .d2l-dialog-frame { width: 398px; height: 100% !important; } .d2l-dialog-frame-loading { left: -10000px; visibility: hidden; } [dir="rtl"] .d2l-dialog-frame-loading { right: -10000px; } .d2l-dialog-footer-container { bottom: 0px; width: 100%; } .d2l-dialog-resize { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23565a5c%22%20d%3D%22M16%2018a.999.999%200%200%201-.707-1.707l1-1a.999.999%200%201%201%201.414%201.414l-1%201A.997.997%200%200%201%2016%2018zM10.362%2018a.999.999%200%200%201-.707-1.707l6.638-6.638a.999.999%200%201%201%201.414%201.414l-6.638%206.638a.997.997%200%200%201-.707.293zM4.522%2018a.999.999%200%200%201-.707-1.707L16.293%203.816a.999.999%200%201%201%201.414%201.414L5.229%2017.707a.997.997%200%200%201-.707.293z%22%2F%3E%3C%2Fsvg%3E"); background-position: 100% 100%; background-repeat: no-repeat; bottom: 0px; cursor: nw-resize; display: inline-block; height: 16px; position: absolute; right: 0px; width: 16px; } @media (max-device-width: 767px) { .d2l-dialog-resize { display: none !important; } } .d2l-dialog-resize:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%231C5295%22%20d%3D%22M16%2018a.999.999%200%200%201-.707-1.707l1-1a.999.999%200%201%201%201.414%201.414l-1%201A.997.997%200%200%201%2016%2018zM10.362%2018a.999.999%200%200%201-.707-1.707l6.638-6.638a.999.999%200%201%201%201.414%201.414l-6.638%206.638a.997.997%200%200%201-.707.293zM4.522%2018a.999.999%200%200%201-.707-1.707L16.293%203.816a.999.999%200%201%201%201.414%201.414L5.229%2017.707a.997.997%200%200%201-.707.293z%22%2F%3E%3C%2Fsvg%3E"); } [dir="rtl"] .d2l-dialog-resize { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23565A5C%22%20d%3D%22M2%2018a.999.999%200%200%200%20.707-1.707l-1-1a.999.999%200%201%200-1.414%201.414l1%201A.997.997%200%200%200%202%2018zM7.638%2018a.999.999%200%200%200%20.707-1.707L1.707%209.655a.999.999%200%201%200-1.414%201.414l6.638%206.638a.997.997%200%200%200%20.707.293zM13.478%2018a.999.999%200%200%200%20.707-1.707L1.707%203.816A.999.999%200%201%200%20.293%205.23l12.478%2012.477a.997.997%200%200%200%20.707.293z%22%2F%3E%3C%2Fsvg%3E"); background-position: 0px 100%; cursor: ne-resize; left: 0px; right: auto; } [dir="rtl"] .d2l-dialog-resize:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%231C5295%22%20d%3D%22M2%2018a.999.999%200%200%200%20.707-1.707l-1-1a.999.999%200%201%200-1.414%201.414l1%201A.997.997%200%200%200%202%2018zM7.638%2018a.999.999%200%200%200%20.707-1.707L1.707%209.655a.999.999%200%201%200-1.414%201.414l6.638%206.638a.997.997%200%200%200%20.707.293zM13.478%2018a.999.999%200%200%200%20.707-1.707L1.707%203.816A.999.999%200%201%200%20.293%205.23l12.478%2012.477a.997.997%200%200%200%20.707.293z%22%2F%3E%3C%2Fsvg%3E"); } .d2l-dialog-resizehandle-hide .d2l-dialog-resize { display: none; } .d2l-dialog-buttons button { margin-top: 0.75rem; } .d2l-dialog-button-group { float: left; padding-right: 1.5em; } [dir="rtl"] .d2l-dialog-button-group { float: right; padding-left: 1.5em; } .d2l-dialog-loading { animation-name: dialog-slide-in-from-top-open; } @media (max-device-width: 767px), screen and (max-width: 767px) { .d2l-dialog-loading { animation-duration: 0.3s; animation-timing-function: linear; animation-name: dialog-slide-in-from-bottom-open; top: 0px; } } .d2l-dialog-loading-spinner { position: relative; width: 100%; height: 100%; } .d2l-dialog-loading-spinner > d2l-loading-spinner { left: 50%; top: 50%; position: absolute; transform: translateY(-50%) translateX(-50%); } .d2l-dialog-closing { animation-name: dialog-slide-in-from-top-close; top: -1000px; } @media (max-device-width: 767px), screen and (max-width: 767px) { .d2l-dialog-closing { animation-duration: 0.3s; animation-timing-function: linear; animation-name: dialog-slide-in-from-bottom-close; top: 100%; } } .d2l-dialog-close { border: 1px solid transparent; border-radius: 0.3rem; box-sizing: border-box; display: block; position: absolute; right: -0.3rem; top: 0px; height: calc(1.3rem + 4px); width: calc(1.3rem + 4px); z-index: 1; } [dir="rtl"] .d2l-dialog-close { left: -0.3rem; right: auto; } .d2l-dialog-close > span { width: 100%; height: 100%; display: block; 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%23565a5c%22%20d%3D%22M9.707%2020.29c.39.39.39%201.03%200%201.42-.2.19-.45.29-.71.29-.26%200-.51-.1-.71-.29l-4.288-4.289-4.288%204.289c-.2.19-.45.29-.71.29s-.51-.1-.71-.29c-.39-.39-.39-1.03%200-1.42l4.288-4.289-4.288-4.289c-.39-.39-.39-1.03%200-1.42.39-.39%201.03-.39%201.419%200l4.289%204.29%204.288-4.289c.39-.39%201.03-.39%201.419%200%20.39.39.39%201.03%200%201.42l-4.288%204.289%204.289%204.288z%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 0.9rem 0.9rem; } .d2l-dialog-close:hover { border-color: rgb(185, 194, 208); } .d2l-dialog-close:hover > 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%231C5295%22%20d%3D%22M9.707%2020.29c.39.39.39%201.03%200%201.42-.2.19-.45.29-.71.29-.26%200-.51-.1-.71-.29l-4.288-4.289-4.288%204.289c-.2.19-.45.29-.71.29s-.51-.1-.71-.29c-.39-.39-.39-1.03%200-1.42l4.288-4.289-4.288-4.289c-.39-.39-.39-1.03%200-1.42.39-.39%201.03-.39%201.419%200l4.289%204.29%204.288-4.289c.39-.39%201.03-.39%201.419%200%20.39.39.39%201.03%200%201.42l-4.288%204.289%204.289%204.288z%22%2F%3E%3C%2Fsvg%3E"); } .d2l-dialog-close:focus { border-color: rgb(0, 111, 191); border-width: 2px; outline: 0px; } html.d2l-dialog-open, html.d2l-dialog-open body { overflow: hidden; } @media (max-device-width: 767px), screen and (max-width: 767px) { .d2l-dialog-inline, .d2l-dialog-inline > .d2l-dialog-inner { max-height: 100% !important; } html.d2l-dialog-open-ios, html.d2l-dialog-open-ios body { height: 100%; } .d2l-dialog, .ddial_o { width: 100% !important; height: 100% !important; left: auto !important; padding: 0px !important; top: 0px !important; position: fixed !important; } .d2l-dialog-inline { max-width: 100%; } .d2l-dialog-inner, .ddial_o2 { position: fixed; border-radius: 0px !important; width: 100% !important; height: 100% !important; } .ddial_o .ddial_f { display: none !important; } .ddial_o2 { display: flex; flex-direction: column; } .ddial_i { display: flex; flex-direction: column; flex-grow: 1; } .ddial_c { display: flex; flex-grow: 1; flex-direction: column; } .ddial_c_frame { flex-grow: 1; } .d2l-shim-body-overflow { overflow: hidden; } } .d2l-shim { background-color: rgb(249, 250, 251); bottom: 0px; opacity: 0; position: fixed; transition: opacity 0.3s linear 0s; } .d2l-shim-opaque { animation-name: dialog-shim-opacity-in; opacity: 0.7; } @keyframes dialog-shim-opacity-in { 0% { opacity: 0; } 100% { opacity: 0.7; } } .d2l-tiles-container { background-color: rgb(246, 247, 248); } .d2l-tiles-container .d2l-navigation-s-shadow-gradient { display: none; } .d2l-tile { background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 8px 0px; }

@charset "utf-8"; html.dht_iframe div#d_content_r_p { padding: 0px; } html.dht_iframe iframe { border: 0px; } body.dbd_frame { overflow-y: auto; } form { margin: 0px; } .d2l-hub-areas { max-width: 820px; } .d2l-actions { list-style: none outside none; background: none 0px 0px repeat scroll transparent; border: 0px none; font-size: 100%; font-weight: normal; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline; } .d2l-page-actions > ul { list-style: none; margin: 0px; padding: 0px; } .d2l-page-action { padding-bottom: 0.5em !important; } body.dbd_frame { min-width: 0px; padding: 0px; } .daylight.dbd_frame #d_content { max-width: 100vw; } .dbd_frame .d2l-page-header { margin: 10px 0px 0px 10px; } .daylight.dbd_frame .d2l-page-header { margin-left: 0px; } [dir="rtl"].daylight.dbd_frame .d2l-page-header { margin-right: 0px; } .dbd_frame .d2l-action-buttons { padding-left: 10px; } .daylight.dbd_frame .d2l-action-buttons { padding-left: 0px; } [dir="rtl"].daylight.dbd_frame .d2l-action-buttons { padding-left: 0px; padding-right: 0px; } .dbd_frame .d2l-page-actions { margin: 0px 10px; } body.dbd_l.daylight div#d_content_r { margin-left: 17em; } body.dbd_lw div#d_content_r { margin-left: 25em; } body.dbd_l div#d_content_r_c1 { margin-left: -17em; width: 100%; float: right; } body.dbd_lw div#d_content_r_c1 { margin-left: -25em; width: 100%; float: right; } body.dbd_l div#d_content_r_c2, body.dbd_lw div#d_content_r_c2 { margin-left: 1px; } .daylight body.dbd_frame div#d_content_r_p { padding: 0px; } div#d_content_l { float: left; width: 15.9em; } div#d_content_lw { float: left; width: 24.9em; overflow: auto hidden; } div#d_content_l, div#d_content_lw { position: relative; } .dbd_dialog .d2l-action-buttons { padding: 10px 0px 0px 10px; } .dbd_dialog .d2l-action-buttons-list { margin-bottom: 0px; } body.dbd_dialog div#d_content_lw { width: 14.8em; } body.dbd_dialog.daylight div#d_content_l { border-right: 1px solid rgb(241, 241, 241); box-sizing: border-box; padding-right: 30px; width: 11em; } body.dbd_dialog.daylight[dir="rtl"] div#d_content_l { border-left: 1px solid rgb(241, 241, 241); border-right-style: none; padding-left: 30px; padding-right: 0px; } body.dbd_dialog.daylight div#d_content_l ~ div#d_content div#d_content_r { margin-left: 12.5em; } body.dbd_dialog.daylight[dir="rtl"] div#d_content_l ~ div#d_content div#d_content_r { margin-left: 0px; margin-right: 12.5em; } body.dbd_dialog .d2l-dialog-body { overflow: visible; } .d2l-heading { padding: 0px 0px 6px; } .d2l-heading > .d2l-heading-title { display: inline-block; } .d2l-heading > .dcm { vertical-align: top; } div.d_box_c { background-color: rgb(255, 255, 255); border-right: 1px solid rgb(192, 192, 192); border-bottom: 1px solid rgb(192, 192, 192); border-left: 1px solid rgb(192, 192, 192); border-image: initial; border-top: none; border-radius: 0.3em; padding: 0.5em; } div.d_box_c2 { border-top: 1px solid rgb(192, 192, 192); border-radius: 0.3em; } .d_box_t { background-position: right top; background-repeat: repeat-y; border-bottom: none; border-radius: 0.3em 0.3em 0px 0px; color: rgb(255, 255, 255); font-size: 1em; font-weight: bold; padding: 0.4em; margin: 0px; } .dco .d_box_t { border-radius: 0px; } .d_ua { border: 1px solid rgb(212, 212, 212); border-radius: 5px; } .d_ua > .d_ua_h { font-weight: bold; background-color: rgb(239, 239, 239); border-top-left-radius: 4px; border-top-right-radius: 4px; border-width: 1px; border-style: solid; border-color: transparent transparent rgb(212, 212, 212); border-image: initial; } .d_ua > .d_ua_h, .d_ua > div { padding: 4px; } div.dba { padding-top: 0.5em; } .d_tabs div.dba { padding-left: 10px; padding-right: 10px; } div.d_bnd { background-position: right top; background-repeat: repeat-y; color: rgb(255, 255, 255); font-weight: bold; padding: 0.4em; margin: 0px; text-align: center; } div.d_bnd h1, div.d_bnd h2 { color: rgb(255, 255, 255); font-size: 1em; font-weight: bold; padding: 0px; margin: 0px; display: inline; } div.d_bnd a, div.d_bnd a:link, div.d_bnd a:visited, div.d_bnd a:hover { color: rgb(255, 255, 255); font-weight: normal; } .dbd_shaded { border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 248, 248); padding: 0.4em; } input:focus, select:focus { outline: rgb(182, 189, 210) solid 1px; } textarea { margin-top: 1px; margin-right: 1px; vertical-align: middle; } select { vertical-align: middle; margin-top: 2px; margin-bottom: 2px; margin-right: 5px; } table { border-collapse: collapse; } .daylight hr.D2LSeparator { border-top: 1px solid rgb(211, 217, 227); } hr.D2LSeparator { height: 1px; width: 100%; border-bottom: none; border-left: none; border-right: none; margin: 0.5em 0em; } .D2LModified { background-color: rgb(230, 239, 242); } img { border: none; } #d_content img, #d_content_l img { vertical-align: middle; } img.D2LImg { margin-right: 0.5em; } span.D2LImgText { margin: 0px 0.4em 0px 0px; vertical-align: middle; } a.D2LImgLink, a.D2LImgLink:link, a.D2LImgLink:visited, a.D2LImgLink:hover { color: rgb(0, 0, 0); font-weight: bold; text-decoration: none; } a.D2LImgLink label { cursor: pointer; } .dsr, .d2l-offscreen { position: absolute; left: -10000px; overflow: hidden; width: 1px; height: 1px; } .clear, .d2l-clear { display: block; clear: both !important; font-size: 1px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; visibility: hidden !important; width: 1px !important; } div.d2l_loading { padding: 0.5em; color: rgb(102, 102, 102); font-weight: bold; font-size: 1.25em; } div.d2l_loading img { padding-right: 0.5em; } .no_disp { display: none; } .inline_disp { display: inline; } .block_disp { display: block; } a.noFocusOutline:focus, a.noFocusOutline:active { outline: none; } .draggable { background: url("/d2l/img/LP/dragDrop/draggable.gif") 2px 2px no-repeat; } .float_l { float: left; } .float_r { float: right; } .talign_l { text-align: left; } .talign_r { text-align: right; } .d2l-page-bg-full { position: fixed; width: 100%; height: 100%; z-index: -100; } .d2l-page-bg-full > div { position: relative; width: 100%; height: 100%; } .d2l-rowshadeonhover:hover { background: rgb(231, 231, 231); cursor: pointer; } .d2l-rowshadeonhover-selected { background: rgb(232, 242, 252); } .d2l-rowshadeonhover-selected:hover { background: rgb(211, 231, 250); cursor: pointer; } .d2l-rowshadeonhover label:hover { cursor: pointer; } .d2l-rowshadeonhover-selected label:hover { cursor: pointer; } div.dab_c { padding: 0px 3px; } div.dab_cl { padding: 2px 3px 0px 2px; } span.dab_i { float: left; } span.dab_s { padding-left: 9px; } span.dab_disabled > a { text-decoration: none; } span.dab_disabled > a > img { opacity: 0.5; zoom: 1; } span.dab_disabled > a > span { color: rgb(124, 184, 199); } span.dab_i a, span.dab_i a:link, span.dab_i a:visited, span.dab_i a:hover { font-weight: bold; display: block; padding: 5px 4px; } span.dab_i a:focus { outline: none; } span.dab_i img { padding: 2px 6px 2px 0px; } div.dab_c ul { margin: 0px; padding: 0px; white-space: nowrap; } div.dab_c li { display: inline-block; list-style-type: none; padding: 0px; margin-right: 10px; } ul.dab_rl { float: right; } ul.dab_ll { float: left; } li.dab_il { float: left; } li.dab_ir { float: right; } .d2l-action-buttons-list { list-style: none outside none; margin: 0px 0px 10px; padding: 0px; } .d2l-action-buttons-list > .d2l-action-buttons-item { display: inline-block; } .d2l-action-buttons-list > .d2l-action-buttons-menu > .dco_f { display: inline-block !important; width: auto !important; min-width: 190px !important; } [dir="rtl"] .d2l-action-buttons-list > .d2l-action-buttons-menu > a { margin-left: 0.3em; margin-right: 0px; } .d2l-action-buttons-list > .d2l-action-buttons-menu > a > img { margin-top: -0.2em; } div.dbvr { background-color: rgb(204, 204, 204); border: 1px dashed rgb(102, 102, 102); position: absolute; } div#d_breadcrumbs { font-weight: bold; padding: 1em 1em 0em; } a.dcm.dcm_handle.dcm_handle_hidden { position: relative; left: -1000px; width: 1px; overflow: hidden; margin-left: 0px; margin-right: 0px; border-left: 0px; border-right: 0px; padding-left: 0px; padding-right: 0px; } [dir="rtl"] a.dcm.dcm_handle.dcm_handle_hidden { left: auto; right: -1000px; } ul.dcm li { list-style-type: none; display: inline; margin: 0px; padding: 0px; white-space: normal; } .vui-dropdown-menu-item-link { padding: 0.75rem 1rem; } .dcm_a:focus { outline: none; } .dcm_i_with_sep + li.dcm_i { border-top: 1px solid rgb(185, 194, 208); } @keyframes legacy-context-menu-animation { 0% { margin-top: 0px; opacity: 0; } 100% { margin-top: 10px; opacity: 1; } } .daylight .vui-dropdown-menu { margin: 10px 0px 0px; animation: legacy-context-menu-animation 300ms ease 0s 1 normal none running; } .daylight .d2l-overlay-flip-x.vui-dropdown-menu { margin: 0px; animation: none 0s ease 0s 1 normal none running; } div.ddial_o { left: -2000px; position: absolute; top: -2000px; } .ddial_h a { cursor: move; } .daylight .ddial_t { margin-bottom: 5px; } .daylight .ddial_h { padding: 0px; } div.ddial_c { cursor: default; overflow: hidden; padding: 0px; } .daylight .ddial_c p { margin-top: 10px !important; margin-bottom: 10px !important; } div.ddial_l { color: rgb(153, 153, 153); font-weight: bold; font-size: 1.5em; text-align: center; } div.ddial_l img { padding-right: 10px; } [dir="rtl"] div.ddial_l img { padding-left: 10px; } .dpopup_t, .dpopup_f { margin-top: -20px; padding-top: 20px; } .ddial_h { cursor: move; width: 100%; } .ddial_close { position: relative; } .ddial_i > table.d2l-dialog-buttons { overflow: auto; width: 100%; } table.d2l-dialog-buttons td { white-space: nowrap; } body.daylight.dbd_dialog, .daylight.dbd_dialog .d2l-page-main { background-color: transparent !important; } .daylight.dbd_dialog .d2l-page-main.d2l-dialog-width { position: absolute; width: 100%; height: 100%; overflow: auto; } .ddial_c_frame { overflow: hidden; width: 100% !important; height: 100% !important; } .d_edt.vui-input[type="text"], .d_edt.vui-input[type="password"], .d_ledt.vui-input { width: auto; } .d_ledt.vui-input { white-space: pre-wrap; } input.d_edt[disabled], textarea.d_ledt[disabled] { background-color: rgb(239, 235, 231); } .daylight .d_edt ~ .vui-validation-bubble { display: none; } .daylight .d_edt:focus ~ .vui-validation-bubble { display: block; } table.d_FG { margin: 0px; border-style: none; width: 100%; } .daylight table.d_FG .d2l-field-label-empty { display: none; } table.d_FG td.fl_n, table.d_FG td.fl_w { padding-right: 3px; text-align: right; vertical-align: top; width: 1%; white-space: normal; } [dir="rtl"] table.d_FG td.fl_n, [dir="rtl"] table.d_FG td.fl_w { padding-right: 0px; padding-left: 3px; text-align: left; } .daylight table.d_FG td.fl_n { padding-top: 7px; } table.d_FG td.fl_n { white-space: nowrap; } .fl_left > .vui-label { margin-bottom: 0px; } .d_fgh { padding-bottom: 10px; } table.d_FG td.fcl_w, table.d_FG td.fct_w { padding: 0px 3px 3px 0px; text-align: left; vertical-align: top; white-space: normal; } [dir="rtl"] table.d_FG td.fcl_w, [dir="rtl"] table.d_FG td.fct_w { padding-left: 3px; padding-right: 0px; text-align: right; } table.d_FG td.fcl_w textarea, table.d_FG td.fct_w textarea { vertical-align: top; } .daylight table.d_FG td.fct_w, .daylight table.d_FG td.dh_fg { padding-bottom: 1.5rem; } .daylight table.d_FG .d2l-select-container .d2l-select { width: 100%; } .fgskip { font-size: 1px; height: 1px; } div.drt { display: inline; line-height: normal; padding: 0px; margin: 0px; } div.drt.d2l-drt-untrusted { overflow: hidden; position: relative; } table.dsearch { width: 100%; margin: 0px; border: 0px; } table.dsearch td.dsearch_suggested { border: none; text-align: left; padding: 6px 20px 6px 10px; width: 100%; white-space: nowrap; font-size: 1.2em; color: red; } table.dsearch td.fl_n { white-space: nowrap; text-align: right; vertical-align: top; } .daylight table.dsearch .d2l-msg-container { margin-bottom: 10px; } .daylight table.dsearch .d2l-msg-container .d2l-msg-container-text { padding: 10px 20px; } .dsearch_header { margin-bottom: 10px; } .d2l-searchsimple { margin-right: 5px; } .d2l-searchsimple > .d2l-imagelink { vertical-align: middle; margin-left: 3px; margin-right: 0px; } .d2l-searchsimple-input-cell > .d_edt { border: 0px; vertical-align: middle; padding: 4px 0px 5px 5px; margin: 0px; } .d2l-searchsimple-input-cell > .d_edt:focus { outline: none 0px; } ul.dl { padding: 0px 0px 0px 32px; margin: 0px; } [dir="rtl"] ul.dl { padding: 0px 32px 0px 0px; margin: 0px; } ul.dl_ci { list-style-type: circle; } ul.dl_sq { list-style-type: square; } ul.dl_di { list-style-type: disc; } ul.dl_no { list-style-position: outside; list-style-type: none; padding-left: 0px; text-indent: 0px; } [dir="rtl"] ul.dl_no { padding-right: 0px; } ul.dl_fl { padding-left: 0px; } [dir="rtl"] ul.dl_fl { padding-right: 0px; } ul.dl_fl li { display: inline; padding-top: 0px !important; padding-bottom: 0px !important; } ul.dl li { padding: 0.3em 0px; font-weight: normal; text-align: left; } [dir="rtl"] ul.dl li { text-align: right; } span.dl_p { vertical-align: top; display: inline-block; } ul.drat_ul { list-style: none; margin: 0px; padding: 0px; position: relative; } ul.drat_ul li { padding: 0px; margin: 0px; float: left; } ul.drat_ul li a { display: block; width: 16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; background-image: none; } ul.drat_ul li.drat_cr { background: url("/d2l/img/lp/rating/set.png") left top repeat-x; height: 16px; position: absolute; display: block; text-indent: -9000px; z-index: 1; } ul.drat_bge { background: url("/d2l/img/lp/rating/notSet.png") left top no-repeat; height: 16px; } ul.drat_bgd { background: url("/d2l/img/lp/rating/notSet.png") left top no-repeat; } ul.drat_ce { height: 16px; width: 103px; background-position: 23px 0px; } ul.drat_cd { height: 16px; width: 80px; background-position: 0px 0px; } ul.drat_ul li.drat_st a:hover { background: url("/d2l/img/lp/rating/setOver.png") left top repeat-x; z-index: 1; } a.drat_stl { background: url("/d2l/img/lp/rating/setOver.png") left top repeat-x !important; z-index: 1 !important; } ul.drat_ul li.drat_cl { background: url("/d2l/img/lp/rating/clear.gif") left top no-repeat; width: 23px; height: 16px; left: 0px; } ul.drat_ul li.drat_cl a:hover { background: url("/d2l/img/lp/rating/clearOver.gif") left top no-repeat; } a.drat_claf { background: url("/d2l/img/lp/rating/clearOver.gif") left top no-repeat !important; } a.drat_claf:focus { outline: none; } span.drat_s { background: url("/d2l/img/lp/rating/avUnrated.png") left top repeat-x; display: inline-block; height: 18px; white-space: nowrap; } span.drat_c { background: url("/d2l/img/lp/rating/avRated.png") left top repeat-x; display: inline-block; height: 18px; } span.drat_h { position: absolute; left: -9000px; } li.drat_st a { outline: none; } table.dcs { text-align: left; padding: 0.2em; } td.dcs_c { padding: 0.2em; text-decoration: none; white-space: normal; } .daylight td.dcs_cf { padding-left: 0px; } .daylight tr.dcs_r { border: none; } .daylight tr.dcs_r ~ tr.dcs_r { border-top: 1px solid rgb(211, 217, 227); color: rgb(86, 90, 92); } tr.dcs_rnl, tr.dcs_rnl td.dcs_c { border-top: none !important; } img.dcs_a { padding-left: 0.3em; } img.dcs_ad { cursor: default !important; } tr.dcs_rd td { text-decoration: line-through; } .daylight tr.dcs_rd td { color: rgb(211, 217, 227); } table.dcs_d td { color: rgb(153, 153, 153); } tr.dcs_rd a, tr.dcs_rd a:link, tr.dcs_rd a:visited, tr.dcs_rd a:hover { color: rgb(170, 170, 170); text-decoration: line-through; cursor: default !important; } table.dcs_d a, table.dcs_d a:link, table.dcs_d a:visited, table.dcs_d a:hover { color: rgb(170, 170, 170); text-decoration: none; cursor: default !important; } table.d_t { } table.d_t td.d_tl { text-align: left; } table.d_t td.d_tc { text-align: center; } table.d_t td.d_tr { text-align: right; } table.d_t td.d_tt { vertical-align: top; } table.d_t td.d_tm { vertical-align: middle; } table.d_t td.d_tb { vertical-align: bottom; } td.d_tl, td.d_tc, td.d_tr { padding: 3px; } table.d_t td.d_tn { white-space: nowrap; } table.d_t td.d_tw { white-space: normal; } div.d_tabs > div.d_tabs { margin: 0px -10px; } div.d_tabs { display: inline-block; min-width: 100%; } div.d_tabs_container div.d_tabs { margin: 0px; } div.d_tabs_container { margin: 0px; padding: 0px; } .daylight div.d_tabs_container { border: 1px solid rgb(211, 217, 227); } .d_tabs_container > .d_ma { padding-top: 10px; } div.d_tabs_tab { display: none; } div.d_tabs_tabcontent { padding: 10px; } div.d_tabs_header { top: 1px; position: relative; z-index: 1; } .daylight div.d_tabs_header { padding-top: 20px; } div.d_tabs_header table { border-collapse: separate; } .d_tabs_header td { vertical-align: top; border-width: 1px; border-style: solid; } .daylight .d_tabs_header td { padding: 14px 30px; font-size: 16px; line-height: 19px; color: rgb(86, 90, 92); border-color: rgb(211, 217, 227); border-radius: 6px 6px 0px 0px; } .daylight .d_tabs_header .d_tabs_c, .daylight .d_tabs_header td.d_tabs_c_o { background: white; border-color: white white rgb(211, 217, 227); border-bottom-width: 1px; border-bottom-style: solid; } .d_tabs_c_o { background: rgb(250, 250, 250); border-bottom: hidden; } .d_tabs_header td.d_tabs_c a, .d_tabs_header td.d_tabs_c_o a, .d_tabs_header td.d_tabs_c_s a { display: block; } .d_tabs_header td.d_tabs_c, .d_tabs_header td.d_tabs_c_s { cursor: pointer; } td.d_tabs_c a, td.d_tabs_c a:link, td.d_tabs_c a:visited, td.d_tabs_c a:hover { text-decoration: none; } .daylight td.d_tabs_c a, .daylight td.d_tabs_c a:link, .daylight td.d_tabs_c a:visited, .daylight td.d_tabs_c a:hover { color: rgb(86, 90, 92); font-weight: normal; } .daylight .d_tabs_header td.d_tabs_c_o a { color: rgb(28, 82, 149); text-decoration: underline; font-weight: normal; } .d_tabs_header td.d_tabs_c_s_o a { font-weight: bold; } .daylight .d_tabs_header td.d_tabs_c_s_o a { color: rgb(28, 82, 149); text-decoration: underline; border-bottom: hidden; outline: none; } .d_tabs_header td.d_tabs_c_s a { text-decoration: none; font-weight: bold; } .daylight .d_tabs_header td.d_tabs_c_s a { color: rgb(86, 90, 92); outline: none; } .daylight .d_tabs_header td.d_tabs_c_o a { outline: none; } .d_tabs_header td.d_tabs_c_s, .d_tabs_header td.d_tabs_c_s_o { cursor: pointer; } .daylight .d_tabs_header td.d_tabs_c_s, .daylight .d_tabs_header td.d_tabs_c_s_o { border-bottom: 1px solid white; } div.dtb_c { padding: 0.4em; } ul.dtb_ul, ul.datb_ul { list-style: none; margin: 0px; padding: 0px; } ul.dtb_ul li, ul.datb_ul li { display: block; } ul.dtb_ul li { padding: 0.2em 0.75em 0.2em 0.1em; } ul.dtb_ul li { font-weight: bold; } ul.dtb_ul li { float: left; } ul.dtb_ul > li > a, ul.datb_ul > li > a, div.dtbi_sel, div.dtbi_dis { display: block; border: 1px solid transparent; text-decoration: none; } .daylight ul.datb_ul > li > a { border-style: solid none; border-bottom-width: 1px; border-bottom-color: rgb(242, 243, 245); border-top-width: 1px; border-top-color: transparent; color: rgb(86, 90, 92); padding: 0.65rem 0.25rem; } ul.dtb_ul > li > a, div.dtbi_sel, div.dtbi_dis { padding: 6px; } .daylight ul.dtb_ul > li > a.dtbi_sel, .daylight ul.dtb_ul > li > div.dtbi_sel, .daylight ul.datb_ul > li > a.dtbi_sel, .daylight ul.datb_ul > li > div.dtbi_sel { background-color: rgb(242, 248, 252); border-color: rgb(153, 197, 229); color: rgb(0, 111, 191); } div.dtbi_dis { color: rgb(170, 170, 170); } .daylight ul.dtb_ul li a:hover, .daylight ul.datb_ul li a:hover, .daylight ul.dtb_ul li a:active, .daylight ul.datb_ul li a:active, .daylight ul.dtb_ul li a:focus, .daylight ul.datb_ul li a:focus { background-color: rgb(242, 248, 252); text-decoration: none; } ul.dtb_ul li a:active, ul.datb_ul li a:active, ul.dtb_ul li a:focus, ul.datb_ul li a:focus { outline: none !important; } ul.dtb_ul li img, ul.datb_ul li img { float: left; } .daylight ul.dtb_ul li img { padding-top: 6px; } .daylight ul.datb_ul li img { padding-top: 2px; } span.dtbi_txt { display: block; margin-left: 0.5em; } .d2l-tool-actions { max-width: 100%; } .daylight .d2l-page-header { display: flex; flex-wrap: wrap; } .daylight .d2l-page-header .d2l-page-actions-container { order: 1; float: none; margin-left: auto; } [dir="rtl"].daylight .d2l-page-header .d2l-page-actions-container { margin-left: 0px; margin-right: auto; } .daylight .d2l-page-header .d2l-tool-actions { flex: 1 0 200px; float: none; min-width: 200px; padding-top: 5px; } .daylight .d2l-page-header .d2l-tool-actions .wrapper.d2l-scroll-wrapper::-webkit-scrollbar { display: none; } .daylight .d2l-page-header .d2l-page-header-name { width: 100%; display: flex; padding-bottom: 20px; } @media (max-width: 544px) { .daylight .d2l-page-header .d2l-tool-actions { padding-top: 9px; } } span.dps_c { } span.dps_c label { padding-right: 0.5em; } span.dps_c_d label { color: rgb(153, 153, 153); } a.dcp_c { font-size: 18px; padding: 2px 6px 2px 2px; text-decoration: none; vertical-align: top; white-space: nowrap; line-height: 1.5em; } a.dcp_cu { background-color: rgb(248, 247, 239); border: 1px solid rgb(157, 157, 146); padding: 1px 5px 1px 1px; } a.dcp_ch { background-color: rgb(254, 254, 253); border: 1px solid rgb(122, 152, 175); padding: 1px 5px 1px 1px; } a.dcp_ch:focus, a.dcp_c:focus, a.dcp_ce:focus { outline: none; } a.dcp_ce { background-color: rgb(248, 247, 239); border: 1px solid rgb(157, 157, 146); padding: 1px 5px 1px 1px; } span.dcp_cb { background-color: rgb(255, 255, 255); background-repeat: repeat; border: 1px solid rgb(153, 153, 153); font-size: 16px; margin-right: 5px; } div.dcp_ct { background-color: rgb(248, 247, 239); } div.dcp_ct table { border-collapse: separate; } div.dcp_ct a, div.dcp_ct a:link, div.dcp_ct a:hover, div.dcp_ct a:visited { color: rgb(0, 0, 0); text-decoration: none; } .daylight .d2l-condition-actions-container { display: inline-block; margin-bottom: -0.375rem; margin-top: -0.375rem; } .daylight .d2l-condition-actions-container button { margin-top: 0.375rem; margin-bottom: 0.375rem; } .d2l-condition-set-delete { display: inline-block; margin-top: 0.5rem; } div.dsel_c { padding: 0px; } .dsel_lh, .dsel_lv { list-style-type: none; margin: 0px; padding: 0px; } .dsel_lh li { float: left; display: inline; padding: 0em; margin-right: 3px; margin-bottom: 3px; } [dir="rtl"] .dsel_lh li { float: right; margin-left: 3px; margin-right: 0px; } .dsel_lv li { padding: 0px; } .dsel_lh li.f, .dsel_lv li.f { margin-left: 0px; } [dir="rtl"] .dsel_lh li.f, .dsel_lv li.f { margin-right: 0px; } .dsel_lh li.l, .dsel_lv li.l { margin-right: 0px; } [dir="rtl"] .dsel_lh li.l, .dsel_lv li.l { margin-left: 0px; } .dsel_c a { border-bottom: 1px solid rgb(242, 243, 245); border-top: 1px solid transparent; display: block; line-height: 1.2rem; padding: 0.65rem 0.25rem; white-space: normal; zoom: 1; } .dsel_c a, .dsel_c a:link, .dsel_c a:visited { text-decoration: none; color: rgb(86, 90, 92); outline-style: none; } .dsel_c a:focus, .dsel_c a:active, .dsel_c a:hover { background-color: rgb(242, 248, 252); color: rgb(0, 111, 191); outline-style: none; } .dsel_c a.s { background-color: rgb(242, 248, 252); border-color: rgb(153, 197, 229); color: rgb(0, 111, 191); } .dsel_it, .dsel_id { white-space: normal; } .dsel_id { color: gray; } .dsel_c img { margin: 0px; padding: 2px 4px 2px 0px; vertical-align: middle; } [dir="rtl"] .dsel_c img { padding-left: 4px; padding-right: 0px; } .dsel_c span { padding: 0px; } div.dsh_c { padding: 2px; } div.dsh_c_f { background-color: rgb(255, 244, 222); border: 1px solid rgb(255, 186, 118); padding: 1px; } div.dsh_c_h { background-color: rgb(255, 252, 246); border: 1px dotted rgb(204, 204, 204); padding: 1px; } div.dsh_c_e { background-color: rgb(255, 247, 231); border: 1px dotted rgb(204, 204, 204); padding: 1px; } span.dpb_c { } span.dpb_cd { } span.dpb_c span.dpb_s { display: none; } span.dpb_s img.dpb_p, span.dpb_s img.dpb_d { background-repeat: repeat-x; margin: 2px 0px 0px 2px; position: absolute; width: 1px; height: 15px; } span.dpb_c span.dpb_s img.dpb_p { background-image: url("/d2l/img/lp/progressBar/s.gif"); } span.dpb_cd span.dpb_s img.dpb_p { background-image: url("/d2l/img/lp/progressBar/d.gif"); } span.dpb_cc span.dpb_s img.dpb_p { background-image: url("/d2l/img/lp/progressBar/c.gif"); } span.dpb_c span.dpb_s img.dpb_b { background-image: url("/d2l/img/lp/progressBar/b.gif"); background-repeat: repeat-x; border: 1px solid rgb(153, 153, 153); width: 197px; height: 17px; } ul.dpb_sl { display: none; list-style-type: none; margin-left: 20px; padding-left: 0px; } ul.dpb_sl li { color: rgb(153, 153, 153); list-style-image: url("/d2l/img/lp/progressBar/t1.gif"); margin: 0.2em; } span.dpb_c ul.dpb_sl li.dbp_sip { color: rgb(51, 51, 51); list-style-image: url("/d2l/img/lp/progressBar/t3.gif"); font-weight: bold; } span.dpb_cd ul.dpb_sl li.dbp_sip { color: rgb(153, 153, 153); list-style-image: url("/d2l/img/lp/progressBar/t1.gif"); } span.dpb_c ul.dpb_sl li.dbp_sc { color: rgb(51, 51, 51); list-style-image: url("/d2l/img/lp/progressBar/t2.gif"); } span.dpb_cd ul.dpb_sl li.dbp_sc { color: rgb(153, 153, 153); list-style-image: url("/d2l/img/lp/progressBar/t1.gif"); } .dpb_merr { padding-left: 0.5em; } div.dta_wc ul { margin: 0px; } span.dta_c, span.dta_h, span.dta_p { padding-left: 0.1em; padding-bottom: 0.25em; white-space: nowrap; line-height: 1.8em; display: inline-block; } span.dta_h a:focus, span.dta_c a:focus, span.dta_p a:focus { outline: none !important; } span.dta_r { white-space: nowrap; } span.dta_c, span.dta_p { margin: 1px; } span.dta_h { border: 1px solid rgb(209, 224, 180); background: url("/d2l/img/lp/autoComplete/bgItem.gif") left top repeat-x rgb(219, 239, 183); } span.dta_p { background-color: rgb(230, 239, 242); } span.dta_t, span.dta_td { vertical-align: middle; height: 1.5em; } span.dta_td { color: rgb(169, 169, 169); text-decoration: line-through; } img.dta_i { padding-left: 0.2em; margin: 1px; vertical-align: middle; } div.dlay { } div.dlay_autofill { } td.dlay_l, td.dlay_m, td.dlay_r { vertical-align: middle; white-space: nowrap; } td.dlay_l { text-align: left; } td.dlay_m { text-align: center !important; } td.dlay_r { text-align: right !important; } td.dlay_w { white-space: normal; } table.dlay { width: 100%; } table.dlay tr.fgskip { font-size: 0px; height: 0px; } table.dlay tr.fgskip td { border: none; font-size: 0px; padding: 0px; } table.dlay td.dlay_lc { vertical-align: top; } table.dlay_e div.dlay_p { margin: 0.2em; padding: 0.25em 0.25em 0px; background-color: rgb(238, 238, 238); border: 1px solid rgb(153, 153, 153); } table.dlay_e div.dlay_pnc { margin: 0.2em; padding: 0px; background-color: rgb(255, 255, 255); border: none; } table.dlay_v div.dlay_p { background-color: rgb(255, 255, 255); } table.dlay_v div.dlay_pnc { padding: 0px; } .dlay_pt { color: rgb(153, 153, 153); cursor: default; float: left; font-size: 1em; font-weight: bold; margin: 0px 0px 0.2em; } table.dlay_e div.dlay_c { margin-bottom: 0.5em; } table.dlay_v div.dlay_c { } .dlay_ct { cursor: default; font-size: 1em; font-weight: bold; float: left; margin: 0px; padding: 0px 0px 3px; } table.dlay_e div.dlay_cc { background-color: rgb(255, 255, 255); border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); padding: 0px 4px; } table.dlay_e div.dlay_cl div.dlay_cc { border: 1px solid rgb(153, 153, 153); padding: 4px; } table.dlay_e b.dlay_r * { display: block; height: 1px; overflow: hidden; font-size: 1px; border-style: solid; border-width: 0px 1px; background-color: rgb(255, 255, 255); border-color: rgb(153, 153, 153); } table.dlay_v b.dlay_r, div.dlay_cl b.dlay_r { display: none; } div.dlay_c b.dlay_c1 { border-width: 1px 0px 0px; margin-left: 5px; margin-right: 5px; height: 0px !important; } div.dlay_c b.dlay_c2 { border-left-width: 2px; border-right-width: 2px; margin-left: 3px; margin-right: 3px; } div.dlay_c b.dlay_c3 { margin-left: 2px; margin-right: 2px; } div.dlay_c b.dlay_c4 { margin-left: 1px; margin-right: 1px; height: 2px; } ul.dlay_tb_ec { border: 1px solid rgb(153, 153, 153); list-style: none; height: 375px; margin: 15px 0px 0px; overflow: scroll; padding: 0px; width: 300px; } ul.dlay_tb_ec li { border-bottom: 1px solid rgb(204, 204, 204); min-height: 50px; } li.dlay_tb_ea { background-color: rgb(250, 250, 250); } li.dlay_tb_eh { background-color: rgb(252, 252, 236); } li.dlay_tb_es { background-color: rgb(254, 254, 204); } ul.dlay_tb_ec a, ul.dlay_tb_ec a:link, ul.dlay_tb_ec a:hover, ul.dlay_tb_ec a:visited { background-position: 7px 7px; background-repeat: no-repeat; color: rgb(0, 0, 0); display: block; line-height: 1.7em; padding: 7px 7px 7px 50px; text-decoration: none; } ul.dlay_tb_ec a:focus { outline: none; } div.dco, div.dco_f { text-align: left; } div.dco_f { left: -1000px; position: absolute; overflow: visible; top: -1000px; } div.dco_f:focus { outline: none; } div.dco div.dco_c, div.dco_f div.dco_c { padding: 0em; } div.dco_t { background-color: rgb(250, 250, 250); color: rgb(53, 53, 53); padding: 0.5em; text-align: left; zoom: 1; } div.dco_t h1, div.dco_t h2, div.dco_t h3, div.dco_t h4, div.dco_t h5, div.dco_t h6 { cursor: default; font-size: 1.1em; font-weight: bold; margin: 0px; padding: 0px 0px 3px; } .dco_t_h { padding-right: 20px !important; } div.dco_t_hc { float: left; width: 100%; margin-right: -20px; } .daylight iframe.d2l-navbar-margin { margin-top: 4px; height: 100vh; } h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; margin: 0px; padding: 0px; } .drt h1, .drt h2, .drt h3, .drt h4, .drt h5, .drt h6 { display: block; font-weight: bold; } .drt h1 { font-size: 2em; margin: 0.67em 0px; } .drt h2 { font-size: 1.5em; margin: 0.83em 0px; } .drt h3 { font-size: 1.17em; margin: 1em 0px; } .drt h4 { margin: 1.33em 0px; } .drt h5 { font-size: 0.83em; margin: 1.67em 0px; } .drt h6 { font-size: 0.67em; margin: 2.33em 0px; } h2.dhdg_1, h3.dhdg_1, h4.dhdg_1, h5.dhdg_1, h6.dhdg_1 { margin: 10px 0px; padding-bottom: 0px; } h2.dhdg_2, h3.dhdg_2, h4.dhdg_2, h5.dhdg_2, h6.dhdg_2 { padding: 5px 0px 8px; } .dhdg_f { float: left; } div.dhdg_1 { padding-bottom: 15px; } div.dhdg_2 { padding-bottom: 8px; } div.dhdg_1 h2.dhdg_1, div.dhdg_1 h3.dhdg_1, div.dhdg_1 h4.dhdg_1, div.dhdg_1 h5.dhdg_1, div.dhdg_1 h6.dhdg_1 { padding-bottom: 0px; } div.dhdg_2 h2.dhdg_2, div.dhdg_2 h3.dhdg_2, div.dhdg_2 h4.dhdg_2, div.dhdg_2 h5.dhdg_2, div.dhdg_2 h6.dhdg_2 { padding-bottom: 0px; } td.dhdg_fg { text-align: left; width: 100%; } img.di_i { margin-right: 6px; } [dir="rtl"] img.di_i { margin-left: 6px; margin-right: 0px; } img.di_in { margin: 0px; } span.di_t { margin-right: 18px; } [dir="rtl"] span.di_t { margin-left: 18px; margin-right: 0px; } .daylight a.di_l { text-decoration: none; } .daylight a.di_l img.di_i { margin-right: 0px; } .daylight[dir="rtl"] a.di_l img.di_i { margin-left: 0px; } .daylight a.di_l span.di_s { align-items: center; border: 1px solid transparent; border-radius: 0.3rem; display: inline-flex; justify-content: center; margin-right: 5px; padding: 0.3rem; vertical-align: middle; } .daylight .d2l-grid-wrapper .d2l-badge-userprofile { max-height: 42px; max-width: 42px; } .daylight[dir="rtl"] a.di_l span.di_s { margin-right: 0px; margin-left: 5px; } .daylight a.di_l:hover span.di_s, .daylight a.di_l:focus span.di_s { border-color: rgb(185, 194, 208); } .daylight a.di_l:hover span.di_s.di_s_icon, .daylight a.di_l:focus span.di_s.di_s_icon { border-color: transparent; } .daylight a.di_l:hover d2l-icon, .daylight a.di_l:focus d2l-icon { color: rgb(28, 82, 149); } .daylight a.di_l d2l-icon, .daylight a.di_l d2l-icon { transition: color 0.3s ease 0s; } a.di_l_d, a.di_l_d:link, a.di_l_d:visited, a.di_l_d:hover, span.di_t_d { color: rgb(153, 153, 153); cursor: default; } a.di_l label { cursor: pointer; } img.dit { background-image: url("/d2l/img/lp/loading_lg.gif"); background-repeat: no-repeat; background-position: center center; } a.dil, a.dil:link, a.dil:visited, a.dil:hover { margin-right: 0.5em; text-decoration: none; } a.dlk_d, a.dlk_d:link, a.dlk_d:visited, a.dlk_d:hover { color: rgb(153, 153, 153); } .dlk_heading { display: inline-block; } .d2l-link-inline { display: inline; } .daylight div.d_ma { height: 0px; overflow: hidden; } .daylight .d_ma_ve { margin: 10px; } .daylight .d_ma_ve.d2l-msg-container { border: 1px solid rgb(205, 32, 38); background-color: rgba(205, 32, 38, 0.05); padding: 40px; } .daylight .d2l-msg-container-inner > p.d_ma_vel { margin: 0px; } .daylight .d_ma_vel { margin: 0px; } .daylight .d_ma_ve_list { list-style-type: square; margin-top: 0px; margin-bottom: 0px; } [dir="rtl"] .daylight .d_ma_ve_list { padding-left: 0px; } .d_ma_ve_list > li { margin: 0.5em 0px; } .daylight .d_ma_ve_list > li > a { color: rgb(0, 111, 191); } .daylight .d_ma_ve_list > li > a :hover, .daylight .d_ma_ve_list > li > a :focus { color: rgb(28, 82, 149); } div.d_ma_s_c { position: fixed; width: 100%; text-align: center; bottom: -6em; z-index: 10000; } div.d_ma_s { background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); position: relative; display: inline-block; box-shadow: rgba(50, 50, 50, 0.18) 0px 3px 5px; border-radius: 5px; max-width: 640px; } div.d_ma_s > div { padding: 20px 42px 20px 0px; font-size: 1.3em; font-weight: normal; white-space: normal; overflow: hidden; text-align: left; text-overflow: ellipsis; } [dir="rtl"] div.d_ma_s > div { padding: 20px 0px 20px 42px; } div.d_ma_s > div > img { padding: 0px 15px; height: 16px; width: 16px; } div.d_ma_s > img { float: right; right: 0px; margin: 10px 12px; position: absolute; } [dir="rtl"] div.d_ma_s > img { float: left; right: auto; left: 0px; } div.d_vb { cursor: default; } .daylight div.d_vb { position: relative; } div.d_ma_al { left: -999em; position: absolute; width: 1em; } [dir="rtl"] div.d_ma_al { left: auto; right: -999px; } [dir="rtl"] div.d_ma_ve.d2l-msg-container > .d2l-msg-container-inner { background-position: 99% 1em; } [dir="rtl"] div.d_ma_ve.d2l-msg-container .d2l-msg-container { padding-right: 0px; margin-right: 1em; } .daylight span.dfl { font-weight: 300; white-space: nowrap; } span.dfl_s { font-size: 0.85em; display: block; } .daylight span.dfl_s { color: rgb(86, 90, 92); } .daylight tr.dcs_rd span.dfl_s { color: rgb(211, 217, 227); } .daylight span.dfl_b { font-weight: 700; } .daylight span.dfl a, .daylight span.dfl a:focus { text-decoration: none; color: rgb(28, 82, 149); } span.dfl a span { text-decoration: underline; } span.dfl img { padding-right: 0.3em; } span.dh_sd { color: rgb(211, 211, 211); } span.dh_sd a.d2l-popuphelp { color: rgb(147, 198, 172) !important; } td.dh_fg { text-align: left; width: 100%; } [dir="rtl"] td.dh_fg { text-align: right; } .daylight b, .daylight strong { font-weight: 700; } i, em { font-style: italic; } u { text-decoration: underline; } .daylight .ds_a { color: rgb(205, 32, 38); } .daylight .ds_b { color: rgb(86, 90, 92); } .daylight .ds_c { color: rgb(28, 82, 149); } .ds_d { text-decoration: underline; } .daylight .ds_e, .daylight .ds_m, .daylight .ds_i { font-size: 0.95rem; font-weight: 400; } .daylight .ds_f { font-size: 1.5em; font-weight: 400; } .daylight .ds_g { font-size: 0.8rem; } .daylight .ds_h { font-size: 0.7rem; } .daylight .ds_i { font-weight: 400; text-decoration: none; } .daylight label .ds_i { color: rgb(86, 90, 92); } div.ddial_shim { background-image: url("/d2l/img/lp/pixel.gif"); background-repeat: no-repeat; background-position: 50% 50%; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } div.ddial_shim_loading { background-image: url("/d2l/img/lp/Dialog/loading.gif"); width: 100%; height: 100%; } ul.da_a { line-height: 1em; list-style-type: none; margin: 0px; padding: 0px; } li.da_ais { background-image: url("/d2l/img/lp/actions/separator.gif"); background-position: right center; background-repeat: no-repeat; padding-right: 6px; } li.da_ai a, li.da_ai a:visited { border-radius: 3px; color: rgb(51, 51, 51); cursor: pointer; float: left; line-height: 1.231; margin-right: 0em; padding: 4px 8px; text-decoration: none; } li.da_ai span { background-repeat: no-repeat; display: block; min-height: 12px; padding: 2px 2px 3px 19px; } span.da_aisl { background-image: url("/d2l/img/lp/actions/separator.gif"); background-position: left center; background-repeat: no-repeat; float: left; padding: 0px 0px 0px 6px !important; } li.da_aid a { color: rgb(102, 102, 102); } li.da_ai a:hover, li.da_ai a:focus { background: linear-gradient(rgb(253, 253, 253) 0%, rgb(250, 250, 250) 100%); border: 1px solid rgb(187, 187, 187); padding: 3px 7px; outline: none; } li.da_aid a:hover, li.da_aid a:focus { background: linear-gradient(rgb(253, 253, 253) 0%, rgb(242, 242, 242) 100%); border: 1px solid rgb(204, 204, 204); } li.da_ai img { padding: 2px 0px 3px; } div.dmb { background: linear-gradient(rgb(241, 241, 241) 0%, rgb(228, 228, 228) 100%); border: 1px solid rgb(204, 204, 204); padding: 2px; } ul.dinst_ul { margin: 10px 10px 0px 20px; padding-left: 0px; list-style-image: url("/d2l/img/lp/instructions/a_r.gif"); } div.duload_add { padding-left: 1em; } .daylight .d2l-graphbars { display: inline-flex; flex-wrap: nowrap; border: 1px solid rgb(211, 217, 227); border-radius: 5px; padding: 4px; height: 100%; max-width: 380px; width: 70%; margin-right: 15px; box-sizing: border-box; align-items: center; } .daylight .d2l-graphbars div { border-radius: 4px; } div.dgraphbar2_container { width: 185px; text-align: center; margin: 0px auto; } div.dgraphbar2_bar { border-radius: 15px; border: 1px solid rgb(204, 204, 204); width: 185px; height: 8px; margin-bottom: 4px; background: linear-gradient(rgb(222, 222, 222), rgb(231, 231, 231)); } div.dgraphbar2_fill { border-radius: 15px; background: rgb(255, 255, 255); height: 100%; border-right: 1px solid rgb(217, 217, 217); } .d2l-editable-richedit .d2l-editable { background-color: white; border-color: rgb(204, 204, 204); padding-left: 5px; padding-right: 0px; min-height: 75px; } .d2l-editable-richedit .d2l-editable:hover { border-color: rgb(153, 153, 153); } .d2l-editable-richedit .d2l-editable-focus { border-color: rgb(148, 204, 218); box-shadow: rgb(242, 242, 242) 0px 1px 1px 0px inset, rgb(148, 204, 218) 0px 0px 5px 0px; outline-width: 0px; } fieldset.d2l-updownvote-input { margin: 0px; padding: 0px; border: 0px none; outline: none 0px; background: none 0% 0% repeat scroll transparent; } .d2l-invisible { display: inline-block; text-indent: -9999px; visibility: hidden; } .d2l-inline { display: inline-block; vertical-align: middle; max-width: 100%; } .d2l-container-icon, .d2l-container-icon-inner { background-repeat: no-repeat; } .d2l-field-slim { margin-bottom: 0px; } .d2l-fieldgroup-horizontal > div.d2l-field-slim { padding-bottom: 0px; } .daylight .d2l-fieldgroup-horizontal { display: flex; flex-flow: row wrap; justify-content: flex-start; padding: 10px 0px; } .daylight .d2l-fieldgroup-horizontal > div { padding-bottom: 10px; } .d2l-fieldgroup-horizontal > div { padding-right: 20px; } [dir="rtl"] .d2l-fieldgroup-horizontal > div { padding-right: 0px; padding-left: 20px; } .d2l-fieldgroup > div, .d2l-fieldgroup-horizontal > div { clear: both; min-height: 13px; } .d2l-fieldgroup-horizontal > div > label { white-space: nowrap; } .d2l-fieldgroup > div > .d2l-fieldgroup-horizontal > div { padding-bottom: 0px; } .d2l-image { vertical-align: middle; } .d2l-image-cls { line-height: 0; } .d2l-image-zoom-16 { transform: scale(1.125, 1.125); } .d2l-imagelink { display: inline-block; } .daylight .d2l-imagelink { align-items: center; border: 1px solid transparent; border-radius: 0.3rem; display: inline-flex; height: 1.5rem; justify-content: center; vertical-align: middle; width: 1.5rem; } .daylight .d2l-imagelink:hover, .daylight .d2l-imagelink:focus { border-color: rgb(185, 194, 208); } .d2l-imagelink-disabled { opacity: 0.5; cursor: default; } .d2l-imagelink-disabled:focus { outline: none !important; } .daylight .d2l-msg-container { border-radius: 8px; background-color: rgb(249, 250, 251); border: 1px solid rgb(230, 234, 240); color: rgb(86, 90, 92); } .daylight .d2l-msg-container .d2l-msg-container-text { padding: 40px; } .daylight .d2l-msg-container .d2l-msg-container-inner { padding: 0px; } .daylight .d2l-login-portal-login .d2l-msg-container .d2l-msg-container-text { padding: 20px; } .daylight .d2l-login-portal-login .d2l-msg-container .d2l-msg-container-text > p { margin: 0px; } .d2l-msg-container-image { display: inline-block; margin-right: 8px; } .d2l-msg-container-none, .d2l-msg-container-none > .d2l-msg-container-inner { padding: 0px; border: none; background-color: transparent; } .d2l-panel .d2l-msg-container { border: none; } .d2l-msg-container-normal { margin-bottom: 1em; } .d2l-msg-container-half { margin-bottom: 0.5em; } .d2l-partial-render-shim1 { position: absolute; z-index: 1002; background: white; opacity: 0.01; } .d2l-partial-render-shim2 { opacity: 0.5; } .d2l-partial-render-shimbg1 { position: absolute; z-index: 1003; } .d2l-partial-render-shimbg2, .d2l-dialog-loading, .d2l-actionsheet-loading { background-image: url("/d2l/img/lp/mobile/loading.gif"); background-position: center center; background-repeat: no-repeat; } .d2l-partial-render-animation-vertical-slider-opener, .d2l-partial-render-animation-horizontal-slider-opener { position: relative; width: 0px; height: 0px; overflow: visible; } .d2l-partial-render-animation-vertical-slider-window, .d2l-partial-render-animation-horizontal-slider-window { background-color: rgb(250, 250, 250); overflow: hidden; position: absolute; z-index: 10004; } .d2l-partial-render-animation-horizontal-slider { position: relative; transition: left 0.4s cubic-bezier(0, 0.7, 0.5, 1) 0s; } .d2l-partial-render-animation-vertical-slider { position: relative; transition: top 0.4s cubic-bezier(0, 0.7, 0.5, 1) 0s; } .d2l-partial-render-animation-horizontal-slider-separator, .d2l-partial-render-animation-horizontal-slider-prev, .d2l-partial-render-animation-horizontal-slider-next { float: left; } .d2l-partial-render-animation-vertical-slider-separator, .d2l-partial-render-animation-vertical-slider-prev, .d2l-partial-render-animation-vertical-slider-next, .d2l-partial-render-animation-horizontal-slider-separator, .d2l-partial-render-animation-horizontal-slider-prev, .d2l-partial-render-animation-horizontal-slider-next { transition: opacity 0.4s linear 0s; } .d2l-partial-render-animation-container { position: relative; } .d2l-partial-render-animation-container[change-image-loading], .d2l-partial-render-animation-container[change-image-success] { pointer-events: none; } .d2l-partial-render-animation-container d2l-loading-spinner { bottom: 0px; display: none; left: 0px; margin: auto; position: absolute; right: 0px; top: 0px; z-index: 4; } .d2l-partial-render-animation-container[change-image-loading] d2l-loading-spinner { display: flex; } .d2l-partial-render-animation-container[change-image-success] d2l-loading-spinner { display: flex; opacity: 0; } .d2l-partial-render-animation-checkmark-container { display: none; } .d2l-partial-render-animation-container[change-image-loading] .d2l-partial-render-animation-checkmark-container, .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark-container { align-items: center; background-color: white; border-radius: 100px; border-style: none; bottom: 0px; display: flex; justify-content: center; left: 0px; margin: auto; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 4; } .d2l-partial-render-animation-checkmark-container-small { height: 40px; width: 40px; } .d2l-partial-render-animation-checkmark-container-large { height: 80px; width: 80px; } .d2l-partial-render-animation-container .d2l-partial-render-animation-checkmark { color: rgb(70, 166, 97); display: none; } .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark { display: flex; } @keyframes inner-small { 0% { transform: scale(0.5); } 15% { transform: scale(0.9); } 20% { transform: scale(0.75); } 100% { transform: scale(0.75); } } @keyframes container-small { 0% { height: 40px; width: 40px; } 70% { height: 40px; width: 40px; opacity: 1; } 90% { height: 50px; width: 50px; opacity: 0.4; } 100% { height: 10px; width: 10px; opacity: 0; } } @keyframes inner-large { 0% { transform: scale(1); } 15% { transform: scale(1.8); } 20% { transform: scale(1.5); } 100% { transform: scale(1.5); } } @keyframes container-large { 0% { height: 80px; width: 80px; } 70% { height: 80px; width: 80px; opacity: 1; } 90% { height: 100px; width: 100px; opacity: 0.4; } 100% { height: 20px; width: 20px; opacity: 0; } } .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark-container-small .d2l-partial-render-animation-checkmark { animation-name: inner-small; animation-duration: 1s; animation-fill-mode: forwards; } .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark-container-small { animation-name: container-small; animation-duration: 1s; animation-fill-mode: forwards; } .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark-container-large .d2l-partial-render-animation-checkmark { animation-name: inner-large; animation-duration: 1s; animation-fill-mode: forwards; } .d2l-partial-render-animation-container[change-image-success] .d2l-partial-render-animation-checkmark-container-large { animation-name: container-large; animation-duration: 1s; animation-fill-mode: forwards; } .d2l-partial-render-animation-overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 3; } .daylight .d2l-button > .d2l-icon-custom { margin-right: 0.5rem; } [dir="rtl"].daylight .d2l-button > .d2l-icon-custom { margin-right: 0px; margin-left: 0.5rem; } .daylight .d2l-button-text-hidden > .d2l-icon-custom { margin-right: 0px; } [dir="rtl"].daylight .d2l-button-text-hidden > .d2l-icon-custom { margin-left: 0px; } [dir="rtl"] .vui-offscreen { left: 0px; right: -10000px; } .d2l-colourselector-button { background-image: linear-gradient(-179deg, rgb(248, 248, 248) 0%, rgb(242, 242, 242) 100%); border: 1px solid rgb(204, 204, 204); border-radius: 3px; box-shadow: rgb(255, 255, 255) 0px 2px 0px 0px inset; color: rgb(74, 74, 74); cursor: pointer; display: inline-block; line-height: 1.231; margin: 0.15em 0.3em 0.15em 0px; padding: 5px 10px; text-align: center; vertical-align: middle; white-space: nowrap; } .d2l-colourselector-button, .d2l-colourselector-button:visited, .d2l-colourselector-button:link { outline: none; text-decoration: none; } .d2l-colourselector-button:hover, .d2l-colourselector-button:focus { background-image: linear-gradient(-179deg, rgb(253, 253, 253) 0%, rgb(250, 250, 250) 100%); border: 1px solid rgb(174, 174, 174); border-radius: 3px; box-shadow: rgb(255, 255, 255) 0px 2px 0px 0px inset; color: rgb(74, 74, 74); } .d2l-button-nml, .d2l-button-nml.d2l-button-disabled:hover, .d2l-button-nml.d2l-button-disabled:focus { background: linear-gradient(rgb(248, 248, 248) 0%, rgb(242, 242, 242) 100%); border-color: rgb(204, 204, 204); box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset; color: rgb(0, 0, 0); } .d2l-button-nml, .d2l-button-nml:visited, .d2l-button-nml:hover, .d2l-button-nml:focus, .d2l-button-nml:link { color: rgb(0, 0, 0); } .d2l-button-nml:hover, .d2l-button-nml:focus { background-image: linear-gradient(-179deg, rgb(253, 253, 253) 0%, rgb(250, 250, 250) 100%); border: 1px solid rgb(174, 174, 174); border-radius: 3px; box-shadow: rgb(255, 255, 255) 0px 2px 0px 0px inset; color: rgb(74, 74, 74); } .d2l-button-menu-notext.d2l-button-menu > span { background-position: center center; } .d2l-button-menu-notext.d2l-button-menu-icon.d2l-button-menu > span { background-position: right center; } .d2l-button-menu-icon > span > span { background-position: left center; background-repeat: no-repeat; padding-left: 22px; display: inline-block; } .daylight .d2l-button-menu-icon > span > span { padding-left: 28px; } .d2l-button-menu-notext.d2l-button-menu-icon > span > span { padding-left: 13px; } .daylight .d2l-button-menu-notext.d2l-button-menu-icon > span > span { padding-left: 0px; } .d2l-calendar-mini { border-radius: 4px; } .d2l-calendar-mini-title { border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; } .daylight .d2l-calendar-mini-title .d2l-heading-4 { margin: 0.25rem 0px 1.25rem; } .daylight .d2l-calendar-mini-prevmonth, .daylight .d2l-calendar-mini-nextmonth { margin: 0px 0.5rem; } .d2l-calendar-mini table { border-spacing: 0px; width: 100%; table-layout: fixed; } .daylight .d2l-calendar-mini table { border-collapse: separate; } .daylight .d2l-calendar-mini th[role="columnheader"] { padding: 0.45rem 0px; } .d2l-calendar-mini th > abbr { display: block; text-align: center; } .daylight .d2l-calendar-mini th > abbr { color: rgb(114, 119, 122); font-size: 0.8rem; font-weight: normal; text-decoration: none; } .d2l-calendar-mini-day { text-align: center; cursor: pointer; } .daylight .d2l-calendar-mini-day { border: 1px solid transparent; font-size: 0.8rem; padding: 0.45rem 0px; position: relative; } .d2l-calendar-mini-day:hover, .d2l-calendar-mini-day:focus { outline: none; } .daylight .d2l-calendar-mini-day:hover, .daylight .d2l-calendar-mini-day:focus { color: rgb(0, 111, 191); } .daylight .d2l-calendar-mini-today { color: rgb(0, 111, 191); font-weight: 700; } .daylight .d2l-calendar-mini-selected { background-color: rgb(0, 111, 191); border-radius: 0.3rem; color: rgb(255, 255, 255); font-weight: 400; } .daylight .d2l-calendar-mini-selected:focus { color: rgb(255, 255, 255); border-color: rgb(0, 86, 148); box-shadow: rgba(0, 111, 191, 0.3) 0px 0px 0px 4px; } .daylight .d2l-calendar-mini-selected:hover { color: rgb(255, 255, 255); background-color: rgb(0, 86, 148); } .daylight .d2l-calendar-mini-event::after { background-color: rgb(0, 111, 191); border-radius: 3px; bottom: 5px; content: ""; display: inline-block; height: 6px; left: calc(50% - 3px); position: absolute; width: 6px; } .daylight .d2l-calendar-mini-selected.d2l-calendar-mini-event::after { background-color: rgb(255, 255, 255); } .daylight .d2l-calendar-mini-other { color: rgb(114, 119, 122); } .d2l-calendar-mini th > abbr { border: none; height: 20px; font-weight: normal; } .d2l-calendar-mini td { height: 20px; } .d2l-column-side .d2l-calendar-mini { border-color: rgb(255, 255, 255); } .d2l-column-side .d2l-calendar-mini-title { background-color: rgb(244, 245, 237); border-bottom-color: rgb(255, 255, 255); } .d2l-column-side .d2l-calendar-mini-title > .d2l-heading { color: rgb(64, 64, 64); } .d2l-checkbox-image-checkmark + label { cursor: default; display: inline-block; min-height: 16px; } .d2l-imagecheckbox-container { display: inline-block; padding: 2px 6px 3px 0px; position: relative; vertical-align: middle; } [dir="rtl"] .d2l-imagecheckbox-container { padding-right: 0px; padding-left: 6px; } .d2l-checkbox-image-checkmark { margin: 0px 3px 0px 0px; vertical-align: middle; } [dir="rtl"] .d2l-checkbox-image-checkmark { margin-left: 3px; margin-right: 0px; } .d2l-imagecheckbox-container label { padding-left: 2px; vertical-align: middle; } [dir="rtl"] .d2l-imagecheckbox-container label { padding-left: 0px; padding-right: 2px; } .d2l-checkbox-image-checkmark + label > .d2l-checkbox-image-placeholder { background-position: center center; background-repeat: no-repeat; min-width: 17px; min-height: 17px; margin-right: 3px; display: inline-block; vertical-align: middle; padding: 1px; } [dir="rtl"] .d2l-checkbox-image-checkmark + label > .d2l-checkbox-image-placeholder { margin-right: 0px; margin-left: 3px; } .d2l-checkbox-image-checkmark + label > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/unchecked.gif"); } .d2l-checkbox-image-checkmark:checked + label > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/checked.gif"); } .d2l-checkbox-image-checkmark:disabled:checked + label > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/checked_disabled.gif"); } .d2l-checkbox-image-checkmark:disabled + label > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/unchecked_disabled.gif"); } .d2l-checkbox-image-checkmark:checked:focus + label > .d2l-checkbox-image-placeholder, .d2l-checkbox-image-checkmark:checked:enabled + label:hover > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/checked_hover.gif"); } .d2l-checkbox-image-checkmark:focus + label > .d2l-checkbox-image-placeholder, .d2l-checkbox-image-checkmark:enabled + label:hover > .d2l-checkbox-image-placeholder { background-image: url("/d2l/img/lp/imageCheckbox/unchecked_hover.gif"); } .d2l-contextmenu-ondemand-ph { display: none; } d2l-menu-item.d2l-first-visible-item { border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; } d2l-menu-item.d2l-last-visible-item { border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .d2l-page-main-padding > .d2l-datalist-style1, .d2l-page-main-padding > .d2l-placeholder > .d2l-datalist-style1, .d2l-page-main-padding > form > .d2l-datalist-style1, .d2l-datalist-outdent { margin: 0px -10px; } .d2l-page-main-padding > .d2l-datalist-style1 > .d2l-datalist .d2l-datalist-item-content, .d2l-page-main-padding > .d2l-placeholder > .d2l-datalist-style1 > .d2l-datalist .d2l-datalist-item-content, .d2l-page-main-padding > form > .d2l-datalist-style1 > .d2l-datalist .d2l-datalist-item-content, .d2l-datalist-outdent > .d2l-datalist .d2l-datalist-item-content { padding-left: 10px; padding-right: 10px; } .d2l-page-main-padding > .d2l-datalist-style1 > .d2l-msg-container, .d2l-page-main-padding > .d2l-placeholder > .d2l-datalist-style1 > .d2l-msg-container, .d2l-page-main-padding > form > .d2l-datalist-style1 > .d2l-msg-container, .d2l-datalist-outdent > .d2l-msg-container { margin-left: 10px; margin-right: 10px; } .daylight .d2l-datalist-empty .d2l-msg-container-text { padding: 25px 30px; } .d2l-datalist.vui-list > .d2l-datalist-item { padding: 0px; } .d2l-datalist-checkboxitem, .d2l-datalist-radioitem { } .d2l-datalist-item-placeholder { display: none; } .d2l-datalist-checkboxitem > div:first-child, .d2l-datalist-radioitem > div:first-child { float: left; } [dir="rtl"] .d2l-datalist-checkboxitem > div:first-child, [dir="rtl"] .d2l-datalist-radioitem > div:first-child { float: right; } .daylight .d2l-datalist-checkboxitem > div:first-child, .daylight .d2l-datalist-radioitem > div:first-child { padding: 0.75rem 0.1rem 0.1rem 0.5rem; } [dir="rtl"].daylight .d2l-datalist-checkboxitem > div:first-child, [dir="rtl"].daylight .d2l-datalist-radioitem > div:first-child { padding-right: 0.5rem; padding-left: 0.1rem; } .d2l-datalist-checkboxitem > .d2l-datalist-item-content, .d2l-datalist-radioitem > .d2l-datalist-item-content { display: block; } .daylight .d2l-datalist-checkboxitem > .d2l-datalist-item-content, .daylight .d2l-datalist-radioitem > .d2l-datalist-item-content { margin-left: 52px; } .daylight .d2l-page-main-padding .d2l-datalist-checkboxitem > .d2l-datalist-item-content, .daylight .d2l-page-main-padding .d2l-datalist-radioitem > .d2l-datalist-item-content { margin-left: 42px; } [dir="rtl"].daylight .d2l-datalist-checkboxitem > .d2l-datalist-item-content, [dir="rtl"].daylight .d2l-datalist-radioitem > .d2l-datalist-item-content { margin-left: 0px; margin-right: 52px; } [dir="rtl"].daylight .d2l-page-main-padding .d2l-datalist-checkboxitem > .d2l-datalist-item-content, [dir="rtl"].daylight .d2l-page-main-padding .d2l-datalist-radioitem > .d2l-datalist-item-content { margin-left: 0px; margin-right: 42px; } .d2l-datalist-radioitem-itemstyle > .d2l-datalist-item-content { margin-left: 0px; } [dir="rtl"] .d2l-datalist-radioitem-itemstyle > .d2l-datalist-item-content { margin-right: 0px; } .d2l-datalist-item-actionable > .d2l-datalist-item-content:hover { cursor: pointer; } .d2l-datalist-item-actioncontrol:hover, .d2l-datalist-item-actioncontrol:focus { text-decoration: none !important; } .d2l-checkbox-readonly-container { display: none; padding: 2px 6px 3px 0px; position: relative; vertical-align: middle; } [dir="rtl"] .d2l-checkbox-readonly-container { padding-left: 6px; padding-right: 0px; } .d2l-datalist-container.d2l-readonly .d2l-checkbox-readonly-container { display: inline-block; } .d2l-datalist-container.d2l-readonly .d2l-checkbox-container { display: none; } .daylight .d2l-datalist-style1 > .d2l-datalist .d2l-datalist-item-content { padding-top: 0.75rem; padding-bottom: 0.75rem; } .daylight .d2l-datalist-summary { border-top: 1px solid rgb(211, 217, 227); border-bottom: 1px solid rgb(230, 234, 240); padding-top: 0.75rem; padding-bottom: 0.75rem; } .daylight .d2l-datalist-style1 > .d2l-datalist { padding-bottom: 0.75rem; } .daylight .d2l-datalist-style1 > .d2l-datalist-no-padding { padding-bottom: 0px; } .daylight .d2l-datalist-slim > .d2l-datalist .d2l-datalist-item-content { padding-top: 0px; padding-bottom: 0px; } .daylight .d2l-datalist-block > .d2l-datalist .d2l-datalist-item-content { padding-top: 1.5rem; padding-bottom: 1.5rem; } .daylight .d2l-datalist-block > .d2l-datalist > .d2l-datalist-item:first-child .d2l-datalist-item-content { padding-top: 0px; } .daylight .d2l-datalist-block .d2l-datalist-item-content .d2l-htmlblock > p:last-child { margin-bottom: 0px; } .d2l-datalist-item-content > div { } .d2l-datalist-empty-drop > .d2l-textblock { padding: 10px; } .daylight .d2l-datalist-item.d2l-datalist-item-hide-separators, .daylight .d2l-datalist-item.d2l-datalist-item-hide-separators + .d2l-datalist-item { border-top-color: transparent; } .d2l-datalist-item-highlight-transition > .d2l-datalist-item-content { transition: background-color 1.5s ease-in 0s; } .d2l-datalist-item-highlight-transition { transition: background-color 1.5s ease-in 0s; } .d2l-datalist-item-highlight-transition.vui-active > .d2l-datalist-item-content, .d2l-datalist-item-highlight-transition-color > .d2l-datalist-item-content { background-color: rgb(230, 239, 242) !important; } .d2l-datalist-item-highlight-transition.vui-active, .d2l-datalist-item-highlight-transition-color { background-color: rgb(230, 239, 242) !important; } .d2l-datalist-item-highlight-transition.vui-active.vui-selected > .d2l-datalist-item-content, .d2l-datalist-item-highlight-transition-color > .d2l-datalist-item-content { background-color: rgb(213, 223, 228) !important; } .d2l-datalist-item-highlight-transition.vui-active.vui-selected, .d2l-datalist-item-highlight-transition-color { background-color: rgb(213, 223, 228) !important; } .d2l-datetime-selector-date { display: inline-block; margin: 0.1em 0.3em 0.1em 0px; white-space: nowrap; width: 100px; } .daylight .d2l-datetime-selector-date { width: 8rem; } .daylight .d2l-datetime-selector-date .d2l-calendar-mini { margin: 1.25rem 0.5rem 0.5rem; } .d2l-datetime-selector-date .d2l-datetime-selector-calendar-link { margin-left: -22px; } .d2l-datetime-selector-date .d2l-datetime-selector-calendar-link > a { vertical-align: top; margin-top: 0.5em; } .d2l-datetime-selector { line-height: 1.5em; } .d2l-edit.vui-input { margin-right: 6px; } [dir="rtl"] .d2l-edit.vui-input { margin-right: 0px; margin-left: 6px; } .daylight .d2l-edit-clearicon { position: absolute; margin-left: calc(-1rem - 20px); } .daylight[dir="rtl"] .d2l-edit-clearicon, [dir="rtl"] .daylight .d2l-edit-clearicon { margin-left: 0px; margin-right: calc(-1rem - 20px); } .d2l-edit-clearicon-hidden { visibility: hidden; } .daylight .d2l-edit ~ .vui-validation-bubble { display: none; } .daylight .d2l-edit:focus ~ .vui-validation-bubble { display: block; } .d2l-editable { border-radius: 3px; border: 1px solid transparent; background-position: right center; background-repeat: no-repeat; cursor: pointer; overflow: hidden; white-space: normal; max-width: 100%; } .daylight .d2l-editable-changed, .daylight .d2l-editable.d2l-editable-changed:hover, .daylight .d2l-editable-focus.d2l-editable-changed, .daylight .d2l-editable-focus { background-color: rgb(249, 250, 251); } .daylight .d2l-editable:hover { background-color: rgb(242, 243, 245); } .d2l-editable-padding { min-height: 1em; } .d2l-editable-inline { display: inline-block; } .daylight .d2l-editable-placeholder { background-color: rgb(249, 250, 251); border: 1px solid rgb(211, 217, 227); color: rgb(86, 90, 92); padding: 5px; } .daylight .d2l-editable-focus { border-radius: 0.3rem; box-shadow: rgb(0, 111, 191) 0px 0px 0px 2px; } .d2l-editable, .d2l-editable:hover, .d2l-editable-focus { transition: background-color 0.2s ease-in 0s; } .d2l-editable-changed { transition: background-color 1.5s ease-in 0s; } .d2l-editable-target > .d2l-edit, .d2l-editable-target > .d2l-longedit { margin: 0px; } .d2l-editable-large { font-size: 1.7em; } .d2l-editable-url { float: left; padding-right: 5px; } .d2l-emoticon-selector-emoticon { display: inline-block; height: 40px; width: 40px; } .d2l-emoticon-selector-emoticon-a { display: inline-block; height: 40px; width: 40px; } .d2l-emoticon-selector-emoticon-img { display: block; height: 30px; margin: 5px auto; } .d2l-emoticon-selector-emoticon-active { background-color: rgb(211, 231, 250); } .d2l-field-beside { display: table; } .d2l-field-beside .d2l-field { float: left; color: rgb(102, 102, 102); display: table-cell; font-size: 14px; text-transform: capitalize; padding-right: 15px; } [dir="rtl"] .d2l-field-beside .d2l-field { float: right; } .d2l-field-beside .d2l-field-content { display: table-cell; vertical-align: top; width: 100%; } .d2l-field-beside-label { vertical-align: top; padding: 0px 10px 0px 0px; min-width: 50px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } [dir="rtl"] .d2l-field-beside-label { padding-left: 10px; } .d2l-field-beside-label > label, .d2l-field-beside-label > span { white-space: pre; word-wrap: break-word; text-overflow: ellipsis; } .d2l-field-beside-content { width: 100%; vertical-align: top; } .d2l-fieldgroup-right .d2l-field { text-align: right; } [dir="rtl"] .d2l-fieldgroup-right .d2l-field { text-align: left; } .d2l-fieldgroup-horizontal { padding: 0px; } .d2l-fieldgroup-horizontal .d2l-invisible { display: block; margin-bottom: 9px; } .d2l-fileinput { border: 2px dashed transparent; padding-right: 18px; margin-right: 6px; } [dir="rtl"] .d2l-fileinput { margin-left: 6px; margin-right: 0px; padding-left: 18px; padding-right: 0px; } .daylight .d2l-fileinput { box-sizing: border-box; border-radius: 0.3rem; } .d2l-fileinput-add { margin: 0px 6px 10px 0px; } [dir="rtl"] .d2l-fileinput-add { margin: 0px 0px 10px 6px; } .daylight .d2l-fileinput-add { border: 2px dashed rgb(211, 217, 227); background-color: rgb(255, 255, 255); padding: 1rem; } .daylight .d2l-fileinput-drop-msg, .daylight .d2l-fileinput-errors { padding-bottom: 5px; } .d2l-fileinput-drop-msg { display: none; } .daylight .d2l-fileinput-drop-msg { color: rgb(114, 119, 122); } .d2l-fileinput-input { display: none; visibility: hidden; } .daylight .d2l-fileinput-errors { color: rgb(205, 32, 38); } .d2l-fileinput-add > .d2l-fileinput-drop-msg { display: block; } .daylight .d2l-filedrop-add.d2l-filedrop-drag > .d2l-fileinput-drop-msg { color: rgb(114, 119, 122); } .d2l-fileinput-addbuttons { display: none; } .d2l-fileinput-add > .d2l-fileinput-addbuttons { display: block; } .daylight .d2l-fileinput-addbuttons > .d2l-button, .daylight .d2l-fileinput-addbuttons > .d2l-button-menu { margin-bottom: 0.75rem; } .d2l-fileinput-upload-progress { margin-top: 15px; width: 275px; } .d2l-fileinput-upload-progress-bar > .d2l-imagelink { margin-top: 0.4em; margin-left: -20px; position: relative; z-index: 2; } [dir="rtl"] .d2l-fileinput-upload-progress-bar > .d2l-imagelink { margin-left: 0px; margin-right: -20px; } .d2l-fileinput-upload-progress-bar { border-radius: 2px; position: relative; } .daylight .d2l-fileinput-upload-progress-bar { border: 1px solid rgb(211, 217, 227); } .d2l-fileinput-upload-progress-bar-text { padding: 1px 4px; display: inline-block; float: left; overflow: hidden; white-space: nowrap; width: 240px; text-overflow: ellipsis; position: relative; z-index: 2; } .daylight .d2l-fileinput-upload-progress-bar-text { color: rgb(70, 166, 97); } .d2l-fileinput-upload-progress-bar-inner { padding: 1px 4px; display: inline-block; float: left; overflow: visible; white-space: nowrap; width: 0px; z-index: 1; position: absolute; left: 0px; height: 91%; } [dir="rtl"] .d2l-fileinput-upload-progress-bar-inner { float: right; } .daylight .d2l-fileinput-upload-progress-bar-inner { background-color: rgb(236, 246, 238); color: rgb(70, 166, 97); } .d2l-fileinput-placeholder { display: none; } .daylight .d2l-fileinput-filelist { margin: 0px; padding: 0px; } .d2l-fileinput-filelist > li { list-style: none; margin-top: 5px; } .daylight .d2l-fileinput-filelist > li { align-items: center; display: flex; } .daylight .d2l-fileinput-filelist > li > .d2l-image { flex: 0 0 auto; } .d2l-fileinput-filelist > li > span { margin-right: 4px; } [dir="rtl"] .d2l-fileinput-filelist > li > span { margin-right: 0px; margin-left: 4px; } .daylight .d2l-fileinput-filelist > li > span { flex: 0 0 auto; } .daylight .d2l-fileinput-filelist > li > .d2l-imagelink { flex: 0 0 auto; } .d2l-fileinput-filelist > li > .d2l-link { margin-right: 5px; margin-left: 5px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; } .daylight .d2l-fileinput-filelist > li > .d2l-link { flex: 0 0 auto; } .d2l-flash-message-container { position: fixed; right: 50%; opacity: 0; visibility: hidden; min-height: 20px; transition: opacity 2s ease-in 0s, visibility 2s ease-in 0s; } .d2l-flash-message { background-repeat: no-repeat; background-position: 15px 20px; color: rgb(0, 0, 0); width: 95%; font-size: 1.3em; font-weight: normal; text-align: left; padding: 20px 0px 20px 42px; margin-top: 0px; margin-right: 42px; white-space: normal; } .d2l-flash-message-text { text-overflow: ellipsis; overflow: hidden; } .d2l-flash-message-noicon { padding-left: 15px; } .d2l-flash-message-show { opacity: 1; visibility: visible; transition: opacity 0.3s ease-in 0s, visibility 0.3s ease-in 0s; } .d2l-floating-container { display: inline-block; position: absolute; } .d2l-floating-container-close { background-image: url("/d2l/img/lp/dialog/x.png"); background-repeat: no-repeat; width: 16px; height: 16px; float: right; display: inline-block; } .d2l-floating-container-titlebar { } .d2l-floating-container-titlebar .d2l-heading { float: left; } .d2l-floating-container-movable .d2l-floating-container-titlebar { cursor: move; } [dir="rtl"] .d2l-floating-container-close { float: left; } [dir="rtl"] .d2l-floating-container-titlebar .d2l-heading { float: right; } .daylight .d2l-heading.vui-heading-1 ~ .d2l-contextmenu-ph { margin-top: calc((3rem - 30px) / 2); } .daylight .d2l-heading.vui-heading-2 ~ .d2l-contextmenu-ph { margin-top: calc((2.25rem - 30px) / 2); } .daylight .d2l-heading.vui-heading-3 ~ .d2l-contextmenu-ph, .daylight .d2l-heading.vui-heading-4 ~ .d2l-contextmenu-ph { margin-top: calc((1.5rem - 30px) / 2); } .daylight .d2l-heading.bsi-set-solid ~ .d2l-contextmenu-ph { line-height: normal; margin-top: 0px; margin-bottom: 0px; } .d2l-htmlblock { word-wrap: break-word; } .d2l-htmleditor-texteditor { box-sizing: border-box; padding: 3px; } .d2l-htmleditor-texteditor > .d2l-htmleditor-textarea { padding: 0px; border-style: none; width: 100%; resize: none; } .d2l-htmleditor-noeditor { border-style: none; } .d2l-htmleditor-toolbar-item .d2l-select { text-overflow: ellipsis; } .d2l-htmleditor-split-button { cursor: pointer; display: inline-block; float: left; line-height: 1px; padding: 0.45em; border: 0px; } [dir="rtl"] .d2l-htmleditor-split-button { float: right; } .d2l-htmleditor-split-button-active { background-color: rgb(232, 242, 252); } .d2l-htmleditor-split-button-disabled { opacity: 0.5; cursor: default; } .d2l-htmleditor-split-button:hover, .d2l-htmleditor-split-button:focus { background-color: rgb(255, 255, 255); } .d2l-htmleditor-footer .d2l-htmleditor-split-button { border: 1px solid transparent; border-radius: 3px; } .d2l-htmleditor-footer .d2l-htmleditor-split-button:hover, .d2l-htmleditor-footer .d2l-htmleditor-split-button:focus { border-color: rgb(223, 223, 223); } .d2l-htmleditor-footer .d2l-htmleditor-toolbar-item:first-child .d2l-htmleditor-split-button:hover, .d2l-htmleditor-footer .d2l-htmleditor-toolbar-item:first-child .d2l-htmleditor-split-button:focus { border-color: rgb(223, 223, 223); } .d2l-htmleditor-footer .d2l-htmleditor-toolbar-item:last-child .d2l-htmleditor-split-button:hover, .d2l-htmleditor-footer .d2l-htmleditor-toolbar-item:last-child .d2l-htmleditor-split-button:focus { border-color: rgb(223, 223, 223); } .d2l-htmleditor-split-button.d2l-htmleditor-split-button-disabled:hover, .d2l-htmleditor-split-button.d2l-htmleditor-split-button-disabled:focus { background: transparent; } .d2l-htmleditor-code-wrap { padding: 4px 0px 8px 5px; } [dir="rtl"] .d2l-htmleditor-code-wrap { padding-left: 0px; padding-right: 5px; } .d2l-htmleditor-dialog-textarea.vui-input { height: 200px; } .d2l-htmleditor-fullscreen { position: fixed; left: 0px; top: 0px; z-index: 1001; } .d2l-htmleditor-symbol { margin-right: 9em; } [dir="rtl"] .d2l-htmleditor-symbol { margin-left: 9em; margin-right: 0px; } .d2l-htmleditor-symbol-preview-container { float: right; } [dir="rtl"] .d2l-htmleditor-symbol-preview-container { float: left; } .d2l-htmleditor-symbol-preview { margin-right: -9em; margin-bottom: 10px; } [dir="rtl"] .d2l-htmleditor-symbol-preview { margin-left: -9em; margin-right: 0px; } .d2l-htmleditor-symbol-symbol { border: 1px solid rgb(212, 212, 212); background-color: rgb(255, 255, 255); height: 9em; text-align: center; } .d2l-htmleditor-symbol-symbol-text { font-size: 3em; line-height: 3em; } .d2l-htmleditor-symbol-edit { margin: 4px 0px 0px; width: 9em; text-align: center; } .d2l-htmleditor-symbol-htmlcode-text { padding: 0.5em; margin-top: 4px; line-height: 1.4em; text-align: center; border: 1px solid rgb(212, 212, 212); border-radius: 3px; } .d2l-htmleditor-symbol-list { font-size: 1.2em; margin: 0px; padding: 0px; list-style: none outside none; color: rgb(53, 53, 53); } .d2l-htmleditor-symbol-char-item { text-align: center; display: inline-block; margin-bottom: 3px; } .d2l-htmleditor-symbol-char { cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 3px; display: inline-block; padding: 0.2em 0px; width: 1.6em; color: rgb(53, 53, 53); background-color: rgb(238, 238, 238); } .d2l-htmleditor-symbol-char:hover, .d2l-htmleditor-symbol-char:focus { background-color: rgb(255, 255, 255); } .d2l-htmleditor-symbol-char-selected { background-color: rgb(232, 242, 252); } .d2l-htmleditor-symbol-char-selected.d2l-htmleditor-symbol-char:hover, .d2l-htmleditor-symbol-char-selected.d2l-htmleditor-symbol-char:focus { background-color: rgb(211, 231, 250); } .d2l-htmleditor-symbol-symbol-invalid { background-color: transparent; } .d2l-table-builder { padding: 2px; } .d2l-table-builder-row { line-height: 0; margin-bottom: 2px; width: 318px; } .d2l-table-builder-row:last-child { margin-bottom: 0px; } .d2l-table-builder-size { background: transparent; border: 1px solid rgb(204, 204, 204); height: 28px; width: 28px; display: inline-block; margin-right: 2px; } .d2l-table-builder-size:last-child { margin-right: 0px; } .d2l-table-builder-size:hover { cursor: pointer; } .d2l-table-builder-size-included { background-color: rgb(232, 242, 252); } .d2l-table-builder-size-active { background-color: rgb(211, 231, 250); } .d2l-table-builder-cols-by-rows { text-align: center; } .d2l-box-layout { width: 100%; display: table; } .d2l-box-v { display: block; } .d2l-box-h { display: table-cell; } .d2l-list > li { list-style: none; } .d2l-list { margin: 0px; padding: 0px; } .d2l-list-disc > li { list-style: disc; margin-left: 40px; } .d2l-list-circle > li { list-style: circle; margin-left: 40px; } .d2l-list-square > li { list-style: square; margin-left: 40px; } .d2l-loadmore-pager { display: block; font-weight: normal !important; } .d2l-menuflyout { display: inline-block; margin-right: 5px; } .daylight .d2l-menuflyout { padding: 0px; } [dir="rtl"] .d2l-menuflyout { margin-right: 0px; margin-left: 5px; } .d2l-menuflyout-open { padding: 0px; position: relative; } .daylight .d2l-menuflyout-open { position: static; } .d2l-menuflyout .d2l-menuflyout-opener { border: 1px solid transparent; border-radius: 3px; display: block; padding: 1px 0px 1px 2px; text-decoration: none; z-index: 100; } [dir="rtl"] .d2l-menuflyout .d2l-menuflyout-opener { padding-left: 0px; padding-right: 2px; } .d2l-menuflyout .d2l-menuflyout-opener:focus { outline-style: none; } .d2l-menuflyout-bright .d2l-menuflyout-opener { background-color: rgb(255, 255, 255); border-color: rgb(102, 102, 102); color: rgb(204, 22, 22); } .d2l-menuflyout-open > .d2l-menuflyout-opener { position: relative; } .d2l-menuflyout .d2l-menuflyout-opener:hover, .d2l-menuflyout .d2l-menuflyout-opener:focus { border-width: 1px; border-style: solid; } .daylight .d2l-menuflyout-dark .d2l-menuflyout-opener:hover, .daylight .d2l-menuflyout-dark .d2l-menuflyout-opener:focus, .daylight .d2l-menuflyout-dark .d2l-menuflyout-link-hover:hover, .daylight .d2l-menuflyout-dark.d2l-menuflyout-link-focus .d2l-menuflyout-link-hover { background-color: rgb(255, 255, 255); } .d2l-menuflyout-light .d2l-menuflyout-opener:hover, .d2l-menuflyout-light .d2l-menuflyout-opener:focus, .d2l-menuflyout-light .d2l-menuflyout-link-hover:hover, .d2l-menuflyout-light.d2l-menuflyout-link-focus .d2l-menuflyout-link-hover { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.7); } .d2l-menuflyout-bright .d2l-menuflyout-opener:hover, .d2l-menuflyout-bright .d2l-menuflyout-opener:focus, .d2l-menuflyout-bright .d2l-menuflyout-link-hover:hover, .d2l-menuflyout-bright.d2l-menuflyout-link-focus .d2l-menuflyout-link-hover { background-color: rgb(250, 250, 250); border-color: rgb(51, 51, 51); } .d2l-menuflyout-icon { margin-right: 2px; } [dir="rtl"] .d2l-menuflyout-icon { margin-left: 2px; margin-right: 0px; } .d2l-menuflyout-text { display: inline-block; padding: 3px 5px 3px 1px; vertical-align: middle; white-space: nowrap; } [dir="rtl"] .d2l-menuflyout-text { padding-left: 5px; padding-right: 1px; } .d2l-menuflyout-dark .d2l-menuflyout-text, .d2l-menuflyout-dark .d2l-menuflyout-link-link, .d2l-menuflyout-dark .d2l-menuflyout-link-link:link, .d2l-menuflyout-dark .d2l-menuflyout-link-link:hover, .d2l-menuflyout-dark .d2l-menuflyout-link-link:visited { color: rgb(86, 90, 92); } .daylight .d2l-menuflyout-dark .d2l-menuflyout-text:focus, .daylight .d2l-menuflyout-dark .d2l-menuflyout-text:hover { color: rgb(28, 82, 149); } .d2l-menuflyout-light .d2l-menuflyout-text, .d2l-menuflyout-light .d2l-menuflyout-link-link, .d2l-menuflyout-light .d2l-menuflyout-link-link:link, .d2l-menuflyout-light .d2l-menuflyout-link-link:hover, .d2l-menuflyout-light .d2l-menuflyout-link-link:visited { color: rgba(255, 255, 255, 0.9); } .d2l-menuflyout-arrow { display: inline-block; margin-right: 3px; vertical-align: middle; } [dir="rtl"] .d2l-menuflyout-arrow { margin-left: 3px; margin-right: 0px; } .d2l-menuflyout-arrow-open { display: none; } .d2l-menuflyout.d2l-menuflyout-open .d2l-menuflyout-arrow-closed { display: none; } .d2l-menuflyout.d2l-menuflyout-open .d2l-menuflyout-arrow-open { display: inline-block; } .d2l-menuflyout-emphasis { font-style: italic; } .daylight .d2l-menuflyout.d2l-menuflyout-open .daylight .d2l-menuflyout-opener { padding-top: 0px; } .d2l-menuflyout.d2l-menuflyout-open .d2l-menuflyout-opener { background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-bottom-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none; padding-bottom: 4px; background-color: rgb(255, 255, 255) !important; } .daylight .d2l-menuflyout.d2l-menuflyout-open .d2l-menuflyout-opener { } .daylight .d2l-menuflyout.d2l-menuflyout-open .d2l-menuflyout-text, .daylight .d2l-menuflyout-open .d2l-menuflyout-link-link { color: rgb(28, 82, 149) !important; } .d2l-menuflyout-bright.d2l-menuflyout-open .d2l-menuflyout-text { color: rgb(204, 22, 22) !important; } .d2l-menuflyout-open .d2l-menuflyout-link-link { border-right-color: rgb(153, 153, 153) !important; } [dir="rtl"] .d2l-menuflyout-open .d2l-menuflyout-link-link { border-left-color: rgb(153, 153, 153) !important; border-right-color: transparent !important; } .d2l-menuflyout-contents { background-color: rgb(255, 255, 255); display: none; outline: none; overflow: hidden auto; position: absolute; z-index: 99; } .daylight .d2l-menuflyout-contents { border: 1px solid rgb(211, 217, 227); border-radius: 0.3rem; min-width: 0px; top: auto; } .d2l-menuflyout-open .d2l-menuflyout-contents { display: block; } .daylight .d2l-menuflyout-contents.d2l-menuflyout-contents-right { margin-left: 0px; left: auto; } [dir="rtl"] .daylight .d2l-menuflyout-contents.d2l-menuflyout-contents-right { right: auto; } .daylight .d2l-menuflyout-contents.d2l-menuflyout-contents-left { right: auto; } [dir="rtl"] .daylight .d2l-menuflyout-contents.d2l-menuflyout-contents-left { left: auto; } .daylight .d2l-menuflyout-group-container { margin-top: 10px; } .d2l-menuflyout-spacer { display: inline-block; padding: 3px 0px; margin-left: -1px; vertical-align: middle; width: 1px; } [dir="rtl"] .d2l-menuflyout-spacer { margin-left: 0px; margin-right: -1px; } img.d2l-menuflyout-icon-open { display: none; margin-right: 2px; } .d2l-menuflyout.d2l-menuflyout-open img.d2l-menuflyout-icon { display: none; } .d2l-menuflyout.d2l-menuflyout-open img.d2l-menuflyout-icon-open { display: inline-block; } img.d2l-menuflyout-icon.d2l-menuflyout-icon-open { display: inline-block; } [dir="rtl"] img.d2l-menuflyout-icon-open { margin-right: 0px; margin-left: 2px; } .d2l-menuflyout-link { display: inline-block; margin-right: 5px; padding: 4px 0px; position: relative; } .d2l-menuflyout-link.d2l-menuflyout-open { padding: 0px; } .d2l-menuflyout-link-hover { border: 1px solid transparent; border-radius: 2px; max-width: 178px; position: relative; z-index: 100; } .d2l-menuflyout-dark .d2l-menuflyout-link-hover:hover .d2l-menuflyout-link-link, .d2l-menuflyout-dark.d2l-menuflyout-link-focus .d2l-menuflyout-link-link { border-right-color: rgba(0, 0, 0, 0.7); } .d2l-menuflyout-light .d2l-menuflyout-link-hover:hover .d2l-menuflyout-link-link, .d2l-menuflyout-light.d2l-menuflyout-link-focus .d2l-menuflyout-link-link { border-right-color: rgba(255, 255, 255, 0.7); } .d2l-menuflyout-link-link, .d2l-menuflyout-link .d2l-menuflyout-opener { display: block; float: left; } .d2l-menuflyout-link-link, .d2l-menuflyout-link-link:link, .d2l-menuflyout-link-link:hover, .d2l-menuflyout-link-link:visited { border-right: 1px solid transparent; font-weight: bold; max-width: 150px; overflow: hidden; padding: 3px 5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .d2l-menuflyout-link-link:hover, .d2l-menuflyout-link-link:focus { text-decoration: underline; } .d2l-menuflyout-dark .d2l-menuflyout-opener:hover, .d2l-menuflyout-dark .d2l-menuflyout-opener:focus { background-color: rgba(0, 0, 0, 0.2); } .d2l-menuflyout-light .d2l-menuflyout-opener:hover, .d2l-menuflyout-light .d2l-menuflyout-opener:focus { background-color: rgba(255, 255, 255, 0.2); } .d2l-menuflyout-link-arrow { display: inline-block; margin: 0px 3px; vertical-align: middle; } .d2l-menuflyout-link.d2l-menuflyout-open .d2l-menuflyout-link-hover { border-color: rgb(153, 153, 153); border-bottom-style: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .d2l-menuflyout-link.d2l-menuflyout-open .d2l-menuflyout-link-link { background-color: rgb(255, 255, 255); padding: 7px 5px; } .d2l-menuflyout-link.d2l-menuflyout-open .d2l-menuflyout-opener { background-color: rgba(255, 255, 255, 0.4); padding: 4px 0px; } .d2l-menuflyout .d2l-menuflyout-opener, .d2l-menuflyout .d2l-menuflyout-opener:link, .d2l-menuflyout .d2l-menuflyout-opener:visited, .d2l-menuflyout .d2l-menuflyout-opener:hover, .d2l-menuflyout .d2l-menuflyout-opener:focus { text-decoration: none; } .d2l-menuflyout-opener:focus { outline: none; } .d2l-menuflyout-link-link, .d2l-menuflyout-link-link:link, .d2l-menuflyout-link-link:visited { text-decoration: none; outline: none; } .d2l-menuflyout-link-link:hover, .d2l-menuflyout-link-link:focus { text-decoration: underline; } .d2l-partial-render-shim { background-color: rgb(255, 255, 255); } .d2l-loading { text-align: center; } .d2l-searchclear { } select.vui-input { width: auto; } .d2l-select-container { display: inline-block; margin-right: 6px; } [dir="rtl"] .d2l-select-container { margin-right: 0px; margin-left: 6px; } .d2l-shim { left: 0px; top: 0px; width: 100%; z-index: 1000; } .d2l-textblock { word-wrap: break-word; margin-bottom: 0px; } .daylight .d2l-textblock-secondary { color: rgb(86, 90, 92); } .daylight .d2l-two-columns-side .d2l-textblock-secondary { font-size: 0.8rem; color: rgb(86, 90, 92); } .daylight .d2l-textblock-strong { font-weight: 700; } .d2l-textblock-disabled { color: rgb(160, 160, 160); } .daylight .d2l-textblock:focus { outline: rgb(242, 248, 252) solid 2px; margin-left: 2px; } .d2l-text-imagelink { display: inline-block; text-decoration: none; } .d2l-text-imagelink-img { vertical-align: middle; } .d2l-text-imagelink-text { padding-left: 4px; vertical-align: middle; } .daylight .d2l-text-imagelink-text { padding-left: 10px; } [dir="rtl"] .daylight .d2l-text-imagelink-text { padding-right: 10px; padding-left: 0px; } .d2l-text-imagelink-gray > .d2l-text-imagelink-text { color: rgb(53, 53, 53); } [dir="rtl"] .d2l-text-imagelink { background-position: right top; } [dir="rtl"] .d2l-text-imagelink-text { padding-right: 4px; padding-left: 0px; } .d2l-time-selector { display: inline-block; margin: 0.1em 0.3em 0.1em 0px; vertical-align: top; white-space: nowrap; width: 100px; } .d2l-time-selector .d2l-edit.vui-input { } .daylight .d2l-time-selector { width: 8rem; } .d2l-time-selector-tz { color: rgb(136, 136, 136); font-style: italic; padding-top: 0.1em; } ul.d2l-time-selector-list { cursor: default; list-style: none outside none; text-align: left; } ul.d2l-time-selector-list > li { white-space: nowrap; padding: 0.2em 0.4em; } ul.d2l-time-selector-list > li:hover { background-color: rgb(224, 238, 253); } ul.d2l-time-selector-list > li.d2l-time-selector-listitem-selected { background-color: rgb(51, 153, 255); color: rgb(255, 255, 255); } .vui-input[type="text"].d2l-time-selector-invalid { border: 1px solid rgb(203, 103, 103); background-color: rgb(250, 242, 240); } .d2l-time-selector-list { padding: 0px; margin: 0px; } .d2l-imagelink { background-repeat: no-repeat; } .d2l-updownvote-readonly { min-width: 48px; } .d2l-updownvote-readonly.d2l-updownvote-both { overflow: hidden; width: 48px; } .d2l-updownvote-readonly .d2l-updownvote-up, .d2l-updownvote-readonly .d2l-updownvote-down { background-image: url("/d2l/img/lp/upDownVote/updownvote.png"); background-position: 0px 0px; background-repeat: no-repeat; height: 24px; margin-left: 12px; } .d2l-updownvote-readonly .d2l-updownvote-down { background-position: 0px -24px; } .d2l-updownvote-readonly.d2l-updownvote-uponly .d2l-updownvote-up { float: left; width: 24px; } .daylight .d2l-updownvote-readonly.d2l-updownvote-uponly { width: 48px; } .d2l-updownvote-readonly .d2l-updownvote-votes { text-align: center; } .d2l-updownvote-readonly.d2l-updownvote-uponly .d2l-updownvote-votes { padding-top: 2px; } .daylight .d2l-updownvote-readonly.d2l-updownvote-uponly .d2l-updownvote-votes { display: block; padding-left: 2px; } .d2l-updownvote-readonly .d2l-updownvote-votes > span { color: rgb(102, 102, 102); font-size: 1.1em; font-weight: bold; text-align: center; } .d2l-updownvote-input { width: 48px; min-width: 48px; } .d2l-updownvote-input > legend { height: 1px; text-indent: -999em; } .d2l-updownvote-input .d2l-updownvote-none { display: inline-block; height: 1px; left: -999em; position: absolute; } .d2l-updownvote-input .d2l-updownvote-up, .d2l-updownvote-input .d2l-updownvote-down { cursor: pointer; display: block; height: 24px; overflow: hidden; position: relative; text-indent: -999em; } .d2l-updownvote-input .d2l-updownvote-up > img, .d2l-updownvote-input .d2l-updownvote-down > img { background-image: url("/d2l/img/lp/upDownVote/updownvoteinput.png"); background-position: 0px 0px; background-repeat: no-repeat; height: 24px; left: 12px; position: absolute; top: 0px; width: 24px; } .d2l-updownvote-input .d2l-updownvote-up:hover > img { background-position: 0px -24px; } .d2l-updownvote-input .d2l-updownvote-up.d2l-updownvote-active > img { background-position: 0px -48px; } .d2l-updownvote-input .d2l-updownvote-up.d2l-updownvote-active:hover > img { background-position: 0px -72px; } .d2l-updownvote-input .d2l-updownvote-down > img { background-position: -24px 0px; } .d2l-updownvote-input .d2l-updownvote-down:hover > img { background-position: -24px -24px; } .d2l-updownvote-input .d2l-updownvote-down.d2l-updownvote-active > img { background-position: -24px -48px; } .d2l-updownvote-input .d2l-updownvote-down.d2l-updownvote-active:hover > img { background-position: -24px -72px; } .d2l-updownvote-input .d2l-updownvote-votes { text-align: center; } .d2l-updownvote-input .d2l-updownvote-votes > span { color: rgb(102, 102, 102); font-size: 1.1em; font-weight: bold; text-align: center; } .d2l-updownvote-input.d2l-updownvote-uponly { width: 100%; } .d2l-updownvote-input.d2l-updownvote-uponly .d2l-updownvote-up { display: inline-block; margin-right: 12px; overflow: visible; width: 24px; } .daylight .d2l-updownvote-input.d2l-updownvote-uponly .d2l-updownvote-votes { display: block; padding-left: 2px; } .d2l-updownvoteprint-uponly { float: left; margin-left: 12px; } .d2l-updownvoteprint-both { display: block; margin-left: 12px; } .d2l-updownvote-readonly.d2l-updownvote-uponly .d2l-updownvoteprint-votes { padding: 3px 0px 0px 4px; } [dir="RTL"] .d2l-updownvoteprint-uponly { float: right; margin-left: 0px; margin-right: 12px; } [dir="RTL"] .d2l-updownvoteprint-both { margin-left: 0px; margin-right: 12px; } [dir="RTL"] .d2l-updownvote-readonly.d2l-updownvote-uponly .d2l-updownvoteprint-votes { padding: 3px 4px 0px 0px; } .d2l-dialog-inline-body { background-repeat: no-repeat; display: block; } .daylight .d2l-dialog-inline-body { background-position: 0px 1em; box-sizing: border-box; min-height: 4em; overflow: auto; } .daylight[dir="rtl"] .d2l-dialog-inline-body { background-position: 100% 1rem; } .d2l-dialog-inline { height: auto; } .daylight .d2l-dialog-inline > .d2l-dialog-inner { max-height: inherit; } .d2l-dialog-inline-body > p { margin: 0px; } .daylight .d2l-dialog-inline-body-icon { padding-bottom: 1rem; padding-right: 0px; padding-top: 1rem; } .daylight .d2l-dialog-inline-body-noicon { padding-top: 1rem; } .daylight .d2l-dialog-inline-body-nopadding { padding-top: 0px; } .daylight .d2l-dialog-inline-body-alert, .daylight .d2l-dialog-inline-body-info, .daylight .d2l-dialog-inline-body-warning { padding-left: 66px; } .daylight[dir="rtl"] .d2l-dialog-inline-body-alert, .daylight[dir="rtl"] .d2l-dialog-inline-body-info, .daylight[dir="rtl"] .d2l-dialog-inline-body-warning { padding-right: 66px; padding-left: 0px; } .d2l-dialog-inline-body-alert { background-image: url("/d2l/img/lp/dialog/error_36.png"); } .d2l-dialog-inline-body-info { background-image: url("/d2l/img/lp/dialog/info_36.png"); } .d2l-dialog-inline-body-warning { background-image: url("/d2l/img/lp/dialog/warning_36.gif"); } .d2l-dialog-inline-primary-message { font-weight: bold; } .d2l-page-actions { margin-left: 10px; margin-right: 1.2rem; white-space: nowrap; } [dir="rtl"] .d2l-page-actions { margin-right: 10px; margin-left: 1.2rem; } .d2l-button-subtle-group { display: inline-block; line-height: 0; margin-right: -1.2rem; } .d2l-page-actions d2l-button-subtle { margin-right: 0.25rem; } [dir="rtl"] .d2l-page-actions d2l-button-subtle { margin-left: 0.25rem; margin-right: 0px; } @media (min-width: 544px) { .daylight d2l-dropdown.page-action-group { display: none; } } @media (max-width: 544px) { .daylight .d2l-page-actions-responsive { display: none; } .daylight d2l-dropdown.page-action-group { display: inline-block; margin-left: 30px; } [dir="rtl"].daylight d2l-dropdown.page-action-group { margin-left: 0px; margin-right: 30px; } } .d_tabs_container d2l-floating-buttons { margin-left: 10px; margin-right: 10px; } .daylight d2l-floating-buttons d2l-button-group d2l-dropdown-button { margin-right: 0px; } [dir="rtl"].daylight d2l-floating-buttons d2l-button-group d2l-dropdown-button { margin-left: 0px; } .d2l-page-message-container { width: 100%; text-align: center; bottom: 40px; position: fixed; pointer-events: none; z-index: 2001; } .d2l-page-message { pointer-events: all; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); opacity: 0; max-width: 640px; text-align: left; box-shadow: rgba(50, 50, 50, 0.18) 0px 3px 5px; border-radius: 5px; transition: bottom 0.8s ease 0s, opacity 1s ease 0s; } .d2l-page-message, .d2l-page-message .vui-heading-2 { color: rgb(102, 102, 102); } .d2l-page-message-shake { animation: d2lPageMessageShakeStart 50ms linear 0s 1 normal none running, d2lPageMessageShake2 180ms ease-out 50ms 1 normal none running, d2lPageMessageShake3 140ms ease-in-out 230ms 1 normal none running, d2lPageMessageShake4 120ms ease-in-out 370ms 1 normal none running, d2lPageMessageShake5 100ms ease-in-out 490ms 1 normal none running; } .d2l-page-message-close { margin: 10px 12px; overflow: hidden; } @keyframes d2lPageMessageShakeStart { 100% { transform: translateX(-16px); } } @-webkit-keyframes d2lPageMessageShakeStart { 100% { transform: translateX(-16px); } } @keyframes d2lPageMessageShake2 { 0% { transform: translateX(-16px); } 50% { transform: translateX(12px); } 100% { transform: translateX(-8px); } } @-webkit-keyframes d2lPageMessageShake2 { 0% { transform: translateX(-16px); } 50% { transform: translateX(12px); } 100% { transform: translateX(-8px); } } @keyframes d2lPageMessageShake3 { 0% { transform: translateX(-8px); } 50% { transform: translateX(6px); } 100% { transform: translateX(-4px); } } @-webkit-keyframes d2lPageMessageShake3 { 0% { transform: translateX(-8px); } 50% { transform: translateX(6px); } 100% { transform: translateX(-4px); } } @keyframes d2lPageMessageShake4 { 0% { transform: translateX(-4px); } 50% { transform: translateX(2px); } 100% { transform: translateX(-1px); } } @-webkit-keyframes d2lPageMessageShake4 { 0% { transform: translateX(-4px); } 50% { transform: translateX(2px); } 100% { transform: translateX(-1px); } } @keyframes d2lPageMessageShake5 { 0% { transform: translateX(-1px); } 100% { transform: translateX(0px); } } @-webkit-keyframes d2lPageMessageShake5 { 0% { transform: translateX(-1px); } 100% { transform: translateX(0px); } } .d2l-tool-areas { padding-bottom: 8px; position: relative; } .d2l-tool-areas-list { margin: 0px; padding: 0px; } .d2l-tool-areas-item { display: inline-block; } .d2l-tool-areas-link, .d2l-tool-areas-link:visited, .d2l-tool-areas-link:link, .d2l-tool-areas-link:hover, .d2l-tool-areas-link:focus { color: rgb(1, 119, 149); display: inline-block; padding: 0px 15px; text-decoration: none; } .daylight .d2l-tool-areas-link, .daylight .d2l-tool-areas-link:visited, .daylight .d2l-tool-areas-link:link, .daylight .d2l-tool-areas-link:hover, .daylight .d2l-tool-areas-link:focus { color: rgb(86, 90, 92); } .d2l-tool-areas-item:first-child .d2l-tool-areas-link { padding-left: 0px; } .d2l-tool-areas-item-selected > .d2l-tool-areas-link, .d2l-tool-areas-item-selected > .d2l-tool-areas-link:visited, .d2l-tool-areas-item-selected > .d2l-tool-areas-link:link, .d2l-tool-areas-item-selected > .d2l-tool-areas-link:hover, .d2l-tool-areas-item-selected > .d2l-tool-areas-link:focus { color: rgb(51, 51, 51); font-weight: bold; } .daylight .d2l-tool-areas-item-selected > .d2l-tool-areas-link, .daylight .d2l-tool-areas-item-selected > .d2l-tool-areas-link:visited, .daylight .d2l-tool-areas-item-selected > .d2l-tool-areas-link:link, .daylight .d2l-tool-areas-item-selected > .d2l-tool-areas-link:hover, .daylight .d2l-tool-areas-item-selected > .d2l-tool-areas-link:focus { color: rgb(0, 111, 191); } .d2l-tool-areas-bar { border-top: 3px solid rgb(1, 119, 149); bottom: 1px; display: none; position: absolute; width: 0px; } .daylight .d2l-tool-areas-bar { border-top: 3px solid rgb(0, 111, 191); } [dir="rtl"] .d2l-tool-areas-item:first-child .d2l-tool-areas-link { padding-right: 0px; padding-left: 15px; } .daylight .d2l-tool-areas { padding-bottom: 0px; } .daylight .d2l-tool-areas-list { padding-bottom: 8px; border-bottom: 1px solid rgb(211, 217, 227); display: inline-block; min-width: 100%; } .daylight .d2l-tool-areas { white-space: nowrap; } .daylight .d2l-tool-areas-list-container { position: relative; } .daylight .d2l-tool-areas[h-scrollbar]::before, .daylight .d2l-tool-areas[h-scrollbar]::after { content: " "; width: 10px; height: 100%; position: absolute; z-index: 1; top: 0px; } [dir="rtl"].daylight .d2l-tool-areas[h-scrollbar]::after, .daylight .d2l-tool-areas[h-scrollbar]::before { right: auto; left: -1px; background: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, rgb(251, 251, 251) 100%); } [dir="rtl"].daylight .d2l-tool-areas[h-scrollbar]::before, .daylight .d2l-tool-areas[h-scrollbar]::after { left: auto; right: -1px; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgb(251, 251, 251) 100%); } .daylight .d2l-tool-areas[h-scrollbar][scrollbar-left]::before, .daylight .d2l-tool-areas[h-scrollbar][scrollbar-right]::after { display: none; } .d2l-left { float: left; } .d2l-right { float: right; } .d2l-hidden { display: none !important; } .d2l-dragdrop-shadow { background-color: rgb(204, 204, 204); border: 1px dashed rgb(102, 102, 102); cursor: move; opacity: 0.3; position: absolute; list-style: none; } .d2l-dragdrop-clone-shadow { position: absolute; opacity: 0.3; cursor: move; display: inline-block; list-style: none; } .d2l-dragdrop-draggable { cursor: move; -webkit-user-drag: element; } .d2l-dragdrop-droppable-hover { border: 1px solid rgb(204, 204, 204); } .d2l-friledrop-default-style.d2l-filedrop { border-radius: 3px; border: 2px dashed transparent; } .daylight .d2l-filedropstyle-container, .daylight .d2l-filedrop-default-style.d2l-filedrop-add { border: 2px dashed rgb(211, 217, 227); } .daylight .d2l-filedropstyle-container-dragover, .daylight .d2l-filedrop-default-style.d2l-filedrop-add.d2l-filedrop-drag { background-color: rgb(242, 248, 252); border: 2px dashed rgb(0, 111, 191) !important; } .d2l-filedrop-status-container { position: fixed; z-index: 1002; top: 40%; left: 40%; margin-left: -125px; width: 300px; height: 50%; } .d2l-filedrop-status-container-hidden { display: none; } .d2l-filedrop-status-errors { border-radius: 3px; padding: 10px; margin-top: 8px; display: block; text-align: left; width: 90%; } .daylight .d2l-filedrop-status-errors { border: 1px solid rgb(205, 32, 38); background-color: rgb(255, 255, 255); box-shadow: rgb(114, 119, 122) 2px 2px 2px 0px; } .d2l-filedrop-status-errors-close { background-image: url("/d2l/img/lp/fileDrop/close.gif"); display: inline-block; float: right; height: 12px; margin: -6px -6px 7px 8px; width: 12px; } .d2l-filedrop-status-errors-hidden { display: none; } .d2l-filedrop-status-progress { border-radius: 3px; padding: 10px; margin-top: 8px; text-align: left; display: block; max-height: 90%; width: 90%; position: absolute; overflow: auto; } .daylight .d2l-filedrop-status-progress { border: 1px solid rgb(211, 217, 227); background-color: rgb(255, 255, 255); box-shadow: rgb(114, 119, 122) 2px 2px 2px 0px; } .d2l-filedrop-status-progress-hidden { display: none; } .d2l-filedrop-status-file { visibility: visible; } .d2l-filedrop-status-file-hidden { display: none; } .d2l-quicklinkselector-icon { display: inline-block; margin-right: 8px; margin-left: 8px; } .d2l-quicklinkselector-add > .d2l-button { display: block; } .d2l-quicklinkselector-header { margin: 0px -10px 10px; padding: 5px 10px; border-bottom: 1px solid rgb(204, 204, 204); box-shadow: rgb(241, 241, 241) 0px 1px 1px 0px; background: linear-gradient(rgb(248, 248, 248) 0%, rgb(242, 242, 242) 100%); } .d2l-quicklinkselector-header-nomargin { margin-bottom: 0px; } .d2l-quicklinkselector-list-header { margin: 0px -10px 10px; padding: 10px; border-bottom: 1px solid rgb(204, 204, 204); } .d2l-quicklinkselector-iframe { } .d2l-quicklinkselector-add { padding-top: 10px; } .d2l-documentviewer-legacy-fullscreen { position: absolute; left: 0px; top: 0px; z-index: 1001; width: 100%; height: 100%; } .d2l-sharebutton-facebook { border: none; height: 21px; overflow: hidden; width: 90px; } .d2l-gplusone { margin-left: 10px; } .d2l-twitter { background-image: url("/d2l/img/lp/share/tweet.png"); background-repeat: no-repeat; float: none; height: 20px; margin: 0px 37px 0px 0px; text-indent: -10000px; width: 55px; vertical-align: top; display: inline-block; } .d2l-twitter:hover, .d2l-twitter:focus { background-image: url("/d2l/img/lp/share/tweet_hover.png"); outline: none; } .daylight #courseSelectorId .d2l-datalist { margin-top: 0px; margin-bottom: 0px; } .daylight .d2l-course-selector-item { align-items: center; display: flex; padding: calc(1.25rem - 16px) calc(1rem - 10px); } .daylight .d2l-course-selector-item-name { flex: 1 1 auto; overflow: hidden; } .daylight .d2l-course-selector-item-name > .d2l-link { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; } .daylight .d2l-course-selector-item > .d2l-toggle { flex: 0 0 auto; } .d2l-courseselector-wrapper { overflow: hidden; } .d2l-personaltools-text { display: inline-block; padding: 3px 5px 3px 1px; vertical-align: middle; white-space: nowrap; } .d2l-minibar-activity .d2l-menuflyout-opener { padding: 1px 0px; } .d2l-minibar-activity { margin-right: 18px; display: inline-block; vertical-align: middle; } .d2l-minibar-activity .d2l-minibar-activity-buckethandle { padding: 0px 4px; position: relative; } .d2l-minibar-menu-separator { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px dotted rgb(208, 208, 208); margin: 0px; } .d2l-minibar-activity-message-image { margin-right: 5px; } .d2l-minibar-activity-buckethandle img { margin: 2px 0px; vertical-align: middle; } .d2l-minibar-activity .d2l-msg-container-none { padding: 5px 10px; } .d2l-minibar-activity-message-content span, .d2l-minibar-activity-message-content img { vertical-align: middle; } .d2l-minibar-activity-message-wrapper { padding: 5px 0px; } .d2l-minibar-activity-message-content a, .d2l-minibar-activity-message-content a:visited, .d2l-minibar-activity-message-content a:hover { display: inline; } .d2l-minibar-activity-message-new { width: 7px; height: 7px; border-radius: 250px; font-size: 50px; color: rgb(255, 255, 255); line-height: 500px; text-align: center; background: rgb(255, 0, 0); border: 1px solid rgb(255, 255, 255); right: 0px; top: 2px; position: absolute; } .daylight .d2l-messagebucket-button-container { display: flex; flex-flow: row wrap; justify-content: space-around; border-bottom: 1px solid rgb(211, 217, 227); margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-bottom: 0.5rem; } .daylight .d2l-messagebucket-button-container d2l-icon { margin-right: 5px; } .daylight .d2l-messagebucket-button-container + #AB_DL_PH_Messages { margin-left: -10px; margin-right: -10px; } .daylight .d2l-messagebucket-button-container + #AB_DL_PH_Messages .d2l-datalist-container { background: linear-gradient(rgb(249, 250, 251) 0px, rgba(249, 250, 251, 0) 100%); padding-top: 20px; padding-bottom: calc(20px - 0.3rem); } .daylight .d2l-messagebucket-button-container + #AB_DL_PH_Messages ul { padding-left: 10px; padding-right: 10px; } .daylight .d2l-messagebucket-button-container + #AB_DL_PH_Messages .d2l-msg-container-none { margin-left: 20px; margin-right: 20px; } .daylight .d2l-admin-tools { padding: 20px; } .d2l-admin-tools-column { float: left; width: 200px; } .daylight .d2l-admin-tools-column { margin-left: 20px; } .d2l-admin-tools-column:first-child { margin-left: 0px; } [dir="rtl"] .d2l-admin-tools-column { float: right; } .daylight[dir="rtl"] .d2l-admin-tools-column { margin-left: 0px; margin-right: 20px; } [dir="rtl"] .d2l-admin-tools-column:first-child { margin-right: 0px; } .d2l-admin-tools-column > .d2l-heading { padding-bottom: 3px; } .daylight .d2l-admin-tools-column > .d2l-heading { padding-top: 20px; } .d2l-admin-tools-column > .d2l-heading:first-child { padding-top: 0px; } .d2l-admin-tools-column > .d2l-list { margin-bottom: 8px; } .daylight .d2l-admin-tools-column > .d2l-list > li { padding: 0.25rem 0px; } .d2l-minibar-placeholder { height: 34px; position: relative; z-index: 999; } .d2l-minibar { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; width: 100%; } .d2l-minibar img { border: none; } .d2l-minibar-placeholder-fixed > .d2l-minibar { position: fixed; } .d2l-minibar-noshadow { box-shadow: none; } @media only screen and (max-width: 480px) { .d2l-minibar { position: static !important; } } .d2l-minibar-padding { padding: 0px 5px 0px 20px; } .d2l-minibar-right { float: right; } .d2l-minibar-items { list-style: none; margin: 0px; padding: 0px; } .d2l-minibar-items li { display: inline-block; } .d2l-minibar-home.d2l-link, .d2l-minibar-home.d2l-link:visited, .d2l-minibar-home.d2l-link:hover { text-decoration: none; } .d2l-minibar-light .d2l-minibar-home.d2l-link, .d2l-minibar-light .d2l-minibar-home.d2l-link:visited, .d2l-minibar-light .d2l-minibar-home.d2l-link:hover { color: rgba(255, 255, 255, 0.9); } .d2l-minibar-dark .d2l-minibar-home.d2l-link, .d2l-minibar-dark .d2l-minibar-home.d2l-link:visited, .d2l-minibar-dark .d2l-minibar-home.d2l-link:hover { color: rgba(20, 20, 20, 0.9); } .d2l-minibar-home.d2l-link:hover span, .d2l-minibar-home.d2l-link:focus span { text-decoration: underline; } .d2l-minibar-home { display: block; float: left; padding: 4px 10px 4px 0px; } .d2l-minibar-home img { height: 18px; margin: 3px 4px 3px 0px; vertical-align: middle; width: 18px; } .d2l-minibar-home-text { display: inline-block; font-weight: bold; padding: 4px 0px 3px; vertical-align: middle; } .d2l-minibar-breadcrumb { display: block; float: left; padding: 5px 8px 0px 6px; } .d2l-minibar-breadcrumb span { display: inline-block; vertical-align: middle; } .d2l-minibar-separator { border-color: rgba(20, 20, 20, 0.9); border-left-style: solid; border-width: 1px; float: left; height: 1.2em; margin: 12px 7px 0px 2px; } .d2l-minibar-light .d2l-minibar-separator { border-color: rgba(255, 255, 255, 0.9); } .d2l-navbar-container { zoom: 1; } .d2l-navbar img { border: none; } .d2l-navbar-edit, .d2l-navbar-manage { position: absolute; left: -10000px; } body.dbd_noNav .d2l-navbar { display: none; } .d2l-navbar-area { width: 100%; } .d2l-navbar-area img { vertical-align: middle; } .d2l-navbar-logo-link, .d2l-navbar-logo { display: block; } .d2l-navbar-image { max-width: 800px; } ul.d2l-navbar-area-list { list-style: none; margin: 0px; padding: 0px; } ul.d2l-navbar-area-list > li { display: inline-block; padding: 0px; text-align: left; } .d2l-navbar-sep { background-position: left center; background-repeat: no-repeat; cursor: default; display: inline-block; min-height: 22px; vertical-align: middle; } ul.d2l-navbar-area-list > .d2l-navbar-area-list-item-last .d2l-navbar-sep { display: none; } .d2l-navbar-item { display: inline-block; white-space: normal; } .d2l-navbar-link, .d2l-navbar-link:link, .d2l-navbar-link:visited { border: none; border-radius: 0.25em; cursor: pointer; display: block; min-height: 16px; padding: 3px 4px; text-decoration: none; } .d2l-navbar-link:focus { outline-style: none; } .d2l-navbar-link span { display: inline-block; vertical-align: middle; } span.d2l-navbar-text { cursor: default; display: block; min-height: 16px; padding: 3px 4px; } .d2l-navbar-text span { display: inline-block; vertical-align: middle; } .d2l-navbar-item img { margin: 0px 4px 0px 0px; padding: 0px; vertical-align: middle; } img.d_nb_s { width: 1px; height: 16px; margin: 0px !important; } div.d_nb_c3 tr.d_nb_ir td { vertical-align: middle; } td.d_nb_ir_t { width: 100%; } img.d_nb_mi { vertical-align: middle; } .d2l-navbar-group > .d2l-menuflyout { display: inline-block; padding: 0px; vertical-align: middle; } .d2l-navbar-group > .d2l-menuflyout > .d2l-menuflyout-opener { min-height: 0px; padding: 3px 4px; } .d2l-navbar-group > .d2l-menuflyout > .d2l-menuflyout-opener:focus { outline-style: none; } .d2l-navbar-group > .d2l-menuflyout > .d2l-menuflyout-opener > .d2l-menuflyout-text { padding-left: 0px; padding-right: 0px; } .d2l-navbar-group > .d2l-menuflyout > .d2l-menuflyout-opener > .d2l-menuflyout-arrow { margin: 0px 3px; } .d2l-navbar-group .d2l-menuflyout .d2l-menuflyout-contents { border: none; } .d2l-navbar-group .d2l-menuflyout .d2l-menuflyout-contents .d2l-menuflyout-group-container { border: 1px solid rgb(153, 153, 153); } ul.d2l-navbar-group-inner { padding: 10px; } ul.d2l-navbar-group-inner > li { display: block; } .d2l-navbar-group-inner .d2l-link { cursor: pointer; white-space: nowrap; } div.d_nb_l { background-color: rgb(255, 255, 255); line-height: 15px; overflow: hidden; } div.d_nb_l table { border-collapse: separate; } div.d_nb_l td { font-family: Verdana; font-size: 11px; white-space: nowrap; vertical-align: top; } div.d_nb_l img { vertical-align: middle; } div.d_nb_l a.default, div.d_nb_l a.default:visited { color: rgb(51, 102, 204); font-family: Verdana; font-size: 11px; text-decoration: underline; } div.d_nb_l a.default:active, div.d_nb_l a.default:hover { color: rgb(0, 51, 153); } div.d_nb_l a.wnu, div.d_nb_l a.wnu:visited { color: rgb(255, 255, 255); font-size: 10px; font-family: Verdana; text-decoration: none; } div.d_nb_l a.wnu:active, div.d_nb_l a.wnu:hover { color: rgb(255, 0, 0); } div.d_nb_l a.topwnu, div.d_nb_l a.topwnu:visited { color: rgb(255, 255, 255); font-size: 10px; font-family: Verdana; text-decoration: none; } div.d_nb_l a.topwnu:active, div.d_nb_l a.topwnu:hover { color: rgb(221, 221, 221); } div.d_nb_l a.curLink, div.d_nb_l a.curLink:visited, div.d_nb_l a.curLink:active { color: rgb(204, 0, 0); font-family: Verdana; font-size: 11px; text-decoration: underline; } div.d_nb_adv_m { background-color: rgb(250, 250, 250); color: rgb(51, 51, 51); padding: 5px; } .d_nb_l .d2l-navbar-logo-link { display: inline; } .d2l-skipnav { left: -1000px; overflow: hidden; position: absolute; width: 1px; } .d2l-skipnav:active, .d2l-skipnav:focus { background-color: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.8); padding: 0.3em; outline: none; font-weight: bold; color: rgb(255, 255, 255); text-align: center; text-decoration: none; display: block; left: 25%; width: 50%; top: 0px; z-index: 10000; vertical-align: middle; } .d2l-minibar, .d2l-navbar { line-height: 1.5em; } .d2l-minibar .d2l-datalist-style1 > .d2l-datalist { list-style: none; padding: 0px; } .d2l-minibar .d2l-list { list-style: none; } .d2l-minibar p { margin: 0px; } .d2l-minibar input:focus, .d2l-minibar select:focus { outline: none; } .d2l-xspl-box { width: 370px; min-height: 173px; } .xspl-block-link { text-decoration: none; font-size: 0.85em; font-style: italic; cursor: pointer; background-image: url("/d2l/img/lp/xspl/block.png"); background-position: left center; background-repeat: no-repeat; padding-left: 15px; color: rgb(136, 136, 136) !important; outline: none !important; } .xspl-block-link:hover, .xspl-block-link:focus { text-decoration: underline; } .xspl-container { background-color: rgb(248, 248, 248); padding: 12px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.08) 2px 4px 4px 0px inset; border-radius: 4px; }