/*Styling Selectbox*/

.dropdown {


  transition: all .5s ease;


  background-color: #fff;

  width: 90%;



  height:auto;



  border-radius: 30px;



  outline: none;


  margin: 0 auto;

  margin-bottom: 20px;



  font-family:'MS Normal',Arial,Helvetica,sans-serif;



  font-size: 14px;


  -padding: 8px 8px 8px 22px;

  -height: 50px;

  color:#777777;

}
.select span {
  line-height: 17px;
  padding-right: 14px;
}
.select::before {
  content : "";
  position: absolute;
  width:12px;
  height: 12px;
  right: 16px;
  top: 38%;
  background: url(images/download.png) no-repeat;
  background-size: cover;
  transition: all 0.3s;
}
.active .select::before {
  transform: rotate(180deg);
}
.short__down {

  width: 70%;

}

.dropdown .select {

    cursor: pointer;

    display: flex;
    align-items: center;

    min-height: 50px;

}

.select {
    padding: 0px 0px 0px 22px;
    position: relative;
}

.dropdown .select > i {

    font-size: 13px;


    color: #888;

    cursor: pointer;

    transition: all .3s ease-in-out;

    float: right;

    line-height: 20px

}

.dropdown:hover {

    box-shadow: 0 0 4px rgb(204, 204, 204)

}

.dropdown:active {

    background-color: #f8f8f8

}

.dropdown.active:hover,

.dropdown.active {

    box-shadow: 0 0 4px rgb(204, 204, 204);

    background-color: #f8f8f8

}

.dropdown.active .select > i {

    transform: rotate(-90deg)

}

.dropdown .dropdown-menu {

    -position: absolute;

    -background-color: #fff;

    width: auto;

    padding: 10px;

    -left: 20px;

    margin-top: 1px;

    -box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 5px 5px;

    overflow: hidden;

    display: none;

    max-height: 100%;

    overflow-y: auto;

    z-index: 9

}

.dropdown .dropdown-menu li {

    padding: 10px;

    transition: all .2s ease-in-out;

    cursor: pointer

} 

.dropdown .dropdown-menu {

    padding: 0;

    list-style: none

}

.dropdown .dropdown-menu li:hover {

    background-color: #f2f2f2;
    border-radius:30px

}

.dropdown .dropdown-menu li:active {

    background-color: #e2e2e2

}