/* =========================================================== */
/* XYZ-SPECIFIC STYLES  - BEGIN                                */
/* =========================================================== */

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600);@charset "UTF-8";

/* XYZ-SPECIFIC SPACERS */
.xyz-spacer-10 {
	min-height:10px;
	height:10px;
	overflow:hidden;
}
.xyz-spacer-20 {
	min-height:20px;
	height:20px;
	overflow:hidden;
}
.xyz-spacer-40 {
	min-height:40px;
	height:40px;
	overflow:hidden;
}
.xyz-spacer-60 {
	min-height:60px;
	height:60px;
	overflow:hidden;
}
.xyz-spacer-80 {
	min-height:80px;
	height:80px;
	overflow:hidden;
}


/* XYZ-SPECIFIC FORMATTERS */
.fixed-font-size-18 {
	font-size:18px !important;
}

.fixed-font-size-16 {
	font-size:16px !important;
}

.fixed-font-size-14 {
	font-size:14px !important;
}

.fixed-font-size-13 {
	font-size:13px !important;
}

.fixed-font-size-12 {
	font-size:12px !important;
}

.fixed-font-size-10 {
	font-size:10px !important;
}


#xyzh-legacy-block-color-picker-container {
	border: 3px solid #CED4DA;
	border-radius: 0.25rem;
	padding:2px 9px 5px 9px;
	margin: 8px 0 24px 37px;
}

/* =========================================================== */
/* XYZ-SPECIFIC STYLES  - END                                  */
/* =========================================================== */



/* =========================================================== */
/* BUTTONS AND LINKS */
/* =========================================================== */

/* default links */

	/* unvisited link */
	a:link, a:visited {
	  color: #BA5043;
	}

	/* mouse over link */
	a:hover, a:active {
	  color: #DE6D0C;
	}

	a.dropdown-toggle:not(.xyz-btn), a.dropdown-toggle:active:not(.xyz-btn), a.dropdown-toggle:visited:not(.xyz-btn) {
		color: #0478CB !important;
	}

	a.dropdown-toggle:hover {
		color: #065580 !important;
	}


/* override mathtest.css */
	input[type=submit],input[type=button], button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		height: auto !important;
	}


/* default buttons */

	input[type=submit], input[type=button], button, a.abutton, span.fakebutton {
		background-color: #FEFEFE;
		color: #212529;
		border-radius: 0.25rem;
		border: 1px solid #AEAEAE;
		font-size: 0.85rem;
		font-weight: 500;
		padding: 0.3rem 0.84rem;
		margin: 2px 3px;
		line-height: 1.5;
	}

	input[type=submit]:hover, input[type=button]:hover, button:hover, a.abutton:hover, span.fakebutton:hover, input[type=submit]:focus, input[type=button]:focus, button:focus, a.abutton:focus, span.fakebutton:focus {
		background-color: #EEEEEE;
	}

	input[type=button]:disabled, button:disabled {
	  opacity: .5;
	}

	input[type=button]:disabled:hover {
		background-color: #EEEEEE;
	}

/* submit buttons */

	input[type=submit], button[type=submit] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #FFFFFF !important;
		background-color: #5980BD !important;
		border: 1px transparent !important;
	}
	input[type=submit]:hover, input[type=submit]:focus, button[type=submit]:hover, button[type=submit]:focus {
		background-color: #7398D5 !important;
	}
	input[type=submit]:disabled, button[type=submit]:disabled {
	  opacity: .5 !important;
	}
	input[type=submit].primary, button[type=submit].primary {
	  color: #FFFFFF !important;
	  background-color: #1E74D1 !important;
	}
	input[type=submit].primary:enabled:hover, input[type=submit].primary:focus, button[type=submit].primary:enabled:hover, button[type=submit].primary:focus {
	  background-color: #175aa2 !important;
	}

/* specific links */

#leftcontent a {
	font-size: 0.85rem;
	padding-left: 8px;
}

#leftcontent b {
	font-size: 0.85rem;
	padding-left: 4px;
}

#leftcontent p {
	border-bottom: 1px solid #CACACA;
}

#leftcontent p:last-of-type {
	border-bottom: none;
}

#leftcontent p:last-of-type::before {
  content: "Basics \A";
  white-space: pre-wrap;
  font-weight:600;
}


