/* Add custom css here. */
a#LogOffLink {
    display: none !important;
}
table.gwsdisplay {
    width: 100%;
    max-width: 800px;
    border: thin solid #000000;
    border-collapse: collapse;
    border-spacing: 0;
}

table.gwsdisplay tr td {
    border: thin solid #000000;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px;
}

.AllocationTableDiv tr:nth-child(1) {
	position:fixed;
	margin: -30px 0px 0px 0px;
	overflow-x:none;
    overflow-y:scroll;
}
/* Custom CSS for cost share summary tables */
table.csdisplay {
    /*width: 100%;*/
    max-width: 1200px;
    border-collapse: collapse;
    border-spacing: 0;
}

table.csdisplay tr td {
    border: thin solid #000000;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px 40px 5px 5px;
}

table.csdisplay tr td.csheaderrow {
    font-weight: bold;
}

table.csdisplay tr td.cssubheaderrow {
    font-weight: bold;
    border-bottom: none;
}

table.csdisplay tr td.cssubheaderrow_head {
    padding-left: 20px;
}

table.csdisplay tr td.csrow {
    border-top: none;
    border-bottom: none;
    text-align: right;
}

table.csdisplay tr td.csrow_head {
    text-align: left;
    padding-left: 40px;
}

table.csdisplay tr td.csrowgt {
    text-align: right;
    font-weight: bold;
    background-color: #cccccc;
}

table.csdisplay tr td.csrowgt_head {
    text-align: left;
    padding-right: 40px;
}

table.csdisplay tr.csblankrow td {
    border-left: none;
    border-right: none;
    border-bottom: none;
    /*GL 02262015 Added border-top to remove line under approvals tab*/
    border-top: none;
    height: 20px;
}

table.csdisplay tr td.thicklinetop {
    border-top: 2px solid #000000;
}

table.csdisplay tr td.thicklinebottom {
    border-bottom: 2px solid #000000;
}

/*Custom CSS for UF Help Page*/

/*
table.helpFooter {
	width: 480px;
	bottom: 0;
	position: fixed;
	left: 50%;
	margin-left: -240px;
	padding-bottom: 10px;
}
*/

#helpPageFooter {
	bottom: 0;
	position: fixed;
	padding-bottom: 10px;
	left: 50%;
	margin-left: -97.5px;  /*Image length 195px*/
	z-index: -1;
}

/*
table.helpFooter td.contact {
	vertical-align: text-bottom;
	padding-bottom: 0;
	margin-bottom: 0;
}
*/

.textOnly {
	font-size: .95em;
	position: absolute;
	right: 0;
	padding-right: 20px;
}

#helpPageHeader {
	padding-bottom: 0;
	margin-bottom: 0;
}

p.helpPageHeaderTwo {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	text-indent: 25px;
}

p.helpPageText {
	padding-top: 0;
	margin-top: 0;
	margin-left: 25px;
	margin-bottom: 20px;
}

ul.UFIRSTLinks {
	list-style-type:disc;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* header row fields 
RL 20150428 Issues00016818. Override ".slick-headerrow-columns .field" class to left align text
*/
.slick-headerrow-columns .field{
	height: auto;
	max-height: 16px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align : left;
}

.outsideUsTextBoxHideShow
{
 disabled: true;
 //width: 200px;
}

/*
GL 06/19/2015 Issues
*/
pre
{
	font-family: inherit;
}

/*
GL 07/09/2015 Issues00021087 New UI for Create/Update SF424
*/

.sf424Header
{
	background-color: #DDDEDE;
    padding-top: 10px;
    padding-bottom: 10px;
    /*
    Setting static padding-left so it does not shift during status updates
    
    padding-left: 200px;
    */
    text-align: center;
}

.sf424List
{
	 border-top: 1pt solid #CCCCCC;
}

.column-status
{
	text-align: left;
	width: 80px;
}

.sf424StatusHeader
{
	background-color: #DDDEDE;
	text-align: left;
	width: 80px;
}

.sf424StatusList
{
	border-top: 1pt solid #CCCCCC;
	text-align: left;
	width: 80px;
}

/*
	GL 09/28/2015 Custom styling for Award template Summary tab
*/
table.comTable
{
    border-collapse: collapse;
    border-spacing: 0;
}

.comRow
{
	border-bottom: 1pt solid #CCCCCC;
	padding-right: 30px;
}
.bullet
{
	display:block;
	text-align: center;
	font-size:350%;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	/*line-height: 20px;*/
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black
	
}
.bulletRed
{
	color: red;
}

.bulletGreen
{
	color: #00CC33;
}

.bulletYellow
{
	color: yellow;
}

.bulletGray
{
	color: #D8D8D8;
}

/*
   GL 09/28/2015 Award Summary Table header on Summary workspace tab
*/
table.awardSummary
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 80%;
}

