body,html
{
	min-height: 100%;
	margin-bottom: 35vh;
	font-size: 14px;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../lib/fonts/Roboto/Roboto-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

body
{
	font-family: 'Roboto', Verdana, Helvetica, Arial, sans-serif;
	color:#242424; 
}


.nav-tabs>li.active>a:hover
{
	background: #BFB8A6;
	color:#fff;


}
.nav-tabs>li>a:hover
{
	background: #BFB8A6;
	color:#fff;
	border-color: #BFB8A6;
}
.navbar
{
	background-color: #2D251A;
}

.parentTabs>ul
{
	background: #fff;
}

.nav-tabs>li.active:after
{
	bottom: -14px;
	content: "\25BC";
	color: #EC2926;
	display: inline-block;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	transform: scale(1.8,1);
	/* -webkit-transform: scale(1.8,1); */
	-moz-transform: scale(1.8,1);
	-ms-transform: scale(1.8,1);
	-o-transform: scale(1.8,1);
	z-index: 1;
}
.nav-tabs>li.active:hover:after {color:#EC2926;}


.tab-content
{

	padding: 10px;
}
.nav-tabs {
	border-bottom: none;
}
.nav-tabs a
{
	font-weight: bold;
	border-radius: 0px 0px 0 0 ;
}


.nav-tabs>li>a
{
	background: #000;
	color: #fff;
	margin-right: 0px;
	border-bottom: 1px solid #242424;
}
body .nav-tabs a
{
	font-weight: bold;
	border-radius: 0px 0px 0 0;
	margin-right: 0.2em;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus
{
	background: #EC2926;
	color: #fff;
	border-color: transparent;

}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.adminTabContain .myTabContent
{
	background: #EFEFF0;
}

.well
{
	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#adminAreaTabContent
{
	background: #f5f5f5;
}

input[type='checkbox']
{
	margin-right: 1em;
}




.tab-content 
{
    padding: 10px;
}
 
 
body .nav-tabs>li {
	
    margin-bottom: 0px; 
}
.form-control:focus {
	border-color: #FF0000;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#courseSearchBoxGPADiv
{
	padding-left: 10px;
	padding-right: 10px;
}


.gpacontainer
{	
	display: inline-block;
	margin: auto;
}
.ui-front {
    z-index: 200;
}
.nav-tabs {
	margin-bottom: 0;
}

#gpasidebar, .sideleft
{
	
	display:inline-block;
	vertical-align:top;
	padding: 10px;
}

.sideleft
{
	min-width: 19em;
	padding-right: 0;
}
#adv_example
{
	display: inline-block;
	
}



.mylist
{
	margin-left: 0;
	margin-top: 1em;
	
	text-align: left;
	
}
.mylist dt,dd
{
	line-height: 2em;
}

.widelist 
{
	text-align:left;
}
.widelist dd 
{
	margin-bottom: 1em;
}

#courseSearchBox
{
	
}
.short
{
	width: 10em;
	text-align: center;
	display: inline-block;
}
#gpasidebar div 
{
	min-width: 15em;
}
.error-container {
	position: fixed;
	top: 47px;
	left: 0;
	right: 0;
	z-index: 200;
}
.sideleft .control-group
{
	max-width: 18em;
}
.sidebyside
{
	display: inline-block;
}


#tablebody tr:hover
{
	background: #ddf;
}

.btn-info[disabled] , .btn-info[disabled]:hover
{
	background: #eee;
	color: #555;
	border-color: #ccc;
}


@media (min-width: 768px){ 
	.dl-horizontal dt { width: 180px; }  
	.dl-horizontal dd {   margin-left: 200px;}
}

#T4_Table
{
	margin: auto;
}
#T4_Table td
{
	padding: 0.3em;
	vertical-align: bottom;
}

#adv_example
{
	width: 18em;
}
 
body .nav-tabs a
{
	font-weight: bold;
	border-radius: 0px 0px 0 0 ;
}

.tooltip2 {outline:none; }
.tooltip2 strong {line-height:30px;}
.tooltip2:hover {text-decoration:none;} 
.tooltip2 span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-30px;
	text-align: left;
    width:300px; 
	line-height:16px;
	white-space: normal;
}
.tooltip2:hover span
{
    display:inline; 
	position:absolute; 
	color:#111;
	border:1px solid #DCA;
	background:#fffAF0;
}
.callout 
{
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}


.tooltip2 span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


.courseReqTable  th
{
	width: 20%;
	text-align: right;	
}

.courseReqTable   
{
	white-space: pre-wrap;
	text-align: left;
	border-collapse: collapse; 
}


.courseReqTable>tbody>tr:first-child>td,
.courseReqTable>tbody>tr:first-child>th
{
	border-top: none;	
}

.courseReqTable>tbody>tr>td,
.courseReqTable>tbody>tr>th
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #777;
	
}

.previewWarning
{
	color: red;
	font-size : 150%;
}

.tt-dataset>.tt-suggestion
{
	text-align: left;
	font-size: 1.1em;
}
.tt-menu
{
	z-index:200 !important;
}

.footer 
{
	color: #ccc;
	text-align: center;
}
.footer a 
{
	color: #89B0D2; 
}

#AggrigateAtarVersion
{
	margin-top: 2em;
	color: #999;
}

#DataSetsList .dropdown-menu {
	left: 50%;
	right: auto;
	text-align: center;
	transform: translate(-50%, 0);
}
.invisible
{
	visibility: hidden;
}
.conversionArrow
{
	font-size: 200%;
}

.versionNumber
{
	font-size:15px;
}

.sc_edit_btn:after 
{
	content: "\270E";
	cursor: pointer;
}


.maintext 
{
	white-space: pre-line;
}

.IncompatibleRow
{
	background: #ffcdcd;
}
.maintext.outcome
{
	width: 6em;
	display: inline-block;
}
.subchkbox
{
	
	margin-left: 1em !important;
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	
	
}

.PrecedentsTable td {vertical-align: middle; }
.PrecedentsTable th {vertical-align: middle; text-align: center;}

.PrecedentsTable
{
	text-align: center;
}
input[type=checkbox] {
	scale: 1.5;
}

.card 
{
	border-radius: 0;
}

.alert
{
	border-radius: 0;
}

td.spacer
{
	border: none !important;
	border-top: none !important;
}
#reloadBtn { float : right;}

.InstitutionEditButton:after, .CourseEditButton:after, .SubEditBtn:after
{
	content: "\270E\FE0E";
	
	cursor: pointer;
}

.InstitutionEditButton, .CourseEditButton
{
	margin-left: 1em;
}

.NoExistingPrecedent:after 
{
	content: '== No Existing Precedent Found ==';
}
tr[data-external-subject-verified="-1"] .NoExistingPrecedent:after
{
	content: '== Marked as invalid ==';
}

td[data-rule-priority="50"], td[data-rule-priority="10"]
{
	background: #ffffcc !important;;
}

td[data-rule-priority="100"]
{
	background: #eeffee !important;
}
.NoExistingPrecedent
{
	background: #ffdddd !important;;
	text-align:center;
}
td[data-rule-negative="true"]
{
	background: #ffdddd !important;;
	text-decoration: line-through;
	text-align:center;
}

.DownloadArea:blank:after
{
	content: 'None'
}

@media (min-width: 1500px)
{
	.modal-lg {
		max-width: 1200px;
	}
}

/* Tooltip text */
.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
    visibility: visible;
}
.tooltip2.addRuleBtn:hover .tooltiptext:after {
	content: "Add new Rule";
}
.addRuleBtn:after
{
	content: "+";
}
.viewRuleBtn
{
	width: 100%;
}

.tooltip2.viewRuleBtn:hover .tooltiptext:after {
	content: "View Rule";
}

button
{
	background-color: #ddd;
}

#InstitutionSisCodeinput
{
	text-transform: uppercase;
}

.form-elements .form-control
{
	background: #fff;
}

.form-wrap.form-builder .form-control
{
	height: initial !important;
}
header 
{
	font-weight: bold;
	font-size: 2em;
}
.headerbox
{
	padding-bottom: 1em;
	background-color: #fff;
}

.logo {
	height: 60px;
	margin-top: 1em;
	margin-left: 3em;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/La_Trobe_University_logo.svg');

}

.container
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10em;
	background: #fff;
}

