@charset "UTF-8";
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');

/* repeated in assets/css/uncso.css*/
:root {
	--theme-Red: #bc1f52;
	--theme-Blue: #0f4876;
	--theme-Dk-Blue: #0b395e;
	--theme-Gold: #fec524;
	--theme-Lt-Grey: #f0f3f5;
	--theme-Med-Grey: #dbe2e9;
	--theme-Dk-Grey: #353f43;
	--page: #f6f6f6;
	--default: #333333;
	--primary: #0099FF;
	--normal: #353f43;
	--links: #0275d8;
	--muted: #636c72;
	--success: #5cb85c;
	--info: #5bc0de;
	--warning: #ff8500;
	--danger: #d9534f;
}

body, div, p {
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 400;
}
body {
  font-family: "Roboto", "Arial", sans-serif !important;
  font-size: 1rem !important;
  line-height: 120% !important;
  color: #333333;
  margin: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
header {
  position: sticky;
  top: 0px;
  min-height: 80px;
  padding: 8px;
  display: block;
  background: #FFFFFF;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
}
*, div, section, wrapper, content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
footer {
  bottom: 0px;
  left: 0px;
  background: #0f4876;
  height: 24px;
  color: #FFFFFF;
  padding: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
  line-height: 1.2em;
}

table {
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
}

/*end uncso css*/

/* CSS Document */


/* HTML Doc layout */
body {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#temproaryHolder {
	flex-grow: 1;
	padding-top: 56px;
}

#temproaryHolder #arp-page-body-container {
	padding: .5em;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5 {
	color: var(--theme-Blue);
	margin: 0 0 .5em 0;
}

/* Login css */
header {
	height: 80px;
	display: flex;
	align-items: center;
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
}

/*header #logo {
	height: 100%;
	margin-bottom: 10px;
}*/

#logo{
	height: 100%;
}

#logo a,
#logo h1 {
	display: inline-block;
	vertical-align: middle;
}

#logo h1 {
	margin: 0px 0px 0px 30px;
	color: var(--theme-Blue) !important;
}

header h1 {
	font-family: Helvetica;
	color: #0f4876;
}

footer,
#temproaryHolder {}

footer {
	font-size: 14px;
	height: auto;
	align-items: flex-start;
}

footer a:link,
footer a:visited {
	color: var(--theme-Gold);
}

footer a:hover,
footer a:active {
	color: #f7f795;
}

#log {
	background-color: var(--theme-Blue);
	padding: 4px;
	margin-bottom: 12px;
	position: sticky;
	width: 100%;
	z-index: 11;
	top: 80px;
	margin-bottom: -32px;
	height: 32px;
}

#log a,
#log a:link,
#log a:visited {
	color: rgba(255, 255, 255, .75);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap:6px;
	height: 24px;
}

#log a:hover,
#log a:active {
	text-decoration: none;
	color: #FFFFFF;
}

a.utilityButton,
a.utilityButton:visited,
.utilityBtn,
.utilityBtn:visited {
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
	background: #333333 !important;
	color: #FFFFFF !important;
	border-radius: 4px !important;
	padding: 0 1em !important;
	line-height: 1.5em;
	cursor: pointer !important;
}

a.utilityButton:hover,
.utilityBtn:hover {
	background: #999999 !important;
}

#campuses {
	font-size: 0.8em;
}

#campuses li {
	margin: 0 0 0 0.25em;
}

#campuses .campus a,
#campuses .campus a:visited {
	display: block;
	padding: 0.25em 0.25em 0.25em 0.5em;
}

#campuses .campus a:hover {
	background: none repeat scroll 0 0 #BEBEBE;
	border-radius: 10px 0 0 10px;
	color: #FFFFFF;
}

#campuses .nocampus a,
#campuses .nocampus a:visited {
	color: #990033;
	display: block;
	padding: 0.25em 0.25em 0.25em 0.5em;
}

#campuses .nocampus a:hover {
	background: none repeat scroll 0 0 #BEBEBE;
	border-radius: 10px 0 0 10px;
	color: #FF3300;
}

#campuses .nocampus a.selected,
#campuses .nocampus a.selected:visited,
#campuses .nocampus a.selected:hover,
#campuses .campus a.selected,
#campuses .campus a.selected:visited,
#campuses .campus a.selected:hover {
	background: none repeat scroll 0 0 #BEBEBE;
	border-radius: 10px 0 0 10px;
	color: #000000;
}

#campuses .nos {}

.noBulletList {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.noBulletList li {
	display: block;
	padding-left: 18px;
}

.noBulletList img {
	margin-left: -21px;
	vertical-align: text-bottom;
}

.utilityBox,
.utilityContainerDk {
	background: none repeat scroll 0 0 rgba(204, 204, 204, 0.75);
	border: 1px solid #BEBEBE;
}

.title {
	color: #006666;
	font-weight: bold;
}

h3 {
	color: #990033;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.8em;
	white-space: normal;
}

/* End login css*/

/* For file upload field */

span.swf_filename {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
}

.swf_loading span.swf_filename,
.swf_complete span.swf_filename {
	display: none;
}

.swf_loading span.swf_button {
	display: none;
}

.swf_start span.swf_status {
	display: none;
}

/*
div.swf_deleted{
	display:none;
}
*/

div.swf_deleted div#pbar {
	display: none;
}

