#header { position: absolute ; top: 5px ; left: 5px ; right: 5px ; height: 65px ; }
#search-results, #db-report { position: absolute ; top: 95px ; bottom: 5px ; left: 5px ; right: 5px ; overflow: auto ; }
#db-report { z-index: 10 ; }

#header { border: 1px solid #ccc ; background: #eee ; border-top-right-radius: 10px ; padding: 5px 5px 10px 5px ; }
#header .logo { float: left ; height: 70px ; }
#header .app-name { font-size: 25px ; }

#menu-button--app { position: absolute ; top: 10px ; right: 10px ;
    width: 30px ; height: 30px ;
    background: url("/public/images/main-menu.png") transparent no-repeat ; background-size: 100% ; border: none ;
    cursor: pointer ;
}
[data-reach-menu] { z-index: 999 ; }
[data-reach-menu-list] { padding: 5px ; }
[data-reach-menu-item] { display: flex ; height: 1.25em ; padding: 5px ; }
[data-reach-menu-item][data-selected] { background: #b0e0ff ; color: black ; }
[data-reach-menu-list] .divider { height: 0 ; margin: 2px 0 ; border-top: 1px solid #aaa ; }
[data-reach-menu-list] img { height: 100% ; margin-top: -0.1em ; margin-right: 0.5em ; }

#watermark {
    position: fixed ; right: 0 ; bottom: 0 ;
    height: 30% ;
    opacity: 0 ; z-index: -999 ;
    transition: opacity 5s ;
}
#watermark img { height: 100% ; }

.MuiDialogTitle-root { padding: 10px 16px 6px 16px !important ; }
.MuiDialogContent-root>div { margin-bottom: 1em ; }
.MuiDialogContent-root p { margin-top: 0.5em ; }
.MuiDialogActions-root { background: #f0ffff ; }
.MuiDialogActions-root .MuiButton-text { padding: 6px 8px 2px 8px ; }
.MuiDialogActions-root button:hover { background: #40a0c0 ; color: white ; }
.MuiButton-label { text-transform: none ; }

#ask .MuiDialog-paper { width: 50% ; max-width: 40em !important ; }
#ask img.icon { width: 2em ; float: left ; margin: 0 1em 1em 0 ; }

#error-response iframe { width: 100% ; border: none ; }

.Toastify p { margin-top: 0.25em ; }
.Toastify__toast--info { background: #20b040 ; }
.Toastify__toast--warn { background: #f0c010 ; }
.Toastify__toast--error { background: #e04060 ; }

.react-select__control { border-radius: 0 !important ; }
.react-select__value-container { padding: 0 5px ; margin: -10px 0 ; }

img#loading { position: fixed ; top: 50% ; left: 50% ; margin-top: -16px ; margin-left: -16px ; }

.collapsible .caption img { height: 0.75em ; margin-left: 0.25em ; }
.collapsible .count { font-size: 80% ; font-style: italic ; color: #666 ; }
.collapsible .more { font-size: 80% ; font-style: italic ; color: #666 ; cursor: pointer ; }

.monospace { margin-top: 0.5em ; font-family: monospace ; font-style: italic ; font-size: 80% ; }
