/* Remove the maximum width Instructure put in there */
body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Layout-wrapper {
	max-width: none;
}

/* Add some margin to the bottom of the UCF logo/change size to make it look better with the 10/15/2026 branding update */
.ic-app-header__logomark {
	height: 71px!important;
	margin-bottom: 10px;
}

/* Make left hand submenu a slight grey to separate them from the rest of the UI */
.with-left-side #left-side {
	background-color: #f7f7f7 !important;
}

/* Make course sections list wider to accommodate longer SISIDs */
#course_details_tabs ul#sections {
	max-width: 600px;
}

/* Make hidden course menu items slightly darker to fix contrast issues */
#section-tabs .section-tab-hidden a {
	color: #888888;
	font-weight: 300;
	background: none;
}

/* Make the normal course menu items black to help distinguish them from the hidden items */
.list-view>ul>li>a, .list-view>nav>ul>li>a {
	color: #000000;
	font-weight: 400;
}

/* Interface overlay for main nav drawer */
.ReactTray__Overlay {
	background: rgba(32,42,48,0.8);
}

/* Breadcrumbs, and footer.  Swap margin for padding so bottom border covers the whole top bar. */
.ic-app-nav-toggle-and-crumbs,
.ic-app-footer {
	margin: 0px;
	padding: 12px 24px;
}

#footer-links a {
    text-decoration: none;
    color: var(--ic-brand-font-color-dark);
}

/* Right Sidebar Logo */
.ic-sidebar-logo__image {
	max-width: 230px;
}

.ic-app-nav-toggle-and-crumbs::after{
	width: 240px;
	height: 21px;
	content: '';
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAYCAYAAAALSROXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkFGNDFERTI1RkVBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNzcwMzI2Njg2NEYxMUU1OUUwMkUxQUU2NjFFRDc3RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNzcwMzI2NTg2NEYxMUU1OUUwMkUxQUU2NjFFRDc3RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4NzFGQUY0MURFMjVGRUFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4NzFGQUY0MURFMjVGRUFBIi8+IDwvcmRmOkRlc2NyaXB0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');
	background-size: 240px 21px;
	background-repeat: no-repeat;
}

/* Fix the issue with the right sidebar logo where it breaks on full-width LTIs */
.ic-app-nav-toggle-and-crumbs>#breadcrumbs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* Add a little margin to the top of global announcements */
.ic-dashboard-app {
	margin-top: -19px;
}

/* Makes the tiles shorter */
.ic-DashboardCard__header_hero {
	height: 60px;
}

/* Fix calendar entry titles */
.event-details-header h3 {
	line-height: 1.5;
}

/* Display unordered list bullets in calendar events */
.event-details .event-detail-overflow ul {
	margin: 0 0 5px 25px;
	list-style: disc;
}

/* Page Content */
.user_content h3, .user_content .h3, .mceContentBody h3, .mceContentBody .h3 {
	margin-bottom: 6px;
	line-height: 1.5;
}

/* Module Navigation */
#content #sequence_footer {
	padding-top: 45px;
}

/* Increase indent on discussion replies */
.replies .discussion-entries,
.discussion-entries .bottom-reply-with-box {
	border-left: solid #f2f2f2 28px; 
}

div.entry-content {
	padding-left:0px !important; 
}

/* Course Themes */
.ucf_blue_box,
.ucf_red_box,
.ucf_yellow_box {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid black;
	border-radius: 5px;
}

ol.ucf_blue_box,
ul.ucf_blue_box,
ol.ucf_red_box,
ul.ucf_red_box,
ol.ucf_yellow_box,
ul.ucf_yellow_box  {
	padding-left: 30px;
}

.ucf_blue_box {
	background-color: #e3ebf4;
	border-color: #a8c4df;
}

.ucf_red_box {
	background-color: #f2dede;
	border-color: #da9695;
}

.ucf_yellow_box {
	background-color: #fcf8e3;
	border-color: #f3e28c;
}

ul.ucf_blue_bullet {
	list-style-image: url('https://lti.online.ucf.edu/images/dbsk_bullet_blue.png');
}

ul.ucf_blue_bullet ul {
	list-style-type: disc;
	list-style-image: none;
}

.ucf_dbsk_bullet {
	background: url("https://lti.online.ucf.edu/images/dbskbullet.gif") no-repeat left center;
	padding-left: 30px;
}