div.swf_deleted span.swf_filename {
	text-decoration: line-through;
}

div.swf_deleted div.progressName {
	text-decoration: line-through;
}

/* -- progress bar for file upload field --*/
.progressWrapper {
	width: 310px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

/* Message */
/*
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
*/

/* Error */
.red {
	border: solid 1px var(--danger);
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px var(-success);
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px var(--primary);
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 276px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: var(--danger);
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 290px;
	font-size: 10pt;
	text-align: left;
	/* white-space: nowrap; */
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../../../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

/* Ajax spin div */

.spin_div {
	background: #000 url('../img/spinner.gif') no-repeat center center;
	opacity: 0.50;
	filter: alpha(opacity: 50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	z-index: 1000;
}

/* START dataforms.css CSS */

img.df_requiredicon {
	width: 19px;
	height: 15px;
	background: transparent url("../../../images/required.gif") no-repeat center center;
	border: 0px none;
}

a.df_helpicon {
	width: 19px;
	height: 15px;
	background: transparent url("../../../images/questionp.gif") no-repeat center center;
	border: 0px none;
	text-indent: -999px;
	outline: none;
	float: left;
}

.helpBtn {
	width: 16px;
	height: 16px;
	background: url(../img/help.png);
	display: inline-block;
	margin: 0px 2px;
}

.infoBtn {
	width: 16px;
	height: 16px;
	background: url(../img/information.png);
	display: inline-block;
	margin: 0px;
}

div#toolTipBox,
div.toolTipBox {
	outline: 1px solid #333;
	border: 1px solid #dedede;
	background: #666;
	color: #fff;
	font-size: 11px;
	text-align: left;
	background-position: 20px;
	width: 225px;
	min-height: 20px;
	display: none;
	z-index: 10000;
	position: absolute;
	padding: 10px;
}

div#toolTipBox p,
div.toolTipBox p {
	color: #fff;
	font-size: 11px;
	text-align: left;
}

.df_asterisk {
	color: var(--danger);
	float: left;
	font-size: 24px;
	font-weight: bold;
	height: 16px;
	margin: 0 2px 0 -18px;
	position: relative;
	top: -3px;
}

.df_field_heading {
	padding-bottom: 10px;
}

/* END dataforms.css CSS */

/* pagination from UNCO */

#paginationControl {
	height: .8em;
	margin: 0;
	padding: 0;
}

#paginationControl ul {
	float: right;
	list-style: none outside none;
	font-size: .8em;
	margin: 0;
	padding: 0;
}

#paginationControl li {
	float: left;
}

#paginationControl li.selected {
	color: #0d7686;
	cursor: default;
	margin: 0 3px;
	padding: 0 2px;
}

#paginationControl li a {
	margin: 0;
	padding: 0 2px;
	text-decoration: none;
}

#paginationControl li a:hover {
	background: none repeat scroll 0 0 #0d7686;
	color: #FFFFFF;
}

#paginationControl {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* End pagination from UNCO */
fieldSet.fileUploaderList {
	border-width: 0;
}


/** Delivery editor **/
.arp-delivery-percent-slider {
	margin-right: 1em;
	margin-top: 1em;
	min-width: 12em;
	margin-bottom: 1em;
}

#cms_dataforms_wrapper .ui-slider .arp-percent-slider-handle {
	width: 3.2em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

.ui-draggable,
.ui-droppable {
	background-position: top;
}

#cms_dataforms_wrapper .ui-slider-horizontal {
	width: 90%;
}

.add-site-later {
}

.add-site-later span {
	color: red;
	font-weight: bold;
}

tr#df\.api_delivery_change_add\.delivery_percent_band,
tr#df\.api_delivery_change_edit\.delivery_percent_band,
tr#df\.api_delivery_disc\.delivery_percent_band {
	display: none;
}

#table_api_delivery_change_add>tbody>tr>td:nth-child(2),
#table_api_delivery_change_edit>tbody>tr>td:nth-child(2) {
	width: 30%;
}

.arp-site-select,
.arp-site-select-dropdown {
	width: 400px;
}

#cms_dataforms_wrapper table table,
#cms_dataforms_wrapper table#table_application,
table.df_choices {
	width: auto;
}

.cip-text-display {
	width: 300px;
	text-overflow: ellipsis;
	border: 0;
}

#cip_search_icon {
	content: url("../../../../arp/img/search.png");
}

.quickAlert {
	outline: 1px solid #F90;
	border: 1px solid #FFE680;
	background: #FC0 url(../img/navcontainer_button.png) repeat-x;
	margin: 10px 16px;
	padding: 6px;
	min-height: 18px;
	font-weight: bold;
	color: #701;
}

.api_red {
	background-color: #ff4d4d;
}

.api_green {
	background-color: #77FC9B;
}

.disabled {
	background-color: rgb(235, 235, 228);
	color: rgb(84, 84, 84);
}

.no_decoration_button {
	border: none;
	padding: 0;
	background: none;
	cursor: pointer;
}

