:root {
	--regiontitles: #0B3C5D;
	--sidetitle: #0B3C5D;
	--regiontitleunderline: #FFFFFF;
	--bubblebackground: #f1d871;
}

html {
	overflow-y: scroll;
}

body {
	font-weight: normal;
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	/*font-family: 'Roboto','Open Sans', sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Montserrat', sans-serif;*/
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: initial;
	height: 100%;
}

html,body,ul,ol {
	font-size: 13px;
}

#bodyContent.eeLoading {
	opacity: 0.01;
}

#bodyContent.eeLoadingDone {
	opacity: 1;
	transition: all 0.3s;
}

body.welcome {
	pointer-events:none;
}
body.welcome .reg_welcome,
body.welcome .reg_term,
body.welcome .reg_recommendation,
body.welcome .main_menu,
body.welcome .autho_table,
body.welcome .full_page_title,
body.welcome #noticePopup,
body.welcome .custom_header,
body.welcome .custom_footer
{
	pointer-events:auto;
	/*opacity: 1;*/
}

body.welcome #page_criteria .full_page,
body.welcome #page_favorites .full_page {
	opacity: 0.2;
}

body.welcome .results-top,
body.welcome-passive .results-top {
	display:none;
}
body.welcome .results_page_title,
body.welcome-passive .results_page_title {
	opacity: 0;
}

.reg_welcome,
.reg_term,
.reg_recommendation{
	pointer-events:auto;
	align-items: center;
	display: flex;
	flex-direction: column;
	display:none;
}

.reg_parent {
	display:none;
}

.results_page_title {
	opacity: 1;
	transition: opacity 0.25s;
}

.nobuttonstyle {
	background: none;
	/*color: inherit;*/
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

/* #page_results, */
#page_favorites {
	overflow: hidden;
}
body.fullscreen-search #page_criteria .expander,
body.fullscreen-search #page_results {
	display:none;
}
.welcome-search-continue,
.fullscreen-results-total-schedules {
	display:none;
}
body.fullscreen-search .welcome-search-continue,
body.fullscreen-search .fullscreen-results-total-schedules {
	display:inline-block;
} 

.sorry_blocked_user {
	display:none;
}
body.block-user .sorry_blocked_user {
	display:block;
}
body.block-user #welcomeTerms,
body.block-user .welcome_term_subtext,
body.block-user .menu_item.select_term {
	display:none;
}

input, textarea, select, button {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
}

select:required:invalid {
	color:#BBB;
}

option {
  color: black;
}

.white-background{
	background-color: white;
}

.title_font {
	font-size: 108%;
	text-transform: uppercase;
    /*font-family: 'Roboto','Open Sans', sans-serif;*/
}

#bodyContent {
	opacity: 1; /* will fade in on load */
	display: grid;
	height: 100%;
	grid-template-rows: auto 1fr auto;
}

img {
	border: 0px;
}

.clearfix {
	clear:both;
	width:100%;
	height:1px;
}

a {
	color: #000E90;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	/* color: #000033; */
	text-decoration: none;
}

.a {
	color: #000E90;
	text-decoration: none;
	cursor: pointer;
}

.a:hover {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
}

h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	margin: 6px 3px 5px 0px;
	/*border-bottom: 1px solid #AAAAAA;*/
}

h3 {
	margin: 5px 0px 1px 0px;
	font-size: 14px;
    font-weight: 500;
    line-height: inherit;
}

h4 {
	font-weight: normal;
	margin: 0px;
}
h4.course_title {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 115%;
    margin-right: 6px;
    line-height:inherit;
}
.step_arrow {
	opacity:0.25;
}

.mainframe {
	height: 100%;
	position: relative;
}

.eeLoadingAnimation {
	position:absolute;
	top:40%;
	left:calc(50% - 30px);
	opacity: 0.01;
}
.eeLoadingAnimationSee {
	opacity: 1;
	transition: opacity 2s;
}

.courses_bg {
	background-color: #FFFFFF;
}

.semibold {
    font-weight: bold;
    color: #383838;
}

.selectize-input,
.selectize-input.focus {
	background: none;
	box-shadow: none;
}

.fancy-input::placeholder,
#select-course-filters-input-selectized::placeholder {
	color:#BBB !important;
}

.fancy-input:focus,
#select-course-filters-input-selectized:focus {
    outline: none !important;
}

.mdl-switch-nvda-fix {
	width: 37px;
}
.mdl-switch__focus-helper {
	transform: translate(-8px,-8px);
	width: 16px;
	height: 16px;
}
/* Fix problem with MDL switch in-focus size */
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
	box-shadow: 0 0 0 15px rgba(33,150,243,.26);
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 15px rgba(0,0,0,.1);
}

.fancy-input,
input[type='text'], 
select,
textarea {
    padding: 6px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #dadce0;
    border-radius: 4px;
    transition: border 300ms ease-out;
    box-sizing: border-box;
    outline: none !important;
}

select {
	padding: 2px 4px;
    cursor: pointer;
}
select:hover {
	background-color: rgba(158,158,158,.2);
}

.fancy-input:focus,
input[type='text']:focus, 
select:focus,
textarea:focus {
    border-color: #328cc1;
}

#page_criteria #vsb_tabs{
		padding: 0;
}

#vsb_tabs {
	display: flex;
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}

.vsb_tab_button {
    cursor: pointer;
    width: 0;
    flex-grow: 1;
    text-align: center;
    padding: 10px 0;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: none;
    border: none;
}
.vsb_tab_button:focus {
    outline: none;
    border-bottom: 1px solid #78ceff;
}
.vsb_tab_button.selected {
    border-bottom: 2px solid #328cc1;
    color: #328cc1;
    opacity: 1;
    transition: .3s cubic-bezier(.35,0,.25,1);
}

