@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;
}

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

.skipLink:focus,
.skipLink:focus-visible {
	left: 8px;
	top: 8px;
	width: auto;
	height: auto;
	padding: 8px 12px;
	background: #fff;
	color: #000;
	outline: 3px solid var(--theme-Blue);
	z-index: 10002;
}

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-color: #333333 !important;
	color: #FFFFFF !important;
	border-radius: 4px !important;
	padding: 0 1em !important;
	line-height: 1.5em;
	cursor: pointer !important;
	transition: background-color .3s;
}

a.utilityButton:hover,
.utilityBtn:hover {
	background-color: #555555 !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,
.df_field_heading_ownrow {
	padding-bottom: 10px;
	text-align: left;
}

/* 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/svg/search.svg");
}

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

.quickAlert .utilityBtn 
{
	padding:7px !important;
}

.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;
	color: inherit;
	cursor: pointer;
	font: inherit;
	text-align: inherit;
	height: auto;
}
.no_decoration_button:hover{
	background: none;
}

.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: 0px;
	left: 0px;
	z-index: 10;
	height: 16px;
	width: auto!important;
}

.customQtip {
	border-color: var(--theme-Med-Grey) !important;
	background-color: var(--theme-Lt-Grey) !important;
	height: 4.5em !important;
	vertical-align: middle !important;
	max-width: 650px !important;
	height: auto!important;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,.7));
}

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

.fieldGroup legend {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

.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 img{
	width: 24px;
	height auto;
}
.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;
	display: flex;
    justify-content: space-evenly;
	gap: 12px;
	padding: 6px;
}

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

.actionsContainer>ul>li a,
.actionsContainer>ul>li button {
	background: transparent;
	border: 0;
	display: flex;
	flex-direction: column;
	color: var(--theme-Dk-Grey);
	cursor: pointer;
	font: inherit;
	margin-right: 1em;
	//opacity: .6;
	text-align: center;
	text-decoration: none;
	align-items: center;
    justify-content: center;
	max-width: 108px;
	font-size: 12px;
}
.actionsContainer>ul>li a img,
.actionsContainer>ul>li button img{
	opacity: .6;
	transition: opacity .3s;
	width: 27px;
	height: auto;
}

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

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

#adminControl {
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
	display: flex;
	gap: 8px;
}

.adminControlFieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.adminControlFieldset legend {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

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

#adminControl li a,
#adminControl li label {
	color: var(--theme-Dk-Grey);
	cursor: pointer;
	display: inline-block;
	padding: 0 1em;
	line-height: 1.5em;
	text-decoration: none;
	height: 44px;
    align-content: center;
}

#adminControl li input[type="radio"] {
	height: 1px;
	opacity: 0;
	position: absolute;
	width: 1px;
}

#adminControl li:hover {
	background: #FFFFFF
}

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

#adminControl li.selected a,
#adminControl li.selected label {
	color: #fff;
}

#adminControl li a:focus-visible,
#adminControl li label:focus-within {
	outline: 2px solid #005ea8;
	outline-offset: 2px;
}

th,
td {
	vertical-align: top;
}

#view_content_holder {
	padding:1em;
}

#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;
	border: 1px solid var(--theme-Med-Grey);
}

#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;

}

.lightbox_body #main_info {
	/*border: 5px solid #bebebe;*/
	background-color: var(--theme-Lt-Grey);
	padding: 12px;
	margin-bottom: 12px;
	border: none;
}
.lightbox_body #main_info .lightbox-main-heading{
	background-color: var(--theme-Med-Grey);
	padding: 12px;
}
.lightbox_body #main_info .main-heading-grid{
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr max-content;
    margin-top: 1rem;
}
#lightbox.done #lbContent{
	padding: 12px;
}

#lightbox .lightbox_header, #lightbox .lightbox_footer{
	display: none;
}

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

/*BEGIN CIP Selection*/
/***********************************/
/***********************************/
#cip_holder {
	width: 90%;
	left: 5%;
	top: 10%;
	font-size: .8em;
}
#cip_holder #cip_holder_close button{
	background: #000000 none !important;
	color: var(--danger);
	text-align: center;
	border-radius: 0 3px 3px 0;
	min-width: 32px;
	width: 32px;
	height: 32px;
	padding: 0;
}

#cip_categories {
	overflow-y: auto;
	height: 400px;
}
#cip_categories td button, #cip_subs td button{
	white-space: normal;
}

#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;
}

.admin-cpc-comments-actions {
	text-align: right;
	margin-bottom: .5em;
}

