table.memo-preview {
  --border: 1px solid #ddd !important;
  border-radius: 5px!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

table.memo-preview {
	border: 1px solid #ddd !important;
	border-radius: 5px!important;
	width: 100%!important;
	color: #222!important;
	margin-top: 5px!important;
}


.memo-preview .company-logo {
	text-align: center !important;
	display: block!important;
}

.memo-preview .company-logo img {

	width: 90px!important; 
	height: auto!important;
}


.memo-preview .company-name  {
	text-align: center !important;
	display: block!important;
	font-size: 35px!important;
	font-weight: bold!important;
	color: #6c6868!important;
}

.memo-preview .memorandum {
	text-align: center !important;
	font-size: 1.38rem!important;
	font-weight: bold!important;
	color: #6c6868!important;
	text-transform: uppercase!important;
	font-style: italic!important;
	width: fit-content!important;
	justify-content: center !important;
	align-items: center !important;
	align-self: center !important;
}

.memo-preview .from-to-separator {
	border-bottom-style: double!important;
} 

.memo-preview .subject{
	display: block!important;
	font-size: 1.25rem!important;
	font-weight: bold!important;
	margin: 15px 0!important;
}

.memo-preview .message-box {
	margin: 10px !important;
	/*border-right: 1px dotted #222 !important;*/
	width: fit-content!important;
	justify-content: center !important;
	display: inline-block !important;
	padding: 10px !important;
	text-align: center !important;
}


.memo-preview .message-box p{
	font-size: 1rem!important;
	display: grid!important;
	justify-content: center!important;
	margin-bottom: 0px!important;
}

.memo-preview .left{
	float:left!important;
	display: block!important;
	font-size: 1.28rem!important;
	font-weight: bold!important;
}


.memo-preview .left .refnumer{
	text-decoration:none!important;
	margin: 0!important;
}


.memo-preview .position-rel {
	position:relative!important;
}

.memo-preview .right{
display: block!important;
font-size: 1.28rem!important;
font-weight: bold!important;
margin-left: 50% !important;
border-left-width: 5px!important;
border-left-style: double!important;
border-left-color: #000!important;
padding-left: 146px!important;
}


.memo-preview .company-restricted{
	text-align: center !important;
	display: block!important;
	font-size: 1.15rem!important;
	font-weight: bold!important;
	color: #6c6868!important;
}

.memo-preview .body, .memo-preview p{
    font-size: 1.18rem !important;
    color: #000 !important;
}


.memo-preview .refline {
    border-bottom-style: double !important;
    border-bottom-width: 5px!important;
    border-bottom-color: #000 !important;
}