/*See: https://css-tricks.com/examples/ButtonMaker/#*/
.button {
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #6E6E6E;
	background: #b5afb5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),
		to(#b5afb5));
	background: -webkit-linear-gradient(top, #f5f5f5, #b5afb5);
	background: -moz-linear-gradient(top, #f5f5f5, #b5afb5);
	background: -ms-linear-gradient(top, #f5f5f5, #b5afb5);
	background: -o-linear-gradient(top, #f5f5f5, #b5afb5);
	padding: 5.5px 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;*/
	/*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
	color: #242424;
	text-decoration: none;
	vertical-align: middle;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.button:hover {
	border-top: 1px solid #565656;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #000000;
}

.button:active {
	border-top-color: #a6becf;
	background: #a6becf;
}

.mdl_big_button {
    font-weight: 500;
    letter-spacing: .08929em;
}
.big_button {
    background-color: #328CC1;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 8px 12px 9px 12px;
    font-weight: 500;
    letter-spacing: .08929em;
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    height: 36px;
    -webkit-appearance: none;
}
.big_button:hover {
    cursor: pointer;
    background-color: #66b6f7;
    transition:all 0.3s ease;
}

.big_button:disabled, .big_button:disabled:hover {
	background-color: #c8c8c8;
	border: none;
	color: white;
	border: 1px solid #d0d0d0;
	cursor: not-allowed;
}
.big_button:focus {
    border: 2px solid blue;
}
.small_button {
	background-color: #d0d0d0;
	border: none;
    border-radius: 4px;
    color: #3e3e3e;
    padding: 8px 12px 9px 12px;
    font-weight: 500;
    letter-spacing: .08929em;
    text-transform: uppercase;
}
.small_button:hover {
	cursor: pointer;
    background-color: #a2a2a2;
    transition: all 0.3s ease;
    /*color: #FFFFFF;*/
}
.small_button:disabled, .small_button:disabled:hover {
    background-color: rgb(220, 220, 220);
    cursor: not-allowed;
    color: #FFFFFF;
}

/* Header Buttons */

.welcome-back {
	margin-left: -20px;
	position: absolute;
}

.autho_table {
	display:flex;
	align-items: stretch;
	height:100%;
}
.autho_table td {
	padding: 0px;
}
.autho_logo_prot_cell {
	flex-shrink: 0;
}
.autho_text_cell {
	word-wrap: break-word;
	font-size: 130%;
	position: relative;
	display: flex;
    align-items: center;
    flex-flow: wrap;
    height: 18px;
    flex-grow: 1;
    justify-content: flex-end;
    overflow: hidden;
    height: 100%;
    align-content: center;
}
.autho_text {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.autho_button_cell {
	/* width: 20px; */
	display: flex;
	align-items: center;
}

.main_menu_button {
    color: #433c3c;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 12px 0 0;
    font-size: 250%;
    transition: all 0.2s ease;
}
.main_menu_button:hover {
	background-color: rgba(100,100,100,0.2);
}

.header_invader {
	position: absolute;
	right: 0px;
	width: 100%;
}
.header_invader_position {
	top: -70px; /* This should be equal to outerheight of reg_header */
	height: 70px;
}
.header_invader_logo_width {
	height: 5px;
	width: 300px;
}
.header_invader_text_top {
    margin: 0 7px;
}

.sign_in_button, .sign_out_button {
	min-width: 82px;
	margin: 0 18px;
	display: none;
}

.main_menu {
	display:none;
	position: absolute;
    top: 100%;
    right: 0px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    z-index: 99999;
    background-color: #FFFFFF;
    text-align: left;
    /*box-shadow: 1px 2px 5px #7D7D7D;*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    min-width: 286px;
}
.menu_item {
    padding: 14px 19px 14px;
    font-size: 108%;
    white-space: nowrap;
}
.main_menu a {
	display:block;
    padding: 14px;
    font-size: 108%;
    white-space: nowrap;
    color: rgba(0,0,0,.87);
    cursor: pointer;
}
.main_menu a:hover {
	background-color: #DDDDDD;
}
.menu-item-separator{
    border-bottom: 1px solid #D5D5D5;
    margin-top: -1px;
}

.menu_item .fa-check {
	color: #357a38;
	float: right;
	padding-left: 10px;
}

.main_menu a {
	font-weight: normal;
	font-weight: normal;
}


.menu_item.mi_sign_out button{
	color: #f50057
}
/* End Header Buttons */

.courseDiv {
	padding: 5px;
	border:0px;
	/*box-shadow: 1px 1px 5px #888888;*/
	box-shadow: 1px 1px 2px #b3b3b3;
    border-radius: 2px;
}

.has_reqId .courseDiv {
	margin: 0px 6px;
	box-shadow: none;
    border: 1px solid #888888;
}

.schedule td.schedule_title {
	width: 100%;
}

.ignore_check {
	-ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.block_piece_indicator_cont {
	display:none;
}
.block_piece_indicator {
	opacity:1;
}

.class_code {
	font-size: 165%;
}
.class_code_cont {
	float: left;
	position: relative;
	height: 20px;
	line-height: 20px;
}

.class_name_cont {
	float:left;
	clear:left;
	position:relative;
}
.class_name {
	font-size: 117%;
	font-weight: bold;
	line-height: 20px;
}
.core_names_cont {
	float:left;
	clear:left;
	position:relative;
}

.class_warning {
	font-size: 95%;
}

.footer {
	font-size: 92%;
    color: #aaaaaa;
    text-align: right;
    background-color: #444444;
    min-height: 18px;
    box-sizing: border-box;
}

.borders {
	BORDER-RIGHT: black;
	BORDER-TOP: black;
	BORDER-LEFT: black;
	BORDER-BOTTOM: black;
	BACKGROUND-COLOR: #000000;
}

.navigation {
	background-color: var(--regiontitles, black); /*#3B4C71*/
	color: #FFFFFF;
	position: relative;
	
	box-shadow: 0px 5px 10px 0px rgba(143,141,143,0.6);
	margin-bottom: 10px;
}

.navigation ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.navigation li {
	width: 10px;
}
.navigation ul:first-child,
.navigation ul:last-child {
	flex-grow: 1;
    text-align: center;
}
.navigation li {
	width: 0;
	flex-grow: 1;
	line-height: 130%;
}

.navigation li a {
	color: #FFFFFF;
	display: block;
	padding: 10px 0;
	height: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid rgba(0,0,0,0);
}

.navigation li a.navselected {
	border-bottom: 2px solid var(--regiontitleunderline, #FFFFFF);
	font-weight:bold;
}

.subnavigation {
	background-image: url("../images/subnavbg_v3_inv.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	padding: 5px 5px 1px 5px;
	position: relative;
	margin: -10px;
}

#tip_div {
	max-width:586px;
	position:relative;
	display:none;
}

.helpinfo {
	background-color: #FFFFFF;
	border: 1px solid #C9C2C1;
	padding: 8px;
	margin: 25px;
	line-height: 140%;
}

.title {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	color: #544E4F;
	font-size: 240%;
	clear: right;
}

.subtitle {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 133%;
	color: #ee1e24; /*McGill Red*/
	clear: right;
}

.subsubtitle {
	color: #777777;
	padding-right: 4px;
	clear: right;
}

.browse-courses {
	margin: 6px 6px 0px 0px;
	text-align: right;
}
.search-tab-footer {
	float: right;
    padding-right: 50px;
    padding-top: 10px;
}
.search-tab-footer .mdl-switch__thumb,
.search-tab-footer .mdl-switch__track {
	left:136px;
}
.search-tab-footer .mdl-switch.is-checked .mdl-switch__thumb {
	left:152px;
}

.search-tab-footer .mdl-switch.is-upgraded {
	padding-left: 13px;;
}
.search-tab-footer .mdl-switch__label {
	left: 0;
}
.search-tab-footer .mdl-button {
	min-width: 200px;
}

.tooManyResults, .importOnlyPlan, .noSelectAlert, .noSelectAlertAdvisor {
	display:none;
}

.optionsSelect {
	float: right;
	clear: right;
}
.optionsSelect select {
	width: 100%;
}
.plusBox {
	text-align: center;
}

/* Sean Design Lite (SDL) Input Field */
.sdl_input {
  border: 1px solid #DADCE0;
  border-radius: 4px;
  position: relative;
  padding: 10px;
  transition: all 0.2s;
}

.sdl_input.is-focused {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #328cc1;
}

.sdl_input label {
  position: absolute;
  top: 10px;
  left: 6px;
  background-color: #ffffff;
  padding: 0 4px;
  color: #6D7678; /* WCAG */
  transition: all 0.2s;
  font-size: 103%;
}

.sdl_input.is-focused label {
  top: -9px;
  left: 5px;
  color: #328cc1;
  font-size: 90%;
}
.sdl_input.is-length label {
  top: -9px;
  left: 5px;
  color: #8B9195;
  font-size: 90%;
}

.sdl_input input {
  box-sizing: border-box;
  width: 100%;
  border: 0;
  font-size: 103%;
  opacity: 0;
  transition: opacity 0.2s;
  padding: 1px 0;
}
.sdl_input.is-length input {
	opacity: 1;
}

.sdl_input input:focus {
  outline: none;
  opacity: 1;
}

.plusInput {
	width:60%;
	margin:0 auto;
}
.plusInput.hideIfNoSelect {
	display: none;
}
.plusInput label {
	font-size:120%;
	top:12px;
}
.plusInput label::after {
	content: "...";
}
.plusInput.is-focused label::after {
	content: "";
}
.plusInput input {
	font-size:120%;
}

.advSearchButton {
	border: none;
	position: absolute;
    right: 5px;
    top: calc(50% - 16px);
    color: #757575;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #ffffff;
}
.advSearchButton:hover {
	background-color: #e0e0e0;
}
.advSearchText {
	font-size:70%;
	padding: 0 20px 0 0;
    text-align: right;
    line-height: 11px
}
.advSearchIcon {
    font-size: 16px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.plusBoxBelow {
	text-align: center;
	margin: 10px 0 10px 0;
}

.highlighter {
	background-image: linear-gradient(rgba(0,0,0,0), #fff24b87, rgba(0,0,0,0));
	border-radius:4px;
}

#cb_search_results .highlight,
#suggestion_container .highlight {
	background-color:#ffeeaa;
	font-weight:bold;
}
#suggestion_container .course_name_autocomplete {
	font-size:120%;
}
#suggestion_container .course_info_autocomplete {
	font-size:100%;
}

.sdl-scrollbars::-webkit-scrollbar {
  width: 8px;
}

.sdl-scrollbars::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px; 
}
 
.sdl-scrollbars::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px; 
}

.sdl-scrollbars::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.linkBox {
	position: relative;
	border: 1px solid #CCCCCC;
	background-color: #EDEDED;
	padding: 5px;
	text-align: left;
	line-height: 20px;
	height: 1%;
	width: 60%;
	margin: 10px;
}

.requirement {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
	background-image: url(images/subnavbg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.requirementMargin {
	margin-bottom: 9px;
}
.requirementHeader {
	padding: 6px 9px;
}
.requirement-header-container{
	display: flex !important;
}
.requirementTitle {
	font-size: 165%;
}
.reqInfo {
	float: right;
    padding: 0 1px 3px 0;
}
.has_reqId {
	box-shadow: 1px 1px 5px #888888;
	background-color: #A9A9A9;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-bottom: 9px;
}
.has_reqId.not_last {
	margin-bottom: 0px;
}

.rtop, .rbottom {
	display: block
}

.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
}

.rtop *, .rmiddle, .rbottom * {
	border-color: transparent;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}

.rmiddle {
	padding-left: 5px;
	padding-right: 4px;
	position: relative;
}

.r1 {
	margin: 0 5px;
	background-color: #CCCCCC;
}

.r2 {
	margin: 0 3px
}

.r3 {
	margin: 0 2px
}

.r4 {
	margin: 0 1px;
	height: 2px
}

.warningNoteBad {
	font-weight: bold;
	color: #B22338;
	text-align: center;
	padding: 6px;
	position: relative;
}

.warningNoteGood {
	font-weight: bold;
	color: #216511;
	text-align: center;
	padding: 6px;
	position: relative;
}

.noteAck {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: -1px -14px 0px -10px;
	padding-right: 33px;
}

.closeNote {
	border-radius: 0px;
}

div.bubble {
	background-color: var(--bubblebackground,#f1d871);
	margin-top: 9px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	width: 240px;
	text-align: left;
	position: relative;
    border-radius: 4px;
    /*box-shadow: 3px 3px 5px #dddddd;*/
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);*/
}

div.bubble_arrow {
	/* TCU has something overridden here */

}

div.bubble .bubbletitle {
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 6px;
}

div.bubble ul {
	padding-left: 20px;
}

div.tip_top {
	position: absolute;
	top:0%;
	left:47%;
	color: var(--bubblebackground,#f1d871);
    margin-top: -20px;
    font-size: 27px;
}
div.tip_bottom {
    position: absolute;
    top: 100%;
    left: 47%;
    margin-top: -13px;
    font-size: 27px;
    color: var(--bubblebackground,#f1d871);
}

div.tip_left {
	margin-right: -1px;
	background: transparent url(../images/tipleft.gif) no-repeat scroll
		center 0;
	width: 7px;
	height: 11px;
	position: absolute;
	left: -6px;
	top: 10%;
}

.result_number {
	font-size: 233%;
}

.arrowImg {
	vertical-align: middle;
	border: 0px;
}

.goButton {
	height: 26px;
	min-width: 26px;
	cursor: pointer;
	display: inline-block;
	padding: 4px;
    border-radius: 6px;
    opacity: 0.7;
    transition: background-color 0.3s ease;
}

.goFirst {
	background: transparent url(../images/go_first.png) no-repeat center center;
}
.goLeft {
	background: transparent url(../images/go_left.png) no-repeat center center;
}
.goRight {
	background: transparent url(../images/go_right.png) no-repeat center center;
}
.goLast {
	background: transparent url(../images/go_last.png) no-repeat center center;
}
.goButton:hover {
	background-color: #e0e0e0;
	transition: background-color 0.3s ease;
}

.flap_loading {
	text-align: center;
	position: relative;
	display: none;
	width: 100%;
	height: 180px;
	margin-top: 20px;
	background: transparent url(../images/vsb_loading2.gif) no-repeat scroll center center;
}
#flap_pause_results {
	display: none;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	position: relative;
}
.pause_results_tip {
	margin: 40px 0 10px 0;
}
.pause_max {
	font-size: 300%;
    color: #999999;
    margin: 100px 0 0px;
}
.pause_found {
	color: #999999;
	margin: 6px 0 10px 0;
	font-size: 150%;
}

/* Everything after this line is only for the results page */
.title_block {
	display: block;
	position: relative;
	height: 16px;
	width: 100px;
	left: 61px;
	width: 290px;
	background-position: 0px 0px;
	background-image: url('../images/days_bg_mid.png');
}
.label_font {
	font-weight:500;
}

.arrowImg {
	vertical-align: middle;
	border: 0px;
	cursor: pointer;
}

.cal_view {
	width: 361px;
	height: 500px;
	background-position: 0px -42px;
}

.time_block {
	position: absolute;
	text-align: center;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 0px;
	border-style: solid;
	line-height: 90%;
	opacity: 0.9;
	border-radius: 1px;
	box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1;
}

@media print {
	.time_block {
		opacity: 1;
	}
	
	.reg_legend{
		display: block !important;
		width: 100%; 
	}
	.reg_schedule,
	.reg_schedule.half {
		width: 100%; 
	}
	.reg_row2.printable{
		display: flex;
    	flex-direction: column-reverse;
	}
	
	/* Popup */
	body.popup-live #bodyContent {
		display:none;
	}
	
	.popup-wrapper {
		position: absolute !important;
		top: 0  !important;
	    left: 0  !important;
	    transform: translate(0%, 0%)  !important;
	    margin: unset  !important;
	    border: none  !important;
	    overflow: visible !important;
	    background: white;
	    z-index:999;
	}
	.popup-wrapper .aarPrint,
	.popup-wrapper .expandable-all,
	.popup-wrapper .popupNoticeButtons {
		display: none;
	}
	.popup-wrapper, .popup-wrapper * {
	    visibility: visible;
	    overflow: visible;
	}
	.popup-wrapper .expandable-content {
		display: block !important;
	}
}

.busy_block {
	display: block;
	position: absolute;
	background-image: url(../images/busyblock.png);
	text-align: center;
}

.exclBlock {
	display: block;
	position: absolute;
	text-align: center;
	padding-top: 0px;
	font-size: 10px;
	border-width: 0px;
	border-style: solid;
	line-height: 90%;
	opacity: 0.5;
	background-image: url(../images/exclamation.png);
	background-position: center;
	background-color: #FFFF44;
	background-repeat: no-repeat;
	z-index:100;
}

.timeHigh {
	display: block;
	position: absolute;
	text-align: center;
	padding-top: 0px;
	opacity: 0.5;
	background-color: #F7EB77;
	z-index:101;
}

.result_number {
	font-size: 233%;
}

.course_header {
	padding: 6px;
	margin-right: -0.5px; /* Odd fix */
}
.hidden_state {
	display: inline-block;
	overflow-wrap: normal;
    padding: 1px 6px;
    margin: 0 5px;
    background-color: #545454;
    border-radius: 3px;
    color: #e4e4e4;
    text-shadow: 1px 1px #000000;
    line-height: normal;
    white-space: nowrap;
}
.course_state {
    display: inline-block;
    overflow-wrap: normal;
    padding: 1px 6px;
    margin: 0 5px;
    background-color: #328cc1;
    border-radius: 3px;
    /* text-transform: uppercase; */
    color: #ffffff;
    text-shadow: 1px 1px #444444;
    line-height: normal;
    white-space: nowrap;
}
.course_not_enrolled_state {
    display: inline-block;
    overflow-wrap: normal;
    padding: 1px 6px;
    margin: 0 5px;
    background-color: #E53737;
    border-radius: 3px;
    /* text-transform: uppercase; */
    color: #ffffff;
    text-shadow: 1px 1px #444444;
    line-height: normal;
    white-space: nowrap;
}
.course_auth {
    display: inline-block;
    overflow-wrap: normal;
    padding: 1px 6px;
    margin: 0 5px;
    background-color: #00b33c;
    border-radius: 3px;
    /* text-transform: uppercase; */
    color: #ffffff;
    text-shadow: 1px 1px #444444;
    line-height: normal;
    white-space: nowrap;
    float: right;
}

.cnf_req_state {
	display: inline-block;
	overflow-wrap: normal;
    padding: 1px 6px;
    margin: 0 5px;
    background-color: #4d4d4d;
    border-radius: 3px;
    /* text-transform: uppercase; */
    color: #ffffff;
    text-shadow: 1px 1px #444444;
    line-height: normal;
}

.inner_legend_table .course_status_cont {
	height: 15px;
    line-height: 15px;
    margin-left: 6px;
	white-space: nowrap;
}

.bclock {
	background-image: url("../images/padlock2.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	border-color: #000000;
}

.bcpin {
	background-image: url("../images/pin.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	border-color: #000000;
}

.morelink {
	background-color: #FFFFFF;
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 94%;
	white-space: nowrap;
}

.lesslink {
	visibility: visible;
	display: none;
	font-size: 94%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* See https://material.io/tools/color/ 200 colors */
.bc0 {
	background-color: #eeeeee; /* grey */
}

.bc1 {
	background-color: #a5d6a7; /* light green */
}

.bc2 {
	background-color: #ef9a9a; /* red */
}

.bc3 {
	background-color: #fff59d; /* yellow */
	/*color: #4e4e4e !important;*/
}

.bc4 {
	background-color: #ce93d8; /* purple */
}

.bc5 {
	background-color: #90caf9; /* blue */
}

.bc6 {
	background-color: #80cbc4; /* teal */
}

.bc7 {
	background-color: #f48fb1; /* pink */
}

.bc8 {
	background-color: #9fa8da; /* indigo */
}

.bc9 {
	background-color: #80deea; /* cyan */
}

.bc10 {
	background-color: #ffcc80; /* orange */
}

.bc11 {
	background-color: #e6ee9c; /* lime */
}

.bc12 {
	background-color: #bcaaa4; /* brown */
}

.bd0 {
	border-color: #bcbcbc;
}
.bg0 {
	background-color: #bcbcbc;
}
.bd1 {
	border-color: #94af76;
}
.bg1 {
	background-color: #8CA0D4;
}
.bd2 {
	border-color: #ba6b6c;
}
.bg2 {
	background-color: #ba6b6c;
}
.bd3 {
	border-color: #cbc26d;
}
.bg3 {
	background-color: #cbc26d;
}
.bd4 {
	border-color: #9c64a6;
}
.bg4 {
	background-color: #9c64a6;
}
.bd5 {
	border-color: #5d99c6;
}
.bg5 {
	background-color: #5d99c6;
}
.bd6 {
	border-color: #4f9a94;
}
.bg6 {
	background-color: #4f9a94;
}
.bd7 {
	border-color: #bf5f82;
}
.bg7 {
	background-color: #bf5f82;
}
.bd8 {
	border-color: #6f79a8;
}
.bg8 {
	background-color: #6f79a8;
}
.bd9 {
	border-color: #4bacb8;
}
.bg9 {
	background-color: #4bacb8;
}
.bd10 {
	border-color: #ca9b52;
}
.bg10 {
	background-color: #ca9b52;
}
.bd11 {
	border-color: #b3bc6d;
}
.bg11 {
	background-color: #b3bc6d;
}
.bd12 {
	border-color: #8c7b75;
}
.bg12 {
	background-color: #8c7b75;
}
.be0 {
	border-color: #eeeeee;
}

.be1 {
	border-color: #a5d6a7;
}

.be2 {
	border-color: #ef9a9a;
}

.be3 {
	border-color: #fff59d;
}

.be4 {
	border-color: #ce93d8;
}

.be5 {
	border-color: #90caf9;
}

.be6 {
	border-color: #80cbc4;
}

.be7 {
	border-color: #f48fb1;
}

.be8 {
	border-color: #9fa8da;
}

.be9 {
	border-color: #80deea;
}

.be10 {
	border-color: #ffcc80;
}

.be11 {
	border-color: #e6ee9c;
}

.be12 {
	border-color: #bcaaa4;
}
.bh0:hover {
	cursor: pointer;
}

.bh1:hover {
	cursor: pointer;
}

.bh2:hover {
	cursor: pointer;
}

.bh3:hover {
	cursor: pointer;
}

.bh4:hover {
	cursor: pointer;
}

.bh5:hover {
	cursor: pointer;
}

.bh6:hover {
	cursor: pointer;
}

.bh7:hover {
	cursor: pointer;
}

.bh8:hover {
	cursor: pointer;
}

.bh9:hover {
	cursor: pointer;
}

.bh10:hover {
	cursor: pointer;
}

.bh11:hover {
	cursor: pointer;
}

.bh12:hover {
	cursor: pointer;
}

.bclock:hover {
	cursor: default;
}

.bl0 {
	background-color: #DDDDDD;
}

.bl1 {
	background-color: #DFE5F3;
}

.bl2 {
	background-color: #F9DCD1;
}

.bl3 {
	background-color: #B0E49E;
}

.bl4 {
	background-color: #EAEE82;
}

.bl5 {
	background-color: #F0DEED;
}

.bl6 {
	background-color: #96ECCD;
}

.bl7 {
	background-color: #B096EC;
}

.bl8 {
	background-color: #EC96E3;
}

.bl9 {
	background-color: #CDCDCD;
}

.bl10 {
	background-color: #ABABAB;
}

.bl11 {
	background-color: #898989;
}

.bl12 {
	background-color: #565656;
}

.mdc-elevation--z0 {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px
		rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z1 {
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z2 {
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z3 {
	box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z4 {
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z5 {
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z6 {
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z10 {
	box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px
		rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.full {
	background-image: url('../images/full_icon.png');
}

.selection_table {
	float: left;
	padding-left: 0px;
	width: 100%;
}

.selection_table td {
	padding: 4px 4px 0px 0px;
}

.selection_table td.notes {
	font-size: 11px;
	/*color: #555555;*/
	padding: 0px 4px 4px 0px;
}
.selection_table td.notes > div {
    margin-bottom: 3px;
}
.selection_table td.notes > div:empty {
    display:none;
}

.notes-label {
	font-weight: bold;
	padding-right: 2px;
}

.selection_or {
	padding-left: 5px;
	font-style: italic;
}

.full_table {
	border-collapse: collapse;
}
.full_table td {
	padding: 0 !important;
}

.tipbox {
	background-image: url('../images/subnavbg.gif');
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
	border: 1px solid #CCC;
	padding: 5px;
}

.faculty {
	font-style: italic;
	color: #444444;
}

.campus {
	font-style: italic;
	color: #444444;
}

.spec_sec_title {
	display: block;
	float: left;
	position: relative;
}
.spec_sec {
	display: block;
	float: left;
	position: relative;
	min-height: 18px;
}

#student_notice {
	position: relative;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: green;
}

.class_label, .weakhide {
	display: none;
}

.userDiv {
	color: white;
	float: right;
	position: relative;
	margin-top: 5px;
	margin-right: 7px;
}

.userDiv a {
	color: white;
}

.loadingDiv {
	width: 100%;
	text-align: center;
	color: #BBBBBB;
	height: 120px;
	display: none;
}

.noResultsIdea {
	width: 50%;
	position: relative;
	text-align: left;
	margin: auto;
}

.viewButton {
	display: none;
}

#locationRegion {
	position:relative;
}
#locationRegion > div:not(:last-child) {
	margin-bottom: 6px;
}

.empty_warning {
	margin: 30px 0;
    font-size: 132%;
    font-weight: normal;
    line-height: 160%;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
}


ul.checkbox-grid {
	padding: 0px;
	margin: 0px;
}

.checkbox-grid li {
	display: block;
	float: left;
	white-space: nowrap;
	/*width: 25%;*/
}

img.stopIcon {
	margin-right: 5px;
	vertical-align: middle;
}

img.warningIcon {
	margin-right: 5px;
	vertical-align: middle;
}

#processingInfo {
	display: none;
}

.legend_score {
	margin: 4px;
}

.rowfilter label {
	font-size: 100%;
	cursor: pointer;
}
#cart_icon {
	width: 19px;
	height: 15px;
}
#crnList {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

td.full_indic {
    width: 12px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}
td.legendSelect {
	box-sizing: border-box;
	padding: 4px 0 0 4px;
	border-radius: 0 0 0 3px;
}
.legendSelect.empty {
	min-width:32px;
}
.legendSelect.bg_green {
	border-left: transparent 4px solid;
} 
.legendSelect.bg_yellow {
	border-left: 4px solid #ffbe76;
}
.legendSelect.bg_red {
	border-left: 4px solid #D60810;
}
.tb_fstate_yellow {
	border-left: 4px solid #ffbe76;
}
.tb_fstate_red {
	border-left: 4px solid #D60810;
}

.selection_row_radio:HOVER {
	background-color: rgba(158,158,158,0.2);
}

.fullText {
	color: #D60810;
}

.waitText {
	color: #CE7900;
	/*color: #AEA21C;*/
	/*font-weight: bold;*/
	/*background-color:#AEA21C;*/
}

.seatText {
	/*color: #1CB22E;*/
}
.legend_multi_loc {
	display: inline-block;
    clear: both;
    margin-bottom: 3px;
}

.filterElement {
	margin: 0 2px;
}

.course_box:first-child {
	border-radius: 4px 4px 0px 0px;
}

.course_header {
	border-radius: 4px 4px 0 0;
}

.course_box {
	border-width: 1px;
	/*border-style: solid;*/
	margin-bottom: -1px;
	/*box-shadow: 1px 1px 5px #DEDEDE;*/
    /*background-color: #FFFFFF;*/
}

.course_box {
	/*background: linear-gradient(to right, rgba(247,246,246,1) 0%, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 100%);*/
}

.no_shadow {
	box-shadow: none;
}

.course_box_noround {
	border-radius: 0px;
}

.button_get_schedule {
}

.button_cancel_schedule {
	display:none;
}

.button_enter_pin {
	display:none;
}

.button_do_actions {
	position: absolute;
	display: none;
	left: 35.2%;
	top: 0px;
	width: 17%;
	text-align: center;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-top-color: rgb(81,165,89) !important;
	height: 43px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.button_return {
	display: none;
	float: right;
}
.button_post_checkout {
	float:right;
	position:relative;
	clear:right;
	margin-top: 8px;
	display:none;
}

.button_to_cart {
	position: absolute;
	display: none; /*SDWCART*/
	left: 320px;
}

table.legend_table tr td {
	border-left-width: 1px;
	border-left-style: solid;
}

table.inner_legend_table tr td {
	border-width: 0px;
}

table.inner_legend_table .notes {
	overflow-wrap: anywhere;
}

table.legend_table tr td.course_cell_legend {
	/*float: left;*/
	border-left-width: 0px;
	width: 340px;
}

.course_cell_legend label {
	width: 100%;
}

.course_cell_action {
	/*float: left;*/
	width: 85px;
	padding: 5px;
	vertical-align:middle;
	text-align: center;
}

.course_cell_option {
	/*float: left;*/
	width: 248px;
	height: 70px;
	padding: 5px;
	/*display: none;*/
	vertical-align: top;
}

.course_cell_result {
	/*float: left;*/
	width: 140px;
	/*height: 70px;*/
	padding: 5px;
	text-align: center;
	vertical-align: top;

	overflow-wrap: break-word;
	word-wrap: break-word;

	/*
	-ms-word-break: break-all;
	word-break: break-all;
	*/

	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.actionFailTitle, .actionFailMessage {
	color: #ff0000;
}

.nothing {
	background-color: #FEFEFE;
	text-align: center;
	vertical-align: middle;
	font-size: 200%;
	font-weight: 100;
	color: #AAAAAA;
}

.already, .swap_override_msg {
	font-size: 80%;
}

#legend_checkout {
    position: relative;
    margin: 1px 3px 8px 0px;
    padding: 10px 0px;
}

#legend_headers {
    position: absolute;
    display: block;
    width: calc(100% - 3px);
    height: 28px;
    top: -29px;
    left: 0px;
    display: none;
    border-radius: 4px 4px 0 0;
    font-size: 145%;
    border-top: 0px solid #bbbbbb;
    padding-top: 4px;
    /* background: linear-gradient(rgb(253, 253, 253), rgb(233, 233, 233)); */
    background-color: #dfdfdf;
    box-shadow: 0px -1px 0.6px #61616140;
}

.title_act1 {
	display:inline;
}
.title_act2 {
	display:none;
}

.validate_mode .course_cell_option,
.validate_mode .course_cell_action,
.validate_mode .course_option_header,
.validate_mode .course_result_header {
    display: none;
}
.validate_mode .title_act1 {
    display: none;
}
.validate_mode .title_act2 {
    display: inline;
}
.validate_mode .course_cell_result {
	padding: 5px;
    vertical-align: middle;
    text-align: left;
}
.validate_bad {
	color: #d6001f;
}

.validate_mode .course_cell_result {
	width: 65%;
}

/**
* LOGIN CSS
*/
.form_wrapper {
	text-align: center;
	font-size: 120%;
	display: flex;
	margin-bottom: 50px;
}
.login_form {
	padding: 20px;
	width: 300px;
	margin: auto;
	border-radius: 5px;
	font-size: 120%;
	color: black;
	box-shadow: inset #999999 0 0 2px;
	background-color: #ffffff;
}
.pslogininfo {
	text-align:center;
	margin: 0;
	padding: 10px 0 10px 0;
}
.psloginbutton, .psguestbutton {
	width: 100%;
	/* -webkit-appearance: none; */
	-moz-appearance:    none;
	appearance:         none;
	/* height: 35px; */
	/* border: 1px grey solid; */
	/* font-size: 13px; */
	/* text-align:center; */
	margin: 10px 0px 10px 0px;
}
.psloginbutton {
	margin-top: 20px;
}
.psguestbutton {
	margin: 0px 0px 0px 0px;
}
.messageOnly {
	margin: 0 auto;
    padding: 20px;
    max-width: 500px;
}
@media only screen and (max-width:500px) {
	.login_form {
    	margin: auto 0;
    	width: 100%;
    	border-radius: 0px;
	}
	.form_wrapper {
		padding: 0px 0px 0px 0px;
	}
	.sign_out_button {
		/* Use hamburger alternative */
		display: none !important;
	}
}
/**
* END LOGIN CSS
*/

#nav_table {
	height: 110px;
}
.course_dropdown {
	float:right;
	clear:right;
	position:relative;
	padding: 2px 0px 1px 0px;
	text-align:right;
}

.removeCourseArea {
	float:right;
}
.cnf_locker {
	float:right;
    height: 20px;
    width: 22px;
    background-image: url(../images/ulock.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    margin: -6px 3px 5px 5px;
    padding: 5px;
    display: none;
    border-radius: 0 0 3px 3px;
}
.cnf_locker_show {
    display: inline-block;
}
.cnf_locker:hover {
	opacity:1;
}
.cnf_locker_locked {
    background-color: rgba(50, 50, 50, 0.24);
	background-image: url(../images/lock.png);
    opacity: 1;
}

.courseDiv {
	border-width: 1px;
    border-style: solid;
}
.courseDivUnlocked {
    border-color: rgba(0,0,0,0);
}

.dh_locker {
    padding: 3px 3px 3px 25px;
    border-radius: 12px 3px 3px 12px;
}
.dh_locker_locked {
    background-color: rgba(50, 50, 50, 0.24);
}

.dh_locker_hotspot {
	display:block;
	position:absolute;
	width:25px;
	height:100%;
	top:0px;
	left:0px;
    background-image: url(../images/ulock.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity:0.5;
}
.dh_locker_hotspot:hover {
	opacity:1;
}
.dh_locker_hotspot_locked {
	background-image: url(../images/lock.png);
	opacity:1;
}

.descText {
	visibility: visible;
	display: block;
	padding-top: 0px;
	height: 18px;
	overflow: hidden;
	position: relative;
}
.tall_break {
	font-size:135%;
}
.rdescDiv {
	margin-top:3px;
}
.cldescDiv {
	margin-top:3px;
}
.descDiv, .snoteDiv, .attrdescDiv_cont {
	margin-top:4px;
}
.remDiv {
	margin-top:4px;
}
.rcapInfo {
	margin-bottom: 4px;
}
.cnf_reqs.no_reqs {
	display: none;
}

/*
.header-advice .mi_behalf_start {
	display: flex;	
}
.header-advice .behalf_userid  {
	min-width: 175px;	
}
.header-advice .mi_behalf_start  {
	padding: 0;
}
.header-advice .mi_message_box  {
	padding: 0 0 0 6px;
    margin-bottom: -15px;
    font-size: .9em;
}
.header-advice .mi_behalf_start input, 
.header-advice .mi_behalf_start .behalf_userid { 
    margin: 0px 4px !important;
}
*/

.bottomAdvice, .enrollmentEncouragement {
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 6px;
    display: none;
    overflow: hidden;
    margin: 6px 0 0 0;
}

.bottomLinks {
	line-height: 2.5;
	text-align: center;
	max-width: 660px;
    margin: 16px auto 6px auto;
}
.bottomLinks > * {
	margin-right: 14px;
}


.bottomLinks a {
	display: inline-block;
}

#under_header_wrapper {
	position: relative;
}
#under_header {
	position: relative;
	height: 100%;
}
#sel_midrange {
	position:relative;
	padding: 6px 0;
}
#step1bubble {
	width: 200px;
	position: absolute;
	top: 100%;
	z-index: 501;
	right: 30px;
	/*margin-top:5px;*/
	margin:0;
	display: none;
}

#step2abubble {
	position: relative;
	width: 200px;
	z-index: 502;
	margin:0;
	display: none;
}

#step2bubble {
	position: absolute;
	bottom: 0px;
	z-index: 503;
	margin-bottom: 8px;
	display: none;
	left: calc(50% - 120px);
}
#step4bubble {
	width:65%;
}
#cartCrns {
	width: 100%;
    box-sizing: border-box;
}

.scheduleWarning {
	padding: 10px 0 0 40px;
}

.header_left {
	position: relative;
	float: left;
}
.client_logo {
	background: url(../images/vsb_logo.svg) 6px 8px no-repeat;
    background-size: 290px;
    background-position-y: 10px;
    background-position-x: 10px;
    width: 300px;
    height: 70px;
}

.header_right {
	position: relative;
	float: right;
	text-align: right;
}

.spec_sec:hover {
	/*background-image: url("../images/highlight.png");*/
	background: rgb(247,235,119);
	background: rgba(247,235,119,.5);
}

.spec_sec input {
	margin: 1px 2px 3px 4px;
}

#term_region_pri {
	position: relative;
	float: right;
}

#term_region_alt {
	padding: 10px 6px 14px 6px;
	display: none;
}

.term_radio_title {
	float: left;
	position: relative;
	line-height: 18px;
}
.criteria_filter_title {
	font-weight: 500;
}

.term_radio_item {
	float: left;
	position: relative;
	margin-bottom: 5px;
	cursor: pointer;
}

.term_radio_item input {
    margin: 3px 0px 0px 9px;
    vertical-align: bottom;
    cursor: pointer;
}
.class_chk {
	vertical-align: text-top;
}
.mobileRoom {
	height: 1px;
	width: 100%;
	position: relative;
}

.reg_header {
	position: relative;
	height: 70px;
	box-sizing: border-box;
	overflow: hidden;
}

.reg_generate {
	text-align: center;
	margin-top: 13px;
}

.accessOnly, .accessOnlyInline {
	display: none;
}

body.welcome .invisibleIfFinePointer {
	display: none;
}
	
@media (pointer: fine) {
	body:not(.using-tab) .invisibleIfFinePointer:not(.mouseHover) {
		opacity: 0;
	}
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.msulwrapper {
	float: left;
}

.wcol1 {
	width: 100%;
}
.wcol2 {
	width: 45%;
}
.wcol3 {
	width: 30%;
}
.wcol4 {
	width: 22%;
}
.wcol5 {
	width: 18%;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.clearfix {
	clear: both;
}

.hidden {
	display: none;
}

.inline {
	display: inline-block;
}

.phoneOnly {
	display: none;
}
.removeButton {
	height: 20px;
	width: 20px;
	vertical-align: middle;
  	opacity: 0.5;
}
.removeButton:hover {
  	opacity: 1.0;
}

.table.only-computer {
	display: table;
	width: 100%;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
}
.course_box .td {
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
}
.course_box .td:first-child {
	border-left: inherit;
	border-top: inherit;
}

.course_cell_result {
	width: 300px;
}


/*
.course_cell_action {
	background-color:red;
}
.course_cell_option {
	background-color:blue;
}
.course_cell_result {
	background-color: yellow;
}*/

#crnListButtons {
}

#legend_headers table tr td {
	padding: 0 0 0 5px;
}
.course_legend_header,.course_action_header,.course_option_header,.course_result_header {
	/*display:inline-block;*/
	position:absolute;
}
.course_cell_legend {
	width: 35%;
}
.course_cell_legend.one_col {
	width: 10%; /*Unsure why this helps*/
}
.course_cell_action {
	width: 17%;
}
.course_cell_option {
	width: 24%;
}
.course_cell_result {
	width: 24%;
}
.myPlanImport {
	white-space: nowrap;
}
.plan-import-options{
	display:flex;
	flex-direction: column;
	margin: 10px 50px;
	text-align: center;
}
.plan-import-options .mdl-button {
	margin: 10px 0;
}
.bubble img.phone {
	display: none;
}
.mobileonly {
	display: none;
}

.left_gradient {
    top: 0px;
    left: 0px;
	position: absolute;
    height: 100%;
    width: 4px;
    background: linear-gradient(to right,rgba(72, 72, 72, 0.13),rgba(120,120,120,0));
    z-index: 1;
}
.right_gradient {
	top: 0px;
	right: 0px;
	position: absolute;
    height: 100%;
    width: 4px;
    background: linear-gradient(to left,rgba(72, 72, 72, 0.13),rgba(120,120,120,0));
    z-index: 1;
}

.reg_welcome,
.reg_term,
.reg_recommendation {
	padding: 0px 20px;
}

.welcome_term_subtext {
	text-align: center;
}
.sorry_msg {
    color: #dc2727;
	text-align: center;
	margin: 15px;
}

.skip-rec-div,.skip-rec-div-advisor {
	text-align: center;
	margin:16px;
}

.welcome_title, .welcome_title2 {
	margin:0 0 30px 0;
	padding-top: 30px;
	font-size: 150%;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
}
.welcome_subtext,
.welcome_term_subtext,
.welcome_term_input_notice {
	font-family:'Roboto', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:120%;
	margin:16px auto;
	font-size: 106%;
}
.welcome_term_input_notice {
	max-width: 500px;
	text-align: left;
}
.welcome_cont_but {
	text-align:center;
	margin: 8px;
	margin: 30px;
}

#welcomeTerms {
	display: flex;
	flex-direction: column;
	margin:15px 0;
	display: flex;
	align-items: center;
}

#welcomeTerms .term {
	margin:8px;
	min-width: 300px;
	max-width: 500px;
}

.thumbnail_window {
	height:114px;
	overflow-y: scroll;
}
.thumb_wrapper {
	position:relative;
	width:100px;
	height:100px;
}
.thumbnail {
	display:block;
	position:relative;
	left:2px;
	top:2px;
}
.thumbnail_mask {
	position: absolute;
	width: 20px;
    height: 20px;
	background-image: url('../images/delete2.gif');
	background-position: top right;
	background-repeat: no-repeat;
	background-size:100%;
	right: 2px;
	top:2px;
    border-radius: 0 4px 0 4px;
	cursor:pointer;
	z-index:100;
	display:none;
}
.thumbContainer:hover .thumbnail_mask {
	display:block;
}

table.pages_table {
	width:100%;
	height:100%;
	border-collapse:collapse;
	table-layout: fixed;
 	overflow: hidden;
}
td.vsb_page {
	vertical-align: top;
	padding: 0px;
}

.page_fader {
	position:absolute;
	height:0;
	width:0;
	background-color:var(--sidetitle, black);
	opacity:0;
	display:none;
}
#page_favorites .full_page,
#page_favorites .full_page_content{
    height: 100%;
}
.full_page_title {
	white-space: nowrap;
	margin: 0px auto;
	text-align: center;
	padding: 6px 13px;
	background-color: var(--regiontitles, black);
	color: #FFFFFF;
	display: none;
	position:relative;
}
.full_page_title.collapsed {
	writing-mode: vertical-rl;
    text-align: left;
    width: 100%;
    padding: 45px 5px;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    animation: fadeIn ease 0.3s;
}

@keyframes fadeIn {
	0% {opacity:0.5;}
	100% {opacity:1;}
}

.chevron_left {
	position:absolute;
	left:-31px;
	top:0px;
	opacity:1;
	height:100%;
	width:31px;
	background-image: url(../images/collapse_left.svg);
	background-color: rgba(255,255,255,0.2);
    background-position: center center;
    background-size: 72%;
    background-repeat: no-repeat;
	transition:background-position .1s ease-in;
	cursor:pointer;
}

.chevron_left.collapsed {
	transform: rotate(180deg);
	background-position: calc(50% - 1px) center;
}
.chevron_left:hover{
    background-position: calc(50% - 3px) calc(50%);
}

.chevron_right {
	position:absolute;
	right:-31px;
	top:0px;
	opacity:1;
	height:100%;
	width:31px;
	background-image: url(../images/collapse_left.svg);
    transform: rotate(180deg);
	background-color: rgba(255,255,255,0.2);
    background-position: calc(50% - 1px) center;
    background-size: 72%;
    background-repeat: no-repeat;
	transition:background-position .1s ease-in;	
	cursor:pointer;
	z-index:10;
}
.chevron_right.collapsed {
	transform: rotate(0deg);
}

.chevron_right:hover{
    background-position: calc(50% - 3px) calc(50%);
}

.expander {
	display:none;
}
.no_favs_notice {
    text-align: center;
    margin-top: 45px;
    color: #666666;
}

.saved_notice {
	padding: 8px;
    text-align: center;
    /*font-size: 130%;
    color: #888888;*/
	font-family:'Roboto', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:17px;
	color:#666666;
}

.warning_fav_notsignedin {
	padding: 8px;
	font-family:'Roboto', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
}

#favCount {
	display: none;
	margin-top: 5px;
}
.rotate_90d {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	border: 0px !important;
	/*transition: transform 0.1s;*/
}
.collapsed #favCount {
	display: inline;
}

