/*** PROJECT TRACKING SYSTEM STYLES ***/

.page_pt .filesMediaTiles{width:520px;}
.page_pt .locTrackTiles .filesMediaTiles{width:312px;}
.filesMediaTiles > div:not(.showThumbnailsOverlay){margin:3px;}

.filesMediaOverlayTitle{display:none;}
.showThumbnailsOverlay{text-align:center;display:none;}
.showThumbnailsOverlay a{text-decoration:underline;}

.filesMediaItem{overflow:visible!important;}
.filesMediaItem > a{display:block;position:relative;background:#f2f2f2 url(/_images/shared/crosshatch-wide.png) repeat;border:1px solid #bbb;text-align:left;overflow:hidden;text-decoration:none;}
.filesMediaItem > a > img{display:block;margin:0px;position:relative;}
.filesMediaItem .fileItemTitle{display:block;font-weight:normal;font-size:10px;line-height:10px;padding:6px 3px 0px 3px;text-align:center;}
.filesMediaItem .filesMediaBtns{border:1px solid #bbb;border-top:none;text-align:center;padding:6px 3px 4px 3px;background:#cbcbcb url(/_images/shared/_bkgds/btn-gray-grad.png) top left repeat-x;line-height:1em;font-size:11px;color:#888;}
.filesMediaItem .filesMediaBtns a{color:#879a87;font-family: 'acumin-pro', sans-serif;font-weight:700;transition:all .25s ease 0s;}
.filesMediaItem:hover .filesMediaBtns a{color:#005b09;}
.filesMediaItem .filesMediaBtns a:hover{text-decoration:underline;}

a.filesMediaDownloadBtn{padding:4px 6px 5px 11px!important;position:relative;}
a.filesMediaDownloadBtn > span{font-size:1em!important;line-height:1em!important;padding:0!important;}
a.filesMediaDownloadBtn > span > span{font-size:.9em;}
a.filesMediaDownloadBtn img{position:absolute;right:7px;top:10px;}

a.filesMediaDownloadingBtn, a.filesMediaAddingBtn{background:#ddd url(/_images/shared/_loading/circle-arrows.gif) center no-repeat!important;border:1px solid #ddd!important;display:none;}
a.filesMediaDownloadingBtn > span, a.filesMediaAddingBtn > span{opacity:0;}

@media only screen and (max-width: 959px){
	.page_pt .filesMediaTiles{width:312px;}
	.page_pt .locTrackTiles .filesMediaTiles{width:208px;}
}	

@media only screen and (max-width: 767px){
	.page_pt .locTrackTiles .filesMediaTiles{display:none;}
	.page_pt .locTrackTiles .showThumbnailsOverlay{display:block;}
	.page_pt .projTableSetup:not(.dateTrackTiles) td.projFilesMediaTD{padding:8px 10px;}
	.page_pt #projDataTable:not(.dateTrackTiles) td{vertical-align: middle;}
}
@media only screen and (max-width: 479px){
	.page_pt .dateTrackTiles .filesMediaTiles{display:none;}
	/*.page_pt .dateTrackTiles .filesMediaTiles{width:208px;}*/
	.page_pt .dateTrackTiles .showThumbnailsOverlay{display:block;}
}

#flPopContentDiv .showThumbnailsOverlay{display:none;}
#flPopContentDiv .filesMediaOverlayTitle{display:block;}
#flPopContentDiv .filesMediaTiles{display:flex!important;width:auto!important;}

/** END NEW ADDITIONS FROM EMPLOYEE PORTAL **/


/*** portal header/footer mods ***/

#header.header-portal #header-logos-portal{padding:6px 0px 8px 0px;}
	
#header.header-portal #header-logos-portal img{height:45px;width:auto;display:block;margin:0 auto;}

body.page_pt{font-size:18px;}

#footer p.footer-em{font-size:.84em;line-height:1.4em;}

/** portal styles **/

#projTitleEnclose{position:relative;margin:.9em 0;text-align:center;}

#projTitleEncloseInner{text-align:center;}

#projTitleEncloseInnerWithImg{text-align:left;}

#projHeader{position:relative;}

#projHeader h1.pagehead{margin-bottom:.4em;}

h4.projLoginTitle{text-align:center;margin:0px;padding:0px 0px 15px 0px;font-size:1.1em;}

.projLoginAlert{color:#bd282f;}

#projLoginDiv{padding:2.2em 0 1.5em 0;position:relative;max-width:520px;margin:0 auto;font-size:16px;}

#projLoginContent input[type=text],#projLoginContent input[type=password]{max-width:100%;width:240px;background:#fff;}

#projLoginFormDiv{text-align:center;padding-top:25px;background:#f8f8f8;border:1px solid #ccc;border-radius:4px;}

#projLoginFormDiv div{margin-bottom:20px;text-align:left;}

#projLoginFormDiv span{width:39%;float:left;margin-right:10px;text-align:right;position:relative;top:4px;}

#projTitle{padding:0px;margin:0;font-size: 1.5em;line-height:1.2em;}

#projTitle span{color:#a8a8a8;}

#projTitleImg{position:absolute;left:0px;top:0px;}

#projTitleImg2{position:absolute;right:0px;top:0px;}

#projSubtitle{padding:0px;margin:.2em 0 .2em 0;font-size: 1.1em;line-height:1.3em;color:#154280;}
#projSubtitle > span{margin-left:10px;margin-right:10px;color:#a8a8a8;}
#projSubtitle > span > span{margin-right:10px;color:#a8a8a8;}
#projSubtitle > span.projCancelCt{margin-right:0;color:#bb0000;}

#projTitleNotes{margin-bottom:0;}

#projControlsTop{background:#f7f6f6;padding:10px 10px 0px 0px;margin-bottom:10px;text-align:right;border:1px solid #ebeaea;border-top:none;}

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

#projControlsTopAssistance{margin:0;padding:0px 10px 10px 10px;line-height:1.2em;font-size:.8em;float:left;}

#projControlsBottom{background:#f7f6f6;}

/** project filter controls - added 6/20/20 **/

#projDownloadOpts{padding:10px 10px 0px 10px;border:1px solid #ebeaea;border-bottom:none!important;position:relative;text-align:right;}
	
#projFiltersContainer{
	position:relative;
}

#projFiltersContainerInner{
	max-width:940px;
	margin:0 auto;
	background:#ededed;border:1px solid #d7d7d7;border-top:none;border-bottom:none;
	box-sizing:border-box;
}
	
.projFilters{
	display: flex;
	align-items: stretch;
	flex-flow: row nowrap;
	justify-content:flex-start;
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
	width:100%;
}
.projFilters > div{
	order:1;
	flex:35 5 auto;
	position:relative;
	box-sizing: border-box;
	padding:10px;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7;text-align:center;
	overflow:hidden;
}
.projFilters > div:first-child{padding:0 10px;}
.projFilters > div:last-child{border-right:none;flex:1 1 auto;text-align:right;}

.projFilters > div:last-child a{text-align:center;margin:0!important;margin-right:3px;}
.projFilters > div:last-child a:first-child{margin-right:6px!important;}

.projFilters > div:last-child table{margin:0;width:auto;}
.projFilters > div:last-child table td{text-align:right;}

.projFilters .cssBtn1{margin:0!important;position:relative;right:-1px;}

.projFilters span{font-size:.85em;}

.projFilters table{width:1%;margin:0 auto;}
.projFilters table td{width:1%;padding:0;text-align:left;}
.projFilters table td:first-child{padding-right:10px;text-align:right;}

/*.projFilters .select-wrap, .projFilters select{width:120px;max-width:100%;background:#fff;font-size:.85em;padding-bottom:5px;}*/

.projFilters input[type=text],.projFilters input[type=text]:focus{border:1px solid #bbb;box-shadow:none;border-radius:2px;color:#999;background:#fff;width:100px;max-width:100%;}

.projDates{/*min-width:33%;*/position:relative;top:8px;}

.projDates > span:first-child{margin-right:11px;}

.projDates > span{position:relative;top:-3px;}

.projDates > img{position:relative;top:4px;cursor:pointer;}
/*.ui-datepicker-trigger{width:38;height:34;position:relative;top:12;}*/

.projDates .projDatesDash{margin:0 5px;}

.projDates .projDatesDisp{margin:0px 2px;font-size:.8em;}

.sortColHead{position:relative;cursor:pointer;}
.sortColHead span{
   display:block;position:absolute;left:9%;top:11px;width:0;height:0; 
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 8px solid #ddd;
   border-bottom: none;
}
.sortColHead.descSort span{border-top:none;border-bottom:8px solid #ddd;}
.sortColHead.hideSort span{display:none;}

body.projFiltersFixed #projFiltersContainer{position:fixed!important;left:0;top:0;width:100%;z-index:1000;}

body.projFiltersFixed:not(.recDatePickerOpen) #ui-datepicker-div{top:15px!important;}

body.projFiltersFixed #projFiltersContainerInner{border-bottom:1px solid #d7d7d7;/*box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);*/}

/*
.cssBtn1.cssBtnSm.cssBtnReload{
	padding:5px 25px 5px 11px;margin-bottom:0;
	background:#e63d30 url(/_images/site/icon_reload.png) calc(100% - 6px) center no-repeat;
	image-rendering: pixelated;
}
.cssBtn1.cssBtnSm.cssBtnReload:hover{
	padding:5px 23px 5px 11px;margin-bottom:0;
	background:#fff url(/_images/site/icon_reload_over.png) calc(100% - 6px) center no-repeat;
}
*/

#projContentLoading{display:none;position:absolute;z-index:900;top:0;left:0;right:0;bottom:0;background:url(/_images/shared/_bkgds/white-90.png);border:1px solid #dddcdc;text-align:center;padding-top:100px;/*opacity:0;transition:opacity 1s ease 0s;*/}
/*#projContentLoading.loadingInProcess{display:block;opacity:1;}*/

#projContentLoadingIndicator{display:none;position:absolute;z-index:910;width:100%;padding-top:37px;}

.loadingIndicator{
	background:#fff url(/_images/shared/_loading/standard.gif) center 18px no-repeat;
	width:130px;height:120px;padding-top:60px;margin:0 auto;box-sizing:border-box;
	border-radius:6px;border:1px solid #ccc;text-align:center;font-size:.9em;line-height:1.3em;	
}

#ajaxPageLoadTrigger{
	background:#fff url(/_images/shared/_loading/standard.gif) center 25px no-repeat;
	height:60px;opacity:0;
}
#ajaxPageLoadTrigger.ajaxPageLoadAnim{opacity:1;}
		
#projContentAjax{min-height:180px;}

#flPopContentDiv .pDetailOL{    
   background: #fff;
   padding: 10px;
   border-radius: 4px;
}

/** end 6/20/20 additions **/

#projDownloadBtns{}

/*#projDownloadBtns a:hover > span{color:#000!important;}*/

#projDownloadingAlert{display:none;position:relative;color:#ce932a;font-size:.9em;font-style:italic;margin-right:10px;font-family: 'acumin-pro-condensed', sans-serif;font-weight:600;}

#projDownloadingAlert img{position:absolute;top:-2px;left:-42px;}

#projDownloadingAlert span{position:relative;top:2px;margin-left:6px;}

#projContent{overflow:hidden;position:relative;}

table.projTableSetup{width:100%;position:relative;}

.projTableSetup,.projTableSetup td{border-collapse:collapse;empty-cells:show;border:1px solid #dddcdc;}

.projTableSetup td{padding:8px 10px;font-size:.8em;line-height:1.3em;}

.projTableSetup td.projFilesMediaTD{padding:3px;}

.projTableHeader {background:#393a3c url(/_images/site/btn-bkgd-2.png) top left repeat-x;color:#fff;font-family: 'acumin-pro', sans-serif;font-weight:700;}

.projTableHeader td{border-left:1px solid #bbb!important;border-right:1px solid #bbb!important;}

.projRowOdd{background-color:#f7f6f6;}

.projRowEven{background-color:#fff;}

.projRow.projRowHover, .projRow.projRowHover{background-color:#fffbee!important;}

.projNoData{color:#999;}

.projComplete{background:#d8edc8 url(/_images/shared/crosshatch-wide.png) repeat;}

.projComplete span{color:#185318;}

.projUpdated{background:#fff8e1 url(/_images/shared/crosshatch-wide.png) repeat;}

.projUpdated span{color:#ba8226;}

.projNoUpdate{background:url(/_images/shared/crosshatch-wide.png) repeat;}

.projNoUpdate span{color:#999;}

.projLocation, .projNotes{max-width:180px;}

.projNotes{color:#6b738a;}

.projBold{font-family: 'acumin-pro', sans-serif;font-weight:700;}

#flPopContentDiv h6.projBold{margin-bottom:8px;}
#flPopContentDiv .projNotesDiv{font-size:.9em;border-top:1px solid #ccc;padding-top:7px;}
#flPopContentDiv .filesMediaTiles{/*display:inline-block;width:auto;margin:0 auto;background:#009900;text-align:center;*/}

/** coloring styles based on shared.css **/

.bodyPlainRed{color:#dc0000;}
.bodyPlainGreen{color:#185318;}
.bodyPlainOrange{color:#cc8201;}
.bodyPlainDarkBlue{color:#182d53;}
.bodyPlainDarkGreen{color:#053b05;}
.bodyPlainDarkOrange{color:#441500;}

@media only screen and (max-width: 959px) {
	.projLocation, .projNotes{max-width:150px;}
	
	#projFiltersContainerInner{max-width:748px;}
	.projFilters{flex-flow: row wrap;}
	.projFilters:not(.projFilters_date) > div:nth-child(1){width:42%;}
	.projFilters:not(.projFilters_date) > div:nth-child(2){width:32%;}
	.projFilters:not(.projFilters_date) > div:nth-child(3){width:26%;border-right:none;}
	.projFilters:not(.projFilters_date) > div:nth-child(4){width:100%;}
}

@media only screen and (max-width: 767px){
	#projTitleEncloseInner #projTitleImg, #projTitleEncloseInner #projTitleImg2{position:relative;margin:0 auto;margin-bottom:.4em;}
	#projTitleEncloseInner{text-align:center;margin:0 0 0 .4em !important;}
	
	#projFiltersContainerInner{max-width:580px;}
	.projFilters:not(.projFilters_date) > div:nth-child(1),.projFilters > div:nth-child(1){width:56%;min-height:50px;}
	.projFilters:not(.projFilters_date) > div:nth-child(2),.projFilters > div:nth-child(2){width:44%;border-right:none;}
	.projFilters:not(.projFilters_date) > div:nth-child(3){width:56%;border-right:1px solid #d7d7d7;}
	.projFilters:not(.projFilters_date) > div:nth-child(4),.projFilters > div:nth-child(4){width:44%;}
	.projFilters > div:nth-child(4) a{width:57px;}

	.projTableSetup td.projFilesMediaTD{padding:8px 10px;}
	/*#projDataTable td{vertical-align: middle;}*/
	.projTrack_date #projDataTable td:first-child{display:none;}
}

@media only screen and (max-width: 599px) {
	#projControlsTop{padding:10px 0px 0px 0px;text-align:center;}
	#projControlsBottom{text-align:center;}
	#projTitle,#projTitleWithImg{font-size:1.4em;}
	.projLocation{max-width:110px;}
	.projNotes{max-width:none;}
	#projTitleImg, #projTitleImg2{position:relative;margin:0 auto;margin-bottom:.4em;}
	#projTitleEncloseInner, #projTitleEncloseInnerWithImg{text-align:center;margin:0 0 0 .4em !important;}
	
	#projFiltersContainerInner{max-width:460px;}
}

@media only screen and (max-width: 479px) {
	#projFiltersContainerInner{max-width:100%;}
	.projFilters > div{width:auto!important;}
	.projFilters:not(.projFilters_date) > div:nth-child(1),.projFilters > div:nth-child(2){display:none;}
	.projFilters > div:last-child a:first-child{margin:0 1px 0 0!important;}
	.projFilters > div:last-child a:last-child{display:none;}
	.projFilters.projFilters_date > div:last-child{text-align:center;}

	.projFilters > div:not(.searchBtns){font-size:.93em;}
	#projLoginFormDiv div{text-align:center;}
	#projLoginFormDiv span{width:100%;float:none;margin-right:0px;text-align:center;top:0px;display:block;}
	#projControlsTopAssistance{padding:0px 0px 10px 0px;float:none;text-align:center;}
}

@media only screen and (max-width: 360px) {
	#flPopScrollDiv,#ftPopScrollDiv{padding:14px;}
}