+/* Profiles Page */
+.profile-listing-table {
+ display: table;
+ width: 100%;
+}
+.profile-listing-row {
+ display: table-row;
+}
+.profile-listing-cell {
+ display: table-cell;
+}
+.profile-listing-photo {
+ width: 48px;
+ height: 48px;
+ margin: 10px 0px;
+}
+#profile-listing-new-link-wrapper {
+ margin-bottom: 20px;
+}
+.panel-group-settings {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+.panel-group-settings > .panel {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.profiles-content-wrapper #profile-photo-upload-section {
+ display: none;
+ margin-left: -15px;
+ margin-right: -15px;
+ margin-top: 15px;
+ padding: 15px;
+}
+#profile-photo-upload-close {
+ font-size: 14px;
+}
+
+/* Settings */
+.section-subtitle-wrapper {
+ padding: 1px 10px;
+}
+.panel .section-subtitle-wrapper a.accordion-toggle:before {
+ font-family: FontAwesome;
+ content: "\f0d7";
+ padding-right: 5px;
+}
+.panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
+ font-family: FontAwesome;
+ content: "\f0da";
+}
+#settings-nick-wrapper {
+ margin-bottom: 20px;
+}
+.group {
+ margin-left: 20px;
+}
+
+/* Notifications */
+ul.notif-network-list {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+ul.notif-network-list > li {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+ul.notif-network-list li.unseen {
+ border-left: 3px solid #f3fcfd;
+ background-color: #f3fcfd;
+}
+.intro-wrapper.media {
+ overflow: visible;
+ word-wrap: break-word;
+ margin-top: 0;
+}
+.intro-photo-wrapper img.intro-photo,
+.notif-item img.notif-image {
+ height:80px;
+ width: 80px;
+ border-radius: 4px;
+}
+.intro-actions {
+ display: flex;
+}
+.intro-enty-name h4 {
+ font-size: 15px !important;
+}
+.intro-wrapper button.intro-action-link {
+ opacity: 0.1;
+ transition: all 0.25s ease-in-out;
+}
+.intro-wrapper button.intro-action-link,
+.intro-wrapper button.intro-action-link:hover {
+ padding-right: 5px;
+ padding-left: 5px;
+ color: #555;
+}
+ul li:hover .intro-wrapper button.intro-action-link {
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
+}
+ul li:hover .intro-wrapper button.intro-action-link:hover {
+ opacity: 1;
+}
+.intro-action-buttons {
+ margin-top: 15px;
+ /*display: none;*/
+ max-height: 0px;
+ overflow: hidden;
+ transition: max-height 0.1s ease-out;
+}
+ul.notif-network-list > li:hover .intro-action-buttons {
+ /*display: block;*/
+ max-height: 30px;
+ transition: max-height 0.1s ease-in;
+}
+.intro-desc-label, .intro-url-label, .intro-network-label,
+.intro-location-label, .intro-gender-label, .intro-keywords-label,
+.intro-about-label, .intro-knowyou-label {
+ font-weight: bold;
+}
+.intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label,
+.intro-contact-info.xs .intro-location-label, .intro-contact-info.xs .intro-gender-label,
+.intro-contact-info.xs .intro-keywords-label, .intro-contact-info.xs .intro-about-label,
+.intro-contact-info.xs .intro-knowyou-label {
+ display: block;
+ margin-top: 5px
+}
+
+/* Search Page */
+
+/* This is a little bit hacky. Since the search page is used for diferent
+content types we can't apply the generic-page-wrapper class.
+So we apply the css of the generic-page-wrapper class to the ul element with some
+little modifications to emulate a standard page template */
+.search-content-wrapper > ul.viewcontact_wrapper {
+ min-height: calc(100vh - 150px);
+ padding-top: 15px;
+ padding-bottom: 20px;
+ margin: 0;
+ margin-bottom: 20px;
+ border: none;
+ /*background-color: #fff;*/
+ background-color: rgba(255,255,255,$contentbg_transp);
+ border-radius: 4px;
+ position: relative;
+ /*overflow: hidden;*/
+ color: #555;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
+}
+