.full_page_title.rotate_90d .pusher {
	    margin-left: 10px;
}

.full_page_content {
	padding:10px;
	overflow:hidden;
}
.full_page_content#tab_selected {
    padding-right: 14px;
}

#tab_search.full_page_content{
	padding-top: 0px;
	width: 100% important;
}

.select-course-title {
	text-align: center;
    font-size: 1.2em;
    margin-bottom: 10px;
}
#page_favorites .full_page_content {
	padding:0;
}
#tab_favorites {
	padding: 10px;
}

.vsb_page {
	display:none;
	position:relative;
}
.active_vsb_page {
	display:table-cell;
}
.check_media {
	display:none;
	width:777px;
}
.page_whiteout {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: white;
	opacity: 0.7;
	z-index: 1;
}
.page_whiteout.blurr {
	display:block;
}
.page_whiteout.blanket {
	opacity: 0.2;
	display:block;
	cursor: progress;
}
.wideOnly {
	display:none;
}
.hideClass {
	display:none !important;
}

.bottom-buttons{
		display: flex;
		justify-content: space-around;
}
.bottom-buttons-2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bottom-buttons-2 button {
	margin:10px;
}

#crnListButtons input {
	margin: 10px;	
}

.mdl-button {
	border-radius: 4px;
	/*color: #328cc1;*/
}

