html,body
{
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  background-color: #f8f8fa;
}
label
{
  display: inline-block;
  width: 80px;
  height: 40px;
  color: #0000d0;
}
input[type="text"]
{
  display: inline-block;
  width: 250px;
  color: #0000d0;
}
input[type="password"]
{
  display: inline-block;
  width: 150px;
  color: #0000d0;
}
input[type="text"]:focus,input[type="password"]:focus
{
  border-color: red;
}
input[type="checkbox"]:focus
{
  background-color: red;
}
#containerflex
{
  display: flex;
  flex-direction: column;
  height: 100%;
}
div#header
{
  height: auto;
  width: 100%;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #8080d0;
  margin: 0;
  background-color: #fefefe;
}
div#header p
{
  font-size: 1.5rem;
  font-style: italic;
  margin: 0;
  padding: 10px 0 0 0;
  line-height: 150%;
  color: #0000d0;
}
div#header a,div#header a:visited
{
  text-decoration: none;
  font-weight: normal;
  color: #606060;
}
div#header a:hover
{
  text-decoration: none;
  font-weight: normal;
  color: #c06080;
}
#contentflex
{
  flex: 1;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  background-color: #fefefe;
}
#footer
{
  height: 30px;
  width: 100%;
  padding: 8px 10px 8px 10px;
  border: 0;
  margin: 0;
  color: #404040;
  background-color: #f8f8fa;
}
fieldset#container
{
  display: block;
  padding: 20px;
  border: 3px groove;
  border-radius: 10px;
  margin: 40px 10px 10px 10px;
  background-color: #f0f0f0;
}
fieldset#container legend
{
  padding: 3px 5px 3px 5px;
  border: 1px solid;
  border-radius: 3px;
  background-color: #e0e0f0;
}
div.ctrlbox
{
  width: 100%;
  float: left;
}
div.ctrlbox button
{
  display: inline-block;
  height: 30px;
  width: 100px;
  color: #0000d0;
}
div.ctrlbox p#notevarie
{
  display: inline-block;
  width: 390px;
  padding: 5px 8px 5px 5px;
  margin: -10px 0 20px 0;
  font-style: italic;
  line-height: 150%;
  color: #0000d0;
  background-color: #e0e0f0;
  text-align: justify;
}
div#popuphere
{
  display: none;
  z-index: 30;
  position: absolute;
  /**/
  top: 150px;
  left: 250px;
  width: 300px;
  padding: 20px;
  border: 3px groove;
  border-radius: 10px;
  border-color: #808080;
  margin: 10px;
  line-height: 150%;
  color: #0000d0;
  background-color: #e4e8f4;
}