body, table { 
    font-size: 11pt;
    font-family: 'Open Sans', Arial, sans-serif;
}

.content {
    padding: 5px 10px;
}

a {
    color: #2d79c1;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0, 1, 0, 1) 0s;
}
a:hover {
    color: #1c476f;
    text-decoration: underline;
}

hr {
    height: 2px !important;
    color: gray;
    margin-bottom: 5px;
}
h1, h2 {
    font-family: 'Exo 2', Arial, sans-serif;
    color: #bbcf36;
    font-size: 28pt;
    font-weight: 600;
    text-align: center;
    margin: 15px auto;
}
h2 {
    font-size: 20pt;
    font-weight: 400;
    color: #7e8c1d;
    margin-top: 20px;
}
.ctr {text-align: center;}
.strong {font-weight: bold}
.help {border-bottom: 1px black dashed; cursor: help;}

.loginForm {
    display: inline-block;
}

.flash {
    width: 600px;
    padding: 5px 25px;
    margin: 0px auto 20px;
    text-align: center;
}
.flash.error {
    background: #ffa9a9;
}
.flash.info {
    background: #b9ddff;
}

.menu td {
    vertical-align: top;
}
.menu a {
    display: block;
    margin: 3px auto;
}
.menu .exports a {
    display: inline-block;
}


/* tables */

table th { 
    font-family: 'Exo 2';
    font-size: 13pt;
    font-weight: 400;
    padding: 5px 12px;
    text-align: center;
}
table td { 
    padding: 5px 10px;
}
table.checkable tr:hover {background: #eff8ff;}
table.menu {
    width: 100%;
}

/* main */
table.main {
    border-collapse: collapse;
    white-space: nowrap;
}
table.main, table.boxes {
    width: 100%;
}
table.main th {font-size: 11pt;}
table.main td {font-size: 9pt; border-top: 1px solid gray; padding: 6px 10px;}
table.main .sumrow td {font-weight: bold;}
table.main .br {border-right: 2px solid gray;}
table.main .breakable {white-space: normal;}
table.main input[type="checkbox"] {
    width: 100%;
    height: 2em;
    outline: none;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}
table.main .topheader th{font-size: 12pt;}

/* mini */
table.main.mini th {font-size: 10pt; padding: 5px 8px;}
table.main.mini td {font-size: 8pt; padding: 4px 6px;}
table.main.mini .topheader th{font-size: 11pt;}

table.boxes.mini th {font-size: 11pt; padding: 8px 4px;}
table.boxes.mini td {font-size: 9pt; padding: 6px 4px;}


/* toggles */
.sh-toggle {
    font-size: 18px;
    line-height: 12px;
    vertical-align: top;
}
.sh-block {
    font-size:10px;
    padding: 5px 0px 0px 12px;
    text-align: left;
}
.sh-block-big {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    background: white;
    padding: 8px;
    margin: 5px 2px;
}
.sh-block hr {
    border-top: 0px;
    color: gray;
    margin: 12px 0;
}

.footnote {
    text-align: center;
    color: gray;
    font-size: 90%; 
}
.footside {
    margin-top: 5px;
    font-size: 80%; 
    text-align: right; 
}