/* Last Modified: 			2025-02-10 */

/* default link styles */
a, .link
{
	color: blue;
	cursor: pointer;
}
a:visited, .link:visited
{
	color: purple;
}
a:active, .link:active
{
	color: red;
}
a:hover, .link:hover
{
	text-decoration: underline;
}
span.clickToCopy
{
	cursor: pointer;
}
span.clickToCopy:hover
{
	color: blue;
}
.resMsg, #userMsg, .userNotice
{
	display: block;
	clear: both;
	margin: 5px auto 25px auto;
	padding: 0;
	text-align: center;
	width: 100%;
}
.userNotice
{
	background: lightyellow;
}
	/* default input fields */
input, textarea, select /*#adminUpdateForm input, #adminUpdateForm textarea, #adminSearchForm input, .loginFormWrap input, #forgotPassForm input */
{
	border: 1px solid grey;
	background: #F8F8F8;/*#F3F9FF;*/
	font-size: 12px;
	font-family: verdana, serif;padding: 2px;
	color: #444;
}
/* Chrome sometimes displays excessive horizontal scrollbars with textarea */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm)
{
	textarea
	{
		overflow-x: hidden;
	}
}
input:read-only
{ 
	background-color: #D9D9D9;
}
input.dateSelector
{
	/*width: 72px;*/
	width: 6em; /* using em to target differing font-styles */
}
.hiddenElement
{
	visibility: hidden !important;
}
/* re-sizable single line textarea */
.singleLineTextarea
{
	height: 15px;
	vertical-align: middle; 
}
/* Wraps and header */
#adminWrap
{
	overflow: hidden;	/* allows div to wrap around floating elements */
	width: 1150px; /*1100px*/
	border: 2px solid black;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #FFF;
	font-family: verdana, serif;
	min-height: 400px;
}
#adminTitle
{
	float: left;
	margin: 10px 0 0 25px;
	padding: 0;
	font-size: 20px;
	text-align: center;
}
.loginFormWrap
{
	display: block;
	clear: both;
	width: 600px;
	margin: 0 auto;
}
.loginFormWrap form
{
	margin-left: 100px;
}
.loginFormWrap table td
{
	padding: 0 0 7px 0;
}
.sharedDeviceWrap
{
	margin: 40px 0 0 71px;
}
#forgotPassForm
{
	width: 340px;
	margin: 0 auto;
	font-size: 14px;
}
#forgotPassForm p
{
}
#headerData
{
	clear: right;
	width: 215px;
	height: 60px;	
	text-align: right;
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
}
#logOutLink
{
	font-size: 12px;
	text-align: right;
	margin: 0;
	line-height: 8px;
	padding: 0 0 5px 0;
}
.workerLinks, .adminLinks
{
	width: auto;
	display: inline-block;
}
.adminLinks
{
	width: 20px;
	vertical-align: middle;
  position: relative;
  top: -7px;	
}
.adminLinks img {cursor: pointer;}
button.userPayroll
{
	display: inline-block;
	font-size: 10px;
	text-align: right;
}
#headerUsername
{
	display: block; /* move Payroll button to next line so it can still use inline-block and text-align: right */
	font-size: 12px;
	padding: 5px 0;
	margin: 0;
}
.loginLink
{
	margin-top: 5px; font-size: 12px
}
#clndrUserOpts
{
	clear: right;
	margin-left: 5px;
}
#generalScheduleNotes
{
	width: 190px;
	height: 500px;
}
#generalScheduleNotes.singleWorkerClndr
{
	margin-left: 5px;
	float: left;
}
#generalScheduleNotes.allWorkersClndr
{
	margin: 10px 0 0 0;
  left: 175px;
  top: -30px;
  position: relative;
}

#modifyAccntBtn
{
	margin: 0 0 0 483px;
}
	
