body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,label,input{
margin:0;
padding:0;
}

#detail-form{
/*display  : grid;
grid-gap : 20px;
grid-template-columns : repeat(2, 1fr);
grid-template-rows    : 10em 1em 1em 1em;*/
//display: flex;
//flex-wrap: wrap;
//justify-content: space-between;
}


.testing{
display: inline-grid;
  grid-template-rows: repeat(7, auto);
  grid-auto-flow: column;

}

.back-to-list{
float:right;
}

legend{
font-weight:bold;
}

textarea:required:invalid, select:required:invalid, input:required:invalid {
//background-color:#eaf772;
}
.asterisk{
color:red;
}

mark{
}
/*input:required:invalid {
  border-color: #c00000;
}*/

.fieldset-li {
  display: flex;
  justify-content: flex-end;
  padding: .5em;
}
.fieldset-li > input {
  flex: 1;
}
.fieldset-li > select {
  flex: 1;
}

.fieldset-li > textarea {
  flex: 1;
}

.fieldset-li > label {
    padding: .5em 1em .5em 0;
  }

.fieldset-legend{
font-size: 1.25em;
}

option,select,input{
padding:.5em;
margin-top:.5em;
margin-bottom:.5em;
box-sizing:border-box;

}

.detail-fieldset{
border: 1px solid #000;
//width:fit-content;
padding:.5em;
margin-bottom:.5em;
margin-top:.5em;
position:relative;
}

#header-container,#header-area{
background-color:#00669b;
color:#fff;
}

#logout{
float:right;
}

#logout a{
color: #fff;
}

ul {
list-style-type: none;
}

.submitted-info-list{
margin-top: .5em;
}

.sub-list{
list-style-type: disc;
list-style-position: inside;
}

#web-app-title{
margin-bottom: .5em;
}


.app-table {
margin-top: 0.5em;
border-collapse:collapse;
width:100%;
}

.app-table th{
background-color:#00669b;
color:#fff;
}

.app-table tr:nth-child(even){
background-color:#e4e4e4;
}

.app-table td,.app-table th{
border: 1px solid #e4e4e4;
padding:.25em;
}


#header-area,#article-area,#footer-area{
margin:auto;
width: 75%;
padding:.5em;
position:relative;
}

#he-site{
height: 100px;
text-indent: -9999px;
background-image: url('images/primary-horizontal-white.png');
background-repeat: no-repeat;
background-size: 300px 100px;
}

#tagline{
text-align:right;
font-style: italic;
font-weight: lighter;
}

#footer-container,#footer-area{
//background-color: #e4e4e4;
}

.login-label{
display:block;
text-align:left;
display:none;
}

#username, #password, #search-names, #login-submit{
width:100%;
padding:.5em;
margin-top:.5em;
margin-bottom:.5em;
box-sizing:border-box;
}

input[type=submit]{
background-color: #e4e4e4;
border: none;
text-decoration: none;
cursor: pointer;
padding:.5em;
}

#login-form-area{
margin-top:1em;
}

#login-form{
margin:auto;
width: 300px;
padding:.5em;
border: 1px solid #e4e4e4;
border-radius: 1em;
}

fieldset{
border: 0px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}