@font-face {
        font-family: 'knowledge-regular';
        src: url('/fonts/Knowledge-Regular.woff') format('woff');
      }

      @font-face {
        font-family: 'knowledge-medium';
        src: url('/fonts/Knowledge-Medium.woff') format('woff');
      }

      body {
        background-color:#eeeeee;
        color: #222222;
        font: normal 100% 'knowledge-regular';
        font-weight: 400;
        padding: 0px;
        scroll: auto;
      }

      #all {
        width: 100%;
      }

      #top {
        position: relative;
        padding: 6px;
        display: block;
        text-align: center;
        justify-content:center;
        top: 0px;
      }

      #dynamic {
        display:block;
        justify-content:center;
      }

      #main {
        float: left;
        min-width: 900px;
      }

      #footer {
        clear: both;
        display: block;
        color: #222222;
        text-align: center;
        justify-content: center;
        margin: 0 auto;
        padding: 8px;
        height: 40px;
        width: 100%;
        bottom: 0;
      }

      /* Menu after auth */
      #menucontainer {
	display: block;
        float: left;
        padding: 6px;
        width: 230px;
        max-width: 230px;
      }

      #menu {
	display: block;
        padding: 10px;
        width: 210px;
        max-width: 210px;
        float: left;
        border-radius: 8px;
        background-color: #333333;
      }
     
      #message {
        margin: 8px;
        border: 1px solid #333333;
        border-radius: 7px;
        padding: 10px;
        display: block;
      }

      /* Forms */
      #forms {
        float: right;
        display: inline-flex;
        width: 100%;
        height: auto;
        /* border: 1px solid black; */
      }

      .divinput {
        display: block;
        padding: 6px 6px 2px 6px;
        border-radius: 6px;
      }

      #divsubmit {
        display: block;
        padding: 8px 8px 8px 8px;
        width: 80%;
        border-radius: 6px;
        text-align: right;
      }

      p {
        display: block;
        width: 100%;
      }

      #top p {
        display:inline-block;
        text-align:center;
        padding: 6px;
        background-color: #668800;
        color:#ffffff;
        text-shadow:2px 2px #333333;
        width: 96%;
        border-radius: 6px;
      }

      form {
        border-radius: 8px;
      }

      a.menubutton {
        display: inline-flex;
        padding: 5px;
        border: 1px solid #555555;
        border-radius: 7px;
        background-color: #446600;
        margin: 2px;
        width: 190px;
        min-width: 190px;
        color: #ffffff;
        text-decoration:none;
        font: 1.0em 'knowledge-regular';
      }

      a.menubutton:hover {
        color: #ffffaa;
        background-color: #668800;
        border: 1px solid #111111;
        text-shadow: 2px 2px #000000;
      }

      label {
        font: 1.2em 'knowledge-regular';
        display: inline-block;
      }

      legend {
        font: 1.2em 'knowledge-regular';
        font-weight: bold;   
        width: 80%;
        background-color: #668800;
        text-shadow: 2px 2px #000000;
        color: #ffffff;
        padding: 8px;
        margin: 4px;
        border-radius: 8px;
      }

      input[type=text], input[type=password], select, textarea {
        width: auto;
        padding: 6px 8px;
        margin: 4px;
        box-sizing: border-box;
        border-radius: 6px;
        border: 2px solid;
        font: 1.2em 'knowledge-regular';
        letter‐spacing: 0.15em;
      }

      input[type=checkbox], input[type=radio] {
        padding: 6px 8px;
        margin: 4px;
        font: 1.2em 'knowledge-regular';
        letter‐spacing: 0.15em;
        background-color: #dddddd;
        vertical-align: middle;
      }

      input[type=button], input[type=submit] {
        display: inline-flex;
        padding: 5px;
        border: 1px solid #555555;
        border-radius: 7px;
        background-color: #446600;
        margin: 2px;
        color: #ffffff;
        text-decoration:none;
        font: 1.1em 'knowledge-regular';
      }

      input[type=button]:hover, input[type=submit]:hover {
        color: #ffffaa;
        background-color: #668800;
        border: 1px solid #111111;
        text-shadow: 2px 2px #000000;
      }

      .smallbutton {
        display: inline-flex;
        padding: 2px 5px 2px 5px;
        border: 1px solid #555555;
        border-radius: 7px;
        background-color: #446600;
        margin: 0px;
        color: #ffffff;
        text-decoration:none;
        font: .9em 'knowledge-regular';
      }

      .smallbutton:hover {
        color: #ffffaa;
        background-color: #668800;
        border: 1px solid #111111;
        text-shadow: 1px 1px #000000;
      }

      .parent {
        width: min-content;
      }

      .additional {
        position: top;
        top: 0px;
        display:block;
        float:right;
        padding:6px;
        text-justify: inter-word;
        text-align: justify;
      }

      .divtable{
        display: table;
        width: 100%;
      }

      .divtablerow {
        display: table-row;
      }

      .divtablerow:hover > .divtablecell {
        background-color: #ffffff;
        color: #000000;
      }

      .divtableheading {
        background-color: #eee;
        display: table-header-group;
      }

      .divtablecell, .divtablehead {
        border: 1px solid #999999;
        display: table-cell;
        padding: 3px 10px;
      }

      .divtableheading {
        background-color: #eeeeee;
        display: table-header-group;
        font-weight: bold;
      }

      .divtitle {
        background-color: #668800;
        color: #ffffff;
        display: block;
        padding: 4px 10px;
        font-size: 1.1em;
        font-weight: bold;
        text-shadow: 2px 2px #000000;
        border-radius: 7px 7px 0px 0px;
      }

      .divtitles {
        display: table-row;
        background-color: #668800;
        color: #ffffff;
        font-size: 1em;
        font-weight: bold;
        text-shadow: 2px 2px #000000;
      }

      .divtablefoot {
        background-color: #eee;
        display: table-footer-group;
        font-weight: bold;
      }

      .divtablebody {
        display: table-row-group;
      }

      #frmLogin {
        display:inline-block;
        position:relative;
        border: 1px solid #444444;
        border-radius: 8px;
        margin:8px;
        padding:0px;
        width: min-content;
      }

      #frmLogin legend {
        background-color: #444444;
        width: auto; 
        color: #ffffff;
        font: bold 1.1em 'knowledge-regular',Calibri,Optima,Verdana,Helvetica, sans-serif;
        margin: 0px;
        border-radius: 8px 8px 0px 0px;
        padding: 8px;
        white-space: nowrap;
      }

      pre a {
        color:#22ff00;
        text-decoration:none;
      }

      pre a.nota {
        color: #ffffff;
      }