html,body,div,input,select,option { font-family: 'LatoRegular', Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; font-style: normal; }
html,body { min-height: 100%; }
body { background: #eee9e4; }

h1 { margin-bottom: 0.5em; line-height: 1.3em; font-size: 28pt; font-family: 'LatoLight', Arial, Helvetica, sans-serif; font-weight: lighter; cursor: default; }
h2 { margin-bottom: 0.5em; line-height: 1.2em; font-size: 16pt; font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-weight: bold; cursor: default; }
h3 { margin-top: 2rem; margin-bottom: 0.5em; line-height: 1.2em; font-size: 12pt; font-family: 'LatoLight', Arial, Helvetica, sans-serif; font-weight: bold; cursor: default; }
em { font-weight: normal; font-style: normal; }
strong { font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-weight: bold; }
p { line-height: 1.1em; margin-bottom: 0.5em; }

.btn.default { background: #00438d; }
.btn.low { color: #00438d; }

#wrapper { position: relative; min-height: 100%; margin-top: -1px; padding-top: 1px; padding-bottom: 1px; }
.pagesize { margin: 0 auto; padding: 0 50px; max-width: 1100px; }

header { }
#userbar { background: #00438d; }
#userbar span { display: block; text-align: right; line-height: 2.0em; font-size: 10pt; color: #fff; }
#userbar a { color: #fff; }
#menubar { background: #fff; }
#menubar span { display: inline-block; vertical-align: top; width: 275px; height: 50px; background: url(img/logo.png) left center no-repeat; background-size: contain; }
#menubar nav { display: inline-block; vertical-align: top; text-rendering: optimizeLegibility; }
#menubar nav ul { list-style: none; }
#menubar nav li { display: inline-block; vertical-align: top; padding-left: 2em; }
#menubar nav li a { display: block; height: 50px; line-height: 50px; font-size: 11.5pt; text-transform: uppercase; text-decoration: none; color: #83898f; }
#menubar nav li a:hover { color: #000; }
#menubar nav li a em { display: inline-block; vertical-align: text-top; margin-left: 0.3em; padding: 0 0.7em; line-height: 1.3em; font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #fff; background: #ed1d25; border-radius: 1em; }


footer { position: absolute; left: 0; bottom: 0; right: 0; background: #444; padding: 1em 0; }
footer>div>span { display: inline-block; vertical-align: top; width: 25%; line-height: 1.25em; font-size: 11.5pt; color: #cbd0d4; }
footer>div>span em { font-weight: normal; color: #fff; }
footer>div>span a { text-decoration: none; color: #cbd0d4; }

#content { margin-top: 2em; margin-bottom: 6em; }

#infoblock { margin-bottom: 1em; padding: 1em; text-align: left; line-height: 1.2em; color: #917e00; background: #fff568; border: 1px solid #dfd223; border-radius: 3px; }
p.info { padding: 1em; text-align: center; color: #36a431; background: #9af396; border: 1px solid #36a431; border-radius: 3px; }
.errorinfo { margin-right: 10px; padding: 7px 10px; font-size: 0.9em; background: #f29599; border: 1px solid #ed1c24; border-radius: 4px; }

#login { max-width: 550px; padding-top: 50px; margin: 0 auto; border-top: 1px solid transparent; text-align: center; }
#login>div { position: relative; text-align: left; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); }
#login>div>img { width: 100%; }
#login>div>div { padding: 1em; }
#login>div>div>div{ display: flex; margin-bottom: 0.5em; }
#login>div>div>div>span { position: relative; flex: 0 1 50%; padding: 4px; background: #eee; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 3px; }
#login>div>div>div>span:first-child { margin-right: 0.5em; }
#login>div>div>div>span>input { width: 100%; height: 1.3em; line-height: 1.3em; border: 0; background: transparent; }
#login input[type="submit"] { padding: 4px 1.5em; line-height: 1.3em; background: #ffa500; border: 0; border-radius: 1em; cursor: pointer; }


.jsonbutton { margin-bottom: .5em; }
.jsonbutton>label { display: inline-block; vertical-align: top; width: 200px; line-height: 2em; text-align: center; color: #1e3142; overflow: hidden; white-space: nowrap; background: #97bfe4; border-radius: 4px; cursor: pointer; }
.jsonbutton>label.loading { background-color: #dddddd; color: #aaaaaa; cursor: default; }
.jsonbutton>label.done { background-color: #36a431; color: #d4e9d3; }
.jsonbutton>span { display: inline-block; vertical-align: top; margin-left: 1em; line-height: 2em; color: #666; }
.jsonbutton>span.error { color: #9d6b6b; }
.jsonbutton>span.success { color: #666; }


@media (max-width: 1100px) {
}

@media (max-width: 550px) {
}