/* specific buttons */

input[type=button].primary, button.primary, a.abutton.primary {
  color: #fff;
  background-color: #1E74D1;
  background-color: pink;
}

button.primary:enabled:hover,input[type=button].primary:enabled:hover, a.abutton.primary:hover,
button.primary:focus,input[type=button].primary:focus, a.abutton.primary:focus {
  background-color: #175aa2;
  background-color: red;
}




/* course add item selector : https://www.filamentgroup.com/lab/select-css.html */
select[name="addtype"], select#xyzh-legacy-block-color-picker {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #444;
	line-height: 1.3;
	padding: .4em 1.4em .3em .8em;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 0.25rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		  linear-gradient(to bottom, #FEFEFE 100%,#FEFEFE 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
select[name="addtype"]::-ms-expand {
	display: none;
}
select[name="addtype"]:hover {
	border-color: #888;
}
select[name="addtype"]:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
select[name="addtype"] option {
	font-weight:normal;
}

/* course view buttons */
div#viewbuttoncont {
	color: #000000;
	font-size: 0.70rem;
	font-weight: 500;
	text-transform: uppercase;
}

div#viewbuttoncont a {
	text-transform: none;
	display: inline-block;
	color: #FFFFFF;
	border: 1px transparent;
	border-left: 1px #AAAAAA solid;
	font-size: 0.75rem;
	font-weight: 500;
	padding: 0.2rem 0.54rem;
	margin: 2px 0;
	line-height: 1.5;
}

#viewbuttoncont > a {
	border-radius: 0 !important;
}

#viewbuttoncont > a.buttoncurveleft {
	border-left: 1px transparent;
	border-radius: 0.2rem 0 0 0.2rem !important;
}

#viewbuttoncont > a.buttoncurveright {
	border-right: 1px transparent;
	border-radius: 0 0.2rem 0.2rem 0 !important;
}


div#viewbuttoncont a:hover, div#viewbuttoncont a:focus {
	text-decoration: none;
}
div#viewbuttoncont a.buttonactive {
	background-color: #65BA4D;
	cursor: default;
}
div#viewbuttoncont a.buttoninactive {
	background-color: #6C757D;
}
div#viewbuttoncont a.buttoninactive:hover {
	background-color: #3A4248;
}




.xyzh-primary-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #FFFFFF !important;
	background-color: #5980BD !important;
	border: 1px transparent !important;
}


.xyzh-special-button {
	color: #FFFFFF !important;
	background-color: #F7941D !important;
	border-color: #F7941D  !important;
}

.xyzh-special-button:hover {
	background-color: #E68108 !important;
}



.xyzh-default-button {
	background-color: #FEFEFE !important;
	color: #212529 !important;
	border: 1px solid #AEAEAE !important;
}
.xyzh-default-button:hover, .xyzh-default-button:focus {
	background-color: #EEEEEE !important;
}



/* =========================================================== */
/* XYZ-OVERRIDES OF IMATHAS UI ELEMENTS  - BEGIN               */
/* =========================================================== */

p {
	line-height:170%;
}

li {
	line-height:140%;
}

h1 {
	color: #BA5043;
	margin: 22px 0 0 0 !important;
}

h2 {
	color: #BA5043;
	margin: 22px 0 12px; 0 !important;
}

#leftcolumn div.block h2 {
	color: #FFFFFF !important;
	margin:0;
}

#rightcolumn div.block h2 {
	color: #FFFFFF !important;
	margin:0;
}

div.pagetitle h1, div.pagetitle h2 {
	margin: 22px 0 15px 0 !important;
}

table.gb {
	margin-top: 8px;
	min-width: 50%;
}


.small {
	font-size: 80%;
}

.midwrapper {
	width:97%;
	margin:auto;
}


table#newmsglist {
	width:100%;
}

table#newmsglist > tbody > tr > td {
	font-size: 90%;	
}

table#newpostlist {
	width:100%;
}

table#newpostlist > tbody > tr > td {
	font-size: 90%;	
}


/* =========================================================== */
/* FORMS */

fieldset {
	border: 3px solid #CED4DA;
	border-radius: 0.25rem;
	margin-bottom:24px;
	padding-top:10px;
}

legend {
	color: #666666;
	font-weight: 600;
}


