/**
 * CSS for Timesheets CRUD indexes
 */

 /* toggle shifts lock icon based on state */
 body#ViewWrapper-Timesheets > main > div#CRUD-controls input[type="checkbox"][name="ExpenseMonthLocks"]:checked ~ .fa:before {
 	/* fa-lock */
 	content: "\f023";
 }
 /* toggle shifts lock icon based on state */
 body#ViewWrapper-Timesheets > main > div#CRUD-controls input[type="checkbox"][name="ExpenseMonthLocks"]:not(:checked) ~ .fa:before {
 	/* fa-unlock-alt */
 	content: "\f13e";
 }

/* exported info container */
body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr td div.Exported {
	display: block;
	position: relative;
	padding: 5px 3px 5px 3px;
	width: calc( 100% - 6px );
	margin-top: 10px;
	
	text-align: center;
	font-family: 'Syne Mono';
	font-size: 10px;
	color: rgba(0,0,0,.75);
	
	background-color: rgba(0,0,100,.2);
	border: 1px solid rgba(0,0,100,.35);
	border-radius: 2px;
}

	body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr td div.Exported > .fa {
		font-family: FontAwesome;
		font-size: 15px;
		margin: 3px 0px 3px 0px;
		color: rgba(0,0,150,.5);
	}

/* approval state container */
body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr td div.Memo {
	max-height: 50px;
	overflow: hidden;
	
	font-style: italic;
	color: rgba(0,0,0,.75);
	text-overflow: ellipsis;
	line-height: 1.1;
}
	body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr td div.Memo:not(:empty) {
		margin-top: 10px;
	}

/* attachments cell */
body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments:not(.record-state-reduced) {
	
}
		
	/* attachment container */
	body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments > div.attachment {
		display: inline-block;
		width: 85px;
		height: 85px;
		margin: 3px 3px 3px 0px;
		
		/* border: 1px solid rgba(0,75,128,.5); */
	}
			
			/* attachment filename/caption */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments > div.attachment.image > div.caption {
				display: block;
				position: absolute;
				z-index: 2;
				width: 75px;
				height: 79px;
				padding: 2px 5px 5px 5px;
				
				font-family: 'Syne Mono';
				font-size: 12px;
				color: white;
				overflow: hidden;
				text-overflow: ellipsis;
				
				background-color: rgba(0,0,0,.5);
			}
		
		/* hover on attachment container */
		body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments > div.attachment > div.caption:hover {
			cursor: pointer;
			background-color: rgba(0,0,0,.65);
		}
		
			/* attachment image thumbnail container */
			body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments > div.attachment.image > div.thumb {
				display: inline-block;
				position: absolute;
				vertical-align: top;
				width: 85px;
				height: 85px;
				
				overflow: hidden;
			}
			
				/* attachment image thumbnail image */
				body#ViewWrapper-Timesheets > main > table.CRUDIndex.ExpenseEntries tr > td.attachments > div.attachment.image > div.thumb > img {
					position: relative;
					width: 100%;
					height: auto;
				}