/* @import url(http://fonts.googleapis.com/css?family=Ubuntu|Armata|Lora); */
/* We need the fonts locally for the Firefox/ChromeOS app anyway */
/* Modified http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'),
         url('../fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu.woff') format('woff'),
         url('../fonts/Ubuntu.ttf')  format('truetype');
}
@font-face {
    font-family: 'Armata';
    font-style: normal;
    font-weight: 400;
    src: local('Armata'), local('Armata-Regular'),
         url('../fonts/Armata.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Armata.woff') format('woff'),
         url('../fonts/Armata.ttf')  format('truetype');
}
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: local('Lora'),
         url('../fonts/Lora.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lora.woff') format('woff'),
         url('../fonts/Lora.ttf')  format('truetype');
}

body {
    font-family: "Ubuntu","Verdana","Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#fff;
    /* Chrome needs this instead of just "height:100%;" like Firefox,
       either here on in "body > div". */
    position:absolute; top:0; bottom:0; left:0; right:0;
}

.flexbox {
    display:flex;
}
.flexbox-vertical {
    flex-direction:column;
}
header {
    padding:1em;
}
header .well { margin-bottom:0; }
.progress { margin:0.5em; }
.dashboard {
    padding:1em;
    flex:1 1 0%;
    overflow:auto;
    margin:0 1em 1em 1em;
    border:none;
    margin:0 1em 1em 1em;
}
.dashboard > div {
    background:#fff;
    padding-left:2%;
    margin-bottom:2em;
    display:inline-block;
    border:thin solid #ddd;
    padding:1em;
    margin:0.5em;
    vertical-align:top;
}
.dashboard > div > h2 {
}
.dashboard .folded {
    display:none !important;
}
.dashboard object {
    display:block;
    max-width:100%;
    min-width:60em;
}
.dashboard object[type=table] {
    pointer-events:none;/* Needed to scroll in Chrome. */
}
.dashboard object[type=summary] {
    display:inline;
}
.dashboard object > svg {
    max-width:100%;
}
.dashboard object > table {
    width:auto;
    min-width:50%;
    pointer-events:auto;/* Needed for the hack to get scroll in Chrome. */
}
@media print {
    .flexbox {
        display:block;
    }
    .dashboard {
        padding-top:3em;
        padding-bottom:3em;
        flex:none;
        overflow:visible;
    }
    .dashboard .folded, button {
        display:none;
    }
    .dashboard object[type=table] {
        max-height:none;
        /*overflow:visible;*/
    }
}


/* Overrides for Bootstrap: */
input, button, select, textarea { font-family:inherit; margin-bottom:0; }

.navbar .brand {
    margin:0;
    padding:0px 8px 0px 4px;
    color:black;
    text-shadow:inherit;
    clear:both;
    text-align:left;
}
.navbar-inner {
    /*text-align:right;*/
    background:none;
    border:none;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner
{ box-shadow:none; }
.navbar .nav {
    margin:0;
    float:right;
    text-align:right;
}
.navbar .nav > li {
    line-height:120%;
    display:inline;
    float:none;
}
.navbar .nav > li > a {
    display:inline-block;
    padding:0.2em 0;
    text-shadow:inherit;
}
.navbar .nav > li + li > a:before {
    content:"| ";
    color:#ccc;
    padding:0 0.3em 0 0.2em;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background:transparent;
    box-shadow:none;
}
.navbar-inner { padding:0; min-height:0; }
.container-fluid { padding:0; }
.btn-toolbar { margin:5px 0 0 0; display:inline-block; }
.btn > .label { vertical-align:middle; }
.btn-group > input {
    margin:0;
    border-right:none;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.btn-group > input + input {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.btn * + .caret { margin-left:0.5em; }
div.dropdown-menu { padding:0.5em; }
.dropdown-menu {
    min-width:4em;
    cursor:default;
    z-index:10000;/* Because of the map component LeafletJS */
}
ol.dropdown-menu {
    max-height:23em;
    overflow:auto;
}
.dropdown-menu > li > span {
    padding:3px 20px;/* same as <a></a> */
    white-space:nowrap;/* for the e-mail address */
}
.dropdown-menu form { margin:0; }

.version-display {
    text-align:right;
    font-size:75%;
    color:#555;
    line-height:inherit;
    padding:0 4px;
}
.version-display + .version-display {
    background:yellow;
}

.pagination ul > li > a, .pagination ul > li > span {
    padding:4px 6px;
    min-width:2em;
    text-align:center;
}
.pagination a, .btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h1 { font-size:130%; line-height:130%; padding-left:0.2em; }
h2 { font-size:120%; line-height:120%; padding-left:0.2em; }
h3 { font-size:110%; line-height:110%; padding-left:0.2em; }
footer a { color:#005C04; font-weight:bold; }