/*
body {
  background:#000022;
  color:#eeeeff;
  padding:1em;
  margin:0;
  overflow-x:hidden;
}
a {
  color:#eeeeff !important;
}
#searchPage input {
  width:60ch !important;
}
#searchPage header {
  width:70ch;
  margin-bottom:2em;
}
#searchPage h1 {font-size:1.1em;margin-bottom:0;}
#searchPage h2 {margin-top:0.25em;}

#iframeDisplay {
  border:none;
  display:none;
  height:100vh;
  width:100vw;
  padding:0;
  margin:0;
}

.searchPage li {
  margin-bottom:0.25em;
}
* {
  font-family:Sans-Serif;
  font-size:1em;
}
*/
form.record {
  margin:1em;
  padding:1em;
  padding-bottom:0;
  border:1px solid gray;
  border-radius:0.4em;  
  color:#eeeeff;
  width:fit-content;
}
form.record.formShown * {
  display:block;
}
#forms-area {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
}
#forms-area * {
//  display:none;	 
}
#menubar {
  display:inline-block;
  padding:1em;
  font-size:1.2em !important;
}
#menubar .buttons {
  display:inline-block;
  text-align:right;
  margin-left:3em;
}
select,button, #menubar button {
//  background:#2683fb !important;
  color:#2683fb !important;
  background:transparent;
  padding:0.4em;
  border-radius:0.4em;
  border:1px solid #2683fb;
  cursor:pointer;
}
form.record .fieldLabel ,
.fieldName {
    display:table-cell;
    text-align:right;
    width:10em;
    padding-right:1em;
    padding-bottom:0.5em;
  }
  .fieldValue { 
    display:table-cell;
   vertical-align:top;
  }
form.record  .fieldDescription {
    display:table-cell;
    vertical-align:top;
    padding-left:1em !important;
    max-width:40vw;
  }
form.record .field  {
  display:table-row;
}
form.record input,
form.record textarea,
form.record select {
  width:24em;
  border-radius:0.4em;
  padding:0.5em;
  margin-bottom:1em;
  background:#3a3a3a;
  color:#eeeeff !important;

}
form.record option {
  background:#6a6a6a;
  background:#afaaaa;
  color:black
}
form.record select {
  width:25em;
}
form.record textarea {
  height:4em;
}
form.record .field {
  display:table-row;
}

form.record {
  display:table;
  border-collapse:separate;
  border-spacing 1em 0;
}
/*

.form.record .fieldName,
  .form.record .fieldValue,
  .form.record .fieldDescription {
    display:table-cell;
    display:inline-block;
  background:orange;
  }
*/
/*
.menubar button{
  display:inline-block;
  margin-left:3em;
}
form .field {
  margin-bottom:1em;
}
form .fieldLabel {
  display:inline-block;
  margin-top:0.5em;
  margin-right:1em;
  text-align:right;
  width: 10em;
  vertical-align:top;
}
form .fieldDescription {
  margin-left:1em;
  display:inline-block;
  max-width:22em;
  vertical-align:top;
}
input, select, textarea, button {
  padding:0.3em;
  border-radius:0.4em;  
  background:#ddddff;
  color:black;
}
button {
  display:inline-block;
  margin-right:2em;
}
form input, form textarea {
  width:22em;
}
select {
  width:22.8em;
}
form textarea {
  height:4em;
}
#menubar {
  color:yellow;
  margin:1em;
  margin-top:0;
  font-size:1.1em;
}
#menubar select {
  margin-left:1em;
  width:25em;
}
*/