/*1611824846000*/
#wrapper .contacts-portlet .panel-page-body { padding:0; }

.contacts-portlet .clear { clear:both; }

.contacts-portlet .alert { display:block; }

.contacts-portlet .btn-hidden { display:none; }

.contacts-portlet .column-content,
.contacts-portlet .column-content-center { padding:0; }

.contacts-portlet #com_liferay_contacts_web_portlet_ContactsCenterPortlet_fm,
.contacts-portlet .portlet .control-group { margin-bottom:0; }

.contacts-portlet .toolbar .filter-container { float:right; }

.contacts-portlet .contact-group-filter .contact-group-filter-select { width:224px; }

.contacts-portlet .contact-group-filter input[type='checkbox'] { margin:0; }

.contacts-portlet .contact-group-filter .control-group,
.contacts-portlet .contact-group-filter select { margin-bottom:0; }

.contacts-portlet .lfr-contact { border-bottom:1px solid #c9c9c9; }

.contacts-portlet .lfr-contact .lfr-contact-checkbox {
  float:right;
  padding:5px;
}

.contacts-portlet .lfr-contact-grid-item,
.contacts-portlet .lfr-detail-info {
  display:block;
  overflow:hidden;
}

.contacts-portlet .lfr-contact-grid-item .comments,
.contacts-portlet .lfr-detail-info .comments { margin-right:10px; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-thumb,
.contacts-portlet .lfr-detail-info .lfr-contact-thumb { float:right; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-thumb img,
.contacts-portlet .lfr-detail-info .lfr-contact-thumb img { width:100px; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info,
.contacts-portlet .lfr-detail-info .lfr-contact-info { margin-right:100px; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info.no-icon,
.contacts-portlet .lfr-detail-info .lfr-contact-info.no-icon { margin-right:0; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info .lfr-contact-name,
.contacts-portlet .lfr-detail-info .lfr-contact-info .lfr-contact-name { font-weight:bold; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info .lfr-contact-extra,
.contacts-portlet .lfr-detail-info .lfr-contact-info .lfr-contact-extra { color:#777; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info .lfr-social-relations,
.contacts-portlet .lfr-detail-info .lfr-contact-info .lfr-social-relations { margin-top:5px; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-info .lfr-social-relations span,
.contacts-portlet .lfr-detail-info .lfr-contact-info .lfr-social-relations span { margin-left:10px; }

.contacts-portlet .lfr-contact-grid-item .lfr-contact-extra,
.contacts-portlet .lfr-contact-grid-item .lfr-contact-job-title,
.contacts-portlet .lfr-contact-grid-item .lfr-contact-name,
.contacts-portlet .lfr-detail-info .lfr-contact-extra,
.contacts-portlet .lfr-detail-info .lfr-contact-job-title,
.contacts-portlet .lfr-detail-info .lfr-contact-name {
  overflow-x:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.contacts-portlet .contacts-container .lfr-contact-grid-item {
  margin-bottom:5px;
  padding-right:5px;
  padding-top:5px;
}

.contacts-portlet .contacts-container .lfr-contact-grid-item .lfr-contact-thumb img { width:80px; }

.contacts-portlet .contacts-container .lfr-selected-user { cursor:pointer; }

.contacts-portlet .contacts-container .lfr-selected-user.alt { background-color:#f5f8fb; }

.contacts-portlet .contacts-container .lfr-selected-user:hover { background-color:#e8eff4; }

.contacts-portlet .contacts-container .alert.alert-success {
  border-width:0 0 1px;
  margin:0;
}

.contacts-portlet .toggle-user { display:none; }

.contacts-portlet .contacts-result .lfr-contact-grid-item,
.contacts-portlet .my-contacts .lfr-contact-grid-item { cursor:pointer; }

.contacts-portlet .contacts-result .lfr-contact-grid-item .lfr-contact-thumb,
.contacts-portlet .my-contacts .lfr-contact-grid-item .lfr-contact-thumb {
  height:35px;
  overflow:hidden;
}

.contacts-portlet .contacts-result .lfr-contact-grid-item .lfr-contact-thumb img,
.contacts-portlet .my-contacts .lfr-contact-grid-item .lfr-contact-thumb img { width:35px; }

.contacts-portlet .contacts-result {
  border-left:1px solid #c9c9c9;
  bottom:0;
  overflow-x:hidden;
  overflow-y:scroll;
  padding-left:0;
  position:absolute;
  top:55px;
  width:100%;
}

.contacts-portlet .contacts-result .more-results a {
  border:1px solid #ccc;
  display:block;
  margin:5px;
  padding:2px;
  text-align:center;
}

.contacts-portlet .contacts-result .more-results a:hover {
  background-color:#cce6f7;
  text-decoration:underline;
}

.contacts-portlet .contacts-result .lfr-contact-grid-item .lfr-contact-info {
  font-size:1em;
  margin-right:0;
  overflow-x:hidden;
  padding-right:10px;
}

.contacts-portlet .contacts-result .lfr-contact-grid-item:hover,
.contacts-portlet .contacts-result .more-results a { background-color:#e8eff4; }

.contacts-portlet .contacts-result .empty { margin:5px; }

.contacts-portlet .contacts-result .empty .icon-warning-sign { margin-left:10px; }

.contacts-portlet .contacts-result .last-name-anchor a {
  background:#cce6f7;
  border-bottom:1px solid #c9c9c9;
  cursor:default;
  display:block;
  padding:1px 5px;
}

.contacts-portlet .contacts-result a:hover { text-decoration:none; }

.contacts-portlet .personal-contact-list .contacts-result { top:38px; }

.contacts-portlet .my-contacts .lfr-contact-grid-item .lfr-contact-info { margin-right:40px; }

.contacts-portlet .contacts-home { padding:5px; }

.contacts-portlet .contacts-profile .lfr-detail-info {
  border-bottom-width:0;
  width:100%;
}

.contacts-portlet .contacts-profile .lfr-contact-thumb,
.contacts-portlet .contacts-profile .lfr-contact-info { padding:10px 10px 5px; }

.contacts-portlet .contacts-profile .lfr-contact-name {
  font-size:2em;
  height:1.25em;
  line-height:1em;
  overflow:hidden;
  position:relative;
  text-overflow:ellipsis;
}

.contacts-portlet .contacts-profile .lfr-contact-name a { position:absolute; }

.contacts-portlet .contacts-profile .lfr-contact-job-title {
  color:#777;
  font-size:1.25em;
  font-weight:bold;
}

.contacts-portlet .contacts-profile .column-content { padding:10px; }

.contacts-portlet .contacts-profile .column:before { border-width:0; }

.contacts-portlet .contacts-profile .social-relations .lfr-asset-metadata { display:none; }

.contacts-portlet .contacts-profile .field-group .lexicon-icon-pencil { display:none; }

.contacts-portlet .contacts-result-container {
  padding-right:250px;
  position:relative;
}

.contacts-portlet .contacts-result-container .contacts-list {
  bottom:0;
  right:0;
  position:absolute;
  top:0;
  width:250px;
}

.contacts-portlet .contacts-result-container .contacts-list .contacts-search {
  margin-top:0.5rem;
  position:relative;
}

.contacts-portlet .contacts-result-container .contacts-list .contacts-search .lexicon-icon-search {
  color:#c9c9c9;
  position:absolute;
  left:0.85rem;
  top:0.85rem;
}

.contacts-portlet .contacts-result-container .contacts-container {
  border-right:1px solid #c9c9c9;
  float:none;
  min-height:600px;
  width:100%;
}

.contacts-portlet .contacts-result-container .contacts-container .lfr-button-column {
  border-bottom:1px solid #c9c9c9;
  overflow:hidden;
  padding:4px 6px 5px;
}

.contacts-portlet .contacts-result-container .contacts-container .lfr-button-column .edit-toolbar {
  margin:0;
  overflow:visible;
}

.contacts-portlet .contacts-result-container .contacts-container .view-more-button { display:none; }

.contacts-portlet .contacts-result-container .contacts-action .action { padding:5px 4px; }

.contacts-portlet .contacts-result-container .contacts-profile .lfr-contact-info { padding:8px; }

.contacts-portlet .social-relations { width:auto; }

.contacts-portlet .social-relations a {
  display:inline-block;
  margin:4px 0;
  padding:3px 4px;
}

.contacts-portlet .social-relations a:hover { text-decoration:none; }

.contacts-portlet .contacts-action { margin-right:10px; }

.contacts-portlet .contacts-action .action { display:inline-block; }

.contacts-portlet .search-column { width:240px; }

.contacts-portlet .section {
  border-bottom:1px solid #e7e7e7;
  clear:both;
  float:none;
  padding:10px;
  width:auto;
  zoom:1;
}

.contacts-portlet .section:after {
  clear:both;
  content:'';
  display:block;
}

.contacts-portlet .section h3 {
  color:#b4bec8;
  float:right;
  font-size:1em;
  line-height:20px;
  margin:0;
  text-align:left;
  width:100px;
}

.contacts-portlet .section .property-list {
  margin:0 105px 0 0;
  padding:0;
}

.contacts-portlet .toolbar {
  border-bottom:1px solid #c9c9c9;
  margin-right:12px;
  min-height:31px;
  width:98%;
}

.contacts-portlet .toolbar .add-contact {
  float:left;
  margin:5px;
}

.contacts-portlet .portlet .portlet-content .portlet-body form { margin:0; }

.contacts-portlet .portlet .portlet-content .portlet-body .lfr-app-column-view { border-width:0; }

.contacts-portlet .property-type { font-weight:bold; }

.contacts-portlet .property-list li { list-style:none; }

.contacts-portlet .user-information-title {
  color:#666;
  font-size:1.5em;
}

.contacts-portlet .lfr-user-info-container { margin-bottom:10px; }

.contacts-portlet .lfr-user-comments { float:none; }

.contacts-portlet .contacts-center-home { padding:10px; }

.contacts-portlet .contacts-center-home .header-title { margin:0; }

.contacts-portlet .contacts-center-home .contacts-count { font-weight:bold; }

.contacts-portlet .contacts-center-home .contacts-count,
.contacts-portlet .contacts-center-home .contacts-count .contacts-center-introduction { margin:5px 0; }

.contacts-portlet .export-group { margin-top:1em; }

.contacts-portlet .lfr-user-profile-preferences { margin-right:20px; }

.contacts-portlet .lfr-user-action-confirm a { background:url(/o/sitenu/images/common/activate.png) no-repeat; }

.contacts-portlet .lfr-user-action-ignore a { background:url(/o/sitenu/images/common/deactivate.png) no-repeat; }

.contacts-portlet .lfr-asset-metadata { margin-bottom:5px; }

.contacts-portlet .lfr-asset-metadata .lfr-asset-coworker,
.contacts-portlet .lfr-asset-metadata .lfr-asset-follower,
.contacts-portlet .lfr-asset-metadata .lfr-asset-following { padding:0 20px; }

.contacts-portlet .members-container {
  clear:both;
  margin:1em 0;
}

.contacts-portlet .lfr-members-grid-item {
  float:right;
  height:50px;
  margin-bottom:10px;
  max-width:300px;
  min-width:200px;
  overflow:hidden;
  width:25%;
}

.contacts-portlet .lfr-members-grid-item .lfr-members-thumb {
  float:right;
  margin:0 5px;
}

.contacts-portlet .lfr-members-grid-item .lfr-members-thumb a {
  clip:rect(0 50px 50px 0);
  position:absolute;
}

.contacts-portlet .lfr-members-grid-item .lfr-members-thumb img { width:50px; }

.contacts-portlet .lfr-members-grid-item .lfr-user-data-info { margin-right:60px; }

.contacts-portlet .lfr-members-grid-item .lfr-user-data-name { font-weight:bold; }

.contacts-portlet .lfr-members-grid-item .lfr-user-data-extra,
.contacts-portlet .lfr-members-grid-item .lfr-user-data-job-title,
.contacts-portlet .lfr-members-grid-item .lfr-user-data-name a {
  overflow:hidden;
  text-overflow:hidden;
  word-wrap:nowrap;
}

.contacts-portlet .edit-profile { cursor:pointer; }

.contacts-portlet .lfr-panel,
.contacts-portlet .taglib-header { margin-bottom:1em; }

.contacts-portlet .lfr-search-container { margin-top:1em; }

.contacts-portlet .contacts-profile { overflow:hidden; }

.contacts-portlet .my-profile .field-group { position:relative; }

.contacts-portlet .my-profile .field-group.user-tags-wrapper { width:initial; }

.contacts-portlet .my-profile .field-group .lexicon-icon-pencil {
  position:absolute;
  left:5px;
  top:5px;
}

.contacts-portlet .my-profile .field-group:hover .lexicon-icon-pencil { display:block; }

.contacts-portlet .my-profile .field-group .user-tags { padding-right:0; }

.contacts-portlet .my-profile .field-group .user-tags li {
  display:inline;
  margin-left:5px;
}

.contacts-portlet .profile-actions {
  background:#eee;
  border:1px solid #c7d0da;
  margin:20px 65px;
  padding:4px 4px 0;
}

.contacts-portlet .profile-actions .alert.alert-info {
  background-color:transparent;
  border-width:0;
  margin:0;
}

.contacts-portlet .profile-actions h3 {
  color:#b4bec8;
  float:right;
  font-size:1em;
  margin:0;
  text-align:left;
  width:100px;
}

.contacts-portlet .profile-actions .field-actions-toolbar .actions-conjunction {
  display:inline-block;
  font-weight:bold;
  list-style:none;
  padding:10px 5px;
}

.contacts-portlet .profile-actions .field-actions-toolbar .settings-actions {
  display:inline-block;
  margin:0;
  padding-right:24px;
}

.contacts-portlet .profile-actions .field-actions-toolbar .settings-header-label {
  font-weight:bold;
  padding:0 5px;
}

.contacts-portlet .profile-actions .field-actions-toolbar .action-field {
  float:right;
  margin:2px;
}

.contacts-portlet .profile-actions .field-actions-toolbar .lfr-token {
  background-color:#fff;
  border-width:0;
}

.contacts-portlet .profile-actions .field-actions-toolbar .lfr-token:hover { background-color:#e9e8e8; }

.contacts-portlet .profile-actions-title {
  color:#929292;
  font-weight:bold;
  padding:6px 0 0;
}

.contact-dialog input[type='text'],
.contact-dialog textarea { width:90%; }

.contact-dialog .field-text {
  display:block;
  margin-bottom:10px;
}

.profile-dialog input[type='text'],
.profile-dialog select { padding:5px 1px; }

.profile-dialog .addresses .field {
  float:none;
  width:auto;
}

.profile-dialog .field.primary-ctrl { margin:1.8em 0; }

.profile-dialog .field-select .field { margin:10px 0; }

.profile-dialog .form-section h3 { display:none; }

.profile-dialog .lfr-textarea {
  height:60px !important;
  width:350px !important;
}

.profile-dialog .social-network {
  clear:both;
  overflow:hidden;
}

.profile-dialog .social-network .field { float:right; }

.profile-dialog .social-network img {
  margin-right:1.5em;
  margin-top:2.4em;
}

.profile-dialog .user-profile-image { padding-top:20px; }

.profile-dialog .user-profile-image .lfr-change-logo { background:none; }

.portlet-configuration .contacts-portlet .lfr-user-profile-preferences,
.portlet-configuration .contacts-portlet .toggler {
  margin:0;
  overflow:hidden;
}

.portlet-configuration .contacts-portlet .lfr-user-profile-preferences .column { margin-left:1em; }

.contacts-portlet .contacts-container .alert.alert-success { border-radius:0; }

.contacts-portlet .profile-actions { border-radius:4px; }

@media (max-width:767.98px) {
  .contacts-portlet .toolbar .filter-container { width:58%; }

  .contacts-portlet .toolbar .filter-container .contact-group-filter { padding:7px 7px 8px; }

  .contacts-portlet .toolbar .filter-container .contact-group-filter input[type='checkbox'] { display:none; }

  .contacts-portlet .toolbar .filter-container .contact-group-filter>.control-group {
    margin-right:4px;
    width:85%;
  }

  .contacts-portlet .toolbar .filter-container .contact-group-filter-select {
    height:31px;
    width:100%;
  }

  .contacts-portlet .toolbar .add-contact {
    font-size:14px;
    margin:4px 2%;
    max-width:38%;
    padding:8px 10px;
  }

  .contacts-portlet .contacts-result-container {
    overflow:hidden;
    padding-right:100%;
  }

  .contacts-portlet .contacts-result-container .contacts-list,
  .contacts-portlet .contacts-result-container .contacts-result { width:100%; }

  .contacts-portlet .contacts-result-container .contacts-list .contacts-search .search-input {
    margin:0;
    padding-right:0;
    padding-left:0;
    text-indent:5px;
    width:100%;
  }

  .contacts-portlet .form {
    right:0;
    position:relative;
    transition-duration:0.3s;
    transition-property:left;
    z-index:1;
  }

  .contacts-portlet .contacts-list {
    background:#fff;
    margin-right:0;
    transition-duration:0.3s;
    transition-property:margin-left;
    z-index:1;
  }

  .contacts-portlet .contacts-list .lfr-contact-checkbox { display:none; }

  .contacts-portlet.show-user .form {
    right:-100%;
    position:absolute;
    width:100%;
    z-index:1;
  }

  .contacts-portlet.show-user .contacts-result-container {
    overflow:visible;
    padding-right:0;
  }

  .contacts-portlet.show-user .contacts-result-container .contacts-list {
    margin-right:-100%;
    top:47px;
  }

  .contacts-portlet.show-user .toggle-user {
    background-color:#eee;
    background-color:rgba(0,0,0,0.4);
    border-radius:8px 0 0 8px;
    cursor:pointer;
    display:inline-block;
    right:100%;
    position:absolute;
    top:-43px;
  }

  .contacts-portlet.show-user .toggle-user i {
    color:#fff;
    display:block;
    font-size:2em;
    padding:16px 11px;
  }

  .contacts-portlet.show-user .contacts-container .lfr-button-column {
    padding-bottom:0;
    padding-right:3.2em;
  }

  .contacts-portlet.show-user .contacts-container .view-more-button {
    display:block;
    margin-left:0;
  }

  .contacts-portlet.show-user .edit-toolbar {
    float:right;
    width:auto;
  }

  .contacts-portlet.show-user .edit-toolbar.hide-more-buttons .more { display:none; }

  .contacts-portlet .contacts-container .btn {
    float:right;
    font-size:14px;
    margin:0 0 4px 5px;
    padding:10px;
    width:auto;
  }

  .contacts-portlet .contacts-container .btn i { display:block; }
}