.ucf_blue_threedot, .ucf_gold_threedot {
	clear: both;
	float: none;
	width: 100%;
	margin: 1.4em 0;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
}

.ucf_blue_threedot {
	height: 13px;
	background-image: url('https://lti.online.ucf.edu/images/dbsk_bar.jpg');
}

.ucf_gold_threedot {
	height: 15px;
	background-image: url('https://lti.online.ucf.edu/images/ucf_gold_threedot.jpg');
}

h1.ucf_blue_heading,
h2.ucf_blue_heading,
h3.ucf_blue_heading,
h4.ucf_blue_heading,
h5.ucf_blue_heading,
h6.ucf_blue_heading {
	color: #446f9a;
}

/* Accordion Stuff */
@media print {
	/* Hide the fact that these are links because they aren't acting like that
	in a print context.  Extra not conditions are to satisfy specificity
	requirements needed to override Canvas default CSS. */
	.ucf-accordion h3 a,
	.ucf-accordion h3 a:not(.btn):not(.Button):not(.ui-button):not([role=button]) {
		text-decoration: none;
		color: inherit;
		font-weight: inherit;
	}
}

@media screen {
	.ucf-accordion h3 {
		margin: 2px 0 0 0;
		text-align: left;
		font-size: 1.2em;
	}

	.ucf-accordion .accordion-control {
		box-sizing: border-box;
		display: block;
		background-color: #f2f2f2;
		width: 100%;
		border: 1px solid #c7cdd1;
		color: #333;
		text-decoration: none !important;
		padding: 10px;
		transition: background-color 0.2s ease-in;
	}

	.ucf-accordion .accordion-control:focus,
	.ucf-accordion .accordion-control:hover {
		background-color: #e6e6e6;
		cursor: pointer;
	}

	.ucf-accordion .accordion-control:after {
		float: right;
		width: 20px;
		text-align: center;
		font-weight: bold;
	}

	.ucf-accordion .accordion-control[aria-expanded="true"] {
		border-color: #1e7bc8;
		background-color: #0078bd;
		color: white;
	}
	.ucf-accordion .accordion-control[aria-expanded="true"]:after {
		content:'\2013';
	}

	.ucf-accordion .accordion-control[aria-expanded="false"]:after {
		content:'+';
	}

	.ucf-accordion .accordion-content {
		display: none;
		padding: 10px;
		border: 1px solid #c7cdd1;
		border-top: none;
	}

	.ucf-accordion .accordion-content-visible {
		display: block;
	}
}

/* Fix size of breadcrumbs background on smaller screens */
@media only screen and (min-width: 1200px){
.ic-app-nav-toggle-and-crumbs {
	padding: 16px 24px;
}
}

[aria-label="More External Tools"] button i {
    background-image: url('https://webcourses.ucf.edu/images/quick_links.png') !important;
}

/* Content will be hidden on desktop */
.hide_on_desktop {
	display: none;
}

