button.accordion {   
   
    cursor: pointer;
    padding: 5px;
   background-color: white;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
 
}

div.panel {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* Style to create a horizontal list */
 
    /*  search */
  * {
  box-sizing: border-box;
}

/* Style the search field */
form.example input[type=text] {
  padding: 5px;
 
  float: right;
  padding-left:10px;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.example button {
  float: right;
  text-align:right;
  
  width: 20%;
  padding-left: 10px;
    padding-right: 10px;
    height:25px;
  background: #2196F3;
  color: white;
  font-size: 14px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}
 #horzList {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      decoration:none;
      color:red;
      height:25px;
      text-align:left;
    }

    #horzListA li {
      margin-right: 0px;
       height:10px;
         text-align:left;
    }
     

    #horzListB li {
      margin-right: 0px;
       height:10px;
         text-align:right;
         float:right;
    }
       #textsup {
     color:red;
     font-size:10px;
     font-weight:bold;
    }