@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../lib/robotoRegular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
* {
  box-sizing: border-box; }

body {
  width: 100%;
  height: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 11pt; }

a {
  color: #444;
  text-decoration: none; }
  a:active {
    color: #444; }
  a:visited {
    color: #444; }

form {
  display: inline;
  width: 100%; }

input,
select,
textarea {
  width: 100%;
  padding: 3px;
  color: #444;
  font-family: 'Roboto', sans-serif;
  border: 1px solid #bbb; }

textarea {
  display: block;
  font-family: monospace;
  font-size: 90%;
  resize: none; }

input[readonly="readonly"] {
  background: #f2f2f2; }

input[type="submit"],
input[type="reset"] {
  width: auto; }

label {
  padding-right: 6px; }

table {
  width: 100%;
  border-spacing: 0; }

td {
  padding-bottom: 6px; }

tr:last-child td {
  padding-bottom: 0; }

div.box {
  border: 1px solid #bbb;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.15);
  background: #fff; }
  div.box div.header {
    padding: 3px 6px;
    background: #bbb;
    text-align: center; }
  div.box div.contents {
    padding: 6px; }
    div.box div.contents.scroll {
      height: 300px;
      overflow-y: scroll; }
    div.box div.contents span {
      display: block; }
  div.box:hover {
    background: #f2f2f2; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 62px;
  background: #444;
  font-size: 0; }
  #header div.item {
    font-size: 11pt;
    display: inline-block;
    height: 62px;
    color: #fff; }
    #header div.item div.icon {
      text-align: center;
      padding: 6px; }
    #header div.item div.label {
      padding: 0 6px; }
    #header div.item.right {
      float: right; }
    #header div.item.active, #header div.item:hover {
      color: #444;
      background: #fff; }
  #header img.logo {
    height: 54px;
    padding: 8px 10px 2px 8px; }

#view {
  position: fixed;
  top: 62px;
  left: 0;
  bottom: 0;
  right: 0; }

@media (max-width: 525px) {
  div.label {
    display: none; }

  #header {
    height: 40px; }
    #header div.item {
      height: 40px; }
    #header img.logo {
      height: 30px;
      padding: 8px 8px 0 6px; }

  #view {
    top: 40px;
    overflow-y: scroll; } }

/*# sourceMappingURL=base.css.map */