/*EvaluationKit start. added by Maryanne on 7/1/20. Needs to be at the top*/
@import 'https://slcc.evaluationkit.com/canvas/css';
/*EvaluationKIT end*/

/* New DesignPLUS code added for DesignPLUS upgrade on 8-14-23 */
/*********************************************************************/
/***** BEGIN DESIGN TOOLS CORE THEME IMPORT **************************/
/*********************************************************************/

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

/* Global Custom Navigation Tray */
@import url('https://github.com/robert-carroll/canvaslms-global-custom-navigation/blob/main/css/global-custom-nav.css');

:root {
    --dt-color-primary: #0076BC;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #000000;
    --dt-color-secondary: #FFCD00;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #000000;
    --dt-color-accent: #003865;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #003865;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/*******************************************/
/* BEGIN Design Tools Theme Customizations */
/*******************************************/

/* moves the Ally 'alternate formats' button out of the way of the page title  */
.dp-ally-placeholder {
    left: unset;
    right: 0;
}

/* Introduction Block Text Override (Colored Headings and Flat Sections) */
#kl_wrapper_3.kl_flat_sections #kl_introduction p:first-child,
#kl_wrapper_3.kl_flat_sections_main #kl_introduction p:first-child,
#kl_wrapper_3.kl_colored_headings #kl_introduction p:first-child,
#kl_wrapper_3.kl_colored_headings_box_left #kl_introduction p:first-child {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* ------------------------- */
/* Flat Sections Variation 3 */
/* ------------------------- */

#kl_wrapper_3.kl_flat_sections.variation_3>div:nth-child(odd), #kl_wrapper_3.kl_flat_sections_main.variation_3>div:nth-child(odd) {
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main.variation_3 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections_main.variation_3 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections_main.variation_3 #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections.variation_3 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections.variation_3 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections.variation_3 #kl_banner #kl_description {
    background-color: #fff;
    color: #444;
}
#kl_wrapper_3.kl_flat_sections_main.variation_3 #kl_banner h2, #kl_wrapper_3.kl_flat_sections.variation_3 #kl_banner h2 {
    text-transform: none;
    border-top-color: #fff;
}
#kl_wrapper_3.kl_flat_sections_main.variation_3 > div > i, #kl_wrapper_3.kl_flat_sections_main.variation_3 h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections.variation_3 > div > i, #kl_wrapper_3.kl_flat_sections.variation_3 h3:not(.ui-state-default) i:first-child {
    color: black;
    border: 1px solid lightgray;
    background: #FED301;
}

/* ------------------------------------------------------ */
/* Flat Sections Variation 4 AKA "Criminal Justice Theme" */
/* ------------------------------------------------------ */

