html, body {
    font-size: 11pt;
    background: #ffffff;
}

body.external {
    background: #e0e0e0;
    padding-bottom: 16px;
}

body.iframe {
    margin: 10px;
}

body.Admin {
}

body.Admin.login, body.Admin.forgot, body.Admin.reset {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background-color: #f5f5f5;
}

.Admin .form-login {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

#header-image {
    max-height: 100px;
    max-width: 100%;
}
#header-image.logo {
    max-width: 50%;
}

#menu-sidebar {
    background: #00589B;
    color: white;
}
#menu-sidebar .active {
    background: #43B3E6;
}
#menu-sidebar h1 {
    font-size: 18pt;
    color: white;
}

#content {
    flex-grow: 1;
}

#content h1 {
    font-size: 24pt;
    color: #00589B;
}

#content h3 {
    font-size: 18pt;
    font-weight: bold;

}

#footer p:first-of-type {
    margin-top: 0;
}

#footer p:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    #menu-sidebar {
        width: 240px;
                min-width: 240px;
    }
}

.table thead th {
    vertical-align: middle;
    white-space: nowrap;
}

.edit-box, .table-box {
    min-height: 50px;
}

a.email-link::before, a.phone-link::before, a.file-link::before, a.external-link::before, a.asc::before, a.desc::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    width: 1.5em;
    text-align: center;
    padding-right: 3pt;
}
a.email-link::before {
    content: '\f0e0';
}
a.phone-link::before {
    content: '\f095';
}
a.file-link::before {
    content: '\f15c';
}
a.external-link::before {
    content: '\f35d';
}
a.asc::before {
    width: 1em;
    content: '\f0de';
}
a.desc::before {
    width: 1em;
    content: '\f0dd';
}

.placeholder-row {
    background: #eeeeff !important;
}

.attachment-name {
    padding-left: 1.5em !important;
}

details {
    border: solid black 1px;
    margin: 15px 0;
    padding: 10px;
    font-size: 85%;
}
details summary {
    font-size: 120%;
}

.banner-preview {
    max-width: 500px;
    max-height: 200px;
}

#email-preview-frame {
    border: solid black 2px;
    height: 70vh;
}

.select-result .select-title {
    font-weight: bold;
}

.select-result .select-subtitle {
    margin-left: 10px;
    font-size: 85%;
}

.select-result .select-meta {
    font-style: italic;
}

th.currency, td.currency, th.numeric, td.numeric {
    text-align: right;
}

th.date, td.date {
    white-space: nowrap;
}

th.account-number, td.account-number {
    white-space: nowrap;
}

.navbar-brand {
    white-space: normal;
}

button[aria-expanded=false] .fa-plus { display: block; }
button[aria-expanded=false] .fa-minus { display: none; }
button[aria-expanded=true] .fa-plus { display: none; }
button[aria-expanded=true] .fa-minus { display: block; }