@import "../../../variables";

.cxb-menu.cxm-searchmenu{
  padding: .4rem;
  overflow: hidden;
  width: 25rem;
}

.cxe-searchmenu-icon{
  padding: 4px 5px;
  font-size: 110%;
  color: $base-font-color-light;
  opacity: .8;

  &:hover{
      opacity: 1;
  }
}

.cxb-textfield.cxm-searchmenu{
  width: 100%;
  height: auto;
  margin-bottom: .4rem;

  .cxe-textfield-input{
    height: 40px;
    font-size: 20px;
  }
}

.cxb-list.cxm-searchmenulist{
  //padding: .1rem;
  overflow: auto;
  max-height: 30rem;
  background-color: $main-color-light;

  & > .cxe-list-item.cxs-pad{
    padding: .3rem .6rem;
  }

  & > .cxe-list-group-header{
    background-color: $nav-background-color;
    border-bottom: 1px solid $ascentI-color;
  }
}