.container-fluid {
	background: #fff;
	max-width: 1540px;
}

.className-wrap
{
	display:none !important;
}

.title
{
	text-align:center;
	margin-top: 0;
	font-size: 2em;
	font-weight:bold;
}

h1
{
	font-family: 'Roboto Bold','Roboto', sans-serif; 
	color:#e42312; 
	margin-top: 20px;
    margin-bottom: 10px;
}

label
{
	font:16px "Roboto Bold",'Roboto',sans-serif; 
	font-weight: bold;
}


#studentLoginButton
{
	width: 100%;
	margin-bottom: 1em;
}
.invisible
{
	visibility: hidden;
}
div.progress 
{
overflow: visible;
}
div.progress-bar
{
	height:unset;
}

#ErrorMessageBox:blank 
{
	visibility :hidden;
	display:none;
}

.openBtn:after 
{
	content: '\1F4C2'
}


.narrowCol
{
	width: 1px;
}

.topbar
{
	background-color: #242424;
	width: 100%;
	height: 3em;
}
#submitBtn
{
	margin-bottom: 1em;
}
 

.twitter-typeahead .form-control[disabled]
{
    background-color: #eee !important;
}
.form-field
{
	cursor:move;
}

.form-builder-dialog 
{
	overflow-y:hidden;
}
#formToSubmit
{
	margin-top: 1em;
}
#RightNowRefrence
{
	font-weight: bold;
}