table.awardSummary thead
{
	/*background: #d4e0ef;*/
	background: #cedee7;
}

table.awardSummary thead td
{
	font-weight: bold;
}

table.awardSummary tr
{
	/*line-height: 200px;*/
}

table.awardSummary td
{
	border: 1pt solid #CCCCCC;
	line-height: 22px;
	white-space:nowrap;
	padding-left: 5px;
	padding-right: 5px;
}	

/*
	GL 09/30/2015 Formatting for Advanced Approved Spending Activity
*/
table.approvedTable
{
    border-collapse: collapse;
    //border-spacing: 0;
    width: 100%;
    /*border: 1px solid gray;*/
}
table.approvedTable tr
{
	border: 1px solid gray;
	/*
	Padding: Top, right, bottom, left
	*/
	padding: 2px 10px 2px 3px;

}

table.approvedTable td
{
	border: 1px solid gray;
	/*
	Padding: Top, right, bottom, left
	*/
	padding: 2px 10px 2px 3px;

}

/*
	GL 10/02/2015 Formatting for 30/60 Day Deliverable Reminder email.
	//Now used on multiple tables
*/
table.deliverableReminder
{
	border-collapse: collapse;
    width: 100%;
    border: 1px solid gray;
}

table.deliverableReminder td
{
	border: 1px solid gray;
	padding: 2px 10px 2px 3px;
	/*
	style='background-color:#DDDEDE;
	*/
}

thead.deliverableHead
{
	background-color: #DDDEDE;
}

thead.deliverableHead th
{
	background-color: #DDDEDE;
	border: 1px solid black;
}

td.psProjectHead
{
	background-color: #DDDEDE;
	border: 1px solid black;
}

/*
	GL 12/11/2015 Formatting for Summary Tab List
*/

tr.ModdedRow
{
	 background-color: #FFEFD5;
}

tr.ModdedRow td
{
	font-weight: bold;
}

/*
	GL
*/
tr.removedPerson
{
	background-color: #DDDEDE;
}

td.hilite 
{
	background-color: #eaec09;
}/* hi lite cell for summary and detail tab*/

tr.removedPerson td
{
	font-style: italic;
}

/*
	//GL 01/20/2016
	Custom CSS for Award SF 5.2 Award Financial Summary
	
*/
table.finSummary
{
	border-collapse: collapse;
	border: 1px solid gray;
}

tr.finSummaryTR
{
	border: 1px solid gray;
	background-color:#DDDEDE;
}

table.finSummary td
{
	//border: 1px solid gray;
	padding: 4px 10px 4px 3px;

}
td.PersonReconCell{
	border-bottom: lightgrey 1px solid;
}

.hiddenInputReconcileGridSmall{
	background: #FFF;	
	width: 50px;
	border: 0px;
	color: black;
	text-align: right;
}
.hiddenInputReconcileGridLarge{
	background: #FFF;	
	width: 150px;
	border: 0px;
	color: black;
}

.hiddenInputReconcileGridMedium{
	background: #FFF;	
	width: 70px;
	border: 0px;
	color: black;
	text-align: right;
}

/*
Award/Mod Workspace Table Design
*/

.wsHeader
{
	background: 
}


.modText
{
	/*padding-left: 500px;*/
	text-align: center;
	/*color: #d4e0ef;*/
	color: #cedee7;
	font-size: 350%;
	/*padding-left: 50px;*/
	/*border: 1px solid gray;*/
	/*opacity: 0.75;*/
}

td.modID
{
	text-align: right;
	/*color: #d4e0ef;*/
	color: #cedee7;
	font-size:150%;
	/*border: 1px solid gray;*/
}

thead.projectDetailsTable th
{
	/*background: #d4e0ef;*/
	background: #cedee7;
	border: 1pt solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
}

td.emptyCell
{
 	border:none;
	background-color:white;
	
	 
}


table.workflowDiagram
{
	/*background: #d4e0ef;*/
	/*border-collapse: collapse;*/
	/*border-spacing: 0;*/
}


