* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body{
    overflow: hidden;
}
/*body {
  background: #333;
  font: 14px Tahoma, Geneva, sans-serif;
  text-align: center;
  width: 100%;
  height: 100%;
}*/

h1 {
  padding: 50px 0px 20px 0px;
  color: #eee;
  font-size: 20px;
}

.SearchTypeDropdown {
  margin: 0px auto;
  width: 300px;

  &:hover {
    h1 {
      border-radius: 5px 5px 0px 0px;
    }

    li {
      padding: 10px;
      border-top: 1px lighten(#333, 2%) solid;
      height: auto;
      overflow: auto;
      opacity: 1;
    }
  }
}

.SearchTypeDropdown h1 {
  display: inline-block;
  padding: 10px;
  position: relative;
  background: darken(#333, 2%);
  color: darken(#eee, 40%);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  border: 5px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: all 0.5s linear 0s;

  b {
    color: #eee;
    font-weight: normal;
  }

  &:before {
    content: "";
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    background: darken(#eee, 40%);
    border-radius: 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
  }

  &.selected-1:before {
    background: #5790e6;
  }

  &.selected-2:before {
    background: #8773eb;
  }

  &.selected-3:before {
    background: #b27cd9;
  }

  &.selected-4:before {
    background: #e884b0;
  }

  &.selected-5:before {
    background: #eda180;
  }
}

.SearchTypeDropdown ul {
  display: block;
  position: relative;
  list-style: none;
}

.SearchTypeDropdown li {
  padding: 0px 10px;
  background: darken(#333, 2%);
  color: darken(#eee, 40%);
  text-align: right;
  border: 0px;
  width: 100%;
  height: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transition-property: all, background-color;
  transition-duration: 0.2s, 0.4s;

  b {
    color: #eee;
    font-weight: normal;
  }

  &:hover,
  &.selected {
    background-color: darken(#333, 4%);
  }

  &:last-child {
    border-radius: 0px 0px 5px 5px;
  }

  &:before {
    content: "";
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
  }

  &:nth-child(1) {
    transition-delay: 0s, 0s;

    &:before {
      background: #5790e6;
    }
  }

  &:nth-child(2) {
    transition-delay: 0.1s, 0s;

    &:before {
      background: #8773eb;
    }
  }

  &:nth-child(3) {
    transition-delay: 0.2s, 0s;

    &:before {
      background: #b27cd9;
    }
  }

  &:nth-child(4) {
    transition-delay: 0.3s, 0s;

    &:before {
      background: #e884b0;
    }
  }

  &:nth-child(5) {
    transition-delay: 0.4s, 0s;

    &:before {
      background: #eda180;
    }
  }
}
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
}
/*body {
  background: #333;
  font: 14px Tahoma, Geneva, sans-serif;
  text-align: center;
  width: 100%;
  height: 100%;
}*/
h1 {
  padding: 50px 0px 20px 0px;
  color: #EEE;
  font-size: 20px;
}
.SearchTypeDropdown {
  margin: 0px auto;
  width: 100px;
      position: absolute;
    right: 50px;
        top: 5px;
}

.SearchTypeDropdown:hover h1 {
  border-radius: 5px 5px 0px 0px;
}
.SearchTypeDropdown:hover li {
  padding: 10px;
  border-top: 1px #383838 solid;
  height: auto;
  overflow: auto;
  opacity: 1;
}
.SearchTypeDropdown h1 {
  display: inline-block;
  padding: 10px;
  position: relative;
    background: #0078d6;
    color: #ffffff;
    font-size: 14px!important;
  font-weight: normal;
  text-align: center;
  border: 5px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: all 0.5s linear 0s;
  margin-top:0;
      margin-bottom: 0;
}
.SearchTypeDropdown h1 b {
  color: #EEE;
  font-weight: normal;
}
/*.dropdown h1:before {
  content: '';
  margin-top: -2px;
  margin-right: 10px;
  display: inline-block;
  background: #888888;
  border-radius: 5px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}*/
/*.dropdown h1.selected-1:before {
  background: #5790E6;
}
.dropdown h1.selected-2:before {
  background: #8773EB;
}
.dropdown h1.selected-3:before {
  background: #B27CD9;
}
.dropdown h1.selected-4:before {
  background: #E884B0;
}
.dropdown h1.selected-5:before {
  background: #EDA180;
}*/
.SearchTypeDropdown ul {
  display: block;
  position: relative;
  list-style: none;
}
.SearchTypeDropdown li {
  padding: 0px 10px;
  background: #0072cc;
  color: #fafafa;
  text-align: right;
  border: 0px;
  width: 100%;
  height: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transition-property: all, background-color;
  transition-duration: 0.2s, 0.4s;
}
.SearchTypeDropdown li b {
  color: #EEE;
  font-weight: normal;
}
.SearchTypeDropdown li:hover,
.SearchTypeDropdown li.selected {
  background-color: #8aafe6;
}
.SearchTypeDropdown li:last-child {
  border-radius: 0px 0px 5px 5px;
}
.SearchTypeDropdown li:before {
  /*content: '';*/
  margin-top: -2px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 5px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.SearchTypeDropdown li:nth-child(1) {
  transition-delay: 0s, 0s;
}
/*.SearchTypeDropdown li:nth-child(1):before {
  background: #5790E6;
}*/
.SearchTypeDropdown li:nth-child(2) {
  transition-delay: 0.1s, 0s;
}
/*.SearchTypeDropdown li:nth-child(2):before {
  background: #8773EB;
}*/
.SearchTypeDropdown li:nth-child(3) {
  transition-delay: 0.2s, 0s;
}
/*.SearchTypeDropdown li:nth-child(3):before {
  background: #B27CD9;
}*/
.SearchTypeDropdown li:nth-child(4) {
  transition-delay: 0.3s, 0s;
}
/*.SearchTypeDropdown li:nth-child(4):before {
  background: #E884B0;
}*/
.SearchTypeDropdown li:nth-child(5) {
  transition-delay: 0.4s, 0s;
}
/*.SearchTypeDropdown li:nth-child(5):before {
  background: #EDA180;
}*/
#N2{
    padding-right:0!important;
}