/* Paligo - FD exchange css v0.1 */
:root {
--dark-grey: #E8E8E8;
--light-grey: #EEEEEE;
--black: #000;
--navy: #00344F;
}
.underline {
text-decoration: underline;
}
.section {
margin: 1em 0 0;
}
.step {
margin: 1em 0 0;
}
.image-center img{
margin: .5em 0 0;
}
li {
margin: .25em 0 0;
}
img {
max-width: 100%;
}
/* note blocks */
.note, .tip, .important {
width: 85%;
margin: .75em 0 1.5em;
padding: 1em 2em 2em 6em;
position: relative;
}
.note h3, .note p, .tip p, .tip h3, .important h3, .important p {
margin: 0;
}
.note.notice, .important, .tip{
background-color: var(--dark-grey);
}
.note > .itemizedlist {
margin: 0;
}
.note > .itemizedlist > .itemizedlist {
margin: 0;
padding-left: 1em;
}
.note::before, .tip::before, .important::before{
text-align: center;
font-size: 2em;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em ;
margin: .75em .75em;
background-size: contain;
background-repeat: no-repeat;
}
.note.notice::before{
content: "i";
background-color: var(--black);
color: var(--dark-grey);
border-radius: 50%;
}
.important::before {
content: "⚠";
font-size: 2.5em;
}
.tip::before {
content: "?";
font-size: 2.5em;
}
/* note catch-all*/
.note:not(.notice)::before{
content: "?";
}
/* Tables */
.informaltable.table-responsive thead th{
background-color: var(--dark-grey);
padding: .25em 0 .25em 1em;
}
.informaltable.table-responsive [frame=box] thead p {
margin: 0;
}
.informaltable.table-responsive [frame=box] tr:nth-child(even) {
background-color: var(--light-grey);
}
.informaltable.table-responsive [frame=void] {
border: none;
}
.informaltable.table-responsive [frame=box] td{
padding: 5px 0 5px 20px;
}
.informaltable.table-responsive [frame=box] td p {
margin: 0;
}
/* Text */
.titlepage .title {
color: var(--navy);
}
.titlepage h2 {
font-size: 1.75em;
margin: .2em;
}
.titlepage h3 {
font-size: 1.5em;
margin: .2em;
}
.titlepage h4 {
font-size: 1.2em;
margin: .2em;
}
.titlepage h5 {
font-size: 1em;
margin: .2em;
}
.section p:first-of-type {
margin: 0;
}
.section p {
margin: 1em 0 0;
}
ol {
list-style-position: outside;
}
ol > li {
display: list-item;
}
ol > li > div {
display: inline-block;
vertical-align: top;
width: 100%;
}
ol > li > div > div table td {
vertical-align: top;
}
