/*DROP DOWN CSS*/
      .s-hidden {
      visibility: hidden;
      padding: 7px 10px;
      }
      .select {
      cursor: pointer;
      display: inline-block;
      position: relative;
      color: #313131;
      border: 1px solid #ccc;
      width: 100%;
      height:38px;
      }
      .styledSelect {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: white;
      padding: 10px 10px;
      overflow: hidden;
      }
      .styledSelect:after {
      content: "";
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-color: black transparent transparent transparent;
      position: absolute;
      top: 15px;
      right: 6px;
      }
      .styledSelect:active,
      .styledSelect.active {
      background-color: #fff;
      }
      .options {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      z-index: 999;
      margin: 0 0;
      padding: 0 0;
      list-style: none;
      border: 1px solid #ccc;
      background-color: white;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      max-height:50vh;
      overflow:auto;
      }
      .options li {
      padding: 10px;
      margin: 0 0;
      }
      .options li:hover {
      background-color: #F97667;
      color: black;
      }