.admin-cpc-comment-list {
	display: flex;
	flex-direction: column;
	gap: .5em;
}

.admin-cpc-comment {
	display: grid;
	grid-template-columns: minmax(10rem, 20%) 1fr;
	gap: 1rem;
	padding: .5em;
	border-bottom: 1px solid var(--theme-Lt-Grey);
}

.admin-cpc-comment.highlight_tr2 {
	background: var(--theme-Lt-Grey);
}

.admin-cpc-comment-meta {
	border-right: 1px dotted #bebebe;
	padding-right: .75em;
}

.admin-cpc-comment-author {
	font-weight: bold;
}

.admin-cpc-comment-date,
.admin-cpc-comments-empty {
	color: #666;
	font-size: .85em;
}

.admin-cpc-comment-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .35em;
	margin-top: .5em;
}

.admin-cpc-comment-actions button {
	display: inline-flex;
	align-items: center;
	gap: .35em;
}

.admin-cpc-comment-text {
	max-height: 150px;
	overflow-y: auto;
}

.cpc-subscribers-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .5em;
}

.cpc-subscribers-description {
	margin: 0;
}

.cpc-subscriber-list {
	margin: .5em 0 0 1.5em;
	padding: 0;
}

.cpc-subscriber-list li {
	margin-bottom: .25em;
}

.cpc-subscribers-empty {
	color: #666;
	font-size: .85em;
}

@media (max-width: 700px) {
	.admin-cpc-comment {
		grid-template-columns: 1fr;
	}

	.admin-cpc-comment-meta {
		border-right: 0;
		border-bottom: 1px dotted #bebebe;
		padding-right: 0;
		padding-bottom: .5em;
	}

	.cpc-subscribers-summary {
		align-items: flex-start;
		flex-direction: column;
	}
}

.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: var(--danger);
}

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;
	align-content: center;
}

