/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/* 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);*/

:root {
    --dt-color-primary: #002676;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #002676;
    --dt-color-secondary: #FDB515;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #8F6A0B;
    --dt-color-accent: #004AAE;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #004AAE;
    --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;
    --dt-color-graybg: ;
    --dt-color-graybg-contrast: ;
}

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

/* MINOR DESIGNPLUS UNEX MODIFICATIONS */

.table-bordered th, .table-bordered td {
  padding: .385em .85em !important;
}



@charset "UTF-8";
/* CSS Document */
/*05/20/24: SB: This CSS was updated in Canvas to remove the CSS for hiding the reset content button availability. Canvas updated its permissions page, so we can now control for it on the permissions 
page on the account level. Account admins have the permission to reset content, but no one else does.*/

/* Replace the gray background with something that matches your colors.  You can use .pngs with alpha transparency. If you don't use an image, you need to remove ours*/
#header { 
background-image: none;
  /* background-color:#8da7cf;
  /* OR background-image: none;
  background-color: #EBF5FA;*/
}


/*replace the canvas logo with your logo*/
#header-logo, #header.no-user #header-logo {
  background: url("https://s3.amazonaws.com/BRCOE/css_brcoe/header_img.jpg") no-repeat scroll 0 0 transparent;
  top: 0px;
  height: 69px;
  width: 210px;
  left: 0px;
  right: 0px;
}

#header.no-user {
	min-height: 75px;
}

/*login box*/

#modal-box.login-box {
background: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/uclogo.jpg") no-repeat !important }

/*this will remove the extra canvas logo*/
body.modal #modal-box.login-box h1 {
  background: none;
  height: 235px;
}

/*resize the login box to fit my image and change the color of 'stay signed in'*/
body.modal #modal-box.login-box {
  height: 400px;
  width: 623px;
  color: #7c6c5c;
}

/*change the color of 'don't know your password'*/
body.modal #modal-box.login-box a { 
color: #8da7cf !important; 
}

.login-options {
color: rgb(179, 179, 179);
}

/*change the color of the login button*/
body.modal #modal-box .button, body.modal #login-box .button {
  background-color: #000000 !important;
  background-image: none !important;
  border-color: #668F78;
}

/*hide scrollbar in login modal box*/
#login-box {
  overflow: hidden;
  }
  
#login_form .btn-primary, #login_form .btn-primary:hover {
  background-color: #ae5321;
  background-image: none;
  border: none !important;
  }


/* hide signup link on login screen */
#register_link {
	display: none;
}

/* Hide Commons icon in global nav menu - Sarah Stricker 12/1/2020 - leave commented out. We might need it if Commons is turned on in the future. 

li#context_external_tool_289805_menu_item.globalNavExternalTool.menu-item.ic-app-header__menu-list-item, 
li.fOyUs_bGBk.dxCCp_bGBk.dxCCp_fLbg.dxCCp_ycrn.dxCCp_cfzP.dxCCp_cYsY [href="/accounts/1857/external_tools/289805?launch_type=global_navigation"] {
    display: none;
}
end hide Commons */



@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
	/* High-res styles go here */
	#header-logo, #header.no-user #header-logo {
	background: url("https://s3.amazonaws.com/BRCOE/css_brcoe/header_img-retina.jpg") no-repeat scroll 0 0 transparent;

	/* keep bottom/top/left/right the same as in your normal resolution css*/
  	top: 15px;
	left: 0px;
	right: 0px;

	/* background-size dimensions should be those of the original, small logo */
	background-size: 220px 75px;
	}
}

span.field-with-fancyplaceholder label.placeholder span > span{
   padding: 0;
}

/* get rid of scroll bars around videos */
iframe::-webkit-scrollbar { 
display: none; 
}

/*SB disabling 06/2023 for a11y tool * remove content page titles */

/* This rule incorrectly hides the canvas page title.*/
/*.page-title { display:none; }*/

/*Canvas page title h1 originall was hidden so that it wouldn't show, enabled so that it would, for ally tool use.sb 06/30/2023/*/

h1.page-title {
  /*position: absolute*/
 /* width: 1px;*/
  /*height: 1px;*/
  /*padding: 0;*/
 /* margin: -1px;*/
  /*border: 0;*/
	overflow: hidden;
	clip: rect(0 0 0 0);
}

/*Override Canvas' rule
.pages.show h1.page-title {
	  margin: -1px;
}
*/

/*
.course-title.ellipsis { 
font-size: 1.3em !important; 
}
*/

/*
.header-bar.flex-container { 
padding: 5px; 
}
*/

/*
.header-bar-outer-container {
height:35px !important;
}
*/


.pages.show .page-title {
    margin: 0px;
}

/*hides view all pages button*/
.btn view_all_pages {
	display: none;!important; 
	}

/* Start of the NEW CSS for the new accessible and flex-desgin courses */

.ui-widget p {
	font-family: Lato, Lato-web, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .875rem;
}

.ui-widget li {
	font-size: .875rem;
}

.ui-widget td {
	font-size: .875rem;
}

iframe::-webkit-scrollbar { 
display: none; 
}

/* for eliminating and cleaning up the top of the page link bar's inline styling */

.linkbar p {
	color: #000000;
	font-size: 1.231em;
}

caption {
	color: #1b416c;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: .455em;
}


/* to hide the Skip to main content line in the templates */

p.hideskip {
	margin-top: -35px;
}

p.hideskip a {
	color: #fff;
}

/*commenting out this code, we don't need to change the styling on activities* - Sarah Bushman 04/2023*/
/*.H2_Activity,
.user_content .H2_Activity{
font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
font-size: 1.35em;
margin:5px 0;
line-height: 115%;
}

 .H3_Activity,
.user_content .H3_Activity{
  font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  margin:5px 0;
  line-height: 115%;
}
*/

/*BRCOEHUB Stylings* these are old stylings that are left from legacy templates from 2015-2017 that are still being used randomly throughout the courses.*/

table.brcoeHubTable p {
margin-bottom: 10px !important;
}

/* Absolutely hide border */

.brcoeNoBorder {
	border: none !important;
}


/* for UCB Seal image, apply to the image */

img.UCBseal {
	float: left;
	margin-left: -.2em;
	margin-right: 1.154em;
	margin-bottom: .385em;
}

/* For "Welcome" on home page */

.welcome {
	font-size: 3.001125em;
	color: #1b416c;
	margin-top: .23em;
}

/* For course title/code and instructor name */

.coursetitle {
	font-size: 1.3em;
	color: #1b416c;
	line-height: 110%;
	margin-top: 0em;
	margin-bottom: 2.0em;
}


	
/* for Div containing the instructor image; apply to the Div, not the image */

@media all and (min-width: 1158px) {
.instructorimage img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
	max-width: 100px !important;
}
}

.instructorimage img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px !important;
}

@media all and (min-width: 1158px) {
.instructorimageNoSize img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.instructorimageNoSize img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}

@media all and (min-width: 1158px) {
.instructorimage2 img {
	float: left;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.instructorimage2 img {
	float: left;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}

@media all and (min-width: 1158px) {
.altinstructorimage img {
	float: left;
	margin-left: 6em;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}
}

.altinstructorimage img {
	float: left;
	margin-left: 6em;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}

@media all and (min-width: 1158px) {
.altinstructorimageTCT img {
	float: left;
	margin-left: 1.154em;
	margin-right: 1.154em;
	margin-top: 2em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
}
}

.altinstructorimageTCT img {
	float: left;
	margin-left: 1.154em;
	margin-right: 1.154em;
	margin-top: 0em;
	margin-bottom: .538em;
	box-shadow: 4px 4px 4px #888888;
	border: .5px solid #999;
		max-width: 100px;
}

/* for the link that says "Instructor Info" */

.instructorinfo a {
	margin-left: 1.077em;
}


.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: .875rem;
}

@media all and (min-width: 1158px) {
.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: 1vw;
}
}

@media all and (min-width: 1300px) {
.brcoeBulletFreeList {
  list-style:none;
  margin-left: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  font-size: 1em;
}
}

.brcoeBulletFreeList a {
  margin-left: 1.077em !important;
}

.brcoeBulletFreeList li.MUST {
 line-height: 115%;
 margin-top: -1em;
 margin-bottom: 1.538em;
 margin-left: 57px !important;
}

@media all and (min-width: 1158px) {
.brcoeBulletFreeList li.MUST {
 line-height: 115%;
 margin-top: -1em;
 margin-left: 57px !important;
}
}

.brcoeBulletFreeList li.orientation a {
 line-height: 115%;
 margin-left: 57px !important;
}

.brcoeBulletFreeList li {
 line-height: 115%;
 margin-bottom: 1.077em;
}

.brcoeBulletFreeList li.orientation {
 margin-top: -4.00em;
}

.brcoeBulletFreeList li.last {
 line-height: 115%;
 margin-bottom: 0em;
}

.brcoeSmallText {
font-size: 8pt;
line-height: 115%;
}

.ImageCaptionWhite {
font-size: 6pt;
line-height: 115%;
color: #fff;
}

.ImageCaptionGray {
font-size: 6pt;
line-height: 115%;
color: #5b5b5b;
float: right;
margin-top: .5em;
margin-bottom: .5em;
}

/* for Div that holds the two Learning Objective Divs */
/*update 10/25 to padding-left for div.LOright, so that bullets would remain responsive on a smaller scale. ~SB*/

div.LOlists {
	float: left;
	width: 100%;
}

/* for the child divs in the Parent LOlists Div */

div.LOleft {
	clear: left;
	float: left;
	width: 45%;
	margin: 0 auto;
	padding-right: 1.154em;
}

div.LOright {
	float: left;	
	width: 45%;
	padding-left: .25em;
	margin: 0 auto;
}

