html *
        {
           font-size: 14px !important;
           /*color: #000 !important;*/
           font-family: Arial !important;
        }
        #container{width:100%;}
        #left{float:left;width:40%;}
        #right{float:right;width:60%;}
        #center{margin:0 auto;width:100%;}
        #filter{padding:25px;}
        #top-bar{background:lightblue;}
        #bottom-bar{background:lightblue;}
        /* Remove default bullets */
        ul, #myUL {
          list-style-type: none;
        }

        /* Remove margins and padding from the parent ul */
        #myUL {
          margin: 0;
          padding: 0;
        }

        /* Style the caret/arrow */
        .caret {
          cursor: pointer;
          user-select: none; /* Prevent text selection */
        }

        /* Create the caret/arrow with a unicode, and style it */
        .caret::before {
          content: "\25B6";
          color: black;
          display: inline-block;
          margin-right: 6px;
        }

        /* Rotate the caret/arrow icon when clicked on (using JavaScript) */
        .caret-down::before {
          transform: rotate(90deg);
        }

        /* Hide the nested list */
        .nested {
          display: none;
        }

        /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
        .active {
          display: block;
        }