/* enable bold */
b {
   font-weight: bold;
}
/* enable italic */
i:not(.fa) {
   font-style: italic;
}
/* enable underline */
u {
   text-decoration: none;
   border-bottom: 1px solid rgba(0,0,0,.75);
}
u.dark-bg {
   text-decoration: none;
   border-bottom: 1px solid rgba(255,255,255,.75);
}

/* notice container */
body#ViewWrapper-Timesheets > main .notice {
	padding: 20px;
	min-height: 25px;

	font-size: 14px;
	font-weight: bold;
	color: rgba(0,0,0,.85);
	background-color: white;
	text-align: left;
}

	/* notice containing paragraphs */
	body#ViewWrapper-Timesheets > main .notice.paragraphs {
		text-align: left;
	}

	body#ViewWrapper-Timesheets > main div.notice {
		display: flex;
		width: calc( 100% - 100px );
		margin: 35px auto 25px auto;
		box-shadow: 2px 2px 5px rgba(0,0,0,.35);
		align-items: center;
	}
	
		/* offset notice */
		body#ViewWrapper-Timesheets > main div.notice.offset {
			margin-top: 70px;
		}

		/* paragraphs */
		body#ViewWrapper-Timesheets > main .notice > p {
			margin-bottom: 15px;
			text-align: center;
		}

	/* warning */
	body#ViewWrapper-Timesheets > main .notice.warning {
		color: rgb(100,0,0);
	}

	/* icon */
	body#ViewWrapper-Timesheets > main .notice > .fa {
		width: 50px;
		margin: -3px 15px -3px 0px;
		vertical-align: middle;

		font-size: 35px;
		color: rgba(0,0,0,.5);
	}

		/* icon for warning notice */
		body#ViewWrapper-Timesheets > main .notice.warning > .fa {
			color: rgba(255,0,0,.35);
		}

		/* icon when notice contains paragraphs */
		body#ViewWrapper-Timesheets > main .notice.paragraphs > .fa {
			float: none;
			position: absolute;
		}