.mdl-button--outline {
    border: 2px solid #328cc1;
    box-shadow: none;
    color: #328cc1;
    line-height: inherit;
}

.share-link-input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    padding: 10px;
    background-color: #eeeeee;
}
.term-card {
	margin: 6px;
	min-height: 0px;
	width: 500px;
	border: none;
	text-align: left;
	overflow:inherit;	
}
.term-card p {
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}
.term-card p a {
	text-decoration: underline;
}
.term-card p:empty {
	display: none;
}
.term-card-title{
	font-weight:bold;
	padding: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display:block;
}
.term-card-title:hover {
	background-color:#ECECEC;
	cursor: pointer;
}
.term-card-detail {
	padding: 15px;
}
.term-selection-more-info,
.term-selection-hide-more-info {
    font-size: .85em;
    color: #328CC1;
}
#welcomeActions {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.action-required-hold .term-card-title {
	color: #dc2727; text-align: center; background: #fff;
}
.msBoxButtons {
    display: flex;
    justify-content: flex-end;
}
.term-notes {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	opacity: .8;
}
.term-notes p {
	font-size: 12px;
	opacity: .8;
	line-height: inherit;
}
.term-data-name {
    font-weight: bold;
    margin-top: 10px;
}
.term-selection-notes {
    margin: 5px 0 0 0;
}
.term-selection-hold {
	margin: 0 0 6px 0;
}
.term-selection-hold-item, .term-selection-info-item {
    float: left;
    clear: left;
    margin: 5px 0 0 0;
}
.term-selection-hold-item {
    color: #dc2727;
}
.term-selection-info-item {
    /*color: #000000;*/
    font-weight: normal;
}
.disabled-term-selection{
    pointer-events: none;
    background: #fafafa;
    color: #CCC;
}
table.term-data {
    width: fit-content;
    border-collapse: collapse;
}
table.term-data th {
	text-align: left;
	font-weight: 500;
	padding: 0 5px 5px 0;
}
table.term-data td {
    padding: 0 5px 5px 0;
}
table.term-data td:not(:first-child) {
	/*white-space: nowrap;*/
}

