::placeholder{
font-style: italic;
font-size: .8em;
}
.addlink{
    text-decoration: none;
}
.addlink:hover{
    text-decoration: none;
}
.button-default{
    color: white;
    padding: 7px 10px;
    min-width: 100px;
    margin-top: 8px;
    margin-bottom: 8px;
    border:none;
    background: navy;
    border-radius: 4px;
}

.hline{
    padding: 5px ;
    border-bottom: 1px solid darkgoldenrod;
    color: navy;
    font-weight: bold;
    text-align: center;
}
.lvlreq:after {
          content:" *";
          color: red;
}
.fieldicon{
        float: right;
        filter: grayscale(100%);
        text-decoration: line-through;
        font-size: .7em;
        margin-left: -40px;
        margin-top: 10px;
        position: relative;
        z-index: 2;
    }
.custinp{
    width: 100%;
    height:40px;
    padding-left: 5px;
    border: none;
    border-bottom: 1px solid gray;
    border-radius:5px;
}
.custinpmandat{
    width: 100%;
    height:40px;
    padding-left: 5px;
    border: none;
    border-bottom: 1px solid red;
    border-radius:5px;
}

.singleitem{
    padding: 10px;
    margin: 5px 0px;
    border: 1px solid goldenrod;
    box-shadow: 2px 3px gray;
    border-radius: 8px;
   }
   .singleitem:hover {
    box-shadow: 2px 3px red;
   }

.searchform{
   display:flex;
  flex-direction:row;
   border:1px solid lightgrey;
  border-radius: 4px;
  padding:1px;
  margin-top: 8px;
}
.searchform input:focus{
  outline: none;
}
.searchform input{
  flex-grow:2;
  border:none;
  height: 35px;
  padding-left: 30px;
  background: url(searchicon.png) no-repeat center left;
}
.searchform button{
  border: none;
  border-radius: 4px;
}
.searchform:focus-within { 
  outline: 1px solid blue 
}


.editicon{
    content: url(editicon.png);
     height: 20px;
    width: 20px;
    float: right;
    top:0;
}