.scrollList {
	list-style: none;
	display: block;
	border: 1px solid #b9b9b9;
	padding: .5em;
	margin: 0 0 1em 0;
	max-height: 30px;
	min-height: 200px;
	overflow: auto;
}

.scrollList li {
	display: block;
	width: 100%;
	position: relative;
	padding-bottom: .5em;
	margin-bottom: .25em;
	border-bottom: 1px dotted #b9b9b9;
}

.scrollList li:last-of-type {
	border-bottom: none;
}

.modReason {
	text-align: center;
	width: 100%;
	background-color: #b9b9b9;
	margin: 1em 0;
	padding: 3px;
}

.smLabel {
	color: #666666;
	font-size: .7rem;
}

.apiForm input,
.apiForm textarea {
	font-size: .8rem;
}

.apiForm input[type=text] {
	width: 95%;
}

.apiForm .date {
	width: 95%;
}

.apiForm label {
	white-space: nowrap;
}

.api_dot {
	vertical-align: middle !important;
	text-align: center !important;
	font-size: 1rem !important;
	color: #006600 !important;
}

.api .tabbedContent {
	display: table;
	vertical-align: top;
	width: 100%;
}

.apiFilterBar {
	vertical-align: top;
}



.apiFieldGroup {
	width: 100%;
	border-radius: 4px;
	background: var(--theme-Dk-Grey);
	color: #FFFFFF;
	padding: 5px 0px;
}

.apiFieldGroup input {

}

.api .apiFilterBar label {
	width: 100%;
}

.api .filterBar select {
	width: 100%;
	float: left;
	clear: both;
}

.api .apiFilterBar .date,
.api .apiFilterBar .cip {
	width: 100%;
}

.api .apiFilterBar .keywords {
	margin-top: 1em;
}

.api .apiFilterBar .buttons {
	text-align: center;
	margin-top: 1em;
}


.text_link a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: black;
}

.api .apiFilterBar .buttons button,
.roundedBtn,
a.roundedBtn,
.roundedBtn {
	border: none;
	background: var(--theme-Dk-Grey);
	color: #FFFFFF;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 6px;
	margin: 0 8px 0 0;
	white-space: nowrap;
	text-decoration: none;
}

.api .apiFilterBar .buttons button:hover,
.roundedBtn:hover {
	background: #000;
	color: #FFFFFF;
	cursor: pointer;
}

.api .apiFilterBar .buttons button:disabled,
.roundedBtn[disabled],
.api .apiFilterBar .buttons button:disabled:hover,
.roundedBtn[disabled]:hover {
	background-color: #999999;
	color: var(--theme-Lt-Grey);
	cursor: not-allowed;
}

.apiFilterBar {
	/*margin:0 0 1em 0;*/
	padding: .5em;
	/*border: 1px solid #bebebe;*/
	font-size: .75em;
	font-weight: bold;
	background: var(--theme-Med-Grey);
}

.apiFilterBar select,
date,
text {
	width: 100%;
}

#ui-datepicker-div {
	display: none;
	z-index: 10000;
}

.alertIcon {
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 1000;
}

.customQtip {
	border-color: #b9b9b9 !important;
	background-color: #f4f4f4 !important;
	height: 4.5em !important;
	vertical-align: middle !important;
	max-width: 650px !important;
}

.fieldGroup {
	border-radius: 4px;
	background: var(--theme-Dk-Grey);
	display: inline-block;
	color: #b9b9b9;
	padding: 4px 16px;
	line-height: 1.5em;
}

.fieldGroup legend {
	margin: 0px;
	padding: 0px;
}

.fieldGroup input {
	margin: 0 3px 0 1em;
}

.fieldGroup input:first-child {
	margin: 0 3px 0 0;
}

.actionBtn {
	border: none;
	padding: 0;
	background: none;
	cursor: pointer;
	opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	text-decoration: none;
	font-weight: bold;
	color: #069;
	display: inline-block;
	position: relative;
}

.actionBtn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	color: #039;
	background-color: transparent;
}

.actionsContainer {
	display: none;
}

.actionsContainer>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.actionsContainer>ul>li {
	display: inline;
}

.actionsContainer>ul>li a {
	display: inline-block;
	color: #333333;
	margin-right: 1em;
	opacity: .6;
	text-align: center;
	text-decoration: none;
}

.actionsContainer>ul>li a:hover {
	opacity: 1;
}

.actionsContainer>ul>li a:last-child {
	margin-right: none;
}

#adminControl {
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
}

#adminControl li {
	display: inline-block;
	background: var(--theme-Med-Grey);
	color: #FFFFFF;
	border-radius: 4px;
}

#adminControl li a {
	display: inline-block;
	padding: 0 1em;
	line-height: 1.5em;
}

#adminControl li:hover {
	background: #FFFFFF
}

#adminControl li.selected,
#adminControl li.selected:hover {
	background: var(--theme-Dk-Grey);
}

th,
td {
	vertical-align: top;
}

#view_content_holder {
	padding-left: 10px;
	padding-right: 10px;
	font-size: .85em;
}

#externalReviewers {
	max-height: 200px;
	overflow-y: auto;

}

#externalReviewers td {
	text-align: left;
}

#externalReviewers tr td:first-child {
	width: 25px;
}