table.term-data-appt-units {
	margin: 0 0 6px 20px;
	font-size: 90%;
	border-collapse: collapse;
}

table.term-data-appt-units th {
	font-weight: normal;
	padding: 0 5px;
}

table.term-data-appt-units td {
	padding: 0 5px;
}

.fa.settings_icon {
	font-size: 1.8em;
    color: black;
    opacity: .6;
    top: 20px;
    margin-top: 8px;
    margin-right: 12px;
}

.reg_filter {
	display:none;
}

@media only screen and (min-width:1200px) { /* Over 1200px wide */
	.invisible_widescreen {
		visibility: hidden;
	}
	#under_header_wrapper {
		height: 100%;
	}    	
	.check_media {
		width:1200px;
	}
	.mobileRegularOnly {
		display:none;
	}
	.wideOnly {
		display:inherit;
	}
	.full_page_title {
		display:block;
	}
	.expander {
		display:block;
	}
	.navigation {
		display:none;
	}
	.reg_generate {
		display:none;
	}
	#page_criteria {
		background-color: #fefefe;
	}
	#page_criteria {
		display:table-cell;
		width:30%;
		/*border-radius: 0px 0px 4px 0px;*/
	}
	#page_results {
		display:table-cell;
		width:40%;
		/*box-shadow: inset 0px 7px 7px 0px rgb(125, 125, 125);*/
	}
	#page_favorites {
		display:table-cell;
		width:30%;
		/*border-radius: 0px 0px 0px 4px;*/
	}
	.backToSearchLink {
		display:none;
	}
	body.show_filters_if_widescreen .results-filter {
		display:none;
	}
	body.show_filters_if_widescreen .reg_filter {
		display:flex;
	}
}