.topnav
{
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;
}
.topnav a
{
	line-height: 3em;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration:none;
	color: #9d9d9d;
	display: inline-block;
}
.topnav .logoutBtn
{
	float:right;
}
@media (min-width: 768px)
{
	.topnav {
		width: 750px;
	}
}

@media (min-width: 992px)
{
	.topnav {
		width: 970px;
	}
}

@media (min-width: 1200px)
{
	.topnav {
		width: 1170px;
	}
}




.topnav a:hover
{
	color: #fff;

	text-decoration:none;
}

.topnav a.active
{
	background: #000;
}
 

.form-control, input
{
	border-radius: 0 !important;
}
#UrlContain
{
	display: table;
	width: 100%;
}
#UrlPrefix
{
	width: 1em;
	white-space: nowrap;
}

#UrlTextInput, #UrlPrefix
{
	display: table-cell  !important;
}

#PreLoginMessage
{
	margin-bottom: 1em;
	white-space: pre-line;
}

.alert:empty 
{
	display: none;
}

#footer 
{
	font-size: 80%; 
	text-align: center; 
	margin-top : 1em;
 }
 
 
.ui-datepicker
{
	background: white;
}

button.deleteBtn:after {
    content: '\232B';
}

p:blank 
{
	display: none;
}

.StudentInfoTable tbody>tr:first-child>*
{
	border-top: none;
}
button.btn, a.btn 
{
	border-radius: 0;
}
.hidden 
{
	display:none !important;
}

#RuleListContain table thead th:last-child 
{
	width: 1em;
}
#RuleListContain table tbody tr td:last-child button
{
	width: 100%;
}
#ApplicationList .crmRef
{
	white-space: nowrap;
}


#RuleListContain table tbody tr td:last-child 
{
 	vertical-align: middle;
}

#RuleListTableBody:empty:after 
{
	text-align:center;
	display: inline-block;
	font-size: 200%;
	content: 'No Results';
}

table.attachmentList td
{
	border: 1px solid #ccc;
}
.articulationSectionSubjectList tr td:last-child,
.articulationSectionCourseList tr td:last-child
{
	width: 1em;
	white-space: nowrap;
}
   
.articulationSectionHeader
{
	display: flex;
}

.articulationSectionHeader h3
{
	flex-grow: 1;
}
.articulationSectionHeader div 
{
	display:flex;
	align-items: center;
  justify-content: center;
}
.articulationSectionSubjectList tbody tr:last-child, .articulationSectionCourseList tbody tr:last-child
{
    background-color: rgba(0,0,0,0);
}

.moveSubjectButtonTarget, .selectSubjectDestination .moveSubjectButtonSource
{
	display:none;
}
.selectSubjectDestination .moveSubjectButtonTarget
{
	display: initial;
}

.selectSubjectDestination .newGroupRow
{
	display: table-row;
}
.newGroupRow
{
	display:none;
}