/* div for vertical spacing */
/*
div.15pxvertspace {
	height: 1.154em;
	width: 100%;
} */

/* Table for lecture links in older template. Updated 02/13/20 by SB. As it was breaking in Canvas. Used the css from brcoeTableNew, 
as it is still working.*/

table.brcoeTable,
.brcoetablestretch {
  width: 100%;
  margin-bottom: .462em;
  margin-top: 0em;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid #cccccc;
}

.brcoeTable .brcoetablestretch caption {
  color: #000000;
  font-size: 12px;
  }

.brcoetablestretch {
  width:95%;
}

.brcoeTable .brcoetablestretch td{
  border: 1px solid #cccccc;
}


.brcoeTable td, .brcoeTable th {
  padding: .385em 1.154em !important;
  border: 1px solid #cccccc;
  text-align: left;
  font-size: 16px;
}

.brcoeTable tbody {
  background-color: #fff;
}

table tr.brcoeTableHeader {
  background-color: #ebecf0;
  color: #1b416c;
  font-weight: bold;
}

.brcoeTableHeader .headerrow{
    color: #1b416c;
}

.firstcell {
  font-weight: 400;
  }

th.headerrow {
	padding: 0.385em 1.154em;
	border: 1px solid #CCC;
	background-color: #ebecf0;
	color: #4e7ca4;
	font-weight: bold;
	text-align: left;
	font-size: .875rem;
}

th.firstcell {
	padding: .385em 1.154em;
	border: 1px solid #cccccc;
	font-weight:normal;
	text-align: left;
	font-size: .875rem;
}

.brcoeTable tr {
  display: table-row;
  vertical-align: inherit;
  border: 1px solid #cccccc;
  }

/*buttons*/

p.navbutton {
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #2D3B45;
  transition: background-color 0.2s ease-in-out;
  display: inline-block;
  position: relative;
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.discussion-section .navbutton > a.Button--secondary
{
	color:#fff;
}

p.navbutton a {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #055BAE;
}

/*Content Frames.*/
/*Added "display: flow-root;" code to make content frames responsive. SB 01/12/18*/

.brcoeContentFrame {
	background-color: #EBF1F8;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
}

.brcoeContentFrameGray {
	background-color: #eee;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
}

.brcoeContentFrameWhite {
	background-color: #fff;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
}

.brcoeContentFrameYellow {
	background-color: #fffFCC;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
}

.brcoeContentFrameTeal {
	background-color: #99CCCC;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
}

/*added for SEL program courses. Colors from Berkeley Branding*/ 

.brcoeContentFrameBerkeleyBlue {
	background-color: #003262;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
	}
	
.brcoeContentFrameSoybean {
	background-color: #afc24d;
	color: #000; 
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 1px solid #aaa;
	margin: .769em;
	display: flow-root; 
	}
	
.brcoeContentFrameSEL {
	background-image: url("https://ucbxbackgrounds.s3.us-east-2.amazonaws.com/SELQuoteblock1.png");
  	background-repeat: no-repeat;
	padding-top: .385em;
	padding-bottom: .385em;
	padding-left: 1.154em;
	padding-right: 1.538em;
	border: 10px solid #FFFFFF;
	box-shadow: 1px 1px 5px grey;
	margin: .769em;
	display: flow-root; 
	}

.brcoeContentFrameSEL, .brcoeContentFrameBerkeleyBlue p {
	font-size: 100%;
  	font-family: 'Lora', serif;
  	color: #ffffff;
}

.SelBlockquote1 {
  margin: 3.7em auto;
  padding: 2em;
  background:linear-gradient(white, white) padding-box, border-box 0 / cover;
  background-image: url("https://ucbxbackgrounds.s3.us-east-2.amazonaws.com/SELQuoteblock1.png");
  border: 1em solid transparent;
  box-shadow: 1px 1px 5px grey;
  font-size: 1em;
  font-family: 'Lora', serif;
  line-height: 1.5;
  width: 40%;
}

.SelBlockquote1 p {
  font-size: 100%;
  font-family: 'Lora', serif;
  color: #ffffff;
}



/* Heading Rules */

/* 48px text with 10px margin-bottom */

.brcoeStandardHeading1 {
	font-size: 3.692em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .208em !important;
	line-height: 115%;
}

/* 42px text 10px magin-bottom */

.brcoeStandardHeading2 {
	font-size: 3.231em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .238em !important;
	line-height: 115%;
}

/* 36px text 5px margin-bottom */

.brcoeStandardHeading3 {
	font-size: 2.769em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .139em !important;
	line-height: 115%;
}

/* 32px text 5px margin-bottom */

.brcoeStandardHeading4 {
	font-size: 2.462em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .156em !important;
	line-height: 115%;
}

/* 28px text 5px margin-bottom */

.brcoeStandardHeading5 {
	font-size: 2.154em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .179em !important;
	line-height: 115%;
}


/* 24px text and 5px margin-bottom */

.brcoeStandardHeading6 {
	font-size: 1.846em;
	color: #1b416c;
	margin-top: 0em !important;
	margin-bottom: .208em !important;
	line-height: 115%;
}

/* 20px text 5px margin-bottom rule */

.brcoeStandardHeading7 {
	margin-top: 0em !important;
  margin-bottom: .25em !important;
	line-height: 115%;
	font-size: 1.538em;
	color: #1b416c;
}

.brcoeStandardHeading7.blue336699 {
	color: #336699;
	width: 100%;
  	border-top: 2px solid #336699;
  	padding: 5px;
  	line-height: 115%;
}

/* 18px text 5px margin-bottom */

.brcoeStandardHeading8 {
	font-size: 1.385em;
	margin-top: 0em !important;
	margin-bottom: .278em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 16px text 3px margin-bottom */

.brcoeStandardHeading9 {
	font-size: 1.231em;
	margin-top: 0em !important;
	margin-bottom: .188em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 14px text 3px margin-bottom */

.brcoeStandardHeading10 {
	font-size: 1.077em;
	margin-top: 0em !important;
	margin-bottom: .188em !important;
	line-height: 115%;
	color: #1b416c;
}

.brcoeStandardHeading11 {
	font-size: .875rem;
	margin-top: 0em !important;
	margin-bottom: .769em !important;
	line-height: 115%;
	color: #1b416c;
}

/* 14px text 3px margin-bottom */

.brcoeSpacedHeading10 {
	font-size: 1.077em;
	margin-top: 0em !important;
	margin-bottom: 1em !important;
	line-height: 115%;
	color: #1b416c;
}

/* Spacer rules */

.bottomSpacer50px {
margin-bottom: 50px !important;
} 

.bottomSpacer45px {
margin-bottom: 45px !important;
} 

.bottomSpacer40px {
margin-bottom: 40px !important;
} 

.bottomSpacer35px {
margin-bottom: 35px !important;
} 

.bottomSpacer30px {
margin-bottom: 30px !important;
} 

.bottomSpacer25px {
margin-bottom: 25px !important;
} 

.bottomSpacer20px {
margin-bottom: 20px !important;
} 

.bottomSpacer15px {
margin-bottom: 15px !important;
}    

.bottomSpacer10px {
margin-bottom: 10px !important;
}  

.bottomSpacer5px {
margin-bottom: 5px !important;
} 

.bottomSpacer0px {
margin-bottom: 0px !important;
} 

.bottomSpacer-5px {
margin-bottom: -5px !important;
} 

.bottomSpacer-10px {
margin-bottom: -10px !important;
} 

.bottomSpacer-15px {
margin-bottom: -15px !important;
} 

.bottomSpacer-20px {
margin-bottom: -20px !important;
} 

.bottomSpacer-25px {
margin-bottom: -25px !important;
} 

.bottomSpacer-30px {
margin-bottom: -30px !important;
} 

.bottomSpacer-35px {
margin-bottom: -35px !important;
} 

.bottomSpacer-40px {
margin-bottom: -40px !important;
} 

.bottomSpacer-45px {
margin-bottom: -45px !important;
} 

.bottomSpacer-50px {
margin-bottom: -50px !important;
} 

.topSpacer50px {
margin-top: 50px !important;
}     

.topSpacer45px {
margin-top: 45px !important;
}

.topSpacer40px {
margin-top: 40px !important;
}     

.topSpacer35px {
margin-top: 35px !important;
}

.topSpacer30px {
margin-top: 30px !important;
}     

.topSpacer25px {
margin-top: 25px !important;
} 

.topSpacer20px {
margin-top: 20px !important;
} 

.topSpacer15px {
margin-top: 15px !important;
}    

.topSpacer10px {
margin-top: 10px !important;
}  

.topSpacer5px {
margin-top: 5px !important;
}  

.topSpacer0px {
margin-top: 0px !important;
}  

.topSpacer-5px {
margin-top: -5px !important;
}

.topSpacer-10px {
margin-top: -10px !important;
}

.topSpacer-15px {
margin-top: -15px !important;
}
.topSpacer-20px {
margin-top: -20px !important;
}

.topSpacer-25px {
margin-top: -25px !important;
}

.topSpacer-30px {
margin-top: -30px !important;
}

.topSpacer-35px {
margin-top: -35px !important;
}
.topSpacer-40px {
margin-top: -40px !important;
}
.topSpacer-45px {
margin-top: -45px !important;
}
.topSpacer-50px {
margin-top: -50px !important;
}

.leftSpacer50px {
margin-left: 50px !important;
} 

.leftSpacer45px {
margin-left: 45px !important;
} 

.leftSpacer40px {
margin-left: 40px !important;
} 

.leftSpacer35px {
margin-left: 35px !important;
} 

.leftSpacer30px {
margin-left: 30px !important;
} 

.leftSpacer25px {
margin-left: 25px !important;
} 

.leftSpacer20px {
margin-left: 20px !important;
} 

.leftSpacer15px {
margin-left: 15px !important;
}    

.leftSpacer10px {
margin-left: 10px !important;
}  

.leftSpacer5px {
margin-left: 5px !important;
} 

.leftSpacer0px {
margin-left: 0px !important;
} 

.leftSpacer-5px {
margin-left: -5px !important;
} 

.leftSpacer-10px {
margin-left: -10px !important;
} 

.leftSpacer-15px {
margin-left: -15px !important;
} 

.leftSpacer-20px {
margin-left: -20px !important;
} 

.leftSpacer-25px {
margin-left: -25px !important;
} 

.leftSpacer-30px {
margin-left: -30px !important;
} 

.leftSpacer-35px {
margin-left: -35px !important;
} 

.leftSpacer-40px {
margin-left: -40px !important;
} 

.leftSpacer-45px {
margin-left: -45px !important;
} 

.leftSpacer-50px {
margin-left: -50px !important;
} 

.rightSpacer50px {
margin-right: 50px !important;
} 

.rightSpacer45px {
margin-right: 45px !important;
} 

.rightSpacer40px {
margin-right: 40px !important;
} 

.rightSpacer35px {
margin-right: 35px !important;
} 

.rightSpacer30px {
margin-right: 30px !important;
} 

.rightSpacer25px {
margin-right: 25px !important;
} 

.rightSpacer20px {
margin-right: 20px !important;
} 

.rightSpacer15px {
margin-right: 15px !important;
}    

.rightSpacer10px {
margin-right: 10px !important;
}  

.rightSpacer5px {
margin-right: 5px !important;
} 

.rightSpacer0px {
margin-right: 0px !important;
} 

.rightSpacer-5px {
margin-right: -5px !important;
} 

.rightSpacer-10px {
margin-right: -10px !important;
} 

.rightSpacer-15px {
margin-right: -15px !important;
} 

.rightSpacer-20px {
margin-right: -20px !important;
} 

.rightSpacer-25px {
margin-right: -25px !important;
} 

.rightSpacer-30px {
margin-right: -30px !important;
} 

.rightSpacer-35px {
margin-right: -35px !important;
} 

.rightSpacer-40px {
margin-right: -40px !important;
} 

.rightSpacer-45px {
margin-right: -45px !important;
} 
.rightSpacer-50px {
margin-right: -50px !important;
} 

.UNEXTopicMarker {
	text-align: right;
	font-size: .85em;
	color: #1b416c;
	margin-top: 0em;
	margin-bottom: .188em;
	line-height: 115%;
}

/* creating a table that automatically has borders */

.brcoeTableBorder1 td {
border: 1px solid black;
padding: .385em !important;
}

.brcoeTableBorder1 th {
border: 1px solid black;
padding: .385em;
}


#wiki_page_show .ui-tabs .ui-tabs-nav .ui-state-default{
border: 1px solid #ccc;
color: #333;
font-weight: normal;
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border-bottom-color: #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
}

#wiki_page_show .ui-tabs .ui-tabs-nav .ui-state-active{
background-color: #fff;
background-image: none;
}

#wiki_page_show .ui-state-default a{
    color: #1b416c;
}


 /* BRCOe Image Frame Rules */
 