.adminPages
{
	clear: both;
	width: 650px;
	margin: 10px auto;
	padding: 10px 0 0 0;
	font-size: 14px;
}
#curPageNum { text-align: center; margin: 0 auto; width: 835px; display: inline;}
.adminPages h3
{
	text-align: center;
}
#adminSearchForm
{
	float: left;
	font-size: 12px;
	width: auto; /* 360px */
	margin: 10px 0 10px 20px;
	text-align: left;
}
#adminSearchForm p { margin: 5px 0; }
#adminSearchForm table { border-collapse:collapse; }
noscript
{
	text-align: center;
	color: red;
}
.ledgerDatesWrap
{
	display: inline-block;
	color: red;
	font-size: 12px;
  position: relative;	
	left: 100px;
  top: 0px;	
}
#transactionUploadForm p
{
	display: inline;
	font-size: 12px;
}
#filterBtns, .adminDBandFdBkViewBtns
{
	display: block; margin: -20px 32px 0 20px; width: 1100px;
}
.adminDBandFdBkViewBtns 
{
	margin-top: 0;
}
#filterBtns td
{
	padding: 5px 9px;
}
.adminDBandFdBkViewBtns td { padding: 5px 6px; }
#viewFiltersCell
{
	width: 235px;
	padding: 5px;
}
#viewFiltersCell form { display: inline-block; margin-right: 5px;} 
/* Standard Move Overview Tables */
#quoteList, #dbRowList, .dbRowList, .totals
{
	font-size: 12px;
	list-style: none;
	display: block;
	width: 1120px; /* 1100px; 1000px*/
	min-height: 240px;
	max-height: 640px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #333;
	border-width: 1px 0;
	overflow: auto
}
.dbRowList th
{
	text-align: left;
}
#quoteList li a
{
	text-decoration: none;	
	display: block;
}
/*movesViewItemOddAutosaved*/
#quoteList li a table:hover, #quoteList li a table.openedOrder:hover, #quoteList li a table.movesViewItemOdd:hover, #quoteList li a table.movesViewItemEven:hover, #quoteList li a table.curFinUpdateSession:hover
{
	background: #AEAEAE;/*gold;*/
}
#quoteList li a table.nonClickMovesViewItem:hover 
{
	background: #F7F7B0;
	cursor: default;
}
#quoteList li a table
{
	width:  100%;
	color: #000;
	background: #F8F8F8; /*#f7f7b0; #FFFFCC;*/
	border: 1px solid #333;
	border-width: 0 1px 1px 1px;
	padding: 2px 0 2px 2px;
	table-layout: fixed;
}
#quoteList li a table.openedOrder {	background: #FFF;	}
/* CMO Sort Order colorings */
#quoteList li a table.movesViewItemTruckConflict {background: #FF0000}
#quoteList li a table.movesViewItemToday {background: yellow}
#quoteList li a table.movesViewItemTomorrow {background: #FFFFCC}
#quoteList li a table.movesViewItemPrevious {color: #6B6B6B}
#quoteList li a table.movesViewItemOdd, #quoteList li a table.movesViewItemLaterThanTomorrow  {background: #FFF}
#quoteList li a table.movesViewItemEven, .movesViewItemEven, tr.evenItem {	background: #E4E4E4 !important}
#quoteList li a table.weekDividerOdd {border-top: 2.5px solid #000; }
#quoteList li a table.weekDividerEven {border-top: 5px solid #000;}
#quoteList li a table.autosaved {color: blue;}
#quoteList li a table.curFinUpdateSession {	background: #FFEBC2}
/* Payroll */
#payrollTbl
{
	border-spacing:0;
	border-collapse:collapse;
}
#payrollTbl td { padding: 2px;}
#payrollTbl td.payrollMatch, #payrollTbl td.payrollNonMatch{
	display: block;
	margin: 3px 0 0 5px; 
	height: 15px; 
	width: 20px;
}
#payrollTbl td.payrollMatch { background-color: green;}
#payrollTbl td.payrollNonMatch { background-color: red; width: 20px;}
.payrollDateRange
{
	display: inline-block;
	width: 340px;
}

