/**

  This file is part of the Meeds project (https://meeds.io/).

  Copyright (C) 2020 - 2023 Meeds Association contact@meeds.io

  This program is free software; you can redistribute it and/or
  modify it under the terms of the GNU Lesser General Public
  License as published by the Free Software Foundation; either
  version 3 of the License, or (at your option) any later version.
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  Lesser General Public License for more details.
  You should have received a copy of the GNU Lesser General Public License
  along with this program; if not, write to the Free Software Foundation,
  Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

*/

@import "../../variables.less"; 
@import "../../mixins.less";

@peopleCardParentMargin: 22px;
@peopleCardMaxHeight: 227px;
@peopleCardParentMaxHeight: @peopleCardParentMargin + @peopleCardMaxHeight;

#ProfileContactInformation {

  .list-no-selection {
    .v-list-item--active::before {
      opacity: 0;
    }

    .v-list-item--active:hover::before, .v-list-item:focus::before {
      opacity: 0.04;
    }
  }

  .errorMessage {
    position: absolute;
    top: 40px;
  }

  .changeAvatarButton button {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #fff !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
  }
}
.profileContactInformationDrawer {
  select {
    min-width: auto;
    width: auto;
    max-width: 50%;
    height: 40px;
    margin-right: 7px;
    padding-top: 9px;
  }
  input {
    width: 100%;
    max-width: 100%;
  }

  .multiField {
    position: relative;

    input {
      padding-right: 30px;
    }

    .removeMultiFieldValue {
      position: absolute;
      top: 10px;
    }

    .hasParent {
      right: 40px ~'; /** orientation=lt */ ';
      left: 40px ~'; /** orientation=rt */ ';
    }

    .noParent {
      right: 10px ~'; /** orientation=lt */ ';
      left: 10px ~'; /** orientation=rt */ ';
    }
  }

  .opacity-5 {
    opacity: 0.5;
  }

  .identitySuggester .v-input__control .v-select__selections {
    padding: 10px !important;
    min-height: auto !important;
  }
}
#quickSearchUsersListDrawer {
  .quickSearchResultExpanded {
    @import "../../common/PeopleList/Style.less";
  }

  .quickSearchResultCollapsed {
    @import "../../common/ProfileCard/Style-mobile.less";
  }

  .filter-message {
    top: 2px;
  }

  .suggestion-selected {
    border: 1px solid;
  }
}
