.my-sidebar {
top: 0;
right: 0;
bottom: 0;
width: 270px;
background: rgba(0, 0, 0, .8);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
position: fixed;
color: white;
padding: 0px;
overflow-y: auto;

margin-top: 100px;
z-index: 50;
}

.my-sidebar H1 {
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: 1px;
}

.my-sidebar H1 .close {
    font-size: 0.8em;
    padding-right: 5px;
}

.my-sidebar ul
{
padding: 0;
list-style: none inside;
}

.my-sidebar ul li, .my-sidebar H1 {
border-bottom: solid #272729 thin;
padding: 15px 15px 15px 25px;
}


.my-sidebar ul li .close {
font-size: 1em;
font-weight: 100;
    padding-right: 5px;
}

.my-sidebar .valid {
   margin-left: 25px;
}


.my-sidebar .empty {
    margin-right: 15px;
    color: #e10141;
    text-decoration: underline;
    font-weight: bold;
}