.brcoeImageFrame {
float: right;
padding: .0em 0em;
flex-wrap: nowrap !important;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 1 40%;
align-self: auto;
background: none repeat scroll 0% 0%;
width: 40%;
margin-left: 2.692em;
margin-bottom: 1.154em;
}

.brcoeImageFrame img {
max-width: 100%;
border: 1px solid gray;
}


/*scrolling menu content*/
    .tocOuter{
        width: 100%;
    }
	
@media all and (min-width: 1158px) {

    .tocSidebarWrapper{
        float:left;
        min-width: 200px;
        width: 30%;
    }
    .tocWrapper, .tocwrapper{
        position:fixed;
		max-width:275px;
    }
    .maincontentRight{
        margin-left: 360px;
        width: 60%;
	}
}

/* This should stay at the end so that it wins in precedence */
@media all and (min-width: 1158px) {
}
 
  /*This is programatically applied to non flex compatible browser elements */
  .fallbackMarginRight {
    margin-right: .5em;
  }

hr.blue336699 {
  width: 100%;
  border-color: #336699;
  text-align: left;
}


/*spaced lists created for accelerator courses but possibly being used in new template*/

ol.spacedList5px li {
margin-top: 5px;
}

ol.spacedList10px li {
margin-top: 10px;
}

ol.spacedList15px li {
margin-top: 15px;
}

ol.spacedList20px li {
margin-top: 20px;
}

ol.spacedList25px li {
margin-top: 25px;
}

ul.spacedList5px li {
margin-top: 5px;
}

ul.spacedList10px li {
margin-top: 10px;
}

ul.spacedList15px li {
margin-top: 15px;
}

ul.spacedList20px li {
margin-top: 20px;
}

ul.spacedList25px li {
margin-top: 25px;
}


/* This is required to make: https://unex.test.instructure.com/courses/481110 */
/* work */

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 0.25% 0 0.25% 0.75%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}

/*Online learning login screen*/
.ic-Login__content{
    width:460px;
  }


/* Fall 2016 New Template CSS */

.flexContainer {
 	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flex;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;	
}

