/*
      body {
         font-family: Arial, sans-serif;
         padding: 20px;
      }
      */
      /* Dropdown container */
      .dropdown {
         position: relative;
         width: 300px;
         border: 1px solid #ccc;
         border-radius: 4px;
         background: lightgray;
         padding: 20px;
      }
      .dropdown :hover {
         background: rgba(103, 154, 245, 0.5);
         cursor: pointer;
      }

      /* Selected value display */
      .dropdown-selected {
         padding: 10px;
         background: rgba(103, 154, 245, 1);
         border-bottom: 1px solid #ccc;
         cursor: pointer;
      }

      /* Options list */
      .dropdown-options {
         list-style: none;
         margin:auto;
         padding: 0;
         max-height: 150px;
         overflow-y: auto;
      }

      .dropdown-options li {
         padding: 10px;
         cursor: pointer;
         background: rgba(103, 154, 245, 0.5);
      }

      .dropdown-options li:hover {
         background: rgba(103, 154, 245, 0.5);
      }