body {
  margin-bottom: 200px;
}

.spaced-list-item {
  padding-bottom: 20px;
}

.footer {
    z-index: 11000;
    margin-bottom: -20px;
    background-color: #111111;
    color: #eeeeee;
    border-top: 1px solid black;
    padding-top: 10px;
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom:0px;
    margin-top: 10px; /* space between content and footer */
    box-sizing: border-box;
    width: 100%;
    height: 150px;
}

#panel-ip {
  background-color: #f0f0f0;
}

.font-resize {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #9d9d9d;
}

.font-resize:hover {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
}

footer {
    overflow-y:scroll;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}