/*pace elements apply to asynchronously loading bar (using pace library)*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 200px;
  background: #fff;
  border: 1px solid #605f68;

  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #605f68;
}

.pace.pace-inactive {
  display: none;
}
	/*Tooltips for course descriptions*/
.ui-tooltip, .preview-tip{
	opacity:1 !important;
	background-color: #fff !important;
	background: #fff !important;
	z-index:5;
	border-radius: 15px;
	border: solid 1.5px #efefef;
	padding:.75em;
	box-shadow: 3px;
}
/*tooltip needs to be a bit wider than WOU default*/
.tooltip, .ui-tooltip,.preview-tip {
	width:auto;
	max-width: 700px;
	background: #fff !important;
}
/*the X for mobile dvices or when the tooltip hangs out too long*/
.tooltip_close
{
	position:relative;
	top:-10px;
	padding:0;
	padding-left:.2em;
	padding-right:.2em;
	margin-left:.3em;
	float:right;
	font-size:large;
	font-weight:bold;
	border:solid 1px #CCC;
}

/*styles for page elements*/
a.class_descrip {
	/*font-weight:bold;*/
	font-size:120%;
	padding-left:15px!important;
	padding-top:15px!important;
}
.inperson,.salem,.hybrid,.notFound {display:none;}
/*.prefix, .course {border:solid 1px !important;}*/
.courseSection {border:solid #b4b4b4 1px!important;}
/*.sectionAvaiability{}*/
.sectionAvailable, .sectionClosed, .noSectionData{
	font-style:italic;
	padding-left:15px!important;
}
.courseText {
    color: #db0a29 !important;
}
.courseMode{
	text-transform: uppercase;
	color: white !important;
	background-color:darkgrey !important;
	display:inline-block;
	padding-left: 5px!important;
	margin-bottom:15px!important;
	font-weight: bold!important;
}
.courseGE,.courseText,.courseMode,.courseTime,.courseInstructor{
	display:inline-block;
	width:100%;
	padding-left:15px!important;
}
.onlineOnly {padding-left:1.5em !important;display:block;}
/* tooltips are visibile after close in the accessible part of the page - I'll run it thorough testing, but pretty sure that shouldn't be the case, so hiding*/
.ui-helper-hidden-accessible {display:none;}