body {
    margin:0px auto;
    max-width:650px;
    line-height:1.6;
    font:18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding:0 10px;
}
h1,h2,h3 {
    line-height:1.2
}

a {         color: #0000ff; }
a:link {    color: #0099ff; }
A:visited { color: #0099ff; }
A:hover {   color: #0077bb; }
a:active {  color: #00cccc; }

label.XQuote {
	color: #2244bb;
}

:root {
    --card-bg: #eee;
    --card-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme: dark){
    :root {
        --card-bg: #181828;
        --card-shadow: 4px 4px 8px rgba(255, 255, 255, 0.2);
    }
    body{
        color: #ffffff;
        background-color: #000011;
        /*SCROLLBAR-BASE-COLOR: #000044;
        SCROLLBAR-ARROW-COLOR: #aaeeee;
        scrollbar-color: #007 #bada55;*/
    }

    a {         color: #bbeeee; }
    a:link {    color: #88ccee; }
    A:visited { color: #88ccee; }
    A:hover {   color: #bbeeee; }
    a:active {  color: #0066ff; }
    label.XQuote {
    	color: #99bbff;
    }
}

A.Delete:hover {
	color: #ff0000;
}

div.card-container {
}
div.card-container p {
    border: none;
    padding: 15px;
	margin: 10px 5px;
    /*border-radius: 8px;*/
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    position: relative;
}
div.card-container p span.author {
  display: block;
  text-align: right;
}

table.XQuoteDetails
{
    width: 90%;
    color: #5555ff;
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 2%;/*5px;*/
}
table.XQuoteDetails td {
	padding-left: 3%;/*5px;*/
}

font.new, span.new {
	color: #ffcc00;
    display:none;
}
font.old, span.old {
	color: #999999;
    display:none;
}
.quote {

}
.note {
    font-size: small;
	color: #555588;
}

span.copyright{
	font-size:7.5pt;
	font-family:Tahoma,Geneva,Kalimati,sans-serif;
}

.center {
	text-align:center
}

.right {
	margin-left:auto;
}