@media only screen and (max-width:680px) { /* <= 680px wide */
	.main_menu_button {
    	font-size: 2.2em;
    }
	.title_font {
		font-size: 100%;
	}
	.header_invader_text_top{
    	font-size: .9em;
    	top:26px;
	}
	.check_media {
		width:680px;
	}
	#noLocationRegion {
		min-height: 0px;
	}
	.mobileonly {
		display: block;
	}
	.not-mobileonly {
		display: none;
	}
	.goButton {
		padding: 4px 0px;
    	width: 100%;
	}
	.noteAck {
		margin-left:0px;
		margin-right:0px;
	}
	.plusInput , .plusBox > .crnListWarning {
    	width: calc(100% - 20px);
    	margin: 0 auto;
    	box-sizing: border-box;
	}
	.plusBox {
		margin-top: 10px;
	}
	.term-card {
		width: 100%;
	}
	table.term-data td {
	    white-space: normal;
	}
	table.term-data {
	    width: inherit;
	}
	.full_page_content#tab_selected {
    	padding-right: inherit;
	}
	#requirements {
		margin: 0 11px 0 10px;
	}
	/*
	HELP BUBBLES
	*/
	#sel_midrange {
		padding: 0;
	}
	#step1bubble, #step2abubble, #step2bubble, #step3bubble, #step4bubble, div.bubble {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		border: none;
		border-radius:0px;
		box-shadow:none;
		left:0;
	}
	div.bubble > .tip_top {
		display:none;
	}
	#step4bubble {
		min-height: 55px;
	}
	#do_search {
		width: 100%;
	}
	.slider_close {
		border-radius: 0px;
	}
	.bubble img, .bubble .tip_bottom {
		display: none;
	}
	.bubble img.phone {
		display: block;
	}
	#message_area {
		width: auto;
	}
	.reg_row2_2 {
		padding-left:0;
	}
	/*
	CHECKOUT PROCESS
	*/
	.course_box.course_box_noround {
		min-width: 0px;
	}
	.button_do_actions {
		position: static;
		float: right;
		border-radius: 3px !important;
		height: inherit;
		min-width: 104px;
	}
	.button_cancel_schedule {
		top: 0px;
	}
	.table.only-computer, .tr, .td {
		display: block;
	}
	.td {
		width: inherit !important;
	}
	.td.nothing {
		display: none;
	}
	.course_box {
		max-width: 100% !important;
		margin: auto;
	}
	.course_box.course_box_noround {
		margin-bottom: 10px;
	}

	.course_box_noround .course_cell_legend {
		box-sizing: border-box;
		min-width: 0px !important;
		width: 65% !important;
		float: left;
	}
	.validate_mode .course_box_noround .course_cell_legend {
		width: 100% !important;
	}
	.course_cell_action {
		margin: 0px 0px 0px 0px;
		height: 100% !important;
		/*min-height: 50px;*/
		vertical-align: middle;
		padding: 3px;
		color: rgb(80, 80, 80);
		box-sizing: border-box;
		float: right;
		width: 35% !important;
		background-color: rgb(229, 229, 229);
	}
	.course_cell_action:before {
		content: "ACTION";
		display: inline-block;
		width: 100%;
		font-size: 11px;
		font-weight:bold;
	}
	.course_cell_action .already {
		display: none;
	}

	.course_cell_option {
		height: auto;
		clear:both;
		box-sizing: border-box;
		padding: 5px;
		text-align: center;
	}
	.course_cell_result {
		width: 100%;
		padding: 5px;
		clear: both;
	}

	.button_cancel_schedule, .course_cell_option {
		clear: both;
	}

	.course_cell_option:before {
		content: "OPTIONS";
		width: 100%;
		font-weight: bold;
		color: rgb(80, 80, 80);
		display: inline-block;
	}

	#legend_headers {
		display: none !important;
	}
	.course_box_noround .inner_legend_table {
		display: none;
	}

	/*
	HEADER + NAVIGATION
	*/
	.header_invader_position {
		top: -50px;
		height: 50px;
	}
	.header_invader_text_top {
    	top: 18px;
 	}
	.reg_header {
		height: 50px;
	}
	.navigation li a {
		padding: 7px 12px;
	}
	.header_left {
		max-width: 220px;
	}
	.client_logo {
	    background-size: 230px;
	    background-position-y: 6px;
	    background-position-x: 6px;
	    width: 70px;
	    height: 50px;
	}
	.header_invader_logo_width {
		width: 70px; /* Should match logo width in mobile */
	}
	.header_right {
		max-width: 60%;
	}
	.title {
		font-size: 150%;
	}
	.userDiv {
		display:none !important;
	}
	.reg_header .header_right {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.reg_header .header_right h1 {
		font-size: 18px;
		padding-top: 5px;
		padding-left: 65px;
		text-align: left;
		height: 27px;
		background-size: 13px 24px;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.full_page_content {
		padding: 0px;
	}
	.mainframe {
		padding: 0;
	}
	.subnavigation {
		border-left: 0px;
		border-right: 0px;
		background-image: none !important;
		margin: 0px;
		padding: 0px;
	}
	#locationRegion {
		min-height: inherit;
		padding: 0px;
		border-bottom: 1px solid #ececec;
	}
	

	/*
	MultiSelect
	*/
	.msitem {
		padding: 8px 8px 8px 8px;
	}
	.msSelectAllDiv {
		/*display: none;*/
	}
	.msSelectDot {
		float:right;
	}
	.msulwrapper {
		width: 100%;
		margin: 0px;
	}
	.msBoxClose {
		clear: both;
		float: none;
		position: static;
		margin-top: 0px;
	}
	.msActBoxClose {
		width: 100%;
		margin-top: 0px;
		height: 30px;
		margin-left: 0px;
		border: none !important;
		border-radius: 0px;
		display:none;
	}
	input[type="button"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.msItemR.msitem {
		display: none;
	}
	.msulwrapper:last-child .msitem:last-child {
		border-bottom: rgb(193, 193, 193) solid 1px;
	}
	.msbox {
		padding: 0px;
		/*border-bottom: 1px solid #ececec;*/
		border: none;
		margin: 0px;
	}
	#campusSelector, #collegeSelector, #locationSelector {
		margin-bottom: 0px;
	}
	.mstitle {
		padding: 6px 7px 6px 7px;
		border-top: 1px solid #ececec;
		margin-top: -1px;
	}
	div.msulwrapper ul li {
		padding: 5px;
	}
	
	.phoneOnly {
		display: block;
	}

	/*
	ADD CLASSES
	*/

	.reg_parent {
		margin: 0px !important;
	}

	.requirementMargin {
		margin-bottom: 1px;
	}
	.courseDiv {
		box-shadow: none;
	}
	.reg_generate {
		margin-top:0px;
	}
	.reg_generate .big_button {
		border-radius: 0px;
	}

	/*
	STEPS
	*/
	.mobileRoom {
		display: none !important;
	}

	/*
	FOOTER
	*/
	.bottomLinks {
		width: 70%;
		margin: 6px auto 6px auto;
	}
	.notPhone {
		display: none !important;
	}

	/*
	Term Selection
	*/
	.subnavigation {
		background-color: rgb(229, 229, 229);
		background-image: none;
		border-left: none;
		border-right: none;
		min-height: 31px;
		padding-top: 0px;
	}
	#term_region_pri {
		width: 100%;
	}
	#term_region_pri select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url('../images/arrowDown.png') no-repeat right center white;
		width: 100%;
		height: 30px;
		padding: 4px 7px 4px 7px;
		border: none;
		float: none;
		border-radius: 0px;
	}
	.reg_row1_enroll {
		/*display: none !important;*/
	}
	.mainframe {
		padding: 0px !important;
	}

	.reg_row1 {
		margin: 0 0 6px 0;
	}
	.table_container {
		background-color: #E7E8EA;
	}

	.nomobile {
		display: none;
	}

	#page_results_desc {
		padding: 0 10px;
	}
	
	table.dateGrid tr:last-child td:last-child,
	table.dateGrid tr:last-child td:first-child {
	    border-radius: 0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (
		min--moz-device-pixel-ratio: 2) , only screen and (
		-o-min-device-pixel-ratio: 2/1) , only screen and (
		min-device-pixel-ratio: 2) , only screen and ( min-resolution: 192dpi)
		, only screen and ( min-resolution: 2dppx) { /*
	RETINA DISPLAY (iPhones)
	*/
}

.loading {
	background-image: url(../images/loading_vsb.gif);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 42px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.leftnclear {
	float:left;
	clear:left;
}
.rightnclear {
	float:right;
	clear:right;
}
.nowrap {
	white-space: nowrap;
}
.type_block {
	font-size: 105%;
}
.thumbContainer {
	position:relative;
	width:104px;
	height:104px;
	float:left;
	box-sizing: border-box;
	margin-bottom:3px;
	border-radius: 5px;
	outline: none;
}
.thumbContainer.active {
	background:#AAA7A7;
}

#suggestedResult {
	width: 285px;
	margin: 0 auto;
	/*max-height: 240px;
	overflow-y: auto;*/
}

.sresult {
	background-color: #f7f6f6;
	padding: 0px;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 0px 2px 0px rgb(189, 189, 189);
	border: 1px solid #d0d0d0;
	display: flex;
	margin: 5px 5px;
}
.sresult a {
	color: inherit;
}
.sresult:hover {
	box-shadow: 0px 0px 6px 0px rgb(89, 89, 89);
	transition: all 0.3s
}
.sthumb {
    height: 105px;
    width: 100px;
    float: left;
    position: relative;
}
.sdetails {
	width: 170px;
	float: left;
	padding: 7px 0;
	text-align: left;
	font-size: 12px;
}

.stitle {
    font-weight: bold;
    padding: 2px;
    font-size: 116%;
}

.sdescription, .sdate {
	padding:2px;
}

.thumnail_link {
	display:block;
	position:relative;
}
.courseCount1 {
	position:absolute;
	margin:0 auto;
	top:45%;
	left:22px;
	color:grey;
}

a.top_access_link {
	position: absolute;
    z-index: 200;
    top: 0;
    background-color: #ffffff;
    left: 20%;
    border-radius: 0 0 3px 3px;
    margin: 0 auto;
    height: 0px;
    overflow: hidden;
    color: blue;
    text-decoration: underline;
}
a:focus.top_access_link {
	opacity: 0.7;
	padding: 3px 8px;
	transition: all 0.3s;
	height: 16px;
}

div.course-browsing {
    position:relative;
    display: flex;
    flex-flow: row wrap;
}

div.popups-content {
	display: flex;
    flex-flow: column nowrap;
    height: 100%;
}

div.course-browsing-search {
    box-sizing: border-box;
    width: 300px;
    flex: 1 auto;
    margin: 10px;
}

div.course-browsing-results {
	box-sizing: border-box;
	width: 300px;
	flex: 1 auto;
	margin: 10px;
	/*border-left: 3px solid #ddd;*/
}

.course-browsing select {
    padding: 6px;
}
.course-browsing input[type='text'], .popup-body textarea {
    font-size:120%;
}

div.course-browsing-search table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

div.course-browsing-results-status {
    padding: 5px 8px;
	font-size: 110%;
	background-color: rgb(81,165,89);
	color: white;
	letter-spacing: 1.5px;
}

div.course-browsing-search table td {
    padding: 5px 0;
}
div.course-browsing-search table th {
    text-align: left;
    font-weight:500;
}

div.course-browsing-search table td input,
div.course-browsing-search table td select {
    width: 100%;
    box-sizing: border-box;
}

div.course-browsing-results-listing {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
    border: 1px solid #dadce0;
    border-radius: 4px;
}

.cb_sel_item {
	position: relative;
    display: inline-block;
    box-sizing: border-box;
}
.cb_day_checkboxes .cb_sel_item {
    min-width: 68px;
}


table.cb-results_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.cb-results_table td.cb-search-label {
	border-bottom: 1px dotted #ddd;
}

table.cb-results_table td.cb-search-label label {
	padding: 5px 3px;
}

table.cb-results_table td.cb-search-option {
	border-bottom: 1px dotted #ddd;
	width: 35px;
}

table.cb-results_table td.cb-no-results {
	text-align: center;
    padding: 40px;
    font-size: 110%;
}

div.course-browsing-results table label { 
    display: block; 
    /*border: 1px solid #f00;*/
}

tr.cb-search-selection {
	background-color: #F0E68C;
}

tr.cb-search-results-previous td {
	background-color: #ddd;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 3px 5px;
	text-transform: uppercase;
}

.cb_filter_text {
	float: left;
    padding-top: 6px;
    font-weight: 500;
}

.cb_switch_text {
	font-weight: 500;
	font-size: 100%;
}

.cb_filter_row {
	clear:both;
	margin:4px 0;
}

.cb_filter_switch {
	float: right;
    padding-right: 10px;
}

tr.cb-search-result-hide {
	display: none;
}
@media only screen and (max-width:900px) {
	div.course-browsing {
		min-width: 600px;
	}
	.header-advice {
	display:none;
	}
}

@media only screen and (max-width:690px) {
	div.course-browsing {
		width: 100%;
		float: none;
		min-width: inherit;
	}
	div.course-browsing-search {
	    float: none;
	    padding: 0px;
	    width: 100%;
	}
	div.course-browsing-results {
		height: 203px;
	    float: none;
	    padding: 0px;
	    width: 100%;
   		border-left: none;
   		border-top: 3px solid #ddd;
	}
	div.course-browsing-results-listing {
		height: 145px;
	}
	input.pbut1 {
		margin-top: 5px;
	}
}

/* Audit */
/*
.dw_audit_tab {
	padding: 20px;	
	min-width:450px;
}
#noticePopup {
	max-width: unset !important;
	min-width: 100% !important;
	max-height: 100% !important;
}
*/
.StuTableTitle {
	background-color: #FFF !important;
	width: unset !important; 
}
.StuTableData{
	background-color: #FFF !important;
}
.AuditTable > tbody > tr:nth-child(1) {
	display:none;
}
.BlockHeadTitle {
    padding: 6px;
}
.BlockHeadSubTitleParent{
	display: grid;
    grid-template-columns: repeat(2,1fr);
}
.BlockHeadTitleParent{
	display: flex;
    justify-content: space-between;
}
.CourseAppliedRowWhite,
.ClassesApplied table{
	width: unset;
	xpadding-left: 20px;
    display: inline;
}
.CourseAppliedRowWhite > td {
	display:inline
}
.dw-button-panel {
    align-self: flex-start;
}
.dw-button-panel button {
	width: 110px;
    height: 30px;
    line-height: 30px;
}
.dw-label-panel {
	width: 100px;
}
.dw-except-panel {
	margin-top: 10px;
}
.vsb-dw-audit-requirement-row{
	padding: 3px 0px;
}
.vsb-dw-audit-requirement-row.expandable{
	cursor: pointer;
}

.vsb-dw-audit-requirement-row > td.RuleLabelData {
    margin-left: 20px;
}

.dw-audit-expand i{
	transform: rotate(0deg);
    transition: transform 0.25s;
}
.expanded .dw-audit-expand i{
	transform: rotate(180deg);
    transition: transform 0.25s;
}
#frmAudit{
	overflow-y: auto;
    overflow-x: auto;
}
.vsb-dw-audit-requirement-row.level2 :not(.RuleLabelData) .RuleLabelData,
.vsb-dw-audit-requirement-row.level2 :not(.RuleAdviceTitleNew) .RuleAdviceTitleNew,
.vsb-dw-audit-requirement-row.level2 :not(.RuleAdviceData) .RuleAdviceData  {
    padding-left: 20px;
}