.selectSubjectDestination tr:hover td:not([rowspan])
{
	border-bottom: 3px solid black;
}
.articulationSection
{
	border-bottom: 2px solid black;
	margin-bottom:  2em;
}
.articulationEditor
{
	margin-bottom: 20em;
}
td.table_date
{
	white-space:nowrap;
}

.articulationEditButtons
{
	display:flex;
}
.articulationEditButtons button
{
	margin-left: 0.5em;
}

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */



.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-datepicker th{
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;

}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;

}


.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}

.ui-datepicker td:hover{
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding:5px;
  color:gray;
  text-align: center;
  filter:none;
}


.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.ui-datepicker-next:after
{
	content: '\01f882';
	line-height: 2em;
}
.ui-datepicker-prev:after
{
	content: '\01f880';
	line-height: 2em;
}

.ui-menu
{
	position: relative;
	list-style: none;
	background-color: white;
	
	z-index:2010;
	box-shadow: 5px 0px 8px white;
	width: 214px;
	line-height: 200%;
	border: solid 1px grey;
}
.ui-front.ui-menu {
    z-index: 2100;
}

.ui-menu .ui-menu-item
{
	margin: 0;
	padding-left: 1px;
	padding-right:10px;
	z-index:2010;
}
.ui-menu .ui-menu-item:hover
{
	background-color: darkgrey;
}

.ui-menu .ui-state-active 
{
    margin: 0 !important;
}

.form-group.ruleEditorInputPair
{
	display:flex;
}
.form-group.ruleEditorInputPair input.form-control
{
	flex: 1;
}

.form-group.ruleEditorInputPair select.form-control
{
	width: 5em;
}


.flex 
{
	display:flex;
}

.pageBtns
{
	display:flex;
}
.pageBtns span
{
	flex-grow: 1;
	text-align: center;
}

.hideRightBorder
{
	border-right:none !important;
}

.hideLeftBorder
{
	border-left:none !important;
}




/* Tabs
 */



.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #eee;
}
.nav-tabs a
{
	font-weight: bold;
	border-radius: 0px 0px 0 0 ;
}


.nav-tabs>li>a
{
	background: #cfcfcf;
	color: #242424;
	line-height: 1.75;
	margin-right: 0px;
}

.nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus
{
	background: #242424;
	color: #fff;
	border-color: transparent;

}



.nav-tabs>li.active>a:hover
{
	background: #666;
	color:#fff;


}
.nav-tabs>li>a:hover
{
	background: #666;
	color:#fff;
	border-color: #666;
}

.nav-tabs>li>a.active:after
{
	bottom: -14px;
	content: "\25BC";
	color: #242424;
	display: inline-block;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	transform: scale(1.8,1);
	/* -webkit-transform: scale(1.8,1); */
	-moz-transform: scale(1.8,1);
	-ms-transform: scale(1.8,1);
	-o-transform: scale(1.8,1);
	z-index: 1;
}
.nav-tabs>li.active:hover:after {color:#BFB8A6;}


.tab-content
{
	border-left: 1px solid #242424;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #242424;
	padding: 10px;
}
.nav-tabs {
	border-bottom: 1px solid #242424;
}
#mainTabsList
{
	border: none;
	display:flex;
	flex-wrap: wrap;
}
body .nav-tabs>li {

	margin-bottom: 0;
	flex-grow: 1;
}
.nav-tabs {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap
}
.nav>li>a
{
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav>li {
	position: relative;
}


td.narrow, th.narrow
{
	width:0;
}

#saveVerificationBtn
{
	margin-left: auto;
	display: flex;
}
.creditStructureTable .parentSkpCode
{
	white-space: nowrap;
}
.nowrap
{
	white-space: nowrap;
}

.ViewCreditPage table td
{
	vertical-align: middle;
}

#articulationListContain .expired td
{
	background-color: #ffeeee;
}

tr.InvalidExternalSubject td, tr.InvalidExternalCourse td, tr.InvalidExternalExperience td
{
	background-color: #ffdddd;
}

@media (min-width: 1600px) {
	.container {
		max-width: 1540px;
	}
	.topnav {
		width: 1570px;
	}
}

body[data-deploymode='QAS']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>QAS</text></svg>");
}
body[data-deploymode='UPGRADE']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>UG</text></svg>");
}
body[data-deploymode='DEV']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>DEV</text></svg>");
}

