input {
    margin: 5px;
}
.demo-list span {
    padding: 2px;
}
.demo-list fieldset {
    padding-left: 5px;
    font-size: 100%;
}
.demo-list fieldset input {
    margin-right: 5px; /* get some space to with the text */
}
/* remove for live... */
.hide-old-legal {
    display: none;
}

.legal-title,
.demo-title,
.pcode-title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
}

#search-box-default,
#elements-demo-list,
#elements-legal-areas-choice {
    margin-top: 10px;
    padding: 0;
}
.element-left-column {
    padding: 0;
}
@media (max-width: 768px) {
    #search-box-default,
    #elements-demo-list,
    #elements-legal-areas-choice {
        font-size: 130%;
    }
}
.help-msg {
    padding: 5px;
}
.card-header {
   /*  background-color: #E6E6E6; */
    /* padding: 15px; */
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.card-header h5 {
    margin: 0;
}
.card-header button {
    font-size: 100%;
}
@media (max-width: 768px) {
    .card-header button {
        font-size: 80%;
    }
}

#accordian {
    margin-top: 15;
    margin-bottom: 15px;
}
.card {
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.card-body label {
    margin-left: 5px;
    font-weight: normal;
    max-width: 90%;
    font-size: 0.8em;
}
.card-body {
    padding: 5px 5px 5px 15px;
}
.end-message {
    text-align: center;
    padding: 5px;
    padding-top: 15px;
}
@media only screen and (max-width: 768px) {
    #search-box-default,
    #elements-demo-list,
    #elements-legal-areas-choice {
        font-size: 200%; /* not working. Fix */
    }
}
#autocomplete-list:hover {
    cursor: pointer; 
}
#autocomplete-list {
    position: absolute; 
    /* bottom: 0; */

}
.autocomplete-list-style {
    padding: 5px 15px 15px 15px;
    background: white;
    z-index: 100;
    width: 95%;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.autocomplete-item:hover {
    background-color: #f5f5f5;
}
.autocomplete-wrapper {
    padding: 5px;
    padding-top: 0;
}
.original-search {
    display: none;
}