span.greenicon::before {
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    color: transparent;
    background-image: url('../images/svg/available_graphical.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;

}

span.ambericon::before {
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    color: transparent;
    background-image: url('../images/svg/amber_graphical.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;

}

span.redicon::before {
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    color: transparent;
    background-image: url('../images/svg/red_graphical.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;

}

sub{
    line-height: 50%;
    font-size: 50%;
}

span.legende {
    display: inline-flex;
    align-items: center;
}

p.legendenparagraph {
    margin-top: 0px;
    line-height: 50%;
}

#delete_ann_button{
    width: 30px;
    height: 30px;
    background: no-repeat;
    margin-left: 0.5em;
    background-image: url('/images/svg/trash_solid.svg');
    background-size: contain;
    border: none;
    cursor: pointer;
}

#delete_ann_button:active{
    box-shadow: 2px 2px 5px #6e6e6e
}

#save_ann_button{
    width: 30px;
    height: 30px;
    background: no-repeat;
    margin-left: 0.5em;
    background-image: url('/images/svg/plus_solid.svg');
    background-size: contain;
    border: none;
    cursor: pointer;
}

#save_ann_button:active{
    box-shadow: 2px 2px 5px #6e6e6e
}

#ann_dropdown{
    margin-left: 0.4em
}

#ann_dropdown_div{
    display: flex;
    margin-bottom:1em;
}

#image_form_submit{
    margin-bottom: 1em;
}

#save_ann_submit{
    padding: 5px;
    font-size: 20px;
    margin-top: 5px;
}

label[for=save_ann_input]
{
    display: block;
}

#save_ann_input{
    display: block;

}

.center {
    margin: auto;
    background: #fcf7f7;
    width: 60%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hideform {
    display: none;
}