table td.statePast
{
	border: 1pt solid black;
	/*padding: 15px;*/
	font-size: 110%;
	border-radius:7px;
	height:45px;
	width:125px;
	text-align:center;
	background-color: #e9eff7;
}

table td.stateCurrent
{
	border: 1pt solid black;
	/*padding: 15px;*/
	font-size: 110%;
	font-weight:bold;
	color:white;
	border-radius:7px;
	height:45px;
	width:125px;
	text-align:center;
	background-color: #83AAFC;
}

table td.stateFuture
{
	border: 1pt solid black;
	/*padding: 15px;*/
	font-size: 110%;
	border-radius:7px;
	height:45px;
	width:125px;
	text-align:center;
	/*background-color: #e3e0dc;*/
}

table td.diagramArrow
{
	font-size: 200%;
	text-align: center;
	vertical-align: text-middle;
}

table td.diagramArrowMainPath
{
	font-size: 200%;
	text-align: center;
	color: #00cc33;
	font-weight: bold;
	vertical-align: text-middle;
}

table td.diagramArrowAngled
{
	font-size: 250%;
	vertical-align: text-middle;
}

table td.diagramArrowAngledMainPath
{
	font-size: 200%;
	text-align: center;
	color: #00cc33;
	font-weight: bold;
	vertical-align: text-middle;
}


#available-docs
{
	border: 1pt solid black;
	height: 400px;
	width: 350px;
	margin:0;
    padding:0; 
    overflow: scroll;
    overflow-x: hidden;
}


#selected-docs
{
	border: 1pt solid black;
	height: 400px;
	width: 350px;
	margin:0;
    padding:0;
    overflow: scroll;
    overflow-x: hidden;
}

#supporting-docs
{
	border: 1pt solid black;
	height: 400px;
	width: 350px;
	margin:0;
    padding:0;
    overflow: scroll;
    overflow-x: hidden;
}

#available-docs li
{
	border: 1pt solid black;
	border-radius: 7px;
	list-style-type: none;
	height: 38px;
	width: 322px;
	background-color: #d4e0ef;
	/*background-color: #e9eff7;*/
	padding-left: 5px;
	/*color: #83AAFC;*/
}

#selected-docs li
{
	border: 1pt solid black;
	border-radius: 7px;
	list-style-type: none;
	height: 38px;
	width: 322px;
	background-color: #83AAFC;
	padding-left: 5px;
	color: white;
}

#supporting-docs li
{
	border: 1pt solid black;
	border-radius: 7px;
	list-style-type: none;
	height: 38px;
	width: 322px;
	background-color: #d4e0ef;
	/*background-color: #e9eff7;*/
	padding-left: 5px;
	/*color: #83AAFC;*/
}

.no-close-MassUpdate .ui-dialog-titlebar-close {
  display: none;
}

.currentAmendment
{
	background-color:red;	
}

#amendmentTable
{
	/*table-layout:fixed;*/ 
	/*width:100%;*/
	display:block;
	width:1000px;
	overflow:auto;
}

#amendmentTable td
{
	width:33%;
	height: 100px; 
	padding-left:75px;
	padding-right:75px;
	/*display:inline-block;*/
}

.carousel
{
	width: 65%;
	background: #FAFAFA;
}

.carousel-cell
{
	  vertical-align: middle;
	  padding-top:45px;
	  width: 33%;
	  height: 80px;
	  margin-right: 10px;
	  text-align: center;
	  font-size: 25px;
	  /*background: #d4e0ef;*/
	  background: #83AAFC;
	  border-radius: 5px;
	  counter-increment: carousel-cell;
	  color:white;
}

.carousel-cell-current
{
	  vertical-align: middle;
	  padding-top:25px;
	  padding-bottom:20px;
	  width: 33%;
	  height: 80px;
	  margin-right: 10px;
	  text-align: center;
	  font-size: 25px;
	  /*background: #d4e0ef;*/
	  background: #83AAFC;
	  border-radius: 5px;
	  counter-increment: carousel-cell;
	  color:white;
}

.static-banner 
{
  position: absolute;
  background: hsla(0, 0%, 0%, 0.3);
  z-index: 1;
  padding: 2px 20px;
  font-size: 14px;
  color: white;
  pointer-events: none;
}

.static-banner1 
{
  left: 5px;
  top: 5px;
}

.static-banner2 
{
  right: 5px;
  bottom: 5px;
}

.slick-next:before
{
  color:black; !important;
}

.slick-prev:before
{
  color:black; !important;
}

.ComponentHeaderTitle
{
	/*background-color:#d4e0ef;*/
}


