.select-hidden {
        display: none;
        visibility: hidden;
        padding-right: 10px;
      }

      .select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #fff;
        width: 100%;
        height: 40px;
      }

      .select-styled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgb(42, 99, 148);
        padding: 8px 15px;
        transition: all 0.2s ease-in;
      }
      .select-styled:after {
        content: "";
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 16px;
        right: 10px;
      }
      .select-styled:hover {
        background-color:rgb(16, 75, 125)
      }
      .select-styled:active,
      .select-styled.active {
        background-color: rgb(42, 99, 148);
      }
      .select-styled:active:after,
      .select-styled.active:after {
        top: 9px;
        border-color: transparent transparent #fff transparent;
      }

      .select-options {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: rgb(42, 99, 148);
        max-height: 200px;
        overflow-y: auto;
      }
      .select-options li {
        margin: 0;
        padding: 12px 0;
        text-indent: 15px;
        border-top: 1px solid rgb(6, 37, 63);
        transition: all 0.15s ease-in;
      }
      .select-options li:hover {
        color:rgb(42, 99, 148);
        background: #fff;
      }
      .select-options li[rel="hide"] {
        display: none;
      }