.SelectableRuleAdviceData {
	line-height: 30px;
    padding-bottom: 7px;
}

.RuleLabelLine {
	width: unset !important;
}
.dwaudit_poopup_root td.ProgressSubTitle{
	width:100px;
}
/* Still needed label */
.RuleAdviceTitleParent,
.BlockAdviceTitleParent,
tr.vsb-dw-audit-requirement-row {
	display: flex;
	flex-direction: column;
}

.BlockAdviceTitle {
	display: flex;
    flex-direction: column;
    width: unset;
	padding: 0 ! important;
	
}
/* Keeps Delect button far from class text */
.vsb-dw-audit-select-item{
	/* width: 15vw; */
	display: flex;
}
.dw-legend-row-parent {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.LegendLabel,
.LegendItem {
	background-color: white !important;
}
.BlockHeader >tbody>tr {
	display: flex;
    flex-wrap: wrap;
}
.dw-student-row {
	display: flex;
    justify-content: space-between;
}
.dw-student-row .StuTableData {
	width: unset !important;
}
.StuTableTitle{
	background-color: white !important	
}
.vsb-dw-audit-select-item.SelectableRuleAdviceData button {
    margin-left: 94px;
}
.dw-select-error{
    padding-left: 15px;
	font-weight: bold;
    color: #B22338;
    /* text-align: center; */
}
.dw-select-success{
    padding-left: 15px;
	font-weight: bold;
    color: #23B238;
    /* text-align: center; */
}
.dwaudit_poopup_root table.ProgressTable {
    table-layout: fixed;
    width: 100%;
}
.dwaudit_poopup_root table.ProgressTable td.ProgressSubTitle{
	white-space: unset;
}
@media only screen and (max-width:800px) {
	.vsb-dw-audit-select-item{
		flex-direction: column;
	}
	.vsb-dw-audit-select-item.SelectableRuleAdviceData button {
	    margin-left: 0;
	}	
	.dwaudit_poopup_root {
	    min-height: 457px;
	    min-width: 85vw !important;
	    max-width: 85vw !important;
	}
	.dw-legend-row-parent {
		display: flex;
	    flex-direction: column;
	}
	.vsb-dw-audit-requirement-row{
		padding: 10px 0px;
	}
	.vsb-dw-audit-select-item{
		width: 65vw;
	}
	#frmAudit {
		    overflow: hidden;
	}
	.xBlocks .CourseAppliedRowWhite,
	.xBlocks .CourseAppliedRowAlt,
	.BlockHeadSubTitleParent,
	.BlockHeadTitleParent,
	.dw-student-row {
		display:flex;
		flex-direction:column;
	}	
	.dw_audit_tab {
		min-width: unset;
	}
	.xBlocks table,
	.xBlocks td,
	.xBlocks tr {
		width: 100%;
    	width: 84vw;
    }
	.xBlocks >tbody>tr>td>table>tbody>tr {
		display: flex;
		flex-direction: column;
	}
	.xBlocks >tbody>tr>td>table>tbody>tr .SectionTableSubTitle {
		text-align: left;
	}
	.dwaudit_poopup_root {
    	min-height: 70vh;
	}
}
/* Responsive end */