input.form {
	border: 3px solid #CED4DA;
	border-radius: 0.25rem;
	padding: 4px;
}


/* =========================================================== */

form#curqform button[type=button] {
	border: 1px solid #CACACA;
	font-size: 0.75rem;
	padding:1px 5px 1px 5px;
	background-color: #F5F5F6;
	color: #212529;
}

form#curqform button[type=submit] {
	border: 1px solid #CACACA;
	font-size: 0.75rem;
	padding:1px 5px 1px 5px;
	background-color: #F5F5F6;
	color: #212529;
}

form#curqform > #curqtbl > table > tbody > tr > td > button[type=button] {
	border: 1px solid #CACACA;
	font-size: 0.75rem;
	padding:1px 5px 1px 5px;
	background-color: #F5F5F6;
	color: #212529;
}

form#curqform > #curqtbl > table > tbody > tr > td > button[type=button]:hover {
	background-color: #e2e2e2;
}


form#curqform > p > button {
	color:red;
}


/* =========================================================== */

ul.courselist > li {
	border-bottom: 1px solid #CACACA;
	padding: 6px 0px 6px;
}

div > ul.courselist {
	border-bottom: 2px solid #CACACA;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
ul.courselist > li > a {
	color: #0478CB;
	display:inline-block;
	margin-right:20px;
	padding-left: 5px;
	text-indent: -5px;
}

ul.courselist > li > a:hover {
	text-decoration:none;
	color: #0161B7;
	color: #E68108;
}

.delx a {
	padding: 2px 4px 2px 4px;	
	font-size: .8rem;
	color: #CC0C24;
}

.delx a:hover, .delx a:focus {
	background: #CC0C24;
	color: #FFFFFF;
}


/* =========================================================== */

div#navlistcont {
	width: 97%;
	margin:auto;
}

ul#navlist {
	border-radius: 0.325rem 0.325rem 0 0;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #0074C7;
}

ul#navlist li a {
	border-radius: 0.325rem;
	background-color: #0074C7;
	box-sizing: border-box;
	height:35px;
	padding-top:8px;
}

#navlist > li:nth-child(7) {
	display: none;
}

ul#navlist li a:hover, ul#navlist li a:focus {
	background-color: #0161B7;
	color: #fff;
}

div.midwrapper > div.breadcrumb {
	border-radius: 0 0 0.25rem 0.25rem;
	background-color: #F6F7F9;
	border: 1px solid #0060B6;
	box-sizing: border-box;
	font-size: 90%;
	padding: 8px 8px 8px 8px;
}



#GB_window {
  border: 3px solid #0161B7;
}
#GB_caption {
  background: #0161B7;
}







/* =========================================================== */
/* POPUP CALENDAR */

.dpTable {
	color: #333333;
	background-color: #F2F2F2;
	border: 1px solid #5E9AD3;
	}
.dpTD {
	border: 1px solid #F2F2F2;
	}
.dpTDHover {
	background-color: #E2E2E2;
	border: 1px solid #5E9AD3;
	color: #000000;
	}
.dpButton, .dpTodayButton {
	color: #D8242F;
	background: #FFFFFF;
	font-weight: bold;
	padding:  0 4px 0 4px;
	}
.dpDayTD {
	background-color: #5E9AD3;
	border: 1px solid #AAAAAA;
	color: white;
	}
.dpDayHighlightTD {
	background-color: #FFFFFF;
	border: 1px solid #5E9AD3;
	}
.dpDayHighlight {
	color: #000000;
	font-weight: bold;
	}



/* =========================================================== */

#qform {
	border-bottom: 1px solid #CACACA;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#qform > a {
	font-size: 90%;
}

div.editor {
	margin-top: 6px;
}


/* =========================================================== */
/* XYZ-OVERRIDES OF IMATHAS UI ELEMENTS  - END                 */
/* =========================================================== */




/*General settings - fonts, overall page background, etc*/
body {
	/* font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; */
	font-family: "Raleway", sans-serif;
	font-weight:500;
	font-size: 90%;
}

/*Link styles*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*Container for course items*/
div.item {
	border: 1px solid #CACACA;
	background-color: #fff;
}

/*Container for editor*/
div.editor {
	border: 1px solid #000;
}