.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: .90;
	/* 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;
	transition: color .3s;
}

.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 0;
	border: none;
}

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

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

icon24:not(:first-of-type),icon20:(:first-of-type),icon16:(:first-of-type){
	margin-left: .25em;
}
button .icon16 {
	margin-left: -4px;
	vertical-align: text-bottom;
}

button .button-icon {
	display: block;
	flex: 0 0 16px;
	margin-left: 0;
	object-fit: contain;
}

#utilityButtons button,
.utilityButtons button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35em;
	vertical-align: middle;
}

#utilityButtons button > i,
#utilityButtons button > img,
.utilityButtons button > i,
.utilityButtons button > img {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin: 0;
	line-height: 1;
	vertical-align: middle;
}

#utilityButtons button > img,
.utilityButtons button > img {
	object-fit: contain;
}

.publish-api-button {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	vertical-align: middle;
}

.publish-api-button .button-icon {
	display: inline-block;
	flex: 0 0 auto;
}

.publish-api-button span {
	display: inline;
	line-height: 16px;
}

i.brite, img.brite{
	filter: brightness(1.75);
}

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: 32px;
	/*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: 32px;
	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;
	align-content: center;
}

.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: 32px !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;
	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 {
	display: flex;
	flex-wrap: wrap;
	gap: .5em 1em;
	margin: 0 0 .5em 0;
	padding: 0;
}

#user-type-control .user-type-option {
	align-items: center;
	display: inline-flex;
	gap: .35em;
}

#user-type-control input[type="radio"] {
	flex: 0 0 auto;
	margin: 0;
}

#user-type-control label {
	cursor: pointer;
	line-height: 1.5em;
}

#user-type-control input[type="radio"]:focus-visible {
	outline: 2px solid #005ea8;
	outline-offset: 2px;
}

#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([type="radio"]):not([type="checkbox"]),
#manage_user_form_holder select {
	box-sizing: border-box;
	width: 100%;
}

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

#user-campus-permissions-table tr th:first-child,
#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,
#adminControl label {
	color: #333;
	text-decoration: none;
}

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

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



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

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,
.dashboardTable th .dashboardSortButton {
	background: transparent;
	border: 0;
	color: #333;
	cursor: pointer;
	font: inherit;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}

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

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

.dashboardTable th .dashboardSortButton:focus-visible {
	outline: 2px solid #005ea8;
	outline-offset: 2px;
}

.proposalTableRegion {
	//max-height: 400px;
	//overflow-y: auto;
}

.proposalTableRegion:focus-visible {
	outline: 2px solid #005ea8;
	outline-offset: 2px;
}

/* 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: 5px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: none;
	vertical-align: middle;
	//font-size: 13px;
	//text-transform: uppercase;
	border-radius: 3px;
	align-content: center;
	height: 44px;
}

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

.api-utility-buttons{
	margin-bottom: 12px;
}

/* 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.program-summary-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	width: 100%;
	margin-right: 0;
	margin-bottom: 1em;
	column-gap: 24px;
}

#program_info.program-summary-list .summary-row {
	margin: 0;
	padding: 0.5rem;
	border-bottom: 1px solid var(--theme-Med-Grey);
}



#program_info.program-summary-list .summary-row dt {
	font-weight: bold;
}

#program_info.program-summary-list .summary-row dd {
	min-width: 0;
	width: min-content;
}

#program_info .program-specialty-list-holder {
	max-height: 100px;
	overflow-y: auto;
}

#program_info .program-specialty-list {
	margin: 0;
	padding-left: 1.25rem;
}

@media (max-width: 700px) {
	#program_info.program-summary-list {
		grid-template-columns: 1fr;
	}
}

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

#api-program-content {
	display: flex;

}

#api_program_table {
	border: none;
}

#api_program_table thead tr th, #api_program_table tbody tr td{
	 overflow-wrap: anywhere; 
}

/* 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: 44px;
}

#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: var(--theme-Med-Grey);
}

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

.user-container table thead{
	position: sticky;
	top: 0px;
}

.user-container table thead th{
	background-color: var(--theme-Blue);
	color: #FFFFFF;
}

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

.user-container table tbody tr:nth-child(even) {
	background-color: var(--theme-Lt-Grey);
}

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

.group-header {
	padding: 10px 5px;
	border: 1px solid var(--theme-Med-Grey);
	background-color: var(--theme-Med-Grey);
	font-weight: bold;
	position: relative;
	min-height: 46px;
}

.group-header button {
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px;
}

#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 .field-title {
	display: block;
	font-size: .7em;
}

table.reviewer-data.form-mode-view .field-value,
table.reviewer-data.form-mode-disabled .field-value,
table.reviewer-data input.field-value[readonly] {
	background-color: var(--theme-Lt-Grey);
	border: 0;
	color: inherit;
	font: inherit;
	padding: 6px;
	min-height: 1em;
	height: 28px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

table.reviewer-data input.field-value[readonly] {
	appearance: none;
	-webkit-appearance: none;
}

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 div.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  #ext-rev-list-header{
	display: grid;
	grid-template-columns: 1fr max-content;
	border-bottom:none;
	margin-bottom: 24px;
	gap: 24px;
}

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

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

.highlite-box{
	background-color: var(--theme-Lt-Grey);
	padding: 9px;
	border:1px solid var(--theme-Med-Grey);
}
.highlite-box .summary-list .summary-row {
	border-bottom-color: var(--theme-Med-Grey) ;
}
#lightbox{
  box-sizing: content-box;
  border-width: 1px!important;
  width: 980px;
  margin: -300px 0 0 -480px;
}

#lightbox_close_div{
	width: 1014px!important;
	//width: 768px!important;
	z-index: 10000!important;
	height: auto!important;
	margin: -300px 0 0 -480px;
}

#lightbox_close_button,
#generic_lightbox_close_button{
	background: #000000 none!important;
	color: var(--danger);
	text-align: center;
	border-radius: 0 3px 3px 0;
    min-width: 32px;
	width: 32px;
    height: 32px;
    padding: 0;
}
#lightbox_close_button::after,
#generic_lightbox_close_button::after{
	content: "\f2d3"; /* Font Awesome 7 Pro square-xmark */
	display: block;
	width: 32px;
	height: 32px;
	font: var(--fa-font-solid);
	font-size: 24px;
	line-height: 32px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: var(--danger);
	transition: color .3s;
}

#lightbox_close_button:hover::after,
#generic_lightbox_close_button:hover::after{
	color: red;
}

.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;
}

.nested-tabs .tab [role="tab"]:focus,
.nested-tabs .tab [role="tab"]:focus-visible {
	outline: 3px solid var(--theme-Gold);
	outline-offset: 2px;
}

.unsaved-status {
	display: none;
}

.unsaved .unsaved-status {
	display: block;
}


.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;
	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;
}


/**
	Multiselect 
 */