.payrollLeftBtnWrap
{
	left: 0px;
	position: relative;
	width: 50px;
	display: inline-block;
}
.payrollRightBtnWrap
{
	left: 103px;
	position: relative;
	width: 385px;
	display: inline-block;
}
/* Earnings */
#earningsTbl td, #earningsTbl th
{
	text-align: center;
}
#earningsTbl td
{
	border: 1px solid #000;
}
/* Individual cell styles/widths in Move Overview */
.singleQuoteNm
{
	width: 90px;
	word-wrap: break-word;
}
.singleQuoteRef { width: 155px;}
.singleQuoteDateCreate { width: 70px;}
.singleQuoteMoveDatetime { width: 90px;}
.singleQuoteEstHours { width: 50px; }
.singleQuoteTruck { width: 60px; }
.singleQuoteNumMovers { width: 50px }
.singleQuoteRate, .singleQuoteRegionFrom, .singleQuoteRegionTo, .singleQuoteCity { width: 40px }
.singleQuoteMove  { width: 30px }
.singleQuoteBinary { width: 15px }
.rateFirstCell, .rateCell , .rateLastCell  {border-color: #000; border-style: solid; border-width: 2px 0 2px 2px;}
.rateCell  { border-width: 2px 0 2px 0;}
.rateLastCell  { border-width: 2px 2px 2px 0;}
.adminError
{
	font-weight: bold;
	font-size: 14px;
	color: red;
	margin: 20px;
	clear: both;
}
#loginError
{
	display: inline-block;
	margin-top: 20px;
}
.payrollAllMovesLink
{
	white-space: nowrap;
	font-size: 10px;
}
/* ------------------- Overview Tables -------------------------- */
#empAppsTbl{	table-layout: fixed; border-collapse:collapse; vertical-align: top; width: 3800px;}
#empAppsTbl td { vertical-align: top; word-wrap: break-word}
#empAppsTbl tr.altRow { background: #E4E4E4; }
/*************************** Hours for Week report ***************************/
.dbRowListHdr
{
	margin: 10px 0 0 35px;
	font-size: 12px;
	font-weight: bold;
}
.overview .totals
{
	font-weight: bold;
	font-size: 14px;
}
.hoursForWeekDetails .totals td:first-child
{
	width: 1017px;
}
.dbRowListHdr select
{
	margin-bottom: 10px;
}
#hrsForWkExcelBtn
{
	left: 442px;
	position: relative;
}
.dbRowListHdr form
{
	display: inline-block;
}

/**************************** Database table views  ***********************/
.idTbl, .scrollTbl 
{
	font-size: 12px;
} 

.idTbl
{
	float: left;
	width: 200px;
	display: inline-block;
	background: #fff;
	z-index: 3;
}

	/* align rows of two tables */
.idTbl tr:first-child, .scrollTbl tr:first-child
{
	vertical-align: bottom;
	font-size: 10px;
	font-weight: bold;	
}
.idTbl tr td, .scrollTbl tr td
{
	height: 23px;
}
.scrollTbl 
{
  width: 900px;
  overflow-x: scroll;
  display: inline-block;
}
.buttonForm
{
	display: inline-block;
}

/* options that appear in move overview */
#quoteList select
{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
	font-size: 9px;
	border: none;
}

select.responsilibityOpts
{
	width: 68px;
}

#bookedByDayPagingWrap
{
	width: 1000px;
	margin: 0 auto;
}

#bookedByDayPagingWrap div
{
	display: inline-block;
	position: relative;
}

#bookedByDayPagingWrap #nextPgLinkWrap
{
	left: 360px;
}

#bookedByDayPagingWrap #curPageNum
{
	position: relative;
	left: 355px;
}

#bookedByDayPagingWrap #pagingButtonsWrap
{
 left: 360px;
 width: 290px;
}

	/* Booked by day ops mover options scroll box */
	
	/* Line up nested table's cells to parent table cells */
.moverScrollBoxWrapCell
{
	width: 300px;
		/* removes space aroud arrow images */
	font-size: 0;
}

.moverScrollBoxWrapCell images
{
	display: inline-block;
}

.moverScrollBox
{
	width: 290px;
	overflow-x: scroll;
	display: inline-block;	
}

#quoteList .moverScrollBox table.moverScrollBoxTable td.workerOpts
{
	width: 65px;
}

#quoteList .moverScrollBox table.moverScrollBoxTable
{
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

#quoteList .moverScrollBox table.moverScrollBoxTable:hover
{
	background-color: #F8F8F8;
}

.moverScrollBox table.moverScrollBoxTable .workerOpts
{
	width: 88px;
}

#quoteList .moverScrollBox table.moverScrollBoxTable td.workerOpts select
{
	border: none;
	width: 65px;
}

/* Worker Options */

option.justPref
{
	background: #FFFF97;
}

option.notAvailable
{
	background: #FF4D4D;
}

option.nnTruck
{
	background: #B8DCFF;
}

option.scheduleConflict
{
	background: #CCFFFF;
}

option.unmatchedSilo
{
	background: #C5BADB;
}

	/* Show Extra Hours Button for cc and movers view */
button.showExtraHours
{
	margin-right: 10px;
}

.personalVehiclesButtonsWrap
{
	left: 719px;
	position: absolute;
	top: 11px;
	width: 390px;
}

.personalVehiclesForm .personalVehiclesButtonsWrap button
{
	margin: 0;
}

.personalVehiclesSearchWrap
{
	left: 15px;
	position: absolute;
	top: 11px;	
}
	/* Add Hours read-only, Personal Vehicles, PTO Mods widgets */
button.showPTOMods
{
	left: 919px;
	position: absolute;
	top: 11px;	
}

button.showPTOMods
{
	left: 769px;
}
#ptoModsSearchAddedFromPayroll
{
	display: block;
}
#modPTOexport
{
	top: 10px;
	position: absolute;
	display: inline-block;
	left: 700px;
}

.addHoursTblWrap, .personalVehiclesTblWrap, .widgetForm.tableWrap
{
	height: auto;
	margin-top: 0;
}

.ptoModsHeaderWrap  /* this view has changing buttons that would otherwise change the height of the first div */
{
	height: 70px;
}

.addedHoursTblWrap
{
	height: 490px;
}

#addHoursTbl
{
	width: 1030px;
}

	/* paytype column select field */
#addHoursTbl tr td:nth-child(n+3) select
{
  width: 75px;
}

#modPTOtbl
{
	width: 950px;
}

#modPTOtbl th {vertical-align: bottom;}
#modPTOtbl td {font-size: 12px;}

#ptoModsSearchWrap
{
	position: absolute;
	display: inline-block;
	left: 26px;
	margin: 10p54
}

#personalVehiclesTbl
{
	width: 1150px;
}

#personalVehiclesTbl th
{
	font-size: 12px;
}

#addHoursBtnWrap, #personalVehiclesBtnWrap, .widgetForm.buttonWrap
{
	display: block;
	margin: 20px auto;
	width: 300px;	
}

#addHoursBtnWrap button, #personalVehiclesBtnWrap button
{
	margin-right: 30px;
}

#addHoursBtnWrap #addedHoursCancelBtn, #addHoursBtnWrap #addedHoursUpdateBtn, .widgetForm.buttonWrap.hiddenBtn
{
	display: none;
}

 /* trash can icon used in widgets */
img.trashCanLink
{
	cursor: pointer;
	padding: 0 5px;
}

/* center flex container used by paging templates */

.flexContainer
{
	/* setting a specific height conflicts when trying to align with custom flex box elements */
	height: auto;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;	/* Safari */
	-webkit-align-items: center;	/* Safari 7.0+ */	
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexItem
{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
	display: inline-block;
	padding: 5px;
	width: 100px;
	/* setting a specific height conflicts when trying to align with custom flex box elements */
	height: auto;
	align-self: center;	
	margin: 10px;
	text-align: center;
}

/* Paging */
.pagingWrap
{

}

.prevPgLinkWrap, .nextPgLinkWrap, .curPageNum
{
	width: 110px;
	align-self: flex-end;
}

#defaultPagingWrap .flexItem, #workCalsPagingWrap .flexItem
{
	white-space: nowrap;
}

#defaultPagingWrap .prevPgLinkWrap, #defaultPagingWrap .nextPgLinkWrap, #defaultPagingWrap .curPageNum
{
	width: 350px;
}

/* Align with worker calendar */
#workCalsPagingWrap
{
	clear: both;
	margin-right: 75px;
}

/*************************** Older procedural paging links ***************************/
.pagingNavWrap
{
	margin: 0 10px 10px 50px;
	display: inline-block;
}
.pagingNavWrap div
{
  display: inline-block;
  width: 526px;
}
.nextNav
{
	text-align: right;
}
.pagingNavWrap.payroll
{
	margin: 0;
  left: 81px;
  position: relative;	
}
.pagingNavWrap.payroll div	
{
	width: 118px;
}

/* Admin buttons widget */
#adminButtonsWrap
{
	text-align: left;
	padding: 20px;
}

#adminButtonsWrap button
{
	width: 150px;
}
#adminButtonsWrap button, #adminButtonsWrap input
{
	display: inline-block;
	margin: 0 3px 6px 3px;
}

#adminButtonsWrap form, #adminButtonsWrap p
{
	display: inline-block;
	margin: 0;
}

#adminButtonsWrap table
{
	width: 100%;
	display: none;
}

#adminButtonsWrap table td
{
	width: 157px;
}

/* Report buttons widget */

.reportsWidgetContentWrap button
{
	display: block;
	margin: 12px auto;
}

.ui-dialog{font-size: 75% !important;}
.ui-widget
{
	font-family: Verdana,Arial,sans-serif !important;
	font-size: 10px !important;
}

/* custom jquery UI icons */

.ui-button .ui-icon.car {
    background-image: url('customjQueryUIIcons/car.png');
    width: 16px;
    height: 13px; 
}

.ui-button.ui-state-hover .ui-icon.car {
    background-image: url('customjQueryUIIcons/carHighlighted.png');
    width: 16px;
    height: 13px; 
}


/* wrap to position relative divs without breaking document flow */

.absPositionWrap
{
	position: relative;
	width: 0;
	height: 0
}

/* required for form elements to be set to top of z-index */
.absPositionWrap > *
{
	position: relative;
	z-index: 2;
}

span.myMovesPV
{
	color: green;
}

/* moves view PV column styles */
/* height setting is important for lining up different week's border width styles*/
#quoteList li a table.moverCCMovesView
{
	display: inline-table;
	width: 750px;
	border-collapse: collapse;
	height: 40px;
}

.movesViewPVColumn
{
	float: left;
	display: inline-block;
	width: 25px;
	margin: 11px 0 0 0;
	padding: 0 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: green;
	text-align: right;
}


/* highlighted form fields */

.highlightedField
{
	background-color: yellow !important;
}

.highlightedRow
{
	border: 3px solid grey;
}

.highlightedField2
{
	background-color: lightyellow !important;
}


/* user notices */
div.userNoticeError
{
	color: red;
	font-weight: bold;
}
.close-disabled .ui-dialog-titlebar-close {display: none }


/* text input that replacement for disabled select such as in Add Hours */
.diabledSelectText
{
	padding: 2px 5px;
}

	/* Worker Tasks */
.currentWorkerTasksWrap
{
	display: inline-block;
	width: auto;
	margin: 5px 10px 0;
	float: left;
}

.currentWorkerTasksWrap h5
{
	color: blue;
	cursor: pointer;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-decoration: underline;
}

.currentWorkerTasksWrap ul
{
  width: 330px;	/* keeps long tasks descriptions from from pushing DIV to below search form */
	margin: 0;
	padding: 0;	
	list-style: none;
	font-size: 10px;
	display: none;
}

.currentWorkerTasksWrap li span.doneTaskLink
{
	color: blue;
	cursor: pointer;
}

.currentWorkerTasksWrap li.highPriority
{
	color: red;
}

button.variousViewsWidget
{
	visibility: hidden;
}

.sendCloseButton
{
	background-color:yellow !important
}

.imageLink
{
	cursor: pointer;
}

.dialogButtons
{
	text-align: center;
}
.dialogButtons button
{
	margin: 10px;
}

.ui-tooltip
{
	padding: 10px 20px !important;
	color: #fff !important;
	background-color:#075698 !important;
	border-radius: 20px !important;
	font: bold 12px "Helvetica Neue", Sans-Serif !important;
	box-shadow: 0 0 7px black !important;
	white-space: pre-line;
	opacity: .8;
}