/*******************************
        User Overrides
*******************************/
.ui.menu.navbar .ui.selection.dropdown{
  font-family: @pageFont;
  font-style: normal;
  font-weight: 400;
  font-size: @fontSize;
  color: @white;
  background-color: @violet-valhalla;
  width: 200px;
  height: 48px;
  border-radius: 0px;
  border: 0px;
  line-height: 20px;
  text-align: center;
  .menu {
      background-color: @violet-valhalla;
      border-radius: 0px;
      color: @white;
      border: 0px;
    }
}
.ui.menu.navbar .ui.search.selection.dropdown > input.search {
  line-height: 20px;
}

.ui.menu.navbar .ui.dropdown .menu > .item {
  color: @white !important;
  height: 48px;
  border: 0px;
  text-align: center;
  line-height: 20px;
  &:hover{
    background-color: @blue-black-pearl !important;
  }
}
.ui.menu.navbar .ui.dropdown .menu > .message {
  color: @white;
}

.ui.menu.navbar .ui.selection.visible.dropdown > .text:not(.default) {

}

.ui.menu.navbar .ui.selection.dropdown > .dropdown.icon{
  margin: -0.3em;
}

.sidebar .ui.dropdown{
  font-family: @pageFont;
  font-size: @fontSize;
  height: 48px;
  width: 200px;
  color: @black-87;
  > .text{
    padding: 12px;
  }
  .menu {
    background-color: @white;
    border-radius: 0px;
    border: 0px;
    width: 100%;
  }
}

.ui.form .default .ui.selection.dropdown,.ui.selection.dropdown.default{
  border-radius: 0;
  border-width: 0 0 0 0;
  border-color: transparent;
  border-style: solid;
  box-shadow: 0 1px 0 0 @black-12;
  line-height: 1em;
}

.ui.form .default .ui.selection.active.dropdown .menu, .ui.selection.active.dropdown.default .menu{
  border-color: transparent;
  margin-top: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}