.multiselect-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px;


  .multiselect-button {
    width: 100%;
    height: 48px;
    padding: 12px 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
    font-size: 14px;
    outline: none;
  }

  .multiselect-button:hover {
    border-color: #999;
  }

  .multiselect-button.active {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
  }

  .selected-items {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
  }

  .selected-items-scroll {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2px 0;
  }

  .selected-items-scroll::-webkit-scrollbar {
    display: none;
  }

  .selected-item {
    background: #e3f2fd;
    color: var(--primary);
    padding: 4px 8px;
    border-radius: 16px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    animation: slideIn 0.2s ease-out;
  }

  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateX(-10px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .remove-btn {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 14px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
    padding: 0px;
  }

  .remove-btn:hover {
    background-color: rgba(25, 118, 210, 0.2);
    color: #0d47a1;
  }

  .placeholder {
    color: #999;
    font-style: italic;
  }

  .chevron {
    transition: transform 0.3s ease;
    font-size: 12px;
    color: #666;
  }

  .chevron.rotated {
    transform: rotate(180deg);
  }

  .multiselect-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 2px solid var(--primary);
    border-top: none;
    border-radius: 0 0 8px 8px;
    max-height: 400px;
    overflow: hidden;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
  }

  .multiselect-dropdown.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .search-container {
    padding: 12px;
    border-bottom: 1px solid #eee;
  }

  .search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
  }

  .search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
  }

  /* Keyboard focus styles */
  .multiselect-button:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }

  .action-btn:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }

  .remove-btn:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
  }

  .actions {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .selection-hint {
    font-size: 11px;
    color: #666;
    font-style: italic;
    width: 100%;
    text-align: center;
  }

  .action-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
  }

  .select-all-btn {
    color: var(--primary);
  }

  .select-all-btn:hover {
    background-color: rgba(0, 123, 255, 0.1);
  }

  .clear-all-btn {
    color: #dc3545;
  }

  .clear-all-btn:hover {
    background-color: rgba(220, 53, 69, 0.1);
  }

  .options-list {
    max-height: 200px;
    overflow-y: auto;
  }

  .option-item {
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
    font-size: 14px;
  }

  .option-item:hover {
    background-color: #f8f9fa;
  }

  .option-item.selected {
    background-color: #e3f2fd;
    color: var(--primary);
    font-weight: 500;
  }

  .option-item.selected:hover {
    background-color: #bbdefb;
  }

  .option-item:focus {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
    background-color: #f8f9fa;
  }

  .option-item.selected:focus {
    background-color: #bbdefb;
  }

  .option-item.keyboard-focused {
    box-shadow: inset 0 0 0 2px var(--primary);
  }

  .checkmark {
    color: var(--primary);
    font-weight: bold;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease;
  }

  .option-item.selected .checkmark {
    opacity: 1;
    transform: scale(1);
  }

  .no-results {
    padding: 20px;
    text-align: center;
    color: #999;
    font-style: italic;
  }

  /* Scrollbar styling */
  .options-list::-webkit-scrollbar {
    width: 6px;
  }

  .options-list::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .options-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }

  .options-list::-webkit-scrollbar-thumb:hover {
    background: #999;
  }
} 



.allow-late-row{
	display: grid;
	grid-template-columns: 21px 1fr 1fr;
	align-items: center;
	gap: 4px;
	padding: 4px 0px;
	margin-top: 0px;
	border-top: 1px solid var(--theme-Med-Grey);

}

.inactive {
    color: #999999;
}

#prep-nav{
	background-color: transparent;
	z-index: 9;
}

.summary-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  margin-right: 1rem;
}

.summary-list .summary-row {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 1rem;
  border-bottom: 1px solid var(--theme-Lt-Grey);
  padding-bottom: 0.75rem;
}

.summary-list .summary-row-no-border{
 display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 1rem;
  border-bottom: none;
  padding-bottom: 0.75rem;
}

.summary-list .summary-row dt,
.summary-list .summary-row-no-border dt {
	font-family: 'Roboto-Medium';
  width: 33%;
}

.summary-list .summary-row dd,
.summary-list .summary-row-no-border dd {
  margin: 0;
  font-weight: 400;
  flex-grow: 1;
  width: min-content;
}

#adminForm nav{
	background-color: transparent;
    position: relative;
    display: block;
    top: 0px;
    margin: 0px;
	z-index: 0;
}

.ab-dk > i, .ab-dk img{
	filter: brightness(1)!important;
}

.confirm-grid{
	display: grid;
	grid-template-columns: 1fr max-content;
	gap: 24px;
}
.confirm-grid .alternate-actions{
	padding-left: 24px;
    border-left: 1px solid var(--theme-Med-Grey);
}

.confirm-grid .alternate-actions form[name="alt_step_form"]{
	display: flex;
	flex-direction: column;
	gap: 12px
}

#user-role-table, #user-role-table th, #user-role-table td {
	border: 1px solid var(--theme-Dk-Grey);
}
.plupload_button{
	transition: none;
}