
#itemcounter { display: none;
position:relative; margin-left:0.25rem; padding:0 0.5rem; border-radius:3px;
background-color:rgba(219,20,60,1); color: white;
text-align: center; line-height:1.5rem;
}
#listcontainer { display: none;
position: absolute; position: fixed; z-index: 99999;
top:0; *top:3.9rem; right: 0; bottom: 0; left: 0; 
height: 100vh; width: 100%;
overflow-y: scroll;
}
#itemslistcontainer { position: relative; display:inline-block; width: 100%; height:auto; padding: 2rem; box-shadow: 0 0 0.5rem rgba(0,0,0,0.4); 
background: rgba(240,240,240,1); padding-bottom:8rem;
}
#itemslistcontainer h2 { display:inline;
position: relative;
}
#itemslistcontainer i.closeitemlist { display:inline;
font-style: normal; font-size:4rem;
position: relative; top:0.5rem; float:right;
text-decoration: none; opacity: 0.65; 
}
@media only screen and (max-width:768px) { 
#itemslistcontainer i.closeitemlist { font-size:3rem; top:0rem;
}
}
#itemslistcontainer .listheader { padding-bottom:0.5rem; margin-bottom:1.5rem; border-bottom:2px solid rgba(0,0,0,0.4); cursor: pointer;
}
#itemslistcontainer .itemDetails { display:inline-block; 
width:100%; margin: 1rem 0; 
}
#itemslistcontainer .itemDetails a { display:inline-block; display:none;
margin:0; padding:0; font-weight:300;
}
#itemslistcontainer .itemImage { float: left; width: 20%; padding-right:2rem; 
}
#itemslistcontainer .itemImage img { width:100%; 
}
#itemslistcontainer .itemText { 
}
#itemslist { margin:0 auto;max-width:760px;
}
button.removeitem { display:inline-block; margin:0 1rem; 
}
button.additem,
button.removeitem,
button.itemremove,
button.openmailform { cursor: pointer; display:inline-block; background-color:none; text-decoration: none; padding:0; padding:1px 4px; min-width:2rem; text-align: center; border-radius:3px; border:1px solid rgba(10,10,10,.2); color:rgba(50,50,50,1); line-height:1.5rem; margin-top:0.5rem;
}
button i.fa-user-plus,
button i.fa-user-minus { opacity: 0.9; 
}
button.openmailform { margin-left:1rem;
}
button.additem:hover,
button.additem.clicked,
button.itemremove.clicked,
button.removeitem:hover,
button.openmailform:hover { background-color:rgba(219,20,60,1); color: white; 
}
button.fullwidthbutton { width:100%; margin:0; margin:2rem 0; background-color:rgba(219,20,60,1); color: white; 
}
#formcontainer { display: none; display: block; overflow-y: scroll;
}