/*Default block container*/
div.block, div.blockitems div.blockitems div.block {
	border: 1px solid #CACACA;
	background-color: #F5F6F8;
	font-size:14px;
	color: #000000;
	font-weight: 550;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* XYZ CUSTOM */

/* div.block img.mida, div.itemhdricon img { */
/* 	width: 15px !important; */
/* } */

span.formright {
	line-height:170%;
}


#rightcolumn div.block, #rightcolumn > div.blockitems div.block {
	font-size:13px;
	color: #FFFFFF;
	border: 1px solid #ea7066;
	background-color: #ea7066;
}


#leftcolumn div.block, #leftcolumn > div.blockitems div.block {
	font-size:13px;
	color: #FFFFFF;
	border: 1px solid #0060B6;
	background-color: #0074C7;
}

#leftcolumn > div:nth-child(1) > div.blockitems > div:nth-child(3) {
	margin-top:12px;
	margin-bottom:12px;
	line-height:100%;
}

#leftcolumn > div:nth-child(1) > div.blockitems > div:nth-child(3) .small {
	font-size:12px;
}

/*Default block item container*/
div.blockitems, div.blockitems div.blockitems div.blockitems {
	border: 1px solid #CACACA;
	border-top: 0px;
	background-color: #F6F7F9;
}

/* XYZ CUSTOM */
#leftcolumn div.blockitems, #leftcolumn div.blockitems div.blockitems div.blockitems {
	background-color: #F6F7F9;
	font-size:13px;
	color: #FFFFFF;
	border: 1px solid #0060B6;
	border-top: 0px;
}


/*Second level default block container*/
div.blockitems div.block {
	background-color: #EEEEEE;
}

/*Second level default block item container */
div.blockitems div.blockitems {
	background-color: #efe;
}

/*Icons*/
div.icon {
	color:#00d;	
	border: 1px solid #0478CB;
	font-weight: bolder;
}

/*Breadcrumb bar*/
div.breadcrumb {
	/*border: 1px solid #000;*/
	border: 0px;	
	background-color: #F6F7F9;
}

/*Control panels*/
div.cp {
	border: 1px solid #CACACA;
	background-color: #F6F7F9;
}

div.cpmid {
	border: 1px solid #CACACA;
	background-color: #F6F7F9;
	line-height:180%;
	margin-bottom:22px;
}

table thead th {
	font-weight:bold;
	cursor:pointer;
}

/*Tabs */

li #chgassesstab_sel, li #chgassesstab_chg {
	color: #9481E1;
}

/*Tables */
table.forum {
	border: 2px solid #5E9AD3;	
}
table.forum > thead > tr {
	border-bottom: 2px solid #5E9AD3;
}
table.forum > tbody > tr > td {
	line-height:170%;
	padding:4px;
}
div.forumgrp {
	margin-top:12px;
}
.fixedonscroll {
	margin-bottom:8px;
}


#copyoptions > fieldset > table > tbody > tr > td {
	line-height:150%;
	padding:4px;
}

#opttable {
	border: 2px solid #5E9AD3;
}

#opttable > thead > tr {
	border-bottom: 2px solid #5E9AD3;
}
#opttable > tbody > tr > td {
	line-height:170%;
	padding:4px;
}
#opttable > tbody > tr > td.r {
	font-weight: 520;
	color: #212529;
	border-right: 1px solid #EFEFEF;
}


table.gb {
	border: 2px solid #5E9AD3;
	margin-bottom:24px;
}
table.gb > thead > tr {
	border-bottom: 2px solid #5E9AD3;
}
table.gb > thead > tr > th {
	padding:4px;
	line-height:170%;
}
table.gb > tbody > tr > td {
	padding:4px;
	line-height:170%;
	border-bottom: 1px solid #CACACA;
}
table.gb > tbody > tr > td.r {
	font-weight: 520;
	color: #212529;
	border-right: 1px solid #EFEFEF;
}

#cattbody >tr >td {
	font-size: 90%;
	line-height: 170%;
}

table.gb thead th, table.gbl thead th, table.gbl thead th.locked {
	outline: 1px solid #CACACA;
	background-color: #F6F7F9;
	font-size: 90% !important;
	line-height: 130%;
}