#kl_wrapper_3.kl_flat_sections.variation_4>div:nth-child(odd), #kl_wrapper_3.kl_flat_sections_main.variation_4>div:nth-child(odd) {
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_banner h2, #kl_wrapper_3.kl_flat_sections.variation_4 #kl_banner h2 {
    border-top-color: #bcddf4;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_banner #kl_banner_left {
    background-color: #ffc107;
    color: #000;
}
#kl_wrapper_3.kl_flat_sections.variation_4 #kl_banner #kl_banner_left {
    background-color: #bcddf4;
    color: #000;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 > div > i, #kl_wrapper_3.kl_flat_sections_main.variation_4 h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections.variation_4 > div > i, #kl_wrapper_3.kl_flat_sections.variation_4 h3:not(.ui-state-default) i:first-child {
    color: black;
    border: 1px solid lightgray;
    background: #BCDDF4;
}
#kl_wrapper_3.kl_flat_sections.variation_4 #kl_introduction p:first-child, #kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_introduction p:first-child {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;   
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 div[id*=custom_block] {
    padding-left: 0px;
    padding-right: 0px;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_navigation>ul {
    background-color: transparent;
    color: #000;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_navigation li a {
    border: none;
    color: #000;
    padding: .5rem 1rem;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections.variation_4 #kl_banner #kl_description {
    background-color: #fff;
    color: #000;
}
/* custom block - regular page - module progress block. */
#kl_wrapper_3.kl_flat_sections.variation_4 #cj_module_progress {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fafafa;
    color: #000;
}
#kl_wrapper_3.kl_flat_sections.variation_4 #cj_module_progress h3 {
    text-align: center;
    font-size: 14pt;
    margin-top: 0px;
    margin-bottom: 10px;
    border: none;
    color: #0f4b90;
}
/* custom block - home page - user details and nav buttons. */
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_user_nav, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_user_nav {
    margin-bottom: -15px;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_user_nav #column1, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_user_nav #column1 {
    margin-right: 0px;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_user_nav .kl_user_details>img, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_user_nav .kl_user_details>img {
    margin-bottom: 20px;
    width: 150px;
    height: auto;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_user_nav #column2, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_user_nav #column2 {
    display: flex;
    align-items: center;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_user_nav .kl_flex_column a, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_user_nav .kl_flex_column a {
    margin-left: auto;
    margin-right: auto;
}
/* custom block - home page - module list block. */
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_module_list, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_module_list {
    padding: 0;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_module_list #kl_modules, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_module_list #kl_modules {
    border-top: 1px solid #b6babf;
    background-color: #fafafa;
    color: #000;
    border-bottom: 1px solid #b6babf;
}
#kl_wrapper_3.kl_flat_sections_main.variation_4 #cj_module_list h3, #kl_wrapper_3.kl_flat_sections.variation_4 #cj_module_list h3 {
    text-align: center;
    background-color: #0076bc;
    color: #fff;
    margin-top: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -10px;
}
/* accordion color change */
.kl_wrapper.variation_4 .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active {
    border-color: #0076BC;
    background: #0076BC;
}

/* -------------------------------------------- */
/* Box Left Variation 3 AKA "Mathematics Theme" */
/* -------------------------------------------- */

#kl_wrapper_3.kl_box_left.variation_3 #kl_banner {
    overflow: visible;
    margin-bottom: -5px;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_banner h2 {
    background-color: #ffffff;
    color: #000000;
    border-top: 3px solid #0076BC;
    border-bottom: 3px solid #0076BC;
    position: relative;
    font-weight: 400;
    padding: 5px;
    margin-top: 20px;
    line-height: 30px;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_banner #kl_banner_left {
    background: #FED301;
    color: black;
    float: right;
    font-size: 16px;
    height: 80px;
    min-width: 80px;
    margin: 0;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: 10px;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_banner_left .kl_mod_text {

    display: block;
    padding: 9px 8px;
    line-height: 20px;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_banner_left .kl_mod_num {
    font-size: 30px;
    line-height: 30px;
    display: block;
    padding: 1px 0 11px;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_banner_right {
    padding: 3px 90px 3px 0px;
    display: block;
}
#kl_wrapper_3.kl_box_left.variation_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_box_left.variation_3>div>i {
    box-shadow: none;
    background: transparent;
    color: #000
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li a,#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li a:visited {
    background: #fff;
    color: #000;
    border: 1px solid #b0c4de
}

#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li a:focus,#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li a:hover {
    background: #0076BC;
    color: #fff
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation ul li a:focus i, #kl_wrapper_3.kl_box_left.variation_3 #kl_navigation ul li a:hover i {
    background: #FED301;
    color: black;
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation {
    width: 100%;
    margin: 5px 0px;
    display: table;
    table-layout: fixed
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul {
    margin: 0 0 10px;
    display: table-row
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li {
    font-weight: 400;
    list-style-type: none;
    height: 100%;
    position: relative;
    display: block
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li i {
    margin-right: 10px;
    font-size: 20px;
    background: #0076BC;
    line-height: 40px;
    position: absolute;
    right: -10px;
    top: 0;
    color: #fff;
    width: 45px;
    height: 45px;
    text-align: center
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li i:before {
    font-size: 20px;
    line-height: 45px
}
#kl_wrapper_3.kl_box_left.variation_3 #kl_navigation>ul li a {
    font-size: 1.2em;
    display: block;
    padding: 8px 22px 8px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px;
    position: relative
}

/*****************************************/
/* END Design Tools Theme Customizations */
/*****************************************/


/***************************************/
/* Enhanceable Content Accordion Patch */
/***************************************/

.enhanceable_content .ui-accordion-header {
    margin-bottom: 0px;
}
.enhanceable_content .ui-accordion-header a {
    margin-left: 1em;
}
.enhanceable_content.ui-accordion--mini .ui-accordion-header {
    font-size: 1.25em;
    line-height: 1;
}

/* END Enhanceable Content Accordion Patch */


/*******************************************/
/* Add button to header with pull out menu - This is currently disabled in the global JavaScript file. */
/*******************************************/

/* #main > span */
#main > span {}
/* #main > span > span */
.bap4Xlh._2aJ3OuO, ._3gsXH21._2aJ3OuO {
    width: 488px !important;
}
.bap4Xlh {
    left: 0px;
}
.bap4Xlh, ._3gsXH21 {
    top: 0px;
    bottom: 0px;
}
._3Wn_13E {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 7px 0px, rgba(0, 0, 0, 0.25) 0px 10px 28px 0px;
}
._3Cm5YxM {
    background-color: rgb(255, 255, 255);
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    z-index: 9999;
    max-width: 100vw;
    max-height: 100vh;
}
._3O7Eui2, ._1Xe2ZQh, .yQGc2tF, ._1jAG_ri, ._1QrfKhU, ._3FqEZck, ._3l2vVtB, ._2fh4svf {
    opacity: 1;
    /* transform: translate3d(0px, 0px, 0px); */
    transform: matrix(1, 0, 0, 1, 0, 0);
}
._1VTSTxL, .pQaqUQx, .cOmSmIQ, ._1XMg-9I {
    /* transition: opacity 300ms, transform 300ms; */
    transition-delay: 0s, 0s;
    transition-duration: 0.3s,0.3s;
    transition-property: opacity, transform;
    transition-timing-function: ease, ease;
}
/* #main > span > span > span (Global navigation tray) */
.KzeXBA1 {
    max-width: 480px;
}
/* #main > span > span > span > span */
._368hlhj._2-pFQPd {
    right: 8px;
}
._368hlhj {
    right: 0px;
    left: auto;
}
._2-pFQPd {
    top: 8px;
}
._368hlhj, ._18o_Ta3 {
    position: absolute;
}
._1ZSKxzY {
    z-index: 1;
    display: inline-block;
}
/* #main > span > span > span > span > button */
._1ODqQqn.AIqd8V_, ._2GIoZpq.AIqd8V_, .Hy04e_2.AIqd8V_, ._2K_XzOM.AIqd8V_ {
    font-size: 1rem;
    height: 28px;
}
._922amOO[type="button"], ._922amOO {
    -webkit-appearance: none;
}
._1ODqQqn {
    color: rgb(57, 75, 88);
}
._1ODqQqn, ._2GIoZpq {
    background: transparent;
}
._1ODqQqn, ._2GIoZpq, .Hy04e_2, ._2K_XzOM {
    line-height: 1;
    text-decoration: none;
}
._1ODqQqn:focus, ._1ODqQqn:hover, ._1ODqQqn:active {
    color: rgb(0, 142, 226);
}
._1ODqQqn.AIqd8V_, ._2GIoZpq.AIqd8V_, .Hy04e_2.AIqd8V_, ._2K_XzOM.AIqd8V_ {
    font-size: 1rem;
    height: 28px;
}
._1ODqQqn:focus, ._1ODqQqn:hover, ._1ODqQqn:active, ._2GIoZpq:focus, ._2GIoZpq:hover, ._2GIoZpq:active, .Hy04e_2:focus, .Hy04e_2:hover, .Hy04e_2:active, ._2K_XzOM:focus, ._2K_XzOM:hover, ._2K_XzOM:active {
    text-decoration: none;
}
._922amOO {
    all: initial;
    animation: initial;
    background: initial;
    border-collapse: separate;
    border-color: initial;
    border-image: initial;
    border-spacing: initial;
    bottom: auto;
    box-shadow: none;
    box-sizing: border-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: rgb(0, 0, 0);
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: initial;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: pointer;
    direction: inherit;
    display: inline-block;
    empty-cells: show;
    float: none;
   /*  font-family: font-family: LatoWeb, "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-size: medium;
    font-stretch: normal;
    font-style: normal;
    font-variant: initial;
    font-weight: 400;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: initial;
    margin: 0px;
    max-height: none;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    opacity: 1;
    orphans: 2;
    overflow: visible;
    padding: initial;
    page-break-after: initial;
    page-break-before: initial;
    page-break-inside: initial;
    perspective-origin: 50% 50%;
    perspective: none;
    position: relative;
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align-last: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    top: auto;
    touch-action: manipulation;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    transform: none;
    transition: background 0.2s ease 0s, transform 0.2s ease 0s;
    unicode-bidi: normal;
    user-select: none;
    vertical-align: middle;
    visibility: visible;
    white-space: normal;
    widows: 2;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    backface-visibility: visible;
}
/* #main > span > span > span > span > button > span */
._1ODqQqn ._2CUXt80, ._2GIoZpq ._2CUXt80, .Hy04e_2 ._2CUXt80, ._2K_XzOM ._2CUXt80 {
    display: flex;
    align-items: center;
    justify-content: center;
}
._2CUXt80 {
    box-sizing: border-box;
    display: block;
}
/* #main > span > span > span > span > button > span > span */
._1U1fuqO {
    width: 1px;
    height: 1px;
    position: absolute;
    clip: rect(0px, 0px, 0px, 0px);
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
/* #main > span > span > span > div */
.tray-with-space-for-global-nav {
    margin-left: 54px;
}
/* #help_tray */
._2ULgHK4 {
    box-sizing: border-box;
}
/* #help_tray > h1 */
._33QXmFf {
    color: inherit;
}
.ORKcQkU {
    font-size: 22px;
    font-weight: 400;
}
._3BZ02Bg {
    /* font-family: LatoWeb, "Helvetica Neue",Helvetica,Arial,sans-serif; */
    line-height: 24.75px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
}
/* #help_tray > ul */
._17Ovwhm, ._33c2dII, ._38hH2RH {
    list-style-type: none;
    -webkit-padding-start: 0px;
    padding-left: 0px;
}
._2j92CzO {
    font-weight: 16px;
    font-family: 400;
    padding: 0px;
}
/* #help_tray > ul > li */
._1dyDTaI:not(.KYqAFSl):first-of-type {
    margin-top: 0px;
}
._1dyDTaI:not(.KYqAFSl)._3ZmjBWk {
    margin-top: 0px;
    margin-bottom: 0px;
}
._1jLfonx {
    font-size: 16px;
}
._1dyDTaI {
    font-weight: 400;
    /* font-family: LatoWeb, "Helvetica Neue",Helvetica,Arial,sans-serif; */
    line-height: 22.4px;
    /* color: rgb(45, 59, 69); */
    padding: 0px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
/* #help_tray > ul > li:nth-child(1) > span */
._3VIJ7BJ {}

/* #help_tray > ul > li:nth-child(1) > span > a */
._3VIJ7BJ a._5tkGIfX:link, ._3VIJ7BJ a._5tkGIfX:visited, ._3VIJ7BJ button._5tkGIfX {
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    /* font-family: LatoWeb, "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-weight: 400;
    color: rgb(0, 142, 226);
    transition: color 0.2s;
}
/* #help_tray > ul > li:nth-child(1) > div (link title) */
._2WOMSfA {
    letter-spacing: normal;
}
._2QIthAo {
    font-size: 14px;
}
._3F3lDiw {
    font-weight: 300;
}
._3jLMUSh {
    /* font-family: LatoWeb, "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

/***********************************************/
/* END Add button to header with pull out menu */
/***********************************************/


/**************************************************************/
/* Official eLearning IT Style Guide, version 1.1, Mobile CSS */
/**************************************************************/

/* Deprecated as of v1.1, but keeping it around for legacy: <div class="elrn-icon"> [image] [h2 or h3] </div> */
div.elrn-icon img {
	vertical-align: middle;
	width: 50px;
	height: 50px;
	padding-right: 5px;
}
div.elrn-icon h2,
div.elrn-icon h3 {
	display: inline-block;
	vertical-align: middle;
	margin: 15px 0px;
	font-size: 18pt;
}
/* Updated icon code v1.1: <[h2 or h3] class="elrn-icon"> [image] </[h2 or h3]> */
h2.elrn-icon,
h3.elrn-icon {
	line-height: 50px;
	font-size: 18pt;
	margin: 6px 0px;
}
h2.elrn-icon img,
h3.elrn-icon img {
	width: 50px;
	height: 50px;
	padding-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
}
/* <img class="elrn-border"> */
.elrn-border {
	border: 4px solid #C7CDD1;
}
/* <figure class="elrn-caption"><img><figcaption></figure> */
.elrn-caption {
	margin: 12px 0px;
	display: table;
}
.elrn-caption figcaption {
	display: table-caption;
	caption-side: bottom;
}
/* <figure class="elrn-caption"><img class="elrn-border"><figcaption></figure> */
.elrn-border + figcaption {
	background-color: #C7CDD1;
	padding: 4px;
	margin-top: -4px;
}
/* <img class="elrn-left"> */
.elrn-left {
	float: left;
	margin-right: 10px;
}
/* <img class="elrn-right"> */
.elrn-right {
	float: right;
	margin-left: 10px;
}
/* <img class="elrn-center"> */
.elrn-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* <p class="elrn-calloutBox">text or image-text combo</p> */
/* user sets color using style="border-left-color: #xxxxxxx;" */
.elrn-calloutBox {
	display: inline-block;
	padding: 10px;
	border: 2px solid #C7CDD1;
	border-left-width: 15px;
}
/* Updated v1.1 using css box-shadow <div class="elrn-dropShadow"> [any content] </div> */
.elrn-dropShadow {
	padding: 15px;
	margin: 30px 15%;
	background-color: #fff;
	border: 2px solid #C7CDD1;
	box-shadow: 10px 10px #C7CDD1;
}
.elrn-dropShadow p:first-child {
	margin-top: 0px;
}
.elrn-dropShadow p:last-child {
	margin-bottom: 0px;
}
/* <table class="elrn-table" border="1" cellpadding="10"> */
.elrn-table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-color: #808080;
	border-collapse: collapse;
	border-spacing: 0;
}
.elrn-table thead tr {
	text-align: center;
}
.elrn-table th {
	background-color: #808080;
	vertical-align: top;
	color: #fff;
	font-size: 14pt;
}
.elrn-table td {
	vertical-align: top;
}

/* END Official eLearning IT Style Guide, version 1.1, Mobile CSS */

/**
// @name        CanvasLMS - Global Custom Navigation
// @namespace   https://github.com/robert-carroll/canvaslms-global-custom-navigation
// @description css for global custom nav
//
**/

/* global custom nav - items */
i.gcn_inst_menu_icon:before {
  font-size: 1.625rem;
}

i.gcn_inst_rspv_icon {
  color: var(--ic-brand-primary);
}

/* global custom nav - trays */
div.gcn_tray-content {
  display: block !important;
}

div.gcn_tray-open {
  display: block !important;
}

svg.gcn_tray-closed {
  display: none !important;
}

svg.gcn_tray-aodown {
  fill: currentcolor;
  display: inline-block;
  overflow: visible;
  color: inherit;
  vertical-align: middle;
  line-height: 1;
  width: 1em;
  height: 1em;
}

.gcn_tray-wrapper {
  transform: translateZ(0px);
  transition: 0.5s;
  opacity: 1;
  background-color: #FFFFFF;
  max-height: 100vh;
  max-width: 100vw;
  overflow: hidden auto;
  position: fixed;
  box-shadow: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
  top: 0;
  bottom: 0;
  width: 28em;
}

[dir='ltr'] .gcn_tray-wrapper {
  left: -28em;
  right: auto;
}

[dir='rtl'] .gcn_tray-wrapper {
  right: -28em;
  left: auto;
}

[dir='ltr'] .gcn_tray-wrapper.gcn_open {
  left: 0;
  right: auto;
}

[dir='rtl'] .gcn_tray-wrapper.gcn_open {
  right: 0;
  left: auto;
}

.gcn_tray-close-btn-wrapper {
  position: absolute;
  top: 0.5rem;
}

[dir='ltr'] .gcn_tray-close-btn-wrapper {
  left: auto;
  right: 0.5rem
}

[dir='rtl'] .gcn_tray-close-btn-wrapper {
  right: auto;
  left: 0.5rem
}

.gcn_tray-close-btn {
  box-sizing: border-box;
  background: none;
  color: #2D3B45;
  margin: 0px;
  padding: 0px;
  border-radius: 0.25rem;
  outline: none;
  border: none;
  width: auto;
  cursor: pointer;
}

.gcn_tray-close-btn:hover {
  background-color: rgba(45, 59, 69, 0.1);
}

.gcn_tray-close-btn::before {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  content: '';
  transform: scale(0.95);
  transition: all 0.2s ease 0s;
  top: -0.3125rem;
  right: -0.3125rem;
  bottom: -0.3125rem;
  left: -0.3125rem;
  border-style: solid;
  border-color: var(--ic-brand-primary);
  border-width: 0.125rem;
  border-radius: 0.5rem;
  transform: scale(1);
}

.gcn_tray-close-btn:focus::before {
  opacity: 1;
}

.gcn_tray-content-wrapper {
  box-sizing: border-box;
  max-width: 100%;
  overflow: visible;
  padding: 1.5rem;
}

.gcn_tray-heading {
  line-height: 1.125;
  margin: 0px;
  font-size: 1.375rem;
  font-weight: 700;
  color: inherit;
  box-sizing: border-box;
  max-width: 100%;
  overflow: visible;
}

.gcn_tray-list-group-heading {
  line-height: 1.125;
  margin: 0px;
  font-size: 1rem;
  font-weight: 700;
  color: inherit;
  box-sizing: border-box;
  max-width: 100%;
  overflow: visible;
}

.gcn_tray-view--block-list {
  margin: 0.75rem 0;
  list-style-type: none;
}

.gcn_tray-list-group-heading+.gcn_tray-view--block-list {
  margin: 0.75rem;
}

.gcn_tray-view-listItem {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0px;
  max-width: 100%;
}

.gcn_tray-view-listItem:first-of-type {
  margin-top: 0;
}

.gcn_tray-view-link:focus {
  outline-color: var(--ic-link-color);
}

.gcn_tray-view-link {
  outline-color: transparent;
  outline-offset: 0.25rem;
  outline-style: solid;
  outline-width: 0.125rem;
  transition: outline-color 0.2s ease 0s;
  vertical-align: baseline;
  max-width: 100%;
  overflow: visible;
}

.gcn_tray-link-desc-text {
  font-size: 0.875rem;
}

/* instui spinner for callback trays and throwbacks */
.gcn_tray-view-spinner {
  max-width: 100%;
  overscroll-behavior: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 3em;
  height: 3em;
}

.gcn_tray-spinner__circle {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  animation-name: gcn-spinner-rotate;
  animation-duration: 2.25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 3em;
  height: 3em;
}

.gcn_tray_throwback-spinner__circle {
  display: block;
  animation-name: gcn-spinner-rotate;
  animation-duration: 2.25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 3em;
  height: 3em;
}

.gcn_tray-spinner__circleTrack {
  stroke: rgb(245, 245, 245);
  fill: none;
  stroke-width: 0.375em;
}

.gcn_tray-spinner__circleSpin {
  fill: none;
  stroke-linecap: round;
  animation-name: gcn-spinner-morph;
  animation-duration: 1.75s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  stroke-width: 0.375em;
  stroke-dasharray: 6em;
  transform-origin: calc(1.5em) calc(1.5em) 0px;
  stroke: rgb(3, 116, 181);
}

@keyframes gcn-spinner-rotate {
  to {
    transform: rotate(360deg)
  }
}

@keyframes gcn-spinner-morph {
  0% {
    stroke-dashoffset: 190%;
  }

  50% {
    stroke-dashoffset: 50%;
    transform: rotate(90deg);
  }

  100% {
    stroke-dashoffset: 190%;
    transform: rotate(360deg);
  }
}

/* Fix My Materials icon issue when IgniteAI launches */
#context_external_tool_194066_menu_item img {
    display: inline !important;
}