/******************
general tags
******************/
html, body, .md div, .md span, .md applet, .md object, .md iframe,
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md p, .md blockquote, .md pre,
.md a, .md abbr, .md acronym, .md address, .md big, .md cite, .md code,
.md del, .md dfn, .md em, .md font, .md ins, .md kbd, .md q, .md s, .md samp,
.md small, .md strike, .md strong, .md sub, .md sup, .md tt, .md var,
.md dl, .md dt, .md dd, .md ol, .md ul, .md li,
.md fieldset, .md form, .md label, .md legend,
.md table, .md caption, .md tbody, .md tfoot, .md thead, .md tr, .md th, .md td{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body .md,
.md input, 
.md select, 
.md textarea,
.md button{
	font-size: 12px;
	line-height: 1.2;
}
@-moz-document url-prefix() {
	/* FF12 does not correctly render form input font sizes */
	.md6 .input input{
		font-size: 11px;
	}
}
.md blockquote:before, .md blockquote:after,
.md q:before, .md q:after {
	content: "";
}
.md blockquote, q {
	quotes: "" "";
}
.md a:hover{
	text-decoration: none;
}
.md a img{
	border: none;
}
.md img{
	border-style: none;
	border-width: 0;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}
.md p{
	margin-bottom: 1em;
}
.md sup, /* fix for the line-height problem with sub and sup */
.md sub{
        position: relative;
        vertical-align: 0;
}
.md sup{
        bottom: 0.4em;
}
.md sub{
        top: 0.4em;
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 14px 0 8px;
}
.md h1	{font-size: 18px;}
.md h2	{font-size: 14px;}
.md h3	{font-size: 13px;}
.md h4	{font-size: 12px;}
.md h5	{font-size: 11px;}
.md h6	{font-size: 10px;}
.md ol{
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	list-style-position: outside;
}
.md ul{
	margin: 0 0 20px 8px;
	padding: 0 0 0 10px;
	list-style-position: outside;
}
.md li{
	margin: 0 0 5px 0;
}
.md dl{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.md dt{
	margin: 0 0 5px 0;
}
.md dd{
	margin: 0 0 8px 20px;
}
/******************
tables
******************/
.md table {
	display: table;
	clear: both;
	width : 100%; 
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.md table caption {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.md table,
.md td,
.md th {
	border-style: solid;
	vertical-align: top;
}
.md td,
.md th {
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 4px 8px;
}
.md thead th,
.md tbody th, 
.md tfoot th{
	text-align: left;
	font-weight: bold;
}

/**/
body .md,
.md input,
.md select,
.md textarea,
.md a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
.md .noPrint,
.md .onlyScreen {
	display: none;
}
.md .hidden {
	display: none !important;
}
.md .onlyPrint {
	display: block !important;
}
.md h1.logo {
	margin-bottom: 20px;
}
.md table,
.md td,
.md th {
	border-color: #dddddd;
}
.md .nav,
.md .loginPortlet,
.md .colOne,
.md ul.util,
.md .loginPortlet,
.md .utilities,
.md .sectionTitle,
.md .cntxthelp,
.md div.breadcrumb,
.md .searchGlobal,
.md .banner {
	display: none !important;
}
.md .colThree .portlets {
	display: none !important;
}
.md .colThree .online_right {
	display: block !important;
}
/* PFMMDSB-1800 show account details, hide others in print  */
.md .colThree .online_right > * {
	display: none !important;
}
.md .colThree .online_right #Component-AccountDetails_details {
	display: block !important;
}
.md .colThree div[class*='Component-'],
.md .footer div[class*='Component-'] {
	display: none;
}
.md div.colThree,
.md .TransactionsMultiEdit div.colThree {
	float: none;
	padding: 0 10px;
}
.md table {
	width: auto !important;
	margin-left: 5px !important;
}
.md label,
.md .label,
.md input,
.md .input {
	display: block !important;
	clear: both !important;
}
.md .il label,
.md .il input,
.md .il .label,
.md .il .input {
	display: inline !important;
}
#MultiMember label {
	width: auto;
	float: left;
}
#MultiMember span.value {
	display: inline;
}
#MultiMember ul li {
	display: inline;
	padding-right: 8px;
}
#MultiMember ul,
.content .control {
	clear: both;
}
/*********************
Account Summary
*********************/
.md .accountsList th.control,
.md .accountsList td.control {
	display: none;
}
/*********************
Account Activity (Usability 3)
*********************/
.md .details {
	display: block;
	clear: both;
}
.md .details .oneColRow,
.md .details .twoColRow {
	clear: both;
	display: block !important;
	float: left;
	padding-bottom: 10px;
	width: 520px;
}
.md .details .column {
	margin: 0;
	width: 50%;
	float: left;
}
.md .details label {
	float: left;
	padding-right: 10px;
}
.md .details .value {
	padding-right: 10px;
}
.md .results h2 {
	clear: both;
	display: block;
}
.md .results .currentDate {
	font-weight: bold;
	padding: 0 0 20px 0;
	display: block;
	clear: both;
}
.md .selectedBox {
	display: none;
}
/* MRR-3914 hide account details modal box from print  */
.md tr.oddSelected td,
.md tr.evenSelected td {
	padding-bottom: 3px !important;
}
/*********************
Receipt
*********************/
.md .receipts {
	clear: both;
	display: block;
	float: none;
	width: 100%;
}
.md .receipts hr,
.md .calltoactionNext {
	display: none;
}
/*receipt header*/
.receipts .receiptHeader {
	float: none;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.receiptHeader .column {
	margin: 0px;
}
.receiptHeader .twoColRow .column {
	float: left;
	width: 50%;
}
.receiptHeader label {
	float: left;
	padding-right: 10px;
}
.receiptHeader .value {
	padding-right: 10px;
}
/*receipt*/
.receipts .receipt {
	border-top: 1px solid #cccccc;
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 0;
	width: 100%;
}
.receipt dl {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 400px;
}
.receipt dt,
.receipt dd {
	margin: 0 0 3px 0;
}
.receipt dt {
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	width: 175px;
}
.receipt dd {
	float: left;
	width: 220px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.receiptFail dd.status {
	font-weight: bold;
}
.receipt p {
	clear: both;
	padding-left: 0;
}
.receipt p.note {
	clear: left;
	padding: 10px 5px;
}
.receipt p.noteN {
	margin-bottom: 0px;
}
/*********************
Forms
*********************/
.md div.oneColRow,
.md div.twoColRow {
	padding: 4px 0;
}
.md div.oneColRow label,
.md div.twoColRow label {
	font-weight: bold;
}

.md .asOfDate {
	padding-left: 5px;
}

/*************************************************
CUSSOL-81 Hide Ada/Tunl Chatbot from print screen
*************************************************/
#ada-entry {
	display: none;
}
/* DU-1403 */
.md-container {
	background-color: unset;
	box-shadow: none;
	border-radius: 0;
}
.md-container.mt-2 {
	margin-top: 0 !important;
}
.col-md-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-md-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-md-9 {
	flex: 0 0 auto;
	width: 75%;
}
.p-2 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.pb-2 {
	padding-bottom: 0 !important;
}
.mb-2 {
	margin-bottom: 0 !important;
}
.my-1 {
	margin-bottom: 0 !important;
}
h1 {
	font: 0.875rem Arial, Helvetica, sans-serif;
	color: var(--bs-primary-1);
}
.md-confirm-value,
.md-confirm-label,
.form-label,
.fw-bold {
	font: 0.875rem Arial, Helvetica, sans-serif;
}
.printLogo {
	width: 320px;
}
header#PageHeader {
	padding-top: inherit;
	min-height: auto;
	background-color: white;
	position: relative;
}
#brandLogo {
	max-width: 320px;
	max-height: 5rem;
	float: left;
	padding-left: 2px; 
	
}

/**/