#cip_specialty_areas {
	max-height: 200px;
	overflow-y: auto;
	background-color: white;
}

#cip_specialty_areas td {
	text-align: left;

}

#cip_specialty_areas tr td:first-child {
	width: 25px;
}

#jointInst td {
	text-align: left;

}

#jointInst tr td:first-child {
	width: 25px;

}

#main_info {
	border: 5px solid #bebebe;
	background: #FFF;
	padding: 3px;
	margin-bottom: 10px;
}

#potentialPartners td:first-child {
	width: 30px;
}

/*BEGIN CIP Selection*/
/***********************************/
/***********************************/
#cip_holder {
	width: 90%;
	left: 5%;
	top: 10%;
	font-size: .8em;
}

#cip_categories {
	overflow-y: auto;
	height: 400px;
}

#cip_left_holder {
	background-color: white;
	height: 450px;
	border: 5px solid black;
	width: 45%;
}

#cip_subs {
	overflow-y: auto;
	height: 400px;
}

#cip_right_holder {
	background-color: white;
	height: 450px;
	border: 5px solid black;
	width: 50%;
}

#searchCIPholder {
	float: left;
	margin-left: 25%;
	background-color: white;
	border: 10px solid black;
	width: 50%;
	height: 450px;
	overflow-y: auto;
}

/*END CIP Selection*/
/***********************************/
/***********************************/
/*BEGIN Degree Selection*/
/***********************************/
/***********************************/
#degree_holder {
	width: 75%;
	top: 25%;
	right: 0px;
	font-size: .8em;
}

#degree_abbr_holder {
	border: 5px solid black;
	height: 450px;
	width: 50%;
}

#degree_level_holder {
	border: 5px solid black;
	width: 15%;
}

#degree_abbrs {
	height: 400px;
	overflow-y: auto;
}

/*END Degree Selection*/
/***********************************/
/***********************************/

.highlighted {
	background-color: #ebead8;
}

.upload_table {
	font-size: 1.5em;
	width: 500px;
}

.upload_table td {
	width: 50%;
}

.form_holder {
	height: auto;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: auto;
	min-width: 500px;
	max-width: 700px;
}

.white {
	background-color: white;
}

.left {
	float: left;
}

.__disabler {
	opacity: 0.7;
	filter: alpha(opacity=40);
	/* For IE8 and earlier */
	position: fixed;
	background-color: black;
	z-index: 10000;
	top: 0px;
	left: 0px;
	width: 9999px;
	height: 9999px;
	display: none;
}

.displayOnTop {
	z-index: 10001;
	position: fixed;
}

/* Being overriden in uncso.css by !important style */
.hidden {
	display: none;
}

.hidden-new {
	display: none;
}


.button_link {
	cursor: pointer;
}

.button_link span,
img {
	vertical-align: middle;
}

.nodecoration {
	text-decoration: none;
}

.df_error {
	color: var(--danger);
}

.field-title .df_asterisk {
	margin: 0 2px 0 -9px;
	font-size: 16px;
}

.arpError {
	color: var(--danger);
	font-size: 1em;
}

.attnText {
	color: #C03;
}

table.grid {
	border: 1px solid #bebebe;
	background: #FFF;
	display: table;
}

.grid td,
.grid th {
	border-left: 1px solid #bebebe;
	border-top: 1px solid #bebebe;
	padding: .4em;
	text-align: left;
	font-size: .8em;
}

.program-delivery-table td,
.program-delivery-table th {
	/* don't change font size twice. */
	font-size: 1em;
}

.grid th {
	background: var(--theme-Med-Grey);
	border-top: medium none;
	border-color: #bebebe;
	color: #000;
}

.grid td:first-child,
.grid th:first-child {
	border-left: medium none;
}

.grid th.sort {
	white-space: nowrap;

}

