@import url(form.css);

/* styles for components */


  :root {
    --error-color: #de1e7e;
  }
  ::-webkit-scrollbar {
    width: 5px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: grey;
  }

  :root {
    background: white;
  }

  body {
    display: table;
    width:100%;
  }

  body, input, textarea {
    margin: 0;
    font-family: Arial;
    font-size: 0.851rem;
  }

  main {
    margin: 0 auto;
    display: table;
    padding: 0.125rem;
    padding-bottom: 2.5rem;
    min-width: 200px;
    background: white;
  }

  h1, h2 {
    margin-top: 0;
    font-weight: 300;
  }

  dd {
    margin-left: 1rem;
  }

  ul {
    padding-left: 1rem;
    list-style-position: outside;
  }

  ol.tight {
    padding-left: 1.2rem;
  }
  span.fixedwidth {
    display: inline-block;
    width: 8ch;
    max-width: 8ch;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    background: rgba(150,150,150,0.2);
    height: 1.3rem;
    line-height: 1.3rem;
  }

  .noscroll::-webkit-scrollbar {
    width: 5px;
  }

  .noscroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: transparent;
  }

  .sticky {
    width: 100%;
    position: sticky;
    top: 0;
    background: #ddd;
  }

  .middle {
    vertical-align: middle;
  }

  .txleft {
    text-align: left;
  }

  .txright {
    text-align: right;
  }

  .txcent {
    text-align: center;
  }

  .report {
    border-color: transparent;
    color: grey;
  }

  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
  }


  /** IE **/
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE applies vertical scrollbars to textareas */
    textarea {
      overflow: auto;
    }
  }