tr.even, tr.even td {
	background-color: #fff;	
}
tr.odd, tr.odd td {
	background-color: #EEEEEE;
}
tr.bordered  td {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
tr.highlight, tr.highlight td {
	background-color: #EAEAEA;
}
tr.grid td {
	border: 1px solid #000;
}
tr.dbltop td {
	border-top: 3px double #000;
}

table.gbl td.locked, table.gbl th.locked {
	border-right: 2px solid #0478CB;
}

/*Category header colors*/
table.gb .catdf {
	background-color: #F6F7F9;
}
table.gb .cat0 {
	background-color: #EAEAEA;
}
table.gb .cat1 {
	background-color: #EEEEEE;
}
table.gb .cat2 {
	background-color: #fdd;
}
table.gb .cat3 {
	background-color: #dff;
}
table.gb .cat4 {
	background-color: #ffd;
}
table.gb .cat5 {
	background-color: #fdf;
}
table.gb .cat6 {
	background-color: #aaf;
}
table.gb .cat7 {
	background-color: #afa;
}
table.gb .cat8 {
	background-color: #faa;
}
table.gb .cat9 {
	background-color: #aff;
}
.cattothdr {
	font-variant: small-caps
}

/*Fake look of links for Javascript onclicks*/
span.link {
	text-decoration: underline;
	color: #0478CB;
	cursor: pointer;
}


/* Calendar table overrides */

table.cal {
	margin-top:6px;
}

table.cal thead th {
	text-align: center;
	background-color: #5E9AD3;
	color: #FFFFFF;
	font-weight: 500;
	border: 1px solid #000;
}
.day {
	box-sizing: border-box;
	text-align:center;
	display: inline-block;
	min-width: 20px;
	font-size: 80%;
	background-color: #FFFFFF;
	border: 1px solid #43809C;
	color:#000000;
	font-weight:500;
	padding: 0 2px;
}
.day a {
	color:#000000;
}

.day:hover {
	background-color: #5E9AD3;
}

.day:hover * {
	color: #FFFFFF;
}

.today {
	background-color: #F4F5F7;
}

.today .day {
	background-color: #5E9AD3;
	color: #FFFFFF;
}
.today .day * {
	color: #FFFFFF;
}

.caldatebar {
	margin-top: 16px;
	border-top: 1px solid #CACACA;
	padding: 6px;
	background-color: transparent;
	font-weight: 550;
}

.caldatebar:first-of-type {
	margin-top:0;
	border-top: none;
}

span.calitem {
	padding: 1px 4px;
	background-color: #9481E1;
	margin: 1px;
	color: #BBBBBB;
	font-weight: 550;
	font-size: .8rem;
}


#caleventslist {
	padding-top: 4px !important;
}

#calshowall {
	display: block;
	float:none;
	text-align: right;
	top: 4px !important;
}



/*Containers for instructor leftbar, main content*/
#leftcontent {
	border-radius: 0.25rem;
	background-color: #F6F7F9;
	border: 1px solid #CACACA;
	color: #000000;
}

#centercontent {
		background:#fff;
}

div.ddmenu {
	padding: 5px;
	background: #eeffee;
}

/*colors and borders for assessments*/
/*seq question css*/
div.curquestion {

}
div.inactive {
	border: 1px solid #bbd;
}
div.prequestion {
	border: 1px solid #bbd;
}
hr.seq {

}
div.seqqinfocur {

}
div.seqqinfocur span.current{

}
div.seqqinfoavail {

}
div.seqqinfoinactive {

}
div.todoquestion {
	background-color: #ffffcc; 
	border: 0px; 
}
/*all questions*/
div.question {
	margin-top:4px;
	background-color: #EAEAEA; 
	border: 1px solid #bbd;
}


div.review { /*info bar*/
	margin-top: -6px;
	background-color: #e0ffe0;
	border: 1px solid #bbd;
}
div.intro {
	background-color: #FFFFFF !important;
	border: 3px solid #84bed6 !important;
	border-radius: .625rem !important;
	padding: 10px 18px;
}
div#description.intro {
	border: 3px solid #ea77ad !important;
}

	div.navbar {
	background:#e0ffe0;
	border: 1px solid #bbd;
	color:#000;
}
div.navbar a {
	color: blue;
}
span.current {
	background-color: #ffa;
}
span.done {
	text-decoration: line-through;
}
a.newnote {
	font-size: 90%;
}