.grid th.sort .both,
.grid td.sort .both {
	background-image: url(../img/sortArrows3.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 1em;
	vertical-align: top;
}

.grid th.sort .down,
.grid td.sort .down {
	background-image: url(../img/sortArrowDown.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 1em;
	vertical-align: top;

}

.grid th.sort .up,
.grid td.sort .up {
	background-image: url(../img/sortArrowUp.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 1em;
	vertical-align: top;
}

.grid td.sort {
	color: #666;
	background: #ddd;

	text-align: center;
	font-weight: bold;
}

.grid td.sort:hover {
	background: #a4bac0;
	color: #000;
	cursor: pointer;
}

.grid th.sort:hover {
	background: #a4bac0;
	color: #000;
	cursor: pointer;
}

.noBorder td {
	border: none !important;
}

.noBreak {
	white-space: nowrap;
}

.opaq_green {
	opacity: .70;
	/* Standards Compliant Browsers */
	filter: alpha(opacity=70);
	/* IE 7 and Earlier */
	/* Next 2 lines IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	text-decoration: none;
	font-weight: bold;
	color: #360;
}

.opaq_green:hover {
	opacity: 1;
	/* Standards Compliant Browsers */
	filter: alpha(opacity=100);
	/* IE 7 and Earlier */
	/* Next 2 lines IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	color: #330;
}

.opaq {
	opacity: .70;
	/* Standards Compliant Browsers */
	filter: alpha(opacity=70);
	/* IE 7 and Earlier */
	/* Next 2 lines IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	text-decoration: none;
	font-weight: bold;
	color: #069;
}

.opaq:hover {
	opacity: 1;
	/* Standards Compliant Browsers */
	filter: alpha(opacity=100);
	/* IE 7 and Earlier */
	/* Next 2 lines IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	color: #039;
}

.opaq span {
	position: relative;
	top: 2px
}

.icon24 {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 0 0 .25em;
	border: none;
}

.icon20 {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 0 0 .25em;
	border: none;
}

.icon16 {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 0 0 .25em;
	border: none;
}

button .icon16 {
	margin-left: -4px;
	vertical-align: text-bottom;
}

button, a.roundedBtn {
	line-height: 16px;
	font-size: 13px !important;
}

.progBar {
	display: block;
	width: 100px;
	height: 24px;
	background-image: url(../img/progBarProg.png);
	z-index: -1;
}

.percentageText {
	width: 100px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	position: absolute;
	display: block;
	line-height: 24px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #333;
}

.tabbedContent,
.utilityBox {
	padding: 10px;
	background-color: var(--theme-Lt-Grey);
}

.utilityBox {
	box-shadow: none;
}

.tabs {
	height: 26px;
	bottom: -2px;
}

.tabs ul {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.tabs ul li {
	display: inline;
	padding: 0;
	margin: 0;

}

.tabs ul li a {
	height: 22px;
	margin-right: .5em;
	border-radius: 4px 4px 0 0;
	padding: .2em .6em 0 .6em;
	text-decoration: none;
	color: var(--theme-Dk-Grey);
	font-weight: bold;
	font-size: 14px;
	position: relative;
	border-bottom: none;
	display: block;
	float: left;
}

.tabs ul li a:hover {
	color: #333;
	background: ;
}

.tabs ul li a.selected,
.tabs ul li a.selected:hover {
	border-bottom: none;
	background: var(--theme-Lt-Grey);
	color: #000;
	height: 24px !important;
	filter: none;
}

.filterBar {
	margin: 0 0 1em 0;
	padding: .5em;
	font-size: .75em;
	font-weight: bold;
	background: var(--theme-Med-Grey);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 6px;
}

.filterBar select {
	margin: 0 1em 0 0;
	max-width: 160px;
	width: auto;
}

.filterBar .opaq span {
	font-size: 1.25em;
}

.radioMargin input[type="radio"] {
	float: left;
	clear: left;
}

.radioMargin label {
	display: block;
	float: left;
}

.debug_user td:last-child {
	width: 25px;
}

.debug_user td:first-child {
	width: 200px;
}

.expandableBar {
	width: 90%;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	vertical-align: middle;
	background: #ebead8;
	color: #000;
}

#addNote td {
	border: none;
}

#addNote span {
	font-size: 1em !important;
}

#admin-notes,
#admin-notes div,
#admin-notes textarea {
	box-sizing: border-box;
}

#admin-notes td {
	border: none;
}

#admin-notes {
	padding: 5px;
}

#admin-notes .note-holder {
	max-height: 150px;
	overflow-y: auto;
	margin-bottom: 10px;
}

#user-type-control {
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
}

#user-type-control li {
	display: inline-block;
	background: #b9b9b9;
	color: #FFFFFF;
	border-radius: 1em;
	padding: 0 1em;
	line-height: 1.5em;
	cursor: pointer;
}

#user-type-control li:hover {
	background: #999999;
}

#user-type-control li.selected,
#user-type-control li.selected:hover {
	background: var(--theme-Dk-Grey);
}

#manage_user_form_holder {
	box-sizing: border-box;
}

#manage_user_form_holder td,
#manage_user_form_holder th {
	vertical-align: top;
}

#manage_user_form_holder div,
#manage_user_form_holder input:not(radio):not(checkbox),
#manage_user_form_holder select {
	box-sizing: border-box;
	width: 100%;
}

#user-admin-permissions-table tr td:first-child {
	width: 30%;
}

#user-campus-permissions-table tr td:first-child {
	width: 30%;
}

.user-form-section {
	margin-bottom: 10px;
}

#historical-upload {
	padding: .4em;
	text-align: left;
	font-size: .8em;
}

#historical-upload th {
	width: 150px;
}

#historical-upload textarea {
	width: 100%;
}

#upload-holder-content {
	height: 100px;
}

/* Dashboard Filter Styling */

#adminControl a {
	color: #333;
	text-decoration: none;
}

#adminControl .selected a {
	color: #fff;
}

fieldset.fieldGroup.flatGroup {
	border: none;
	padding: 5px;
	margin-right: 6px;
	vertical-align: middle;
}

fieldset.fieldGroup.flatGroup input {
	vertical-align: middle;
}

fieldset.fieldGroup.flatGroup legend,
fieldset.fieldGroup.flatGroup label {
	display: inline-block;
	float: left;
	margin-right: 10px;
	color: #b9b9b9;
}

fieldset.fieldGroup.flatGroup label:last-child {
	clear: right;
}

/* End Dashboard Styling */
/* API Dashboard filter styling */

fieldset.verticalGroup {
	display: block;
	position: relative;
	padding-top: 20px;
	border: none;
	margin: 0px 0px 5px 0px;
}

fieldset.verticalGroup legend {
	position: relative;
	top: 18px;
	/*left: 5px;*/
	color: #b9b9b9;
	margin-left: 0px;
}

fieldset.verticalGroup label,
fieldset.verticalGroup legend {
	display: block;
}

.api * {
	box-sizing: border-box;
}

.filterset input,
.filterset select {
	display: block;
	width: 100% !important;
}

.filterset .date {
	width: 7em !important;
}

.filterset input::placeholder {
	font-size: .85em;
}

fieldset.dateSelection {
	border: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

fieldset.dateSelection legend {
	padding: 0px;
	clear: both;
	margin-left: 0px;
}

fieldset.dateSelection div {
	display: flex;
	justify-content: space-between;
}

#programTableHolder {
	flex-grow: 1;
	max-height: 980px;
	overflow-y: auto;
	/* overflow-x:hidden; */
}

#adminFilterBar {
	position: relative;
	width: 200px;
	flex-shrink: 0;
	flex-grow: 0;
}

/* END API Dashboard filter styling */

/* Dashboard table styling */
.dashboardTable{
	display: table;
}
.dashboardTable th a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}