.vsb-dw-audit-select button{
	margin: 0 10px;
    max-height: 30px;
    line-height: 20px;
    width: 120px;
}
#tab_audit,
#tab_summary,
#tab_needed {
    max-height: 399px;
    overflow: auto;	
}

#dwaudit-loading,
#dwaudit-empty,
#dwaudit-error {
	min-height: 457px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.audit-block-header {
	background: #7995AA;
	color: white;
	padding: 4px;
}
.dw-class-group-empty {
	font-style: italic;
    opacity: .5;
}

#dwaudit-selection {
	text-align: center;	
}
.dwaudit-selection-title{
	font-size:1.2em;
}
.dwaudit-selection-options {
	padding: 30px 60px;	
	display: flex;
    flex-direction: column;
}
.dwaudit-selection-options .mdl-button{
	margin: 15px;
}
.dwaudit_poopup_root {
    min-height: 457px;
    min-width: 700px;
    max-width: 700px;
}

#audit_tabs{
	min-width:400px;
	display: flex;	
}

.audit_tab_button.selected {
    /* background: linear-gradient(0deg, #FfFfFf, #eaeaea) */
    border-bottom: 2px solid #555;    
}

.audit_tab_button {
    float: left;
    padding: 20px;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
/*     background: linear-gradient(0deg, #dcdcdc, #e6e6e6);
 */    border-radius: 3px 3px 0 0;
    flex-grow: 1;
}

.dw-field-item{
	display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    border-bottom: 1px solid #DDD;
}

.dw-progress{
	flex-direction: column;
	padding: 15px 45px;
	display: flex;
}

.dw-progress-item{
    justify-content: space-between;
	display: flex;
}

.dw-progress progress{
	width: 100%;
}

.dw-class-group{
	margin-top: 6px;	
}

.dw-class-group-content{
	padding: 4px;
    margin: 3px 0px 10px 15px;
    border-radius: 3px;
}

.dw-check {
	margin: 2px 5px 2px 2px;
    padding: 0px 4px 1px 4px;
    border-radius: 2px;
    background-color: #67c12e;
    color: #ffffff;
    display: inline-block;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    line-height: initial;
}

.dw-uncheck {
    margin: 2px 5px 2px 2px;
    padding: 1px 9px;
    border-radius: 2px;
    background-color: #ff9898;
    display: inline-block;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    line-height: initial;
}

.dw-partial {
	margin: 2px 5px 2px 2px;
    padding: 1px 5px 1px 4px;
    border-radius: 2px;
    background-color: #63b3d8;
    color: #ffffff;
    display: inline-block;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    line-height: initial;
}

.dw-class-row,
.dw-class-group-header{
	padding: 3px 0;
}

.dp-class-select,
.dp-class-remove,
.dw-class-select,
.dw-class-remove {
	float: right;
}

.capp-title-choice{
	opacity:.6;
}
.wildcard-header {
	display: flex;
    flex-direction: column;
    flex-grow: 1;	
}
.wildcard-title-big {
	font-weight: bold;
    font-size: 115%;
}

.hide50 {
	display:none !important;		
}

body.using-tab :not(input):focus {
    outline: none;
    box-shadow: 0 0 4px 2px #51a7e8 !important;
}
.expand-button {
    display: flex;
    align-items: center;
}
.expand-button i {
    transition: transform 300ms ease;
    margin: 0 0 0 10px;
    font-size: 24px;
}
.block_animation .expand-button i {
	transition: none;
}
.legend-radio-cont.block-ripple .mdl-radio__inner-circle {
	transition: none;
}
.expand-button.expanded i {
    transform: rotate(180deg);
}

.dp-class-row {
	padding: 3px 5px;
    line-height: 30px;
}
.dp-class-select,
.dp-class-remove{
	width: 90px;
    height: 29px;
    line-height: 30px;
    margin-left: 5px;
}
.dp-legend-title{
    font-weight: 600;
	border-top: 2px solid #5C798F;
    padding: 10px 12px 1px 12px;
    color: #5C798F;
}
.dp-legend{
	display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    border-bottom: 2px solid #5C798F;
}
.dp-select-error{
    padding-left: 15px;
	font-weight: bold;
    color: #B22338;
    /* text-align: center; */
}
.dp-select-success{
    padding-left: 15px;
	font-weight: bold;
    color: #23B238;
    /* text-align: center; */
}
.dp-expand-toggle {
    height: 20px;
    line-height: 20px;
}
.dp-expand-toggle i {
    transition: transform 0.25s;
    transform: rotate(180deg);
}
.dp-expand-toggle.expanded i {
    transform: rotate(0deg);
}