#searchfieldGlobalSearch 
{ 
	display: block; 
	width: 100%; 
	text-align: left; 
	margin-bottom: 35px; 
}
 
#searchfieldGlobalSearch .globalSearchDiv 
{
  display: inline-block;
  background: #eeefed;
  padding: 0;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  margin: 5px 0 0 0;
}

#searchfieldGlobalSearch .biginput 
{
  width: 600px;
  height: 40px;
  padding: 0 10px 0 10px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #aeaeae;
  font-weight:normal;
  font-size: 1.5em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#searchfieldGlobalSearch .biginput:focus 
{
  color: #858585;
}

.gsrTitle
{
	font-size:1.15em;
}
/*Project Editor Link*/
/*
.ProjectEditorTable td
{
	box-shadow: none;
	font-family: 'Arial', serif;
	background-color: #405767; 
	border: 0 none; 
	color: #ffffff;
	border-radius: 4px 4px 4px 4px;  
	font-size: 11pt;
	padding-top: 0.5em;
	text-align:center;
	vertical-align:center;
}

.ProjectEditorTable td:hover 
{
	background-color: #20323f;
	color:#ffffff;
	cursor: pointer;
}

.ProjectEditorTable td a 
{
	color: #ffffff;
	vertical-align:center;
}

.ProjectEditorTable td a:visited 
{
	color: #ffffff;
	vertical-align:center;
}

.ProjectEditorTable td a:hover 
{
	color: #ffffff;
	cursor: pointer;
	vertical-align:center;
}
*/

.TopNavTabArea
{
	background-color:#405767;
}

.TobBarUpperBorder
{
	height: 0px;
}

.CustomLinkButton
{
	box-shadow: none;
	font-family: 'Arial', serif;
	background-color: #405767; 
	border: 0 none; 
	color: #ffffff;
	border-radius: 4px 4px 4px 4px;  
	font-size: 11pt;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	text-align:center;
	vertical-align:center;
	width:100%;
}

.CustomLinkButton:hover 
{
	background-color: #20323f;
	color:#ffffff;
	cursor: pointer;
}

.CustomLinkButton a 
{
	color: #ffffff;
	vertical-align:center;
}

.CustomLinkButton a:visited 
{
	color: #ffffff;
	vertical-align:center;
}

.CustomLinkButton a:hover 
{
	color: #ffffff;
	cursor: pointer;
	vertical-align:center;
}

/*Custom Current Status*/
.CurrentState
{
	background-color: #e8970c;
    color: #FFF;
    font-family: RobotoSlab;
    font-size: 20px;
    min-width: 208px;
    padding: 10px;
    text-align: center;
    font-weight: normal;
}

/* GL Fixes issue from Click_Grants_GridCustom.css that sets background as white */
#addButton 
{
	background-color: #405767;
}

/*GL 08/16/22018 Used on custom settings pages*/
.ufSettingsTable td
{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Custom Search Tiles Component */
.customSearchTiles {
   margin-top: 0; 
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

/* Module Search Component */
.moduleSearch {
   margin-top: 0; 
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

/*History tab notes*/
.Component_ProjectLog_Notes {
	white-space: normal;
	word-break: break-word;
}

/* Import SFI Button */
.importSFIButton {
    background-color: #405767;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 30px;
    border: 2px solid #405767;

}

.importSFIButton:hover {
    background-color: #bed4df;
    color: #405767;

}

/* ReplaceWithIconModified Class */
/* For making checkboxes appear readonly without having to disable it */
input[type=checkbox]:checked+label.ReplaceWithIconModified:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f14a";
    font-weight: 900;
}

input[type=checkbox]+label.ReplaceWithIconModified:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0c8";
    font-weight: 400;
}
input+label.ReplaceWithIconModified:before {
    display: inline-block;
    width: 1.1em;
    color: #bababa;
    height: 1.1em;
    font-size: 1.1rem;
    text-align: center;
    vertical-align: middle;
    padding: 0.15em;
}

/* Remove "hidden -> hidden" span for View Differences */
.DiffsInAttrOrRegionState {
    display: none;
}

/* Hide Expense Totals table since it is big and redundant */
#__FundingAward\.customAttributes\.expenseTotals\.customAttributes\.expenseCategoryTotals_container>table {
	display: none;
}
#__FundingAwardChange\.customAttributes\.expenseTotals\.customAttributes\.expenseCategoryTotals_container>table {
	display: none;
}