.documentationCell
{
	max-width: 15em;
	overflow-wrap: break-word;
}

.button_floater
{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	position: fixed;
	position: sticky;
	top:1em;
	left:0;
	right:0;

	overflow: visible;
	z-index: 8;

}

.button_floater div
{
	background: white;
	padding: 0.5em;
	display: inline-block;
}

.button_floater > *
{
	z-index: 9;
}

.creditStructureTable tr[data-approval-action='add'] td.action,
.creditStructureTable tr[data-approval-action='add'] td.spk_code,
.creditStructureTable tr[data-approval-action='add'] td.ssp_status,
.creditStructureTable tr[data-approval-action='add'] td.action_comment
{
	background-color: #eeffee;
}
.creditStructureTable tr[data-approval-action='already_exempt'] td.action,
.creditStructureTable tr[data-approval-action='already_exempt'] td.spk_code,
.creditStructureTable tr[data-approval-action='already_exempt'] td.ssp_status,
.creditStructureTable tr[data-approval-action='already_exempt'] td.action_comment
{
	background-color: #eeeeff;
}
.creditStructureTable tr[data-approval-action='remove'] td.action,
.creditStructureTable tr[data-approval-action='remove'] td.spk_code,
.creditStructureTable tr[data-approval-action='remove'] td.ssp_status,
.creditStructureTable tr[data-approval-action='remove'] td.action_comment
{
	background-color: #ffdddd;
}

.creditStructureTable tr[data-verified='0'] td.action,
.creditStructureTable tr[data-verified='0'] td.spk_code,
.creditStructureTable tr[data-verified='0'] td.ssp_status,
.creditStructureTable tr[data-verified='0'] td.action_comment
{
	background-color: #ffffdd;
}

.creditStructureTable tr[data-approval-status='NEEDS_APPROVAL'] td.action,
.creditStructureTable tr[data-approval-status='NEEDS_APPROVAL'] td.spk_code,
.creditStructureTable tr[data-approval-status='NEEDS_APPROVAL'] td.ssp_status,
.creditStructureTable tr[data-approval-status='NEEDS_APPROVAL'] td.action_comment
{
	background-color: #ffffdd;
}

.course_verification_row td, .subject_verification_row td, .experience_verification_row td
{
	color: #aaa;
}

tr.markDependency td
{
	color: #000;
}
tr.highlightDependency td
{
	background-color: #ffeedd;
}


.action_comment button
{
	width: 100%;
}

.action_comment div:not(:first-child)
{
	margin-top: 5px;
}

.highlightItem, .highlightAcademicSubject td, .highlightAcademicCourse td, .highlightAcademicExperience td
{
	background-color: #ffff60;
}

body h1 {
	color: #e42312;
	font-size: 36px;
	line-height: 40px;
	font-family: 'Roboto Bold',sans-serif;
	font-weight: normal;
}
h1,h2,h3,h4,h5
{
	font-family: 'Roboto Bold','Roboto', sans-serif;
	color:#e42312;
}
label
{
	font:16px "Roboto Bold",'Roboto',sans-serif;
	font-weight: bold;
}



.initial_structure_row td[data-subject-ssp-status="Exempt"]:after,
.initial_structure_row td[data-subject-ssp-status="Credited"]:after {
	content: "⚠️";
}

.threadbox
{
    background-color: #F2F0F0;
    margin-bottom:1em;

}
#threadMainBox
{
    margin-top: 1em;
}
.threadcontent
{
    padding: 2px;
}
.threadboxheader
{
    display:flex;
    justify-content: space-between;
    background: #413636 ;

    color: #fff;
    padding: 0.5em;
}
.threadDateBox
{
    float: 1;
}

.threadAuthorBox
{
    float: 1;
}
.threadboxheader[data-message-admissions-unread="true"] .threadDateBox:before
{
	content: "Unread - ";
}
div.threadboxheader[data-message-admissions-unread="true"]
{
	background: #ec2926;

}
div.threadboxheader[data-is-current-user=true]
{
}
.threadboxheader[data-thread-type="ADMISSIONS_TO_ACADEMIC"]
{
    background: #807272 ;
}
.threadboxheader[data-thread-type="ADMISSIONS_TO_ACADEMIC"] .threadAuthorBox:after
{
    content: ' - Admissions';
}

