body {
}

/*  Left align all buttons in action column - if impersonation is missing,
	the others are still lined up - CDO people rejoice!
*/

.tdAction div.rowButtonBar {
	text-align: left;
}


/* Remove staff modal fields */
div#modalRemoveStaffAssignment span#spnRemoveStaffFullName,
div#modalRemoveStaffAssignment span#spnRemoveStaffPositionName,
div#modalRemoveStaffAssignment span#spnRemoveStaffSystemName,
div#modalRemoveStaffAssignment span#spnRemoveStaffSiteName,
div#modalRemoveStaffAssignment span#spnRemoveAppAccessFullName,
div#modalRemoveStaffAssignment span#spnRemoveAppAccessSystemName,
div#modalRemoveStaffAssignment span#spnRemoveAppAccessSiteName,
div#modalRemoveStaffAssignment span#spnRemoveAppAccessAccessLevel,
div#modalRemoveStaffAssignment span#spnRemoveAppAccessApplicationName {
	font-weight: bold;
}

/* Align the buttons in the middle of the dialog */
div#modalRemoveStaffAssignment div.modal-footer {
	text-align: center;
}

/* Show a staff record that has been removed in the current transaction */
tr.staffRemoved {
	color: #c0c0c0;
}

.dxgvDataRowHover a.btn,
.dxgvDataRowHover a.btn:hover {
	color: #fff !important;
}

.dxgvDataRowHover a.btn-default {
	color: #fff !important;
	background-color: #000;
}


.BondExpiringSoon {
	background-color:#ffc107;
}

.BondExpired {
	/*background-color: wheat;
	color: darkred;
	font-weight: bold;*/
	color:#fff;
	background-color: #CE4844;
}

/* Show bond expired action buttons with different colored border */
tr.BondExpired td.tdAction div.rowButtonBar .btn,
tr.BondExpiringSoon td.tdAction div.rowButtonBar .btn {
	border-color: #c0c0c0;
}

/* Show bond detail icon in black when expired or expiring */
tr.BondExpired td.tdAction div.rowButtonBar .btn.btnBondDetails svg,
tr.BondExpiringSoon td.tdAction div.rowButtonBar .btn.btnBondDetails svg {
	color: #000;
}

td.tdAction div.rowButtonBar a.btnBondDetails {
	border: 0;
}


.HasNoAimAccount {
	font-style: italic;
}

.PersonIsDeleted {
	color: cornsilk;
	background-color: darkgrey;
}


table#tblAddStaffParameters tr td {
	border-top-width: 0px;
}
/* Set the Find Person results window to be wider to display
	the many columns in a more readable manner */
div.modal#modalFindPersonResults div.modal-dialog {
	width: 80%;
}

/* Tweak the width of the AddStaff dialog to be slightly wider
	*/
div.modal#modalAddStaffToPosition div.modal-dialog {
	margin-top: 60px;
}

/*  Make the rows in the add staff table large enough
	to hold the combobox without cutting off the dropdown
	caret.
*/
table#tblAddStaffParameters tr {
	line-height: 45px !important;
}

	/* Make labels and controls line up */
	table#tblAddStaffParameters tr.row-with-control td {
		vertical-align: bottom;
	}


/* Apply a little visual gap between use person and view buttons */
button.btnUsePerson {
	margin-right: .25em;
}

/* Have combobox dropdown button top line reappear */
table#tblAddStaffParameters td.dxeButton.dxeButtonEditButton {
	border-top: 1px solid black;
}


table#tblAddStaffParameters td#tdAddStaffPositionLabel {
	vertical-align: top;
}


div#divTestButtons {
	margin-bottom: .75em;
}

/* Add  staff modal fields */
div#modalAddStaffToPosition span#spnAddStaffPersonName,
div#modalAddStaffToPosition span#spnAddStaffPersonDob,
div#modalAddStaffToPosition span#spnAddStaffPersonEmail,
div#modalAddStaffToPosition span#spnAddStaffPersonSsn,
div#modalAddStaffToPosition span#spnAddStaffPersonAlsdeId {
	font-weight: bold;
}

/* Detail row styles */

div#divStaffingDetailRowContent {
	border-left: 1px solid rgb(168, 168, 168);
	border-right: 1px solid rgb(168, 168, 168);
	border-bottom: 1px solid rgb(168, 168, 168);
	padding-left: .25em;
	padding-right: .25em;
}

	div#divStaffingDetailRowContent table#tblStaffDetailRowDemographics {
		max-width: 800px;
        margin-bottom: 0;
	}

		div#divStaffingDetailRowContent table#tblStaffDetailRowDemographics.table tr td {
			border-top-width: 0px;
		}

		div#divStaffingDetailRowContent table#tblStaffDetailRowDemographics.table span {
			font-weight: bold;
		}


p#pDemographicsModification {
	color: #c0c0c0;
	font-size: 90%;
    margin-bottom: 1.5em;
    margin-left: .35em;
}

	p#pDemographicsModification span#spnDemographicsModifyUser {
		font-style: italic;
		font-variant: small-caps;
	}

	p#pDemographicsModification span#spnDemographicsPersonModifyDate,
	p#pDemographicsModification span#spnDemographicsPersonModifyTime {
		font-variant: small-caps;
		font-style: italic;
	}



div#divStaffingDetailRowContent div#divStaffDetailRowButtonBar {
	margin-bottom: .25em;
}

/* Remove all staff positions modal styles */
div#modalRemoveAllStaffAssignments span#spnRemoveAllStaffAssignmentsFullName {
	font-weight: bold;
}

/*  Add staff position / app access rule
	Make position description wrap instead of truncating with ellipsis
*/

span.addStaff-position-description {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

/* Add a little space above/below the legend panel */
div#rowStaffLegend {
	margin-top: 1em;
	margin-bottom:1em;
}

/* Bond status modal fields */
div#modalBondDetails span#spnBondDetailFullName,
div#modalBondDetails span#spnBondDetailBondStatus,
div#modalBondDetails span#spnBondDetailStaffPositionName
{
	font-weight: bold;
}