/* Syntax Highlighter LTI */
.highlight { background: #f8f8f8; }
.highlight pre .hll { background-color: #ffffcc }
.highlight pre .c { color: #408080; font-style: italic }
.highlight pre .err { border: 1px solid #FF0000 }
.highlight pre .k { color: #008000; font-weight: bold }
.highlight pre .o { color: #666666 }
.highlight pre .ch { color: #408080; font-style: italic }
.highlight pre .cm { color: #408080; font-style: italic }
.highlight pre .cp { color: #BC7A00 }
.highlight pre .cpf { color: #408080; font-style: italic }
.highlight pre .c1 { color: #408080; font-style: italic }
.highlight pre .cs { color: #408080; font-style: italic }
.highlight pre .gd { color: #A00000 }
.highlight pre .ge { font-style: italic }
.highlight pre .gr { color: #FF0000 }
.highlight pre .gh { color: #000080; font-weight: bold }
.highlight pre .gi { color: #00A000 }
.highlight pre .go { color: #888888 }
.highlight pre .gp { color: #000080; font-weight: bold }
.highlight pre .gs { font-weight: bold }
.highlight pre .gu { color: #800080; font-weight: bold }
.highlight pre .gt { color: #0044DD }
.highlight pre .kc { color: #008000; font-weight: bold }
.highlight pre .kd { color: #008000; font-weight: bold }
.highlight pre .kn { color: #008000; font-weight: bold }
.highlight pre .kp { color: #008000 }
.highlight pre .kr { color: #008000; font-weight: bold }
.highlight pre .kt { color: #B00040 }
.highlight pre .m { color: #666666 }
.highlight pre .s { color: #BA2121 }
.highlight pre .na { color: #7D9029 }
.highlight pre .nb { color: #008000 }
.highlight pre .nc { color: #0000FF; font-weight: bold }
.highlight pre .no { color: #880000 }
.highlight pre .nd { color: #AA22FF }
.highlight pre .ni { color: #999999; font-weight: bold }
.highlight pre .ne { color: #D2413A; font-weight: bold }
.highlight pre .nf { color: #0000FF }
.highlight pre .nl { color: #A0A000 }
.highlight pre .nn { color: #0000FF; font-weight: bold }
.highlight pre .nt { color: #008000; font-weight: bold }
.highlight pre .nv { color: #19177C }
.highlight pre .ow { color: #AA22FF; font-weight: bold }
.highlight pre .w { color: #bbbbbb }
.highlight pre .mb { color: #666666 }
.highlight pre .mf { color: #666666 }
.highlight pre .mh { color: #666666 }
.highlight pre .mi { color: #666666 }
.highlight pre .mo { color: #666666 }
.highlight pre .sa { color: #BA2121 }
.highlight pre .sb { color: #BA2121 }
.highlight pre .sc { color: #BA2121 }
.highlight pre .dl { color: #BA2121 }
.highlight pre .sd { color: #BA2121; font-style: italic }
.highlight pre .s2 { color: #BA2121 }
.highlight pre .se { color: #BB6622; font-weight: bold }
.highlight pre .sh { color: #BA2121 }
.highlight pre .si { color: #BB6688; font-weight: bold }
.highlight pre .sx { color: #008000 }
.highlight pre .sr { color: #BB6688 }
.highlight pre .s1 { color: #BA2121 }
.highlight pre .ss { color: #19177C }
.highlight pre .bp { color: #008000 }
.highlight pre .fm { color: #0000FF }
.highlight pre .vc { color: #19177C }
.highlight pre .vg { color: #19177C }
.highlight pre .vi { color: #19177C }
.highlight pre .vm { color: #19177C }
.highlight pre .il { color: #666666 }
.syntax_highlighter_hidden_note { display: none; }

/* Global Nav - Custom Tray */
/* #main > span */
/* #main > span > span */
.global-nav-custom-tray {
	width: 448px !important;
    top: 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 7px 0px, rgba(0, 0, 0, 0.25) 0px 10px 28px 0px;
    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;
}
.gnct-easing {
    left: -200px;
    opacity: .8;
}

/* #main > span > span > span (Global navigation tray) */
.Global-navigation-tray {
	max-width: 480px;
}

/* #main > span > span > span > span */
.gcnt-tray-close-wrapper {
	right: 8px;
    position: absolute;
	left: auto;
	top: 8px;
	z-index: 1;
	display: inline-block;
}

/* #main > span > span > span > span > button */
.gcnt-tray-close-btn {
    font-size: 1rem;
    height: 28px;
    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-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;
}
.gcnt-tray-close-btn[type="button"] {
    -webkit-appearance: none;
}
.gcnt-tray-close-btn:focus, .gcnt-tray-close-btn:hover, .gcnt-tray-close-btn:active {
    color: rgb(0, 142, 226);
    outline: rgb(0, 142, 226);
}
.gcnt-tray-close-btn:focus, .gcnt-tray-close-btn:hover, .gcnt-tray-close-btn:active {
    text-decoration: none;
}

/* #main > span > span > span > span > button > span */
.gcnt-tray-close-btn .gcnt-tray-close-svg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    display: block;
}

/* #main > span > span > span > span > button > span > span */
.gcnt-tray-close-txt {
    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 */
.gnct-content-wrap {
    box-sizing: border-box;
    padding: 1.5rem;
}

/* #help_tray > h1 */
.gcnt-tray-h1 {
	color: inherit;
	font-size: 22px;
	font-weight: bold;
	line-height: 24.75px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin: 0px;
}
.gcnt-tray-h2 {
	color: inherit;
	font-size: 17px;
	font-weight: bold;
	line-height: 24.75px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin-top: 10px;
}

/* #help_tray > ul */
.gcnt-list {
	list-style-type: none;
	-webkit-padding-start: 0px;
    padding-left: 0px;
    margin:0.75rem 0;
	font-weight: 16px;
	font-family: 400;
	padding: 0px;
}
.gcnt-hr{
	margin: 0 0 20px 0;	
}

/* #help_tray > ul > li */
.gcnt-list-item {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px;
	padding: 0px;
}
/* #help_tray > ul > li */
.gcnt-list-footer{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px;
	padding: 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

/* #help_tray > ul > li:nth-child(1) > span */
/*.gcnt-list-link-wrapper {}*/
/* #help_tray > ul > li:nth-child(1) > span > a */
.gcnt-list-link-wrapper a.gcnt-list-link:link, .gcnt-list-link-wrapper a.gcnt-list-link:visited, .gcnt-list-link-wrapper button.gcnt-list-link {
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	color: rgb(0, 142, 226);
	transition: color 0.2s;
}

/* #help_tray > ul > li:nth-child(1) > div (link desc) */
.gcnt-link-desc {
    letter-spacing: normal;
    font-size: 14px;
}

/* for use with instructure icons */
i.gnct_inst_menu_icon:before {
    font-size: 26px;
    width: 26px;
    line-height: 26px;
}
i.gnct_inst_menu_icon {
    width: 26px;
    height: 26px;
}
.knight{
    vertical-align: top;
    margin: 20px;
}


/* Accordion CSS 1-8-2025 */

/* Styles for the CSS-Only Accordion that the widget embeds */
iframe#external_tool_button_frame {
  max-width: 95vw;
  max-height: calc(95vh - 100px);
}

/* All styling for the accordion menu is nested under the .css-accordion class */
.css-accordion {
  --var-unselected-bg: #f2f2f2;
  --var-selected-bg: #0078BD;
  --var-border-color: #ccc;
  --var-white: #fff;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1em;

  details {
    border: 1px solid var(--var-border-color);

    &:not(:first-child) {
      border-top: none;
    }

    summary {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 1rem;
      margin-bottom: 0;
      cursor: pointer;
      background-color: var(--var-unselected-bg);
      font-size: 1.25em;
      font-weight: bold;
      transition: all 0.25s;

      &::-webkit-details-marker,
      &::marker {
        display: none;
        content: "";
      }

      &::after {
        content: "\276F";
        text-align: center;
        height: fit-content;
        margin-left: 1rem;
        font-size: 1rem;
        font-weight: normal;
        transform: rotate(90deg);
        transition: all 0.35s;
      }
    }

    &[open] summary::after {
      color: var(--var-white);
      transform: rotate(270deg);
    }

    /* By default, the content of the accordion is NOT hidden */
    + .css-accordion-content {
      max-height: 30rem;
      overflow: auto;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-right: 1rem;
      padding-left: 1rem;
      transition: all 0.35s;
      border-left: 1px solid var(--var-border-color);
      border-right: 1px solid var(--var-border-color);
      border-bottom: 1px solid var(--var-border-color);
    }

    /* If everything is working correctly with the `open` attribute, the content will be hidden */
    &:not([open]) + .css-accordion-content {
      max-height: 0rem;
      overflow: hidden;
      padding-top: 0rem;
      padding-bottom: 0rem;
      border-bottom-width: 0px;
    }
  }

  /* The opened summary is only styled differently on screens */
  @media screen {
    details[open] summary {
      background-color: var(--var-selected-bg);
      border-color: var(--var-selected-bg);
      color: var(--var-white);
    }
    summary:focus {
      outline: 2px solid var(--var-selected-bg);
      outline-offset: .2rem;
    }
  }

  /* This guarantees that all content is visible when printing */
  @media print {
    .css-accordion-content {
      max-height: unset !important;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom-width: 1px !important;
    }
    /* The arrow is hidden when printing */
    details summary::after {
      display: none;
    }
  }
}

/* The hint is inline-styled to show in the editor, but hidden when viewing content. */
.css-accordion-hint {
  display: none !important;
}


/*
 CSS For Accessible Tabs 
.user_content a:not(.btn):not(.Button):not(.ui-button):not(.ui-button.ui-state-hover):not(.ui-button.ui-state-focus):not(.ui-button.ui-state-disabled):not([role=button]), .mceContentBody a:not(.btn):not(.Button):not(.ui-button):not(.ui-button.ui-state-hover):not(.ui-button.ui-state-focus):not(.ui-button.ui-state-disabled):not([role=button]) {
	text-decoration: none;
	color: black;
} */

/* body.primary-nav-expanded .menu-item__text.custom-menu-item__text {
    white-space: normal;
    padding:
    }
    */