.dashboardTable th a:hover {
	color: #666;
}

.dashboardTable th span:hover {
	border-bottom: 1px solid #666;
}

/* END Dashboard table styling */

/* Action links that look like buttons */

a.utility_link:link,
a.utility_link:visited {
	background-color: var(--theme-Dk-Grey);
	color: #f4f4f4;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: none;
	vertical-align: middle;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 3px;
}

a.utility_link:hover,
a.utility_link:active {
	background-color: black;
	color: white;
}

/* END Action links that look like buttons */

/* ARIA Styling https://webaim.org/techniques/css/invisiblecontent/ */

.offscreen {
	display: block;
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* END ARIA Styling */


/* API Program View Styling */

#program_info {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

#program_info td,
#program_info th {
	width: 25%;
}

#program_info tr {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

#program_info tr:first-child {
	border: none;
}

#program_info tr:nth-child(even) {
	background-color: #eee;
}

#program_info td,
#program_info th {
	padding: 2px;
}

#adminFilterBar {
	width: 200px;
	height: 980px;
}

#api-program-content {
	display: flex;

}

#api_program_table {
	border: none;
}

/* END API Program View Styling */

/*  Discontinuation Wizard Styling */

.step-container fieldset {
	border: none;
}

.step-container fieldset input {
	margin: 0px;
}

#disc-button-container {
	margin-top: 1em;
	position: relative;
	height: 24px;
}

#disc-button-container button.backBtn {
	position: absolute;
	left: 0px;
	top: 0px;
}

#disc-button-container button.nextBtn {
	position: absolute;
	right: 0px;
	top: 0px;
}

/*  END Discontinuation Wizard Styling */

/* Admin Users table */

#user-role-table,
#user-role-table td {
	border: none;
}

#user-role-table tr {
	background-color: #f0f0f0;
}

#user-role-table tr:nth-child(odd) {
	background-color: #fff;
}

#user-container {
	border: 0px;
	max-height: 300px;
	overflow-y: auto;
}

/* END Admin Users table */
/* Admin Questions table */

.question-on {
	color: green !important;
}

.question-off {
	color: #888 !important;
}

/* END Admin Questions table */

/* Admin mass email */

#adminMassEmailHolder h5 {
	display: block;
	color: #fff;
	padding: 10px;
	background-color: #333;
	margin-bottom: 15px;
	margin: 0px;
}

#adminMassEmailHolder section {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

.user-container {
	display: none;
	max-height: 200px;
	overflow-y: auto;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #bebebe;
}

.user-container table,
.user-container table td {
	border: none;
}

.user-container table tr:nth-child(odd),
.user-container th {
	background-color: #fff;
}

.user-container table tr:nth-child(even) {
	background-color: #e0e0e0;
}

.user-group {
	margin-bottom: 15px;
}

.group-header {
	padding: 10px 5px;
	border: 1px solid #bebebe;
	background-color: #bdd4c9;
	font-weight: bold;
	position: relative;
}

.group-header button {
	position: absolute;
	top: 10px;
	right: 10px;
}

#select-all-users {
	display: inline-block;
	padding: 6px;
	font-weight: bold;
}

#emailContentHolder {}

#emailFormContainter input,
#emailFormContainter textarea {
	width: 100%;
}

#emailFormContainter label {
	display: block;
	margin-bottom: 10px;
}

@media (max-width:1400px) {
	.admin-scalable {
		width: 60%;
	}
}

@media (min-width:1401px) {
	.admin-scalable {
		width: 50%;
	}
}

#recipient-group-container button.collapse {
	display: none;
}

#email-success {
	font-weight: bold;
	font-size: 1.25em;
	margin: 10px 0px;
	color: var(--success);
}

/* END Admin mass email */

.proposal-link a,
.program-link a {
	text-decoration: none;
	color: var(--theme-Blue);
}

.program-link a img {
	filter: hue-rotate(120deg);
}

