.divDraftViewer {
	border: 1px solid silver;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease;
	}
.divDraftViewer:hover {
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7);
	}


.divDraftViewer .divDraftTopline {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	gap: 10px;
	justify-content: space-between;
	padding-bottom: 10px;
	}
.divDraftViewer .divAvatar {
	height: 46px;
	width: 46px;
	}
.divDraftViewer .divWhenPosted {
	color: #45455f;
	display: block;
	flex: 0 0 auto;
	font-size: 15px;
	height: 40px;
	line-height: 22px;
	order: 2;
	}
.divDraftViewer .divAccountInfo {
	align-items: center;
	display: flex;
	font-size: 15px;
	gap: 10px;
	line-height: 22px;
	max-width: 100%;
	overflow: hidden;
	}
.divDraftViewer .divWhoPosted {
	display: block;
	max-width: 100%;
	white-space: nowrap;
	}
.divDraftViewer .divWhoLine {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}


.divDraftContent {
	display: flex;
	flex-direction: row;
	position: relative;
	width: 520px; /* 4/2/25 by DW */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	
	font-size: 15px;
	line-height: 22px;
	}
.divDraftContent .divAvatarContainer {
	flex-shrink: 0;
	margin-left: 5px;
	margin-right: 10px;
	}
.divDraftContent .divText {
	flex: 1;
	border: var(--debugging-border);
	margin-right: 15px;
	}
.divDraftContent .divTitle {
	font-size: 14px; /* 4/2/25 by DW */
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.divDraftContent .divAuthorLine .spAuthor {
	font-size: 14px; /* 4/2/25 by DW */
	font-weight: bold;
	}
.divDraftContent .divAuthorLine .spWhen {
	font-size: 14px; /* 4/2/25 by DW */
	font-style: italic;
	margin-left: .3em;
	}
.divDraftContent .divAuthorLine .spIcons {
	float: right;
	font-size: 14px; 
	margin-top: 2px;
	margin-right: 2px;
	}
.divDraftContent .divAuthorLine .spIcons i {
	font-weight: 400;
	}
.divDraftContent .divBody {
	font-family: "Ubuntu";
	font-size: 14px;
	line-height: 140%;
	
	max-height: 100px;
	
	overflow: hidden;
	}
.divDraftContent .divBody h3 { /* 5/14/25 by DW */
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 150%;
	}
.divDraftContent .divBody blockquote p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	}
.divDraftContent .divBody.showFullBody {
	max-height: none;
	}
.divDraftContent .divBody.overflows::after {
	content: '';
	position: absolute;
	bottom: 1; /* don't overwrite the border */
	left: 0;
	width: 100%;
	height: 45px; /* Height of the fade effect */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
	pointer-events: none; /* Allows clicks to pass through to the text beneath */
	transition: opacity 0.3s ease;
	}

.divTimelineOutsideModal {
	width: 520px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	}
.divTimelineTable .divRow {
	display: flex;
	width: 100%;
	font-size: 14px;
	margin-bottom: 10px;
	}
.divTimelineTable .divRow.hasCursor {
	background-color: aliceblue;
	}
.divTimelineTable .hovering {
	border: 1px solid darkgray;
	cursor: pointer;
	}

.divTimelineDialog {
	}
.divTimelineDialog .modal {
	width: 600px;
	height: 90vh !important; /* Makes the modal take up 90% of viewport height */
	top: 5vh !important;     /* Positions it 5% from the top of the viewport */
	overflow: hidden !important;
	}
.divTimelineDialog .tooltip {
	z-index: 1060 !important; /* Higher than modal's 1050 */
	}
.divTimelineDialog .modal-header {
	display: flex;
	justify-content: space-between;
	}
.divTimelineDialog .modal-header .close {
	font-size: 16px;
	opacity: 0.7;
	margin-top: 3px;
	margin-right: 16px;
	}
.divTimelineDialog .modal-header .close:hover {
	font-weight: bold;
	opacity: 1;
	}
.divTimelineDialog .modal-body {
	max-height: calc(90vh - 100px) !important; /* 90vh minus header (60px) and footer (40px) */
	overflow-y: auto !important;
	}
.divTimelineDialog .modal-body .divTimelineTable {
	visibility: hidden;
	}
.divTimelineDialog .modal-footer {
	text-align: left;
	font-family: "Ubuntu";
	font-size: 14px;
	border: 1px dotted lavender;
	}
.divTimelineDialog .divPrompt {
	font-weight: bold;
	font-size: 16px;
	opacity: 0.7;
	}

.divMyConfirmDialog .modal {
	width: 650px;
	left: 48.3%;
	z-index: 1051;
	}
.divMyConfirmDialog .modal-body {
	display: flex;
	align-items: flex-start;
	height: 4em;
	}
.divMyConfirmDialog img {
	height: 42px;
	width: 42px;
	margin-right: 10px;
	flex-shrink: 0;
	}
.divMyConfirmDialog .divPrompt {
	margin-top: 10px;
	flex: 1;
	}
.divMyConfirmDialog .btn {
	width: 80px;
	margin-left: 5px;
	}
.divMyConfirmDialogModalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1050;
	};