.flexContainer > * {
 	-moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.flexContainer a {
	color: #065BAE;
}

.flexContainer img {
	max-width: 100% !important;
	height: auto; 
	vertical-align: middle; 
	border: 0; 
	-ms-interpolation-mode: bicubic; 
}

.flexContainer p, .flexContainer li, .flexContainer td {
	font-size: 16px;!important;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.navContainer {
    background-color: #f2f2f2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    text-align: right; 
    padding: 0 1.923em;
    min-height: 5em;
    margin-bottom: .35em;
  }
  
  .navContainer p { 
   	float: right;
	display: flex;
    flex-wrap: wrap;
    align-content: center;    
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 18px;
   	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  }
  
  .navContainer ul { 
  	width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center; 
    justify-content: space-evenly;    
    padding: 0;
    margin: 0;
    font-size: 18px;
   	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
   	list-style-type: none;!important
}

/* Added ul and li attributes to convert navContainers from <p>s to <ul>s -- Sarah Stricker 3/5/2021 *//*added list style type "none" so it doesn't show the 
bullets. This is not ideal for the navigation. SB 2023*/

.navContainer li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 13px 0 13px;
    font-size: 18px;
    list-style-type:none;!important
}

.navContainer li:last-child {
    padding-right: 0;
}
  
/*Sarah Bushman - not sure how this is different than navContainer p, but leaving it in case its in use.*/

.navContainerText {
	float: right;
    display: inline-flex;
    flex-wrap: wrap;
   	font-size: 18.5px !important;
   	margin-right: 1.5em;
   	color: #333;
   	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  }

.bannerContainerFrontPage {
	background-color: #f2f2f2;
	margin-bottom: auto;
}

.bannerContainerFrontPage img {
	max-width: 1102px !important;
	width: 100%;
}

.bannerContainerPage {
	width: 100%;
  	margin-bottom: auto;
  	overflow: hidden;
  	margin-top: auto;
 	height: 45px;
}

.bannerContainerPage img {
    max-width: 1078px !important;
}

.titleContainer {
	margin-bottom: .286em;
	background-color: #f2f2f2;
	padding-top: 3.357em;
	padding-bottom: 2.5em;
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.titleContainerSmall {
	margin-bottom: .286em;
	background-color: #f2f2f2;
	padding-top: 1.429em;
	padding-bottom: 1.429em; 
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.titleContainerTitle {
	font-size: 3.231em !important;
	font-weight: bold;
	margin-top: 0em !important;
	margin-bottom: .238em !important;
	line-height: 115%;
}

.titleContainer2ndHeader {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 24px !important;
	font-weight: bold;
	line-height: 115%;
}

.titleContainerTitleNoBold {
	font-size: 3.231em !important;
	margin-top: .267em !important;
	margin-bottom: .238em !important;
	line-height: 115%;
}

.contentContainer {
	background-color: #F9F9F9;
	margin-bottom: .286em;
	padding-top: 3.0em;
	padding-bottom: 2.188em;
	padding-left: 3.875em;
	padding-right: 3.875em;
}

.contentContainerHeader {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	font-size: 27px !important;
	font-weight: bold;
	line-height: 115%;
}

.contentContainerHeaderNoBold {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	font-size: 27px !important;
	line-height: 115%;
}

.contentContainerSmall {
	background-color: #f2f2f2;
	margin-bottom: .286em;
	padding-top: 1.357em;
	padding-right: 1.714em;
	padding-left: 3.571em;
	padding-bottom: 1.142em;
}

.contentContainerSmallHeader {
	background-color: #f2f2f2;
	margin-bottom: .286em;
	padding-top: .571em;
	padding-right: 1.714em;
	padding-left: 3.875em;
	padding-bottom: .571em;
}

.ccsLink {
  line-height: 115%;
  font-weight: bold;
  font-size: 16px !important;
  padding-left: 2.813em;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* a 3-column grid with 30px gap between rows and columns -Sarah Stricker 10/26/2020 */

@media all and (min-width: 600px) {
.grid3col {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 30px;
  }
}

.announcementSpacing p {
	margin-bottom: 0em;
	line-height: 1.0;
}

.navigation {
 	list-style: none;
 	margin-left: 0em;
 	margin-bottom: .286em;
 	background-color: #f2f2f2;
 	padding-top:10px;
 	padding-bottom: 10px;
 	padding-left: 3.857em;
 }

@media all and (min-width: 1240px) {
.navigation {
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  	justify-content: space-between;
  	padding-top: 10px;
  	padding-bottom: 10px; 
  	padding-left: 3.857em;
  	padding-right: 1.714em;
  	  }
}
	
 .navigation a { 
    text-align: center; 
    padding-left: 25px;
    font-weight: 500;
}

.navigation li {
	flex-grow: 0;
}

.navigationSmall {
 	list-style: none;
 	margin-left: 0em;
 	margin-bottom: .286em;
 	background: #f2f2f2;
 	padding-top:10px;
 	padding-bottom: 10px;
 	padding-left: 3.857em;
}

@media all and (min-width: 1240px) {
 .navigationSmall {
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  	padding-top: 10px;
  	padding-bottom: 10px; 
  	padding-left: 3.857em;
  	padding-right: 1.714em;
  	  }
}
	
 .navigationSmall a { 
    text-align: center; 
    padding-left: 25px;
    font-weight: 500;
}

.navigationSmall li {
	flex-grow: 0;
	margin-right: 7%;
}

@media all and (max-width: 1239px) {
.navigationSmall li {
  	margin-bottom: 10px;
}
}

.containerButton {
	background: #f7f7f7;
	border: 1px solid #848891;
	color: #333;
	transition: background-color 0.2s ease-in-out;
	display: inline-block;
	position: relative;
	padding: 8px 14px;
	margin-bottom: 0;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	text-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: normal;
}

.verticalBar {
	margin-left: 10px;
	padding-left:15px;
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/vertical_bar.png");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: -10px -2px;
}

#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: rgba(141, 141, 141, 0.5);
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/arrowUp(whiteTransparent).png");
	background-repeat: no-repeat;
	background-size: 32px;
  	background-position: center 3px;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(141, 141, 141, 0.7);
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/arrowUp(white).png");
	background-repeat: no-repeat;
	background-size: 32px;
  	background-position: center 3px;
}

.hideskip {
	background-clip: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	border: 1px dashed rgba(255,255,255,0.8);
	position: absolute; 
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hideskip:focus {
	left: 10;
	top: 10;
	padding: 5px;
	width: auto;
	height: auto;
	z-index: 1;
	outline: none;
	background-color: white;
	border: 1px dashed #055BAE;
}

.instructorImageContainer img {
	border: .077em solid #ccc;
	float: left;
	margin-top: .714em;
	margin-right: 1.154em;
	margin-bottom: .385em;
	width: 7.143em;
}

.iframeScroll::-webkit-scrollbar {display: initial;}

.iframeEmbed {
	margin-left: 2px !important;
}

/*tables New Template 2016*/

.brcoeTableNew {
	width: 100%;
	margin-bottom: .462em;
	margin-top: 0em;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 1px solid #cccccc;
}

.brcoeTableNew caption {
	color: #000000;
	font-size: 12px;
}

.brcoeTableNew td, .brcoeTableNew th {
	padding: .385em 1.154em !important;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 16px;
}

.headerrowNew {
	padding: .385em 1.154em !important;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 16px;
}

.brcoeTableHeaderNew {
	background-color: #F2F2F2;
  	font-weight: bold;
}

.firstcellNew {
	font-weight: 400;
}

/*Spacing for Lists*/

ul.listspacing li {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 115%;
	font-size: 16px;
}

ol.listspacing li {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 115%;
	font-size: 16px;
}

/* Background colors */

.bgGrayF2 {
	background-color: #F2F2F2;
}

.bgGrayF9 {
	background-color: #F9F9F9;
}

/* Week Page Banner Image For Extension Public programs*/

.bannerImageP1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImageP1.png");
  	background-size: 100% 100%;
}

.bannerImagePAD1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePAD1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePAD2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePAD2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBHS1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePBHS1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBHS2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePBHS2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBTE1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePBTE1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePBTE2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePBTE2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePEDHM1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePEDHM1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePEDHM2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePEDHM2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePSMB1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePSMB1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePSMB2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePSMB2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHaas1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePHaas1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHaas2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PP/bannerImagePHaas2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

/*weekly banner images for SUS courses*/

.bannerImageGBO1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO3 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO3.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO4 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO4.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO5 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO5.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO6 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO6.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageGBO7 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageGBO7.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageNUSTCXW104 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageNUSTCXW104.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImagePHILOSW12A_1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImagePHILOSW12A_2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_3 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImagePHILOSW12A_3.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImagePHILOSW12A_4 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImagePHILOSW12A_4.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageUGBAW102A_grey {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageUGBAW102A_grey.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageUGBAW102A_yellow {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageUGBAW102A_yellow.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_brown {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageUGBAW102A_brown.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_blue {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageUGBAW102A_blue.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageUGBAW102A_orange {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageUGBAW102A_orange.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}


.bannerImageTHEATERW117AC {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageTHEATERW117AC.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageAFRICAM125AC {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageAFRICAM125AC.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

.bannerImageCOMLIT60AC1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageCOMPLIT60AC_1.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

 .bannerImageCOMLIT60AC2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SUS/bannerImageCOMLIT60AC_2.png");
	background-repeat: no-repeat;
  	background-size: 100% 100%;
}

/*Weekly banners for UX/UI Certificate 2019/2020*/
	 
.bannerImageUX1 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/Canvas_Module_Week+Banner_UX_01.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }
	 
.bannerImageUX2 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/Canvas+Module_Week+Banner_UX_02.png");
	background-repeat: no-repeat;
	background-size: cover; 
	 
}

.bannerImageUX3 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/Canvas+Module_Week+Banner_UX_03.png");
	background-repeat: no-repeat;
		background-size: cover;
}
	 
.bannerImageUX4 {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/Canvas+Module_Week+Banner_UX_04.png");
	background-repeat: no-repeat;
	background-size: cover; 
}

/* Paralegal banner 8/5/2020 -- Sarah Stricker */

.bannerImagePL {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/Paralegal+weekly+banner.png");
	background-repeat: no-repeat;
	background-size: cover; 
}

/* Test banner for general use 7/21/2020 -- Sarah Stricker */
	 
.bannerBlueWhite {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/blueWhiteBanner.svg");
	background-repeat: no-repeat;
	background-size: cover; 
 }

 /* Weekly banners for Berkeley Global Live Online 9/17/2020 -- Sarah Stricker */

 .bannerImageBG {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/bannerImageBG.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }

/* Weekly banners for AI ML Custom Programs 4/28/2021 -- Sarah Stricker */

  .bannerImageAI_ML {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/AI_ML_week.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }

 /* Weekly banner for Live Online Template 5/3/2021 -- Sarah Stricker */

 .bannerImageLO {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/LOweekBanner.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }

 /* Weekly banner for Post Bacc 6/10/2021 -- Sarah Stricker */

 .bannerImagePB {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/PostbaccWeeklybanner.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }

 /* Weekly banner for UNEX blue gold triangles 4/20/2022 -- Adam Mendelson */

 .bannerImageUNEX_blue_gold_triangles {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/UNEX_weeklybanner_blue_gold_triangles.png");
	background-repeat: no-repeat;
	background-size: cover; 
 }
 
 /*SEL Banners*/
 .bannerImageSELA {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SEL+/SubPages_A.png");
	background-repeat: no-repeat;
	background-size: cover;
	} 

.bannerImageSELB {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SEL+/SubPages_B.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	} 

.bannerImageSELC {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SEL+/SubPages_C.png");
	background-repeat: no-repeat;
	background-size: cover;
	} 

.bannerImageSELD {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SEL+/SubPages_D.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	} 
	
.bannerImageSELE {
	background-image: url("https://ucbxbanners.s3.us-east-2.amazonaws.com/SEL+/SubPages_E.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	} 
	
/* New template heading rules; no color */

.brcoeHeading1 {
  font-size: 3.692em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading2 {
  font-size: 3.231em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading3 {
  font-size: 2.769em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading4 {
  font-size: 2.462em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading5 {
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 2.154em !important;
  margin-top: 0em !important;
  margin-bottom: .179em !important;
  line-height: 115%;
}

.brcoeHeading6 {
  font-size: 1.846em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading7 {
  font-size: 1.538em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading8 {
  font-size: 1.385em !important;
   margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading9 {
  font-size: 1.231em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
  line-height: 115%;
}

.brcoeHeading10 {
	font-size: 1.077em !important;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
	line-height: 115%;
}

.brcoeHeading11 {
	font-size: .875rem !important;
 	margin-top: 15px !important;
 	margin-bottom: 10px !important;
	line-height: 115%;
}

/* Icons */

/* Navigation icons */

.navigationIconBook {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/book(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 0px;
}

.navigationIconGlasses {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/glasses(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px 0px;
}

.navigationIconCompass {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/compass(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBadge {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/merit_badge(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: 0px -1px;
}

.navigationIconCalendarOne {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_one(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/flag(blue).pn_");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconCheckeredFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkered_flag(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconTwoCheckeredFlags {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_checkered_flags(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -2px;
}

.navigationIconSnowflake {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/snowflake(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconSpeaker {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speaker(blue).png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconVideoCamera {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/video_camera(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconPersonSpeech {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person_speech_bubble(blue).png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconArrowTarget {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/arrow_target(blue).png");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: -1px -.5px;
}

.navigationIconPencil {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pencil(blue).png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 0px .5px;
}

.navigationIconGameController {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/game_controller(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1.5px 1px;
}

.navigationIconSpeechBubble {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px 1px;
}

.navigationIconTwoPeople {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconMagnifyGlass {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/magnify_glass(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px 0px;
}

.navigationIconPerson {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconNotepad {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notepad(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBulletList {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bullet_list(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconScales {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/scales(blue).png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconBookmark {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bookmark(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: 0px -1px;
}

.navigationIconCase {
   	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/case(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBooksSkewed {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_skewed(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconBooksStacked {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_stacked(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -2px -1px;
}

.navigationIconNotebook {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notebook(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1.5px -.5px;
}

.navigationIconCursorClick {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/cursor_click(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconQuestionPamphlet {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/question_pamphlet(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -.5px -.5px;
}*/

.navigationIconBikeLink {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bike_link(blue).png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: 1px 0px;
}

.navigationIconCheckmark {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkmark(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -3px -1px;
}

.navigationIconThreePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/three_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 0px;
}

.navigationIconHome {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px 0px;
}

.navigationIconHomeSide {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home_side(blue).png");
	background-repeat: no-repeat;
  	background-size: 27px;
	background-position: -2px -1px;
}

.navigationIconSpeechBubblePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px 1px;
}

.navigationIconBarGraph {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bar_graph(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -3px;
}

.navigationIconMail {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/mail(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconPledge {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pledge(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -1px;
}

.navigationIconWalking {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/walking(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -2px -1.5px;
}

.navigationIconChainlink {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/chainlink(blue).png");
	background-repeat: no-repeat;
  	background-size: 23px;
	background-position: -1px 0px;
}

.navigationIconStopwatch {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/stopwatch(blue).png");
	background-repeat: no-repeat;
  	background-size: 26px;
	background-position: -1px -1px;
}

.navigationIconCalendarZero {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_zero(blue).png");
	background-repeat: no-repeat;
  	background-size: 25px;
	background-position: -1px -2px;
}

.navigationIconApple {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/apple(blue).png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

/*new icons for Summer 2018 Unit Template*/

.navigationIconUnit1 {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

.navigationIconUnit2 {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
  	background-size: 24px;
	background-position: -1px -1px;
}

/* watermark icons */

.wmIconBook {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/book(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconGlasses {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/glasses(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 7px;
}

.wmIconCompass {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/compass(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconBadge {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/merit_badge(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11.5px top 12px;
}

.wmIconCalendarOne {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_one(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/flag(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconCheckeredFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkered_flag(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 11px;
}

.wmIconTwoCheckeredFlags {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_checkered_flags(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 10px;
}

.wmIconSnowflake {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/snowflake(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 13px top 13px;
}

.wmIconSpeaker {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speaker(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
 	background-position: right 12.5px top 13px;
}

.wmIconVideoCamera {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/video_camera(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12.5px top 13px;
}

.wmIconPersonSpeech {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person_speech_bubble(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 11px;
}

.wmIconArrowTarget {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/arrow_target(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconPencil {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pencil(gray).png");
	background-repeat: no-repeat;
	background-size: 45px;
  	background-position: right 14px top 13px;
}

.wmIconGameController {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/game_controller(gray).png");
	background-repeat: no-repeat;
	background-size: 47px;
  	background-position: right 14px top 11px;
}

.wmIconSpeechBubble {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble(gray).png");
	background-repeat: no-repeat;
	background-size: 47px;
  	background-position: right 14px top 11px;
}

.wmIconTwoPeople {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_people(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 13px top 11px;
}

.wmIconMagnifyGlass {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/magnify_glass(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 10px top 10px;
}

.wmIconPerson {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconNotepad {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notepad(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 11px;
}

.wmIconBulletList {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bullet_list(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconScales {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/scales(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 12px;
}

.wmIconBookmark {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bookmark(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 11px;
}

.wmIconCase {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/case(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 10px;
}

.wmIconBooksSkewed {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_skewed(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 11px;
}

.wmIconBooksStacked {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_stacked(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

.wmIconNotebook {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notebook(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconCursorClick {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/cursor_click(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 11px top 12px;
}


.wmIconQuestionPamphlet {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/question_pamphlet(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 12px top 12px;
}


.wmIconBikeLink {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bike_link(gray).png");
	background-repeat: no-repeat;
	background-size: 46px;
  	background-position: right 12px top 13px;
}

.wmIconCheckmark {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkmark(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 12px top 10px;
}

.wmIconThreePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/three_people(gray).png");
	background-repeat: no-repeat;
	background-size: 48px;
  	background-position: right 12px top 12px;
}

.wmIconHome {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 11px top 13px;
}

.wmIconHomeSide {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home_side(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 10px;
}

.wmIconSpeechBubblePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble_people(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 12px;
}

.wmIconBarGraph {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bar_graph(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 11px;
}

.wmIconMail {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/mail(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 8px;
}

.wmIconPledge {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pledge(gray).png");
	background-repeat: no-repeat;
	background-size: 52px;
  	background-position: right 10px top 10px;
}

.wmIconWalking {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/walking(gray).png");
	background-repeat: no-repeat;
	background-size: 56px;
  	background-position: right 8px top 12px;
}

.wmIconChainlink {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/chainlink(gray).png");
	background-repeat: no-repeat;
	background-size: 46px;
  	background-position: right 13px top 13px;
}

.wmIconStopwatch {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/stopwatch(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 13px;
}

.wmIconCalendarZero {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_zero(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconApple {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/apple(gray).png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 12px top 12px;
}

.wmIconUnit1 {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}


.wmIconUnit2 {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
	background-size: 50px;
  	background-position: right 11px top 10px;
}

/* small content container icons */

.ccsIconBook {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/book(blue).png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

.ccsIconGlasses {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/glasses(blue).png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 9px;
}

.ccsIconCompass {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/compass(blue).png");
	background-repeat: no-repeat;
  	background-size: 39px;
	background-position: -2px 9px;
}

.ccsIconBadge {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/merit_badge(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -3px 7px;
}

.ccsIconCalendarOne {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_one(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 5px;
}

.ccsIconFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/flag(blue).png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -2px 8px;
}

.ccsIconCheckeredFlag {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkered_flag(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -3px 7px;
}

.ccsIconTwoCheckeredFlags {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_checkered_flags(blue).png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconSnowflake {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/snowflake(blue).png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -3px 8px;
}

.ccsIconSpeaker {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speaker(blue).png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -2px 9px;
}

.ccsIconVideoCamera {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/video_camera(blue).png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 9px;
}

.ccsIconPersonSpeech {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person_speech_bubble(blue).png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -1px 8px;
}

.ccsIconArrowTarget {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/arrow_target(blue).png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 8px;
}

.ccsIconPencil {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pencil(blue).png");
	background-repeat: no-repeat;
  	background-size: 38px;
	background-position: -3px 8px;
}

.ccsIconGameController {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/game_controller(blue).png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconSpeechBubble {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble(blue).png");
	background-repeat: no-repeat;
  	background-size: 41px;
	background-position: -4px 9px;
}

.ccsIconTwoPeople {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/two_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconMagnifyGlass {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/magnify_glass(blue).png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -3px 7px;
}

.ccsIconPerson {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/person(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconNotepad {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notepad(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconBulletList {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bullet_list(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconScales {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/scales(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 7px;
}

.ccsIconBookmark {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bookmark(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 6px;
}

.ccsIconCase {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/case(blue).png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 4px;
}

.ccsIconBooksSkewed {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_skewed(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconBooksStacked {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/books_stacked(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -4px 6px;
}

.ccsIconNotebook {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/notebook(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconCursorClick {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/cursor_click(blue).png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 7px;
}

.ccsIconQuestionPamphlet {
   background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/question_pamphlet(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 7px;
}


.ccsIconBikeLink {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bike_link(blue).png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -3px 6.5px;
}

.ccsIconCheckmark {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/checkmark(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconThreePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/three_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconHome {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home(blue).png");
	background-repeat: no-repeat;
  	background-size: 46px;
	background-position: -7px 6px;
}

.ccsIconHomeSide {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/home_side(blue).png");
	background-repeat: no-repeat;
  	background-size: 48px;
	background-position: -7px 4px;
}


.ccsIconSpeechBubblePeople {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/speech_bubble_people(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -6px 8px;
}

.ccsIconBarGraph {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/bar_graph(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -5px 5px;
}

.ccsIconMail {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/mail(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 6px;
}

.ccsIconPledge {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/pledge(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -7px 6px;
}

.ccsIconWalking {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/walking(blue).png");
	background-repeat: no-repeat;
  	background-size: 45px;
	background-position: -6px 5px;
}

.ccsIconChainlink {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/chainlink(blue).png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -4px 8px;
}

.ccsIconStopwatch {
    background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/stopwatch(blue).png");
	background-repeat: no-repeat;
  	background-size: 43px;
	background-position: -5px 7px;
}

.ccsIconCalendarZero {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/calendar_zero(blue).png");
	background-repeat: no-repeat;
  	background-size: 44px;
	background-position: -5px 5px;
}

.ccsIconApple {
	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/apple(blue).png");
	background-repeat: no-repeat;
  	background-size: 42px;
	background-position: -4px 5px;
}


.ccsIconUnit1 {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v1.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

.ccsIconUnit2 {
  	background-image: url("https://s3.us-west-1.amazonaws.com/ucbx.icons/canvas_unit_v2.png");
	background-repeat: no-repeat;
  	background-size: 40px;
	background-position: -1px 10px;
}

/*It should be noted that at one time this css had specific icons for a template we created for Haas business school. Now that Haas has it's own instructional technology team, they are not 
needed so they were removed. If they are ever needed, they live in the Unex ADIT Google drive. -SB 2023*/

/*New Template Image Classes*/  
/*this is built for the Fall 2016 Template and is used to float images left or right and wrap text. You have an option for a larger image or a smaller image size ~SB 05/10/17*/

/*.newImg img {
border: 1px solid #808080;
}*/

/*floats image right and is a larger image within the template*/

.newImg1 {
	float: right;
	padding: .0em 0em;
	flex-wrap: nowrap !important;
	-moz-box-ordinal-group: 1;
	order: 0;
	-moz-box-flex: 1;
	flex: 1 1 60%;
	align-self: auto;
	background: none repeat scroll 0% 0%;
	width: 60%;
	max-width: 100%;
	margin-left: 2.692em;
	margin-bottom: 1.154em;
}

/*floats image to the right and is smaller image within the template*/

.newImg2 {
	float: right;
	padding: .0em 0em;
	flex-wrap: nowrap !important;
	-moz-box-ordinal-group: 1;
	order: 0;
	-moz-box-flex: 1;
	flex: 1 1 30%;
	align-self: auto;
	background: none repeat scroll 0% 0%;
	width: 40%;
	max-width: 100%;
	margin-left: 2.692em;
	margin-bottom: 1.154em;
}

/*floats image to the left and is smaller image within the template*/

.newImg3 {
	float: left;
	padding: .0em 0em;
	flex-wrap: nowrap !important;
	-moz-box-ordinal-group: 1;
	order: 0;
	-moz-box-flex: 1;
	flex: 1 1 30%;
	align-self: auto;
	background: none repeat scroll 0% 0%;
	width: 40%;
	max-width: 100%;
	Margin-right: 2.692em;
	margin-bottom: 1.154em;
}

/*floats image to left and is larger image within the template*/

.newImg4 {
	float: left;
	padding: .0em 0em;
	flex-wrap: nowrap !important;
	-moz-box-ordinal-group: 1;
	order: 0;
	-moz-box-flex: 1;
	flex: 1 1 60%;
	align-self: auto;
	background: none repeat scroll 0% 0%;
	width: 60%;
	max-width: 100%;
	Margin-right: 2.692em;
	margin-bottom: 1.154em;
	}

/* applies to GIF, PNG, JPGs images; avoids blurry edges */

.img { 
    image-rendering: optimizeSpeed;             
    image-rendering: -moz-crisp-edges;         
    image-rendering: -o-crisp-edges;            
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: optimize-contrast;        
    -ms-interpolation-mode: nearest-neighbor;  
 }

/* Summer Sessions 2018 */
/* modified for Summer sessions 2018, to be used for navigation for the courses that have modules with sections and units. 
Updated 03/2023 SB */
/* added media query when resized for SE phone, our template impedes upon Canvas top navigation. This adjustment to the navigation box will solve for that.sb 2023*/

@media all and (min-width: 375px){

.navContainerSus {
	clear: both; 
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-evenly; 
	background-color: #f2f2f2;
	margin-bottom: 4px;
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 24px;
	min-height: 24px;
	font-size: 18px;	
}

.navContainerSus p {
	background-color: #f2f2f2;
	margin-bottom: 10px !important;
	font-weight: 400;
	margin-top: 0px !important;
	font-size: 18px;
}
.navContainerTextRight {
	float: right;
	display: inline-flex;
	flex-wrap: wrap;
	font-size: 18px; !important;
	margin-left: 10px;
}

.navContainerTextLeft {
	float: left;	
	display: inline-flex; 
	flex-wrap: wrap;
	font-size: 18px; !important;
	margin-right: 10px;
}
}
/*adjusts the navContainer settings so that there can be a left and right side in the navigation bar. -SB 2023*/

.navContainerTextRight {
	float: right;
	display: inline-flex;
	flex-wrap: wrap;
	font-size: 18px; !important;
	margin-left: 10px;
}

.navContainerTextLeft {
	float: left;	
	display: inline-flex; 
	flex-wrap: wrap;
	font-size: 18px; !important;
	margin-right: 10px;
}

.navContainerSus {
	clear: both; 
	background-color: #f2f2f2;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end; 
	margin-bottom: .286em;
	padding-right: 1.923em;
	padding-top: 1.5em;
	min-height: 3em;
	font-size: 18px;
}

.navContainerSus p {
	float: right;
	font-size: 18px;
	margin-right: auto;
}

/*thumbnail container div for GBA videos* SB 03/05/18. Thumbnail class added for GBA but can be used in all templates.*/

.brcoeThumb {
	display: flex; 
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
}

/*Thumbnail images for GBA 2018*/

.thumbGBO1 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_1.png");
	background-repeat: no-repeat;
	background-size: contain; 
  	width: 170px;
    height: 96px;
}
	
.thumbGBO2 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_2.png");
	background-repeat: no-repeat;
	background-size: contain; 
  	width: 170px;
    height: 96px;
}

.thumbGBO3 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_3.png");
	background-repeat: no-repeat;
	background-size: contain; 
  	width: 170px;
    height: 96px; 
}

.thumbGBO4 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_4.png");
	background-repeat: no-repeat;
	background-size: contain; 
  	width: 170px;
    height: 96px;
}

.thumbGBO5 {
	background-image: url("https://s3.amazonaws.com/BRCOE/css_brcoe/images/GBA_thumbs/GBO_Thumbnail_5.png");
	background-repeat: no-repeat;
	background-size: contain; 
  	width: 170px;
    height: 96px;
}

/*in-module navigation bar built for CNR college for GBA courses. Can also be applied to any other courses at the page level.*/

ul.GBAnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f2f2f2;
}

.Gbanav.li {
    float: right;
}

.Gbanav.li a, .dropbtn {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.Gbanav.li a:hover, .dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}

.Gbanav.li.GBAdropdown {
    display: inline-block;
}

.GBAdropdown-content {
    display: block; 
	list-style-type: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.GBAdropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.GBAdropdown-content a:hover {background-color: #f1f1f1}

.GBAdropdown:hover .GBAdropdown-content {
    display: block;
}

/*fonts*/
/*The Helvetica/Arial-based sans serif */

.arial {
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*ally configuration-formatted by SB 2023*/
.ally-scoreindicator,.ally-tooltip {
	text-align:center
}

.ally-tooltip,.arrow::after {
	left: 100px;
	position: absolute;
	top: 100px;
	visibility: hidden;
}

.ally-tooltip {
	border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 6px 5px 9px -9px #000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    max-width: 400px;
    opacity: .9;
    padding: 10px 20px;
    text-align: center;
    z-index: 9999;
}

.ally-tooltip div:first-child {
	position: relative;
	white-space: nowrap;
	z-index: 2;
}

.ally-tooltip,.ally-tooltip .ally-arrow::after {
	background-color: #000;
}

.ally-tooltip .ally-arrow {
	bottom: -16px;
	height: 16px;
	left: 50%;
	margin-left: -35px;
	overflow: hidden;
	pointer-events:none;
	position: absolute;
	width: 70px;
}

.ally-tooltip .ally-arrow.ally-arrow-top {
	bottom:auto;
	top: -16px;
}

.ally-tooltip .ally-arrow::after {
	border:1px solid #FFF;
	box-shadow:6px 5px 9px -9px #000;
	content:"";
	left: 21px;
	position: absolute;
	top:-20px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width:25px
	}
	
.ally-tooltip.ally-arrow-top::after {
	bottom:-20px;
	top: auto;
}

.ally-tooltip .ally-arrow-bottom {top:-16px}
.ally-tooltip .ally-arrow-bottom::after {bottom:-20px;top:auto}
.ally-tooltip .ally-arrow-left {left:0;margin-left:-28px;top:calc(50% - 17px);height:38px;width:28px}
.ally-tooltip .ally-arrow-left::after {right:auto;top:4px}
.ally-tooltip .ally-arrow-right {left:100%;margin-left:0;top:calc(50% - 18px);height:38px;width:14px}
.ally-tooltip .ally-arrow-right::after {
	left:-20px;top:5px
}
.ally-helper-hidden-accessible {
	border:0;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow: hidden;
	padding:0;
	position:absolute;
	width:1px
}

@media print{
 
 body.ally-accessible-versions-active,body.ally-instructor-feedback-active {
        overflow: visible
    }

    body.ally-instructor-feedback-active>:not(.ally-iframe-mask) {
        display: none!important
    }

    .ally-iframe,.ally-iframe-mask {
        bottom: auto!important;
        height: 3000px!important;
        overflow: visible!important;
        position: static!important
    }

    .ally-accessibility-score-indicator,.ally-af-launch-container,.ally-alternative-formats,.ally-image-seizure-guard {
        display: none!important
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.ally-iframe-mask {
    background-color: #333;
    display: -ms-flexbox;
    display: flex
}

.ally-iframe-mask>img {
    animation: spin 1s linear infinite;
    height: 80px;
    margin: auto;
    opacity: 1;
    outline: none;
    transition: opacity .2s linear;
    width: 80px
}

.ally-iframe-mask.ally-iframe-active>img {
    opacity: 0
}

.ally-iframe-mask button {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 10px;
    position: fixed;
    right: 10px;
    top: 5px
}

.ally-iframe-mask button>img {
    height: auto;
    width: 36px
}

.ally-iframe-mask>.ally-iframe {
	display: none
}

.ally-iframe-mask.ally-iframe-active>.ally-iframe {
	display: block
}
.ally-iframe,.ally-iframe-mask{
	border: none;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	overflow:hidden;
	padding: 0;
	position: fixed;
	right:0;
	top:0;
	width:100%;
	z-index: 9998
}

.ally-accessibility-score-indicator,.ally-scoreindicator {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

.ally-score-meter-container-toolbar {
    position: relative!important
}

.ally-score-meter-container {
    background: none!important;
    border: none!important;
    border-radius: 5px!important;
    cursor: pointer!important;
    display: inline-flex!important;
    margin: 5px 0!important;
    padding: 10px!important;
    position: absolute!important;
    right: 0!important;
    top: -50px!important;
    z-index: 2!important
}

.ally-score-meter-container:focus,.ally-score-meter-container:hover {
    background-color: rgba(0,0,0,.05)!important;
}

.ally-score-meter {
    width: 34px!important;
}

.ally-score-meter-background {
    stroke: #cdd2d5!important;
}

.ally-score-meter-foreground {
    transition: stroke-dasharray .5s ease-in-out!important;
}

.ally-score-meter-text {
    font-size: 14px!important;
    margin-left: 5px!important;
}

.ally-score-meter-container-quill {
    background: none!important;
    border-radius: 0!important;
    display: block!important;
    float: left;
    margin: 3px 3px 3px 0!important;
    padding: 7px 15.75px!important;
    position: unset!important;
    right: unset!important;
    top: unset!important;
    z-index: 2!important;
}

[direction=rtl] .ally-score-meter-container-quill {
    float: right;
}

.ally-wysiwyg-feedback-quill-fullscreen {
    background-color: #fff;
    border-right: 1px solid #000!important;
    height: calc(100vh - 70px);
    left: 0;
    overflow: auto;
    padding: 20px 50px;
    position: fixed;
    right: 400px;
    top: 69px;
    z-index: 9999;
}

.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-root {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-root .keyboard-tooltip-container {
    flex: 1;
    min-height: 0;
}

.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-container.ql-container {
    z-index: 0;
}

.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-root .keyboard-tooltip-container .ql-container,.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-root .keyboard-tooltip-container .ql-container .ql-editor {
    height: 100%;
    max-height: 100%;
}

.ally-wysiwyg-feedback-quill-fullscreen .bb-editor-root .word-count {
    background-color: #fff;
}

.ally-wysiwyg-feedback-list-item-inactive,.ally-wysiwyg-feedback-quill-fullscreen .ally-score-meter-container {
    display: none!important;
}

.ally-wysiwyg-feedback-atto-fullscreen {
    background-color: #fff;
    border-right: 1px solid #000!important;
    height: calc(100vh - 60px);
    left: 0;
    overflow: auto;
    position: fixed;
    right: 400px;
    top: 69px;
    z-index: 9999
}

.ally-wysiwyg-feedback-atto-fullscreen .editor_atto {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%!important;
    justify-content: center
}

.form-group.row.fitem .ally-score-meter-toolbar-atto.ally-score-meter-container-toolbar {
    position: absolute!important;
    right: 0
}

.ally-wysiwyg-feedback-atto-fullscreen .editor_atto_content_wrap {
    flex: 1;
    overflow: auto;
}

.ally-wysiwyg-feedback-atto-fullscreen .editor_atto_content {
    height: 100%!important;
}

.editor_atto_wrap .CodeMirror {
    width: auto!important;
}

.ally-wysiwyg-feedback-atto-fullscreen .CodeMirror {
    height: calc(100vh - 164px)!important;
    left: 0;
    position: fixed;
    right: 400px;
    top: 164px;
}

.ally-wysiwyg-feedback-atto-fullscreen .editor_atto_toolbar {
    background-color: inherit;
    z-index: 1;
}

.ally-wysiwyg-feedback-atto-fullscreen .ally-preview-selection-container {
    z-index: 0;
}

.ally-wysiwyg-feedback-atto-fullscreen .ally-score-meter-container {
    display: none!important;
}

.ally-wysiwyg-feedback-tinymce-fullscreen {
    border-right: 1px solid #000!important;
    left: 0!important;
    position: fixed!important;
    top: 69px!important;
    z-index: 9999!important
}

.ally-wysiwyg-feedback-tinymce-fullscreen .ally-score-meter-container {
    display: none!important;
}

.ally-wysiwyg-feedback-tinymce-fullscreen .tox-editor-container {
    overflow: auto!important;
}

.ally-wysiwyg-feedback-tinymce-fullscreen .tox-edit-area {
    min-height: 200px!important;
}

.tox-tinymce.ally-wysiwyg-feedback-tinymce {
    overflow: visible!important;
}

.tox-tinymce.ally-wysiwyg-feedback-tinymce-fullscreen {
    max-height: calc(100vh - 70px)!important;
    max-width: calc(100vw - 400px)!important;
}

.tox-tinymce.tox-fullscreen.ally-wysiwyg-feedback-tinymce .tox-toolbar__overflow {
    padding-right: 96px!important;
}

.tox-tinymce.tox-fullscreen .ally-score-meter-container {
    right: 5px!important;
    top: 35px!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce {
    display: inline-block;
    position: relative;
    width: auto!important;
}

.theme-snap .ally-score-meter-container {
    padding-bottom: 5px!important;
    padding-top: 5px!important;
    top: -40px!important;
}

#mce_fullscreen_parent .ally-score-meter-container,.theme-snap #mce_fullscreen_parent .ally-score-meter-container {
    right: 5px!important;
    top: -5px!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce #mce_fullscreen_toolbar1 {
    padding-right: 100px;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen {
    height: calc(100vh - 70px)!important;
    width: calc(100vw - 400px)!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen iframe,.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout {
    height: 100%!important;
    width: 100%!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout>.mceFirst,.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout>tbody>.mceFirst {
    height: auto!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout>tbody {
    height: calc(100% - 60px)!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout .mceFirst+tr,.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout .mceFirst+tr .mceIframeContainer {
    height: 100%!important;
}

.mceEditor.ally-wysiwyg-feedback-tinymce-fullscreen table.mceLayout .mceLast {
    background: #f2f2f2;
}

.ally-image-seizure-guard {
    background-color: #333;
    background-color: rgba(0,0,0,.8);
    position: absolute;
    z-index: 1
}

.ally-image-seizure-guard>button {
    background-color: transparent;
    background-image: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ally-image-seizure-guard>button>img {
    height: 30%;
    max-height: 100px!important;
    max-width: 100px!important;
    min-height: 36px!important;
    min-width: 36px!important;
    width: 30%
}

.ally-accessibility-score-indicator {
	user-select: none;
}
.ally-accessibility-score-indicator .screenreader-only,.ally-sr-only{
	clip:rect(0,0,0,0);
	border:0;
	height:1px;
	margin:-1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.ally-af-launch-container{
	background-color:rgba(0,0,0,.9);
	box-shadow:0 0 5px 0 rgba(0,0,0,.3);
	display:inline-block;
	z-index: 2147483638
}
.ally-af-launch-container.ally-af-style-flag_large,.ally-af-launch-container.ally-af-style-flag_small{
	position:fixed;
	right:0
}
.ally-af-launch-container.ally-af-style-flag_small{
	bottom: 10%
}
.ally-af-launch-container.ally-af-style-flag_large {
	bottom: 20%
}
.ally-af-launch-container.ally-af-style-bar_bottom {
	bottom: 0;
	display: flex;
	height: 75px;
	left: 0;
	position: fixed;
	right:0
}
.ally-af-launch-container>button{
	color:#FFF;
	cursor:pointer;
	display:block;
	font-family: Roboto,Fira Sans,Segoe UI,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 0;
	margin:0;
	padding:0;
	position:static
}
.ally-af-launch-container.ally-af-style-flag_large>button,.ally-af-launch-container.ally-af-style-flag_small>button {
	background:0 0;
	border:1px solid #FFF;
	border-right:none
}

.ally-af-launch-container.ally-af-style-flag_small>button {
	padding:15px
}
	
.ally-af-launch-container.ally-af-style-flag_large>button {
	padding: 20px
}
	
.ally-af-launch-container.ally-af-style-bar_bottom>button {
	background:0 0;
	border:1px solid transparent;
	font-size:14px;
	margin:15px 0 15px 90px;
	padding:0 20px
}

.ally-af-launch-container.ally-af-style-flag_large>button:focus,
.ally-af-launch-container.ally-af-style-flag_large>button:hover,
.ally-af-launch-container.ally-af-style-flag_small>button:focus,
.ally-af-launch-container.ally-af-style-flag_small>button:hover {
	background:#FFF;
	border-color:#CCC
}

.ally-af-launch-container.ally-af-style-bar_bottom>button:focus
.ally-af-launch-container.ally-af-style-bar_bottom>button:hover {
	border:1px solid #FFF;
	border-radius:3px
}
.ally-af-launch-container.ally-af-style-flag_small>button>img {
	vertical-align: middle;
	width: 25px
}

.ally-af-launch-container.ally-af-style-flag_large>button>img {
	vertical-align:top;
	width:35px
	}
	
.ally-af-launch-container.ally-af-style-bar_bottom>button>img{
	left:20px;
	position:absolute;
	top:22px;
	width:45px
}
.ally-af-launch-container.ally-af-style-bar_bottom>button>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_large>button>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_small>button>img.ally-af-launch-icon-black {
	display:none
}

.ally-af-launch-container.ally-af-style-flag_large>button:focus>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_large>button:hover>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_large>button>img.ally-af-launch-icon-white,
.ally-af-launch-container.ally-af-style-flag_small>button:focus>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_small>button:hover>img.ally-af-launch-icon-black,
.ally-af-launch-container.ally-af-style-flag_small>button>img.ally-af-launch-icon-white {
	display:inline-block
	}

.ally-af-launch-container.ally-af-style-flag_large>button:focus>img.ally-af-launch-icon-white,
.ally-af-launch-container.ally-af-style-flag_large>button:hover>img.ally-af-launch-icon-white,
.ally-af-launch-container.ally-af-style-flag_small>button:focus>img.ally-af-launch-icon-white,
.ally-af-launch-container.ally-af-style-flag_small>button:hover>img.ally-af-launch-icon-white {
display:none
}

.ally-af-launch-container.ally-af-style-flag_large>button>span,
.ally-af-launch-container.ally-af-style-flag_small>button>span {
	border:0;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

@media only screen and (max-width: 768px) {
    .ally-af-launch-container.ally-af-style-flag_large,.ally-af-launch-container.ally-af-style-flag_small {
        bottom:5%
    }

    .ally-af-launch-container.ally-af-style-flag_large>button>img,.ally-af-launch-container.ally-af-style-flag_small>button>img {
        width: 25px
    }

    .ally-af-launch-container.ally-af-style-flag_large>button,.ally-af-launch-container.ally-af-style-flag_small>button {
        padding: 15px
    }
}

body.ally-accessible-versions-active,body.ally-instructor-feedback-active {
overflow:hidden
}
.ally-enhancement-preview div {
	background-position:
	left 3px;
	background-repeat:no-repeat;
	background-size:20px auto;
	color:#FFF;opacity:.53;padding-left:25px
}

.ally-enhancement-preview:hover div {
    opacity: 1
}

button.ally-accessibility-score-indicator {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    outline: inherit;
    padding: 0
}

.ally-score-meter-container,.tox-tinymce.tox-fullscreen .ally-score-meter-container {
    top: -5px!important
}

#ally-accessible-versions-toolbar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    display: none;
    margin-right: -3px
}

.icon-ally-toolbar:before {
    content: " ";
    height: 16px;
    width: 16px
}

.ef-links-col {
    flex: 0 0 100px
}

.ally-score-meter-container,.tox-tinymce.tox-fullscreen .ally-score-meter-container {
    top: -5px!important
}

#ally-accessible-versions-toolbar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    display: none;
    margin-right: -3px
}

.icon-ally-toolbar:before {
    content: " ";
    height: 16px;
    width: 16px
}

.ef-links-col {
    flex: 0 0 100px
}
.user_content {
    overflow: unset
}

.user_content.show-content.ally-enhancement {
    padding-bottom: 140px
}

.user_content.show-content .ally-hide-permanently {
    display: none!important;
    height: 0;
    width: 0
}

.user_content .ally-accessibility-score-indicator {
    display: inline-block;
    line-height: 0;
    max-height: 22px;
    max-width: 30px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    z-index: 2
}

.user_content .ally-accessibility-score-indicator img {
	width:100%
	}

a.ally-accessibility-score-indicator:focus,
a.ally-accessibility-score-indicator:hover {
	text-decoration:none
}
#ally-accessible-versions-toolbar {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:20px;
	display:none;
	margin-right:-7px
}

.icon-ally-toolbar::before{content:" ";width:16px;height:16px}
.ef-links-col{flex:0 0 100px}.user_content{overflow:unset}

.user_content .ally-file-link-holder 
.ally-accessibility-score-indicator
.ally-accessibility-score-indicator-beside-link {
	background-color:inherit;
	height:auto;
	margin-right:5px;
	overflow:visible;
	padding:0;
	position:relative;
	text-decoration:none;
	width:auto
}

.user_content .ally-file-link-holder .ally-accessibility-score-indicator img.ally-accessibility-score-indicator-image {
	position:relative;
	top: 2px;
	width: 20px
}

.user_content .ally-file-link-holder .al-trigger {
	padding:0
}

.user_content .ally-file-link-holder .al-trigger>i {
	margin-bottom: 4px
}

.ally-grey-arrow-download-button{
	margin-left: 5px

#discussion_container .ally-user-content-dropdown>a,#discussion_container .ally-user-content-dropdown>a:hover,
.ally-user-content-dropdown>a,.ally-user-content-dropdown>a:hover {
   margin-inline-start: 5px
   }


#discussion_container .ally-grey-arrow-download-button.ally-user-content-dropdown>a,#discussion_container 
.ally-grey-arrow-download-button.ally-user-content-dropdown>a:hover,.ally-grey-arrow-download-button
.ally-user-content-dropdown>a,.ally-grey-arrow-download-button.ally-user-content-dropdown>a:hover {
	background-image:url(/integration/img/ally-icon-af-download-arrow-d91b87af50.svg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-color:transparent;
	color:transparent;
	display:inline-block;
	margin-left:2px;
	width:13px;
	height:13px
	}
	

.user_content .ally-user-content-dropdown i.icon-mini-arrow-down::before {
	vertical-align:middle
	}
	
.ally-user-content-dropdown ul>li.ui-menu-item>a {
	font-style: normal
	}

@media print {
.ally-user-content-dropdown {
	display:none
	}
}

.ef-item-row .ef-name-col a:focus .ef-thumbnail .ally-files-seizure,.ef-item-row .ef-name-col a:hover .ef-thumbnail .ally-files-seizure {
    opacity: 1
}

.ef-item-row .ef-name-col a .ef-thumbnail .ally-files-seizure-guard {
	background-color:#CCC;
	background-color:rgba(0,0,0,.25);
	padding: 5px
}

.ef-item-row .ef-name-col a .ef-thumbnail .ally-files-seizure-guard img {
    height: 100%;
    width: 100%
}

.ef-item-row .ef-name-col a .ef-thumbnail .ally-files-seizure-indicator {
    background-color: #333;
    background-color: rgba(0,0,0,.8);
    border-radius: 3px;
    color: #fff;
    display: none;
    margin: -85px 0 0 -5px;
    padding: 10px;
    position: absolute
}

.ef-item-row .ef-name-col a:focus .ef-thumbnail .ally-files-seizure-indicator,.ef-item-row .ef-name-col a:hover .ef-thumbnail .ally-files-seizure-indicator {
    display: block
}

.ef-item-row .ef-name-col a .ef-thumbnail .ally-files-seizure-indicator-caret {
    height: 45px;
    margin-left: -10px;
    margin-top: 10px;
    opacity: .8;
    position: absolute
}

.ef-item-row .ally-accessibility-indicator {
    display: flex;
    justify-content: center;
    position: relative
}

.ef-item-row .ally-accessibility-score-indicator {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center
}

.ef-item-row .ally-accessibility-score-indicator>img {
    width: 20px
}

.ally-files-preview-seizure {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 24px;
    font-weight: 300;
    justify-content: center;
    opacity: 1;
    transition: opacity .2s linear
}

body.ally-instructor-feedback-active .ally-files-preview-seizure {
    opacity: 0
}

.ally-files-preview-seizure div,.ally-files-preview-seizure img {
    margin-bottom: 25px
}

.ally-files-preview-seizure img {
    height: auto;
    max-height: 100px;
    max-width: 100px;
    object-fit: contain;
    width: 80%
}

.ally-files-preview-seizure button {
    background-color: #fff;
    border: none;
    border-radius: 3px;
    color: #222;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px 20px
}

.context_module_item.attachment .ig-admin {
	position:relative
}

.context_module_item.attachment .ig-admin a.ally-accessibility-score-indicator {
	margin-right:14px;
}

.ally-module-file .ally-accessibility-score-indicator {
	float:right;
}

.ally-module-file .ally-user-content-dropdown>a {
	padding:0;
}

.ally-accessible-versions>.ally-new-af-download-button {
	background-image: url(/static/ally-icon-af-download-logo.f25b92cffd71eaede2d7d3f62c34299d.svg);
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    width: 22px
}

button.ally-accessible-versions {
    background-color: transparent;
    border: 0
}

.ally-accessibility-column-header {
    text-align: center
}

.ally-if-canvas-header {
    z-index: 0!important
}


/*SEL Quote blocks. Added to give styling to quotations for Social Emotional learning courses in 2023. Sarah Bushman 04/2023*/

.SelBlockquote p {
  font-size: 100%;
  background: #333333;
}

.SelBlockquote1 {
  margin: 3.7em auto;
  padding: 2em;
  background: linear-gradient(white, white) padding-box, url("https://ucbxbackgrounds.s3.us-east-2.amazonaws.com/SELQuoteblock1.png") border-box  0 / cover;
  border: 2em solid transparent;
  box-shadow: 5px 3px 30px black;
  font-size: 1.4em;
  font-family: 'Lora', serif;
  font-style: italic;
  line-height: 1.5;
  width: 40%;
}

/*test for dark-screen mode preference 10/25/23*/ 

/*dark mode css for log-in page workin progress*/


/*dark mode css for course content*/

@media (prefers-color-scheme: dark) {

/*containers*/

.navContainer-adaptive .navContainerSus-adaptive .bannerContainerFrontPage-adaptive .titleContainerSmall-adaptive .contentContainerSmall-adaptive 
.contentContainer-adaptive .titleContainer-adaptive .bgGrayF2-adaptive .bgGrayF9-adaptive .contentContainerSmallHeader-adaptive {
background-color: #1f1f1f; 
}

.flexContainer-adaptive .navContainer-adaptive .titleContainer-adaptive .titleContainerSmall-adaptive  .contentContainer-adaptive .contentContainerSmall-adaptive 
.navigation-adaptive .contentContainerSmallHeader-adaptive .ccsLink-adaptive a {
color: #2188eb; 
}

/*buttons*/

.btn-adaptive .navbutton-adaptive .containerButton-adaptive {
background-color: #606f79;
}

.p.navbutton-adaptive .btn-adaptive .containerButton-adaptive a {
color: #fff; 
}

/*headers*/

.course-title-adaptive h1.page-title-adaptive .h1-adaptive .h2-adaptive .h3-adaptive .h4-adaptive contentContainerheader-adaptive .titleContainerTitle-adaptive .titleContainer2ndHeader-adaptive {
color: #edc61b; 
}

.brcoeTable-adaptive .brcoeTableNew-adaptive tbody-adaptive {
  background-color: #2d4a64;
}

.table-adaptive tr.brcoeTableHeader-adaptive {
  background-color:#2d4a64;
}

.brcoeTableHeader-adaptive .headerrow-adaptive .brcoeTableHeaderNew-adaptive {
    color: #2d4a64;
}

th.headerrow-adaptive {
	border: 1px solid #CCC;
	background-color: #2d4a64;
}

.brcoeTableHeaderNew-adaptive {
    background-color: #2d4a64;
    }
    
 /*content frames - these live within the containers*/    

.brcoeContentFrame-adaptive .brcoeContentFrameGray-adaptive .brcoeContentFrameWhite-adaptive .brcoeContentFrameYellow-adaptive .brcoeContentFrameTeal-adaptive .brcoeContentFrameSoybean-adaptive 
.brcoeContentFrameSEL-adaptive .SelBlockquote1-adaptive {
	background-color: #746EA0;
	}

}