td.df_field_ownrow {
	padding-bottom: 10px;
}

table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.max_percent,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.html_only1,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.html_only1\.own,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.html_only2,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.html_only2\.own,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.letter_file_name,
table#table_api_delivery_change_add tr#df\.api_delivery_change_add\.upload,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.max_percent,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.upload,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.html_only1,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.html_only1\.own,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.html_only2,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.html_only2\.own,
table#table_api_delivery_change_edit tr#df\.api_delivery_change_edit\.letter_file_name {
	background-color: var(--theme-Lt-Grey);
}

#cms_dataforms_wrapper {
	padding-left: 15px;
}

#question_table img {
	cursor: pointer;
}

#question_table tr td:nth-child(6) {
	white-space: nowrap;
}

#question_table tr td:nth-child(1),
#question_table tr td:nth-child(2),
#question_table tr td:nth-child(3),
#question_table tr td:nth-child(6) {
	text-align: center;
	vertical-align: middle;
}

.radio-button-list td {
	vertical-align: middle;
	padding: 2px;
}

.radio-button-list td input[type="radio"] {
	margin: 0px;
}

/* PREP Reviewers List */

table.reviewer-data {
	border-spacing: 12px;
	padding-bottom: 24px;
	border-collapse: separate;
}
#review-wizard table.reviewer-data {
	padding-bottom:0px;
}


table.reviewer-data>tbody>tr>td>table {
	border-spacing: 0px 12px;
	margin-top: -12px;
	border-collapse: separate;
}
table.reviewer-data>tbody>tr>td, table.reviewer-data>tbody>tr>td>table>tbody>tr>td{
	padding:0px;
	max-width: 200px;
}

table.df_choices{
	min-height: 28px;
}
table.df_choices td{
	padding: 0px!important;
}

table.reviewer-data .zip-field {
	padding-left: 12px;
}

table.reviewer-data div.field_title {
	font-size: .7em
}

table.reviewer-data div.field-title {
	font-size: .7em;
}

table.reviewer-data.form-mode-view div.field-value,
table.reviewer-data.form-mode-disabled div.field-value {
	background-color: #e9f0ea;
	padding: 6px;
	min-height: 1em;
	height: 28px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.reviewer-data.form-mode-disabled {
	opacity: .25;
}

table.reviewer-data tbody tr td:nth-of-type(3),
table.reviewer-data tbody tr td[colspan="2"]+td {
	width: 60%;
}

div.field-value input[type=text],
div.field-value select {
	min-height: 1em;
	height: 28px;
	box-sizing: border-box;
	width: 100%;
}
.phone-field .field-value{
	display: flex;
}
.element {
	z-index: 15001;
}

.qtip::before {
	display: inline-block;
	position: absolute;
	border: 24px solid transparent;
	width: 100%;
	content: "";
	height: 48px;
	top: -24px;
	left: -24px;
}

/* external survey */

.radio-button-list-numeric .question-score,
.radio-button-list-numeric .answer-button {
	text-align: center;
}

.radio-button-list-numeric .first-option-text,
.radio-button-list-numeric .last-option-text {
	width: 35%;
	vertical-align: middle;
}

.radio-button-list-numeric .first-option-text {
	text-align: right;
}

.radio-button-list-numeric .last-option-text {
	text-align: left;
}
#review-wizard form .program-overview{
	padding: 18px;
	background-color: var(--theme-Lt-Grey);
}
#review-wizard form .program-overview p{
	font-size: .8em;
	margin: 4px 0px;
}
#review-wizard form .program-overview #review-table{
	max-width: 480px;
}
#review-wizard form .program-overview #review-table thead tr th,
#review-wizard form .program-overview #review-table tbody tr td{
	font-size: .8rem;
}
#review-wizard .selected-choice {
	font-weight: bold;
}

#table_arp_ext_rev_referral {
	min-width: 480px;
	margin-bottom: 24px;
}

.ext-rev-list>div {
	border-bottom: 1px solid var(--theme-Dk-Grey);
}

.ext-rev-list>div .form-mode-edit {
	background-color: var(--theme-Med-Grey);
}

.survey-actions{
	margin-top: 24px;
}


#lightbox{
  box-sizing: content-box;
}

.debug-set-user .icon20{
	filter: invert(21%) sepia(85%) saturate(4292%) hue-rotate(15deg) brightness(97%) contrast(101%);
}


/* survey summary */

.survey-possible-answers td {
	text-align:center;
}

.survey-summary {
	border-collapse: collapse;
}

.survey-summary tr.response > td:first-child {
	width: 250px;
}

.external-survey tr.response > td:first-child p {
	font-weight:bold;
}

.system-survey tr.response > td:first-child p {
	text-decoration:underline;
}

.system-survey tr.response > td .response-choice {
	font-style:italic;
}

.survey-answer {
	font-weight:bold;
}

.survey-summary tr.question td,
.survey-summary tr.question td p {
	font-weight: bold;
}