.threadboxheader[data-thread-type="ACADEMIC_TO_ADMISSIONS"]
{
}
.threadboxheader[data-thread-type="ACADEMIC_TO_ADMISSIONS"] .threadAuthorBox:after
{
	content: ' - Academic';
}
.threadboxheader[data-thread-type="ACADEMIC_TO_DELEGATE"] .threadAuthorBox:after
{
    content: ' - Academic to Delegate';
}

.threadPlainText
{
    white-space: pre-line;
}

#submissionLogTableBody tr td:nth-child(2)
{
	max-width: 35em;
	overflow-wrap: break-word;
}

.StudentInfoTable tr th, .StudentInfoTable tr td
{
	background-color: initial;
	color:black;
}

table.table thead tr:first-child
{
	white-space: nowrap;
}

/*
	Hide buttons with permission requirements, unless the permission is specified in the body tag
	see bt_forms.js, when any page does an AJAX call, the result will contain permissions and username.
	The perms are then added to the body tag which unhides the relevant buttons
*/
body:not([data-perms~="VIEW_OWN_ACADEMIC_APPROVALS"]) [data-perm="VIEW_OWN_ACADEMIC_APPROVALS"],
body:not([data-perms~="VIEW_ALL_ACADEMIC_APPROVALS"]) [data-perm="VIEW_ALL_ACADEMIC_APPROVALS"],
body[data-perms~="VIEW_ALL_ACADEMIC_APPROVALS"] [data-perm-hide="VIEW_ALL_ACADEMIC_APPROVALS"],
body:not([data-perms~="VIEW_SUBMISSION"]) [data-perm="VIEW_SUBMISSION"],
body:not([data-perms~="VIEW_RULE"]) [data-perm="VIEW_RULE"],
body:not([data-perms~="VIEW_ARTICULATION"]) [data-perm="VIEW_ARTICULATION"],
body:not([data-perms~="VIEW_USER"]) [data-perm="VIEW_USER"],
body:not([data-perms~="VIEW_CONFIG"]) [data-perm="VIEW_CONFIG"],
body:not(.userAuthenticated) .logoutBtn
{
	display:none;
}

.list_button_actions
{
	display: flex;
}

.list_button_actions>:not(:last-child)
{
	margin-right: 0.25rem;
}


.float_table_row
{
	position: fixed;
	position: sticky;
	top: 4.5em;
	overflow: visible;
	z-index: 7;
	bottom: 1em
}

.creditStructureTable .spk_code button
{
	width:100%;
}

.last_clicked_item td
{
	background: #ffffdd;
}
.study-package-hidden
{
	text-decoration: line-through;
}
.study-package-hidden td
{
	background-color: #ffdddd;
}
.exclamation_mark:after
{
	content: " ⚠️";
}

.table-hide-unrequested-subjects tbody tr.unrequested-subject
{
    display: none;
}
.rejectionReasonDiv label
{
	margin-top: 0.5em;
}
.rejectionReasonDiv #rejectionReasonOtherInput
{
	margin-top: 0.5em;
}

.threadcontent iframe
{
	border: none;
}
.alert-super
{
	background-color: #ffff60;
	color: black;
	font-weight: bold;
}

.warning-icon::before
{
	content: "\26A0";
	margin-right: 0.25em;
	font-size: 300%;
	font-weight: initial;

}

.threadActionMessage
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;

	font-weight: bold;
}

.transparent
{
	background-color: transparent;
}
.inline-block
{
	display: inline-block;
}

.vertical-buttons > *
{
	display: block;
	margin-bottom: 0.2em;
}
.vertical-buttons > *:last-child
{
	margin-bottom: 0;
}

#IncidentCurrentAttachmentModalListDiv td:last-child
{
	text-align: right;
}

tbody:not(:empty) ~ .hideIfSiblingNonEmpty
{
	display: none;
}
.hideIfSiblingNonEmpty tr td
{
	text-align: center !important;
}

.nowrap
{
    white-space: nowrap;
}