h2.survey-title {
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

.read-only-review .review-question .entire-answer{
	margin-left: 6px;
	padding-left: 16px;
	border-left: 1px dotted var(--theme-Blue);
}
input.cms-phone-area-code,  input.cms-phone-prefix, input.cms-phone-line-number{
	width: auto;
}

button:disabled.hide-disabled
{
	visibility: hidden;
}

/* edit email to reviewer form */

.reviewer-form textarea{
	width: 100%;
	min-width: 100%;
}

.reviewer-form #cms_dataforms_wrapper
{
	padding-left: 0px;
}

.reviewer-form #cms_dataforms_wrapper .df_field_heading
{
	padding-left: 0px;
	padding-right: 3px;
	vertical-align: middle;
}

.reviewer-form #cms_dataforms_wrapper .df_field_icons
{
	padding: 0px;
}

.reviewer-form #cms_dataforms_wrapper .df_field
{
	padding-left: 0px;
}

table#table_arp_ext_rev_due
{
	width:auto
}

/* end edit email to reviewer form */



.flex-columns {
    display: flex;
}

.flex-columns .flex-content {
    flex: 1;
}

.flex-content:first-child {
    margin-right: 20px;
    padding-top:50px;
}


tr.center > td
{
	text-align:center
}

.nested-tabs .tabs{
	height: auto;
}


.editable-comments .reviewer-name,
.survey-header
{
	font-weight:bold;
}

.editable-comments .reviewer-choice
{
	color:var(--theme-Red);
	font-weight:bold;
}
.editable-comments .draft-answer
{
	color:var(--theme-Red);
	font-weight:bold;
}

 table.survey-response-count
{
	margin-top:20px;
}

.user-answer.utilityBox
{
	margin-bottom:20px;
}

 table.survey-response-count th
{
	text-align:center;
}

.user-answer .comment
{
	height:236px;
	overflow-y:auto;
}

.user-answer.read-only .comment
{
	height:auto;
}

.unsaved-indicator {
	visibility:hidden;
}


/* one user-answer */
.user-answer.unsaved .unsaved-indicator
{
	visibility:visible;
}

.survey-comment-summary .user-answer.unsaved button.edited-comment-tab
{
	background-color: var(--danger);
}


/* all user-answers for one question */

.accordion-toggle.unsaved .unsaved-indicator
{
	visibility:visible;
}

.accordion-toggle.unsaved
{
	color:  var(--danger);
}

/* Review tab */
.prep-view-proposal > .tabs > .tab > button.unsaved
{
	color:  var(--danger);
}

.prep-view-proposal > .tabs > .tab > button.unsaved .unsaved-indicator
{
	visibility:visible;
}


.button-tabs .editor-buttons button {
	background: rgba(0,0,0,0);
	color: var(--theme-Dk-Grey);
	opacity: 1;
}

.button-tabs .editor-buttons button:hover{
	background: rgba(0,0,0,.1);
	color: var(--theme-Dk-Grey);
	opacity: 1;
}
.button-tabs .editor-buttons button.active, .button-tabs .editor-buttons button.active:hover{
	background: var(--theme-Dk-Grey);
	color: #FFFFFF;
	opacity: 1;
}

a.button:hover {
	color: #FFFFFF;
}

tr.label_heading
{
	border-bottom: 2pt solid var(--theme-Blue);
	color:var(--theme-Blue);
}


tr.label_heading th
{
	font-weight:bold;
	text-align:left;
}

@media screen {
	tr.label_heading th
	{
		padding-left:8px;
	}
}


table.survey-possible-answers
{
	width: 500px;
}

table.survey-possible-answers .answer-values td:first-child,
table.survey-possible-answers .answer-values td:last-child
{
	width:170px;
}


table.survey-possible-answers .answer-values td:not(:first-child):not(:last-child) span
{
	margin-left:5px;
	margin-right:5px;
}


table.survey-summary tr.response > td:first-child
{
	width:130px;
}

table.-survey .response-choice
{
	font-style: italic;
}

.external-survey-cover-page .unc-logo
{
	width:95%;
	display: block;
	margin: 50px auto 180px auto;
}

.system-survey-cover-page .unc-logo
{
	width:95%;
	display: block;
	margin: auto;
}


.system-survey-cover-page
{
	margin-top:100px;
	/* padding:8px; */
	margin-bottom:25px;
}

.survey-comment-summary button.save
{
	margin-top:10px;
}

.review-summary-content .indent {
	margin-left:20px;
}

.review-summary-content table p {
    margin-top: .5em;
    margin-bottom: .5em;
}

.review-summary-content .bold
{
	font-weight:bold;
}

table.review-summary-content tbody tr td,
.review-summary-content table tbody tr td,
body .review-summary-content,
.review-summary-content p,
.review-summary-content table{
                font-size: 12px!important;
}

.review-summary-content .large-1
{
   font-size: 13px!important;
}

.review-summary-content .large-2
{
   font-size: 14px!important;
}

.review-summary-content .external-header
{
	font-weight:bold;
}

.review-summary-content .degree-highlight
{
	color: var(--theme-Blue);
}

#question_table .survey-header p
{
	font-weight:bold;
	text-align: center;
}

button.accordion-toggle{
	font-size: 16px!important;
}

button.accordion-toggle > .toggle-text{
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
}

a.button:hover {
	color:#FFFFFF;
}

#view_application_details tbody  th {
   padding-top:8px;
   padding-bottom:8px;
}