/* JomSocial * Default Template of JomSocial 3.3 * @author iJoomla, Inc * @version 1.0.0 * Copyright 2013 iJoomla, Inc. GPL 2.0 licensed. */ .jomsocial ul{padding:0;margin:0;list-style:none;} .jomsocial button, .jomsocial input, .jomsocial select, .jomsocial textarea {vertical-align: top;} .jomsocial img {max-width: 100%;} .gm-style img {max-width: none;} .joms-text--lead {font-size: 22px;line-height: 22px;font-weight: normal;color: #7f8c8d;} .joms-text--small {font-size: 10px;line-height: 14px;} .joms-text--normal {font-size: 14px;} .joms-text--light, .joms-text--title, .joms-text--title a, .joms-text--bold {color: #115c9f;font-weight: bold;} .joms-text--bold {font-weight: bold;} .joms-text--title, .joms-text--username, .joms-text--desc {margin: 0;margin-bottom: 10px;} .joms-text--username {margin-bottom: 5px;} .joms-text--desc {color: #7f8c8d;font-weight: normal;font-size: 12px;} .joms-video__body h4.joms-text--title {font-size: 15px;line-height: 18px;margin-bottom: 2px;} .joms-video__body .joms-text--light{font-size: 11px;font-weight: normal;color: #777;} .joms-video__body small a{color: #115c9f;} #joms-app--aboutme-special .joms-text--light {margin-right: 10px;margin-bottom: 5px;margin-top: 3px;font-weight: bold;float: left;color: #555;} .joms-text--break {word-break: break-all;word-wrap: break-word;} .joms-input[type="text"], .joms-input[type="password"], .joms-select--wrapper, .joms-textarea {background: #fff;border: 1px solid #e3e5e7;color: #2c3e50;width: 100%;margin-bottom: 14px;outline: none;box-shadow: none;} .joms-input[type="text"]:active, .joms-input[type="password"]:active, .joms-select--wrapper:active, .joms-textarea:active, .joms-input[type="text"]:focus, .joms-input[type="password"]:focus, .joms-select--wrapper:focus, .joms-textarea:focus, .joms-input[type="text"]:focus:invalid:focus, .joms-input[type="password"]:focus:invalid:focus, .joms-select--wrapper:focus:invalid:focus, .joms-textarea:focus:invalid:focus {outline: 0;box-shadow: none;} .joms-form__group .joms-input[type="text"], .joms-form__group .joms-input[type="password"], .joms-form__group .joms-select--wrapper, .joms-form__group .joms-textarea {margin-top: 5px;margin-bottom: 0;} .joms-input[type="text"], .joms-input[type="password"] {padding: 3px 10px;height: auto;-webkit-appearance: none;-moz-appearance: none;} .joms-input[type="radio"] {margin: 0;margin-right: 2px;} .joms-input--append .joms-input[type="text"], .joms-input--append .joms-input[type="password"] {padding-left: 36.65248px;} .joms-input--inline {display: inline-block;} .joms-input--radio {display: inline-block;} .joms-input--radio-content {display: inline-block;margin-left: 8px;} .joms-input--search[type="text"] {display: inline-block;height: auto;width: 90%;padding: 5px;margin: 0;line-height: 18px;border: none;} .joms-sortings .joms-select--wrapper {display: inline-block;width: 100%;margin: 0 0 8.65248px;} .joms-sortings .joms-select--wrapper:nth-child(2n+1) {margin: 0;} .joms-select--wrapper {position: relative;display: block;padding: 0px;} .joms-select--wrapper.joms-select--expand::after {background-image: none;} .joms-select--wrapper::after {content: "";position: absolute;width: 9px;height: 8px;top: 50%;right: 8.65248px;margin-top: -4px;background-image: url(../images/select-arrow.png);background-repeat: no-repeat;background-size: 100%;z-index: 2;pointer-events: none;} .joms-select--wrapper:hover {border: 1px solid rgba(0, 0, 0, 0.2);} .joms-select--wrapper option {font-weight: normal;} .joms-select {margin: 0;position: relative;background: none;border: 1px solid #ddd;outline: none;-webkit-appearance: none;-moz-appearance: none;padding: 3px 10px;width: 100%;} .joms-select:focus {outline: none;background-color: transparent;box-shadow: none;} .joms-select::-ms-expand {display: none;} .joms-select::-ms-value {background: transparent;} .joms-select::-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;} @-moz-document url-prefix() {.joms-select--wrapper {overflow: hidden;}} select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;} .joms-textarea {min-height: 80px;resize: none;height: 100%;padding: 6px 12px;-webkit-appearance: none;} .joms-textarea__wrapper {width: 100%;} .joms-comment__reply .joms-textarea__wrapper {display: table-cell;vertical-align: top;} .joms-comment__reply .joms-textarea__wrapper span {display: table-cell;vertical-align: middle;} .joms-no-touch .joms-textarea__wrapper {display: block;width: 100%;} .joms-no-touch .joms-comment__reply .joms-textarea__wrapper {display: block;} .joms-checkbox {position: relative;margin: 0px 5px;} .joms-checkbox input[type=checkbox] {position: absolute;margin-top: 8.65248px;} .joms-checkbox span {color: #7f8c8d;margin-left: 22.65248px;margin-top: 5.34752px;display: inline-block;font-size: small;} .joms-form, .joms-form--search {margin: 0;padding: 0;} .joms-form--search span {display: block;} .joms-form--search span:last-child {float: right;padding: 0;} .joms-form--search input[type="text"], .joms-form--search select {width: 100%;height: auto;margin-bottom: 2%;padding: 5.34752px 8.65248px;} .joms-form--search .joms-input[type="text"] {margin-bottom: 2%;line-height: 18px;} .joms-form--search .joms-form__item {margin-bottom: 2%;padding-bottom: 2%;border-bottom: 1px solid rgba(0, 0, 0, 0.05);} .joms-form--search .joms-form__item span:last-child {text-align: right;} #criteriaContainer .joms-form__item:first-child .joms-remove-link {display: none;} .joms-input--append {position: relative;} .joms-input--append svg {position: absolute;left: 8.65248px;top: 8.65248px;fill: #7f8c8d;} .joms-form__group {color: #7f8c8d;position: relative;margin-bottom: 14px;display: block;} .joms-form__group > span,.form_group > span {font-size: 12px;} .form-bg .form-group.joms-form__group span {display: none;} .joms-form__group .joms-required,.form_group .joms-required {color: #e74c3c;font-size: 16px;} .joms-form__group > span:first-child,.form_group > span:first-child {display: table-cell;width: 140px;padding-right: 14px;vertical-align: middle;} .joms-form__group > span:first-child.small {width: 60px;} .joms-form__group > span:first-child.smallest {width: 20px;} .joms-form__group > span:first-child.big {width: 240px;} .joms-form__group.has-privacy {padding-right: 50px;} .joms-phototag__autocomplete div.se-scroll{max-height: 201px;overflow-y: scroll;margin:0;padding:0; border:none;} /*SEEN-265*/ .joms-form__group.has-privacy .has-error{ border-color:#E9322D; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #F8B9B7; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #F8B9B7; } .joms-form__group.has-privacy #error{ color: #E9322D; font-weight:bold; } .joms-form__group.has-privacy .joms-input {display: table-cell;margin-top: 0;} .joms-form__group.has-privacy .joms-button--privacy {padding: 4px;width: auto;position: absolute;right: 0;bottom: 0px;margin-top: 0;} .joms-form__group.has-privacy .joms-button--privacy span {display: none;} .joms-form__group.has-privacy .joms-dropdown, .joms-form__group.has-privacy .joms-popover {right: 0;top: 32px;width: 140px;} .joms-form__group.has-privacy .joms-dropdown:before, .joms-form__group.has-privacy .joms-popover:before, .joms-form__group.has-privacy .joms-dropdown:after, .joms-form__group.has-privacy .joms-popover:after {left: 120px;} .joms-form__group .joms-input--select[type="text"] {margin-top: 0;} .joms-form__legend {margin-bottom: 14px;color: #7f8c8d;font-weight: bold;font-size: inherit;border: 0;} .joms-help {font-size: 12px;line-height: 18px;margin: 0;margin-top: 5.34752px;color: #9fa9aa;} .joms-textarea--mobile .trumbowyg-button-pane {display: none;} .joms-textarea__beautifier {border: 0;} .joms-form--search .joms-form__item:before, .clearfix:before, .jomsocial-wrapper .jomsocial:before, .joms-module__wrapper:before, .joms-module__wrapper--stacked:before, .joms-stream:before, .joms-stream--notifications:before, .joms-postbox:before, .joms-postbox-content:before, .joms-pagination .pagination-list:before, .joms-landing__action:before, .jomsocial-wrapper .jomsocial:before, .joms-body:before, .joms-focus:before, .joms-gallery:before, .joms-message__list:before, .joms-list--thumbnail:before, .joms-list__row:before, .joms-list--card:before, .joms-list--inline:before, .joms-list--photos:before, .joms-list--video:before, .joms-list--videos:before, .joms-list--friend:before, .joms-list--event:before, .joms-list--avatar:before, .joms-list--block:before, .joms-list--table:before, .joms-list--files:before, .joms-list--half:before, .joms-list--message:before, .joms-list--general:before, .joms-list--group:before, .joms-list:before, .joms-list--block .joms-list__item:before, .joms-list--card .joms-list__item:before, .joms-form--search .joms-form__item:after, .clearfix:after, .jomsocial-wrapper .jomsocial:after, .joms-module__wrapper:after, .joms-module__wrapper--stacked:after, .joms-stream:after, .joms-stream--notifications:after, .joms-postbox:after, .joms-postbox-content:after, .joms-pagination .pagination-list:after, .joms-landing__action:after, .jomsocial-wrapper .jomsocial:after, .joms-body:after, .joms-focus:after, .joms-gallery:after, .joms-message__list:after, .joms-list--thumbnail:after, .joms-list__row:after, .joms-list--card:after, .joms-list--inline:after, .joms-list--photos:after, .joms-list--video:after, .joms-list--videos:after, .joms-list--friend:after, .joms-list--event:after, .joms-list--avatar:after, .joms-list--block:after, .joms-list--table:after, .joms-list--files:after, .joms-list--half:after, .joms-list--message:after, .joms-list--general:after, .joms-list--group:after, .joms-list:after, .joms-list--block .joms-list__item:after, .joms-list--card .joms-list__item:after {content: " ";display: table;} .joms-form--search .joms-form__item:after, .clearfix:after, .jomsocial-wrapper .jomsocial:after, .joms-module__wrapper:after, .joms-module__wrapper--stacked:after, .joms-stream:after, .joms-stream--notifications:after, .joms-postbox:after, .joms-postbox-content:after, .joms-pagination .pagination-list:after, .joms-landing__action:after, .jomsocial-wrapper .jomsocial:after, .joms-body:after, .joms-focus:after, .joms-gallery:after, .joms-message__list:after, .joms-list--thumbnail:after, .joms-list__row:after, .joms-list--card:after, .joms-list--inline:after, .joms-list--photos:after, .joms-list--video:after, .joms-list--videos:after, .joms-list--friend:after, .joms-list--event:after, .joms-list--avatar:after, .joms-list--block:after, .joms-list--table:after, .joms-list--files:after, .joms-list--half:after, .joms-list--message:after, .joms-list--general:after, .joms-list--group:after, .joms-list:after, .joms-list--block .joms-list__item:after, .joms-list--card .joms-list__item:after {clear: both;} .joms-pagination .pagination-list, .joms-list--thumbnail, .joms-list__row, .joms-list--card, .joms-list--inline, .joms-list--photos, .joms-list--video, .joms-list--videos, .joms-list--friend, .joms-list--event, .joms-list--avatar, .joms-list--block, .joms-list--table, .joms-list--files, .joms-list--half, .joms-list--message, .joms-list--general, .joms-list--group, .joms-list {list-style-type: none;padding: 0;margin: 0;} .joms-left {float: left;} .joms-right {float: right;} .joms-table {display: table;} .joms-table__col {display: table-cell;vertical-align: middle;} .joms-hide {display: none;} .joms-popup .joms-comment__actions, .joms-alert--warning, .joms-alert--danger, .joms-alert--info, .joms-alert--success, .joms-pagination ul, .joms-focus__date {-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;} .joms-input[type="text"], .joms-input[type="password"], .joms-select--wrapper, .joms-textarea, .joms-select--wrapper, .joms-notifications__label {-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;} .joms-popover {-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;} .joms-landing__action {-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-o-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .joms-avatar img, .joms-avatar--stream img, .joms-avatar--comment img, .joms-avatar--focus img {border: 1px solid rgba(0, 0, 0, 0.12);} .joms-avatar img, .joms-avatar--stream img, .joms-avatar--comment img, .joms-online a:after {-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;} .joms-arrow--top:after, .joms-arrow--top-left:after, .joms-module__wrapper--main .joms-tab__bar > a.active:after, .joms-arrow--top:before, .joms-arrow--top-left:before, .joms-module__wrapper--main .joms-tab__bar > a.active:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .joms-arrow--top:after, .joms-arrow--top-left:after, .joms-module__wrapper--main .joms-tab__bar > a.active:after {border-bottom-color: #fff;border-width: 8px;margin-left: -8px;} .joms-arrow--top:before, .joms-arrow--top-left:before, .joms-module__wrapper--main .joms-tab__bar > a.active:before {border-bottom-color: #e3e5e7;border-width: 9px;margin-left: -9px;} .joms-arrow--top-left:after, .joms-arrow--top-left:before {left: inherit;right: 6px;} .joms-dropdown, .joms-popover, .joms-postbox-dropdown, .joms-hcard, .joms-toolbar, #search-results {-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);} .dropdown-menu, .joms-dropdown {position: absolute;top: 100%;z-index: 1000;display: none;float: left;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #FFF;border: 1px solid #CCC;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);background-clip: padding-box;} .desktop-only--inline-block {display: none !important;} .mobile-only--show {display: none !important;} .mobile-only-landscape--show {display: none !important;} .joms-focus__actions__wrapper .btn-group > .btn {border-radius: 0px;} .seen-focus-button{font-size:13px;font-weight:bold;line-height:1;} .seen-focus-button:hover{background-color: #FFF;} .seen-comment-missing{color: red;background: white;z-index: 9999;position: relative;padding: 5px 15px 5px;border-left: 1px solid #e3e5e7;border-right: 1px solid #e3e5e7;border-bottom: 1px solid #e3e5e7;} @media only screen and (min-width: 481px) and (max-width: 992px) {.mobile-only-landscape--show {display: block !important;}} .no-border {border: 0;} .joms-gap {height: 14px;} .joms-gap--small {height: 5.34752px;} .joms-gap--inline {width: 8.65248px;display: none;} .reset-gap {margin: 0 !important;} .joms-centered {text-align: center;} .joms-push {margin-bottom: 14px;} .joms-push--large {margin-bottom: 22.65248px;} .joms-padding {padding: 14px;} .joms-block {display: block;} .joms-relative {position: relative;} .joms-divider {border: 1px solid rgba(0, 0, 0, 0.1);border-bottom: none;margin: 22.65248px 0;height: 0;} .joms-avatar img, .joms-avatar--stream img, .joms-avatar--comment img, .joms-avatar--focus img {display: inline-block;line-height: 0;background-color: #fff; border: 1px solid rgba(0, 0, 0, .1);} .joms-avatar img {width: 100%;max-width: 64px;max-height: 64px;} .joms-stream__body .joms-avatar img {max-width: 128px;max-height: 128px;height: 128px;} .joms-avatar.single img {max-width: 120px;max-height: 120px;} .joms-avatar--stream, .joms-avatar--comment, .joms-avatar--focus {display: table-cell;width: 48px;position: relative;} .col4 .joms-avatar--stream {width: 100%;display: inline-block;} .joms-avatar--stream a, .joms-avatar--comment a, .joms-avatar--focus a {display: block;position: relative;height: 100%;} .joms-avatar--stream img, .joms-avatar--focus img {max-width: 45px;border-radius: 50%;} .joms-avatar--comment img{max-width: 37px;} .joms-avatar--comment.joms-online a:after{width: 10px;height: 10px;bottom: 0px;right: 1px;} .joms-avatar--stream.square img, .joms-avatar--comment.square img, .joms-avatar--focus.square img {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;} .joms-avatar--stream.video-thumb, .joms-avatar--comment.video-thumb, .joms-avatar--focus.video-thumb {width: 64px;} .joms-avatar--stream.video-thumb img, .joms-avatar--comment.video-thumb img, .joms-avatar--focus.video-thumb img {max-width: 64px;} .joms-online a {position: relative;} .joms-online a:after {content:'';position: absolute;right: 3px;bottom: 3px;width: 11px;height: 11px;color: #8bc34a;z-index: 2;background: #59980F;border: 2px solid white;} .joms-avatar--focus.joms-online a:after {right: 30px;top: 30px;border: 2px solid #FFFCFC;width: 10px;height: 10px;} .joms-focus--mini .joms-avatar--focus.joms-online a:after {right: 17px;top: 20px;} .joms-avatar--comment {width: 32px;} .joms-avatar--focus {width: 64px;display: inline-block;float: left;} .profile .joms-avatar--focus img{padding: 3px;} .joms-avatar--focus img {max-width: 64px;width: 100%;} .joms-avatar--focus i.fa {left: 12px;bottom: 0px;width: 40px;cursor: pointer;color: #fff;text-shadow: 0px 1px 1px #2D2D2D;font-size: 20px;position: absolute;opacity: 0.5;-webkit-transition: opacity 0.15s;-o-transition: opacity 0.15s;transition: opacity 0.15s;-moz-transition: opacity 0.15s;-ms-transition: opacity 0.15s;} .joms-avatar--focus:hover i.fa {opacity: 1;display: block;} .joms-button--primary, .joms-button--add, .joms-button--login, .joms-button__reject, .joms-postbox-tab .joms-postbox-save, .joms-postbox-tab .joms-postbox-done, .joms-focus__button--add, .joms-button__next, .joms-button--secondary, .joms-button--signup, .joms-focus__button--message, .joms-button--neutral, .joms-button--privacy, .joms-button--more, .joms-button--comment, .joms-button__approve, .joms-postbox-tab .joms-postbox-cancel, .joms-focus__button--options, .joms-button--important {padding: 8px 14px;display: inline-block;text-align: center;outline: none;text-decoration: none;cursor: pointer;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;} .joms-button--primary, .joms-button--add, .joms-button--login, .joms-button__reject, .joms-postbox-tab .joms-postbox-save, .joms-postbox-tab .joms-postbox-done, .joms-focus__button--add {background-image: -webkit-linear-gradient(top, #0f6aa8 0%, #0c629c 100%);background-image: -o-linear-gradient(top, #0f6aa8 0%, #0c629c 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#0f6aa8), to(#0c629c));background-image: linear-gradient(to bottom, #0f6aa8 0%, #0c629c 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f6aa8', endColorstr='#ff0c629c', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x;border-color: #0c629c;min-width: 80px;color: #FFF;font-size: 14px;} .joms-button--primary:hover, .joms-button--add:hover, .joms-button--login:hover, .joms-button__reject:hover, .joms-postbox-tab .joms-postbox-save:hover, .joms-postbox-tab .joms-postbox-done:hover, .joms-focus__button--add:hover, .joms-button--primary:active, .joms-button--add:active, .joms-button--login:active, .joms-button__reject:active, .joms-postbox-tab .joms-postbox-save:active, .joms-postbox-tab .joms-postbox-done:active, .joms-focus__button--add:active, .joms-button--primary:focus, .joms-button--add:focus, .joms-button--login:focus, .joms-button__reject:focus, .joms-postbox-tab .joms-postbox-save:focus, .joms-postbox-tab .joms-postbox-done:focus, .joms-focus__button--add:focus {background: #198FC2;text-decoration: none;color: #fff !important;} .joms-button__next, .joms-button--secondary, .joms-button--signup, .joms-focus__button--message {text-shadow: 0 1px 0 #fff;background-image: -webkit-linear-gradient(top, #fff 0%, #f0f2f3 100%);background-image: -o-linear-gradient(top, #fff 0%, #f0f2f3 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f2f3));background-image: linear-gradient(to bottom, #fff 0%, #f0f2f3 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff0f2f3', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border-color: #cccccc #c5c6c8 #b6b7b9;color: #333 !important;background-color: #fff;font-weight: bold;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);} .joms-button__next:hover, .joms-button--secondary:hover, .joms-button--signup:hover, .joms-focus__button--message:hover, .joms-button__next:active, .joms-button--secondary:active, .joms-button--signup:active, .joms-focus__button--message:active, .joms-button__next:focus, .joms-button--secondary:focus, .joms-button--signup:focus, .joms-focus__button--message:focus {background: #f0f2f3;text-decoration: none;color: #333 !important;} .joms-button--neutral, .joms-button--privacy, .joms-button--more, .joms-button--comment, .joms-button__approve, .joms-postbox-tab .joms-postbox-cancel, .joms-focus__button--options {color: #2c3e50;background: #ecf0f1;color: #424242 !important;min-width: 30px;font-size: 14px;} .joms-button--neutral:hover, .joms-button--privacy:hover, .joms-button--more:hover, .joms-button--comment:hover, .joms-button__approve:hover, .joms-postbox-tab .joms-postbox-cancel:hover, .joms-focus__button--options:hover, .joms-button--neutral:active, .joms-button--privacy:active, .joms-button--more:active, .joms-button--comment:active, .joms-button__approve:active, .joms-postbox-tab .joms-postbox-cancel:active, .joms-focus__button--options:active, .joms-button--neutral:focus, .joms-button--privacy:focus, .joms-button--more:focus, .joms-button--comment:focus, .joms-button__approve:focus, .joms-postbox-tab .joms-postbox-cancel:focus, .joms-focus__button--options:focus {background: #fff;text-decoration: none;color: #424242 !important;} .joms-button--important {background: #e74c3c;color: #fff !important;} .joms-button--important:hover, .joms-button--important:active, .joms-button--important:focus {background: #eb6d60;text-decoration: none;color: #fff !important;} .joms-button--full {width: 100%;} .joms-button--full-small {width: 100%;} .joms-button--privacy {padding: 5.34752px;color: #7f8c8d;} .joms-button--privacy .joms-icon {height: 12px;} .joms-form__group .joms-button--privacy {margin-top: 5px;} .joms-button--add {position: absolute;padding: 5px 8px;line-height: 18px;top: 14px;right: 14px;} .joms-button--add span {display: none;} .joms-button--add .joms-icon {fill: #fff;} .joms-button--add span {display: initial;font-weight: bold;} .joms-button--add svg {display: none;} .joms-button--more {padding: 5px;font-size: 14px;} .joms-button--login {width: 100%;} .joms-button--signup {width: 100%;} .joms-button--link {display: inline-block;padding-top: 5px;} .joms-button--comment {padding: 8px 8px 7px;margin-bottom: 0;} .joms-button__reject {padding: 5px 8px;} .joms-button__approve {padding: 5px 8px;} .joms-button--small {padding: 5px 8px;} .joms-button--smallest {padding: 2px 5px;} .joms-cover--thumbnail {overflow: hidden;position: relative;background: rgba(0, 0, 0, 0.04);} .joms-cover--thumbnail:before {content: "";display: block;height: 0;padding-top: 66.66667%;} .joms-cover--thumbnail > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-cover--thumbnail .joms-icon {position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);height: 24px;width: 24px;fill: #424242;} .joms-list__cover--wrapper:before {content: "";display: block;height: 0;padding-top: 66.66667%;} .joms-list__cover--wrapper > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-icon {display: inline-block;vertical-align: middle;width: 14px;height: 14px;position: relative;} .joms-icon--responsive {width: 100%;height: auto;} .joms-icon--add {position: absolute;top: 24px;right: 77px;fill: #95a5a6;} .joms-no-touch .joms-icon--add {top: 20px;right: 20px;} .joms-page--inbox .joms-icon--add {top: 14px;right: 14px;} .joms-icon--white {fill: white;} svg:not(:root) {overflow: hidden;max-width: none;} .joms-emoticon {width: 20px;height: 20px;display: inline-block;vertical-align: middle;background-image: url('../images/emo.png');} @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {.joms-emoticon {background-image: url('../images/emo@2x.png');background-size: 140px 180px;}} .joms-emoticon.joms-emo-laugh {background-position: 0 0px;} .joms-emoticon.joms-emo-happy {background-position: -20px 0px;} .joms-emoticon.joms-emo-giggle {background-position: -40px 0px;} .joms-emoticon.joms-emo-smile {background-position: -60px 0px;} .joms-emoticon.joms-emo-pretty {background-position: -80px 0px;} .joms-emoticon.joms-emo-wink {background-position: -100px 0px;} .joms-emoticon.joms-emo-loved {background-position: -120px 0px;} .joms-emoticon.joms-emo-love-whistle {background-position: 0 -20px;} .joms-emoticon.joms-emo-blush-whistle {background-position: -20px -20px;} .joms-emoticon.joms-emo-whistle {background-position: -40px -20px;} .joms-emoticon.joms-emo-happy-whistle {background-position: -60px -20px;} .joms-emoticon.joms-emo-tongue-wink {background-position: -80px -20px;} .joms-emoticon.joms-emo-tongue-happy {background-position: -100px -20px;} .joms-emoticon.joms-emo-tongue {background-position: -120px -20px;} .joms-emoticon.joms-emo-surprised {background-position: 0 -40px;} .joms-emoticon.joms-emo-irretated {background-position: -20px -40px;} .joms-emoticon.joms-emo-huff {background-position: -40px -40px;} .joms-emoticon.joms-emo-bored {background-position: -80px -40px;} .joms-emoticon.joms-emo-ohno {background-position: -120px -40px;} .joms-emoticon.joms-emo-sad {background-position: 0 -60px;} .joms-emoticon.joms-emo-happy-tear {background-position: -20px -60px;} .joms-emoticon.joms-emo-cry {background-position: -40px -60px;} .joms-emoticon.joms-emo-sleepy {background-position: -60px -60px;} .joms-emoticon.joms-emo-sad {background-position: -100px -40px;} .joms-emoticon.joms-emo-worry {background-position: -100px -60px;} .joms-emoticon.joms-emo-relieved {background-position: -120px -60px;} .joms-emoticon.joms-emo-upset {background-position: -20px -80px;} .joms-emoticon.joms-emo-very-sad {background-position: -40px -80px;} .joms-emoticon.joms-emo-shocked {background-position: -80px -80px;} .joms-emoticon.joms-emo-angry {background-position: -120px -80px;} .joms-emoticon.joms-emo-exhale {background-position: 0 -100px;} .joms-emoticon.joms-emo-annoyed {background-position: -20px -100px;} .joms-emoticon.joms-emo-excited {background-position: -40px -100px;} .joms-emoticon.joms-emo-yummy {background-position: -60px -100px;} .joms-emoticon.joms-emo-sick {background-position: -80px -100px;} .joms-emoticon.joms-emo-sunglass {background-position: -100px -100px;} .joms-emoticon.joms-emo-tired {background-position: -120px -100px;} .joms-emoticon.joms-emo-eye-cross {background-position: -20px -120px;} .joms-emoticon.joms-emo-confuse {background-position: -80px -120px;} .joms-emoticon.joms-emo-devil {background-position: -100px -120px;} .joms-emoticon.joms-emo-devil-angry {background-position: -120px -120px;} .joms-emoticon.joms-emo-wow {background-position: 0 -140px;} .joms-emoticon.joms-emo-grin-worry {background-position: -20px -140px;} .joms-emoticon.joms-emo-speechless {background-position: -40px -140px;} .joms-emoticon.joms-emo-meh {background-position: -60px -140px;} .joms-emoticon.joms-emo-woo {background-position: -80px -140px;} .joms-emoticon.joms-emo-speachless {background-position: -100px -140px;} .joms-emoticon.joms-emo-blessed {background-position: -120px -140px;} .joms-module *, .joms-module *:before, .joms-module *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .joms-module .joms-stream__meta p {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .joms-module__wrapper, .joms-module__wrapper--stacked {margin-bottom: 14px;} .joms-module__wrapper:empty, .joms-module__wrapper--stacked:empty {display: none;} .joms-module__wrapper .video-player img, .joms-module__wrapper--stacked .video-player img {max-width: 100%;width: 100%;vertical-align: middle;height: auto;} .joms-module__wrapper .joms-module__footer .joms-button--link, .joms-module__wrapper--stacked .joms-module__footer .joms-button--link {color: #424242;} .joms-module__footer {margin-top: 14px;} .joms-module__header {font-weight: bold;background: #fff;color: #424242;padding: 8.65248px;text-align: center;} .joms-module--stacked {margin-bottom: 14px;} .joms-module__body {background: #fff;padding: 14px;} .joms-stream, .joms-stream--notifications,.joms-postbox {background-color: #FFF; border: 1px solid #d0d1d5; border-radius: 3px; margin-bottom: 10px;position: relative;} .joms-stream__header, .joms-comment__header {display: table;padding: 10px;width: 100%;} .joms-stream__header.wide, .joms-comment__header.wide {padding: 14px 0;} .joms-stream__header.system {padding: 0;margin-bottom: 5.34752px;} .joms-stream__header.no-avatar .joms-stream__meta {padding-left: 0;} .joms-stream__header.no-avatar .joms-stream__meta .link_event{display:block;word-break:break-all;} .joms-stream__header.no-gap {padding: 0;margin-bottom: 8.65248px;} .joms-stream__user {font-weight: bold;} .joms-focus__title h2.online:after {position: relative;top: -10px;} .joms-stream__meta {padding-right: 14px;} .joms-stream__meta, .joms-comment__meta, .joms-stream__content {display: table-cell;vertical-align: middle;padding-left: 8.65248px;} .joms-stream__meta a, .joms-comment__meta a, .joms-stream__content a,.user-widget h3.joms-username a {text-decoration: none;color: #0e76bc;} .joms-stream__meta .joms-icon, .joms-comment__meta .joms-icon, .joms-stream__content .joms-icon {height: 8.65248px;fill: #95a5a6;} .joms-stream__time, .joms-comment__time {color: #95a5a6;display: block;} .joms-comment__header .joms-comment__time,.joms-comment__actions a {display: inline-block;margin-right: 0px!important;} .joms-stream__content {color: #2c3e50;line-height: 14px;} .joms-stream__content a {display: inline-block;font-weight: normal;} .joms-stream__content p {margin-bottom: 0;} .joms-stream__content span {display: block;} .joms-stream__body, .joms-comment__body {padding: 0 10px 10px;word-wrap: break-word;} .joms-stream__body, .joms-comment__body > span > span{word-break:break-word;display: block;} .joms-stream__body .joms-icon, .joms-comment__body .joms-icon {fill: #424242;height: 0.8rem;} .joms-stream__body.no-head {padding: 10px;} .joms-stream__body.no-head > p {margin: 0;} .joms-stream__status {padding: 8.65248px 14px;background: rgba(0, 0, 0, 0.02);font-size: 12px;line-height: 14px;} .joms-stream__status a {text-decoration: none;} .joms-stream__status--mobile {padding: 14px;padding-top: 0;padding-right: 0;display: inline-block;width: 37%;} .joms-stream__status--mobile a {text-decoration: none;color: rgba(0, 0, 0, 0.4);font-size: 14px;} .joms-stream__status--mobile a:hover, .joms-stream__status--mobile a:focus {color: rgba(0, 0, 0, 0.2);text-decoration: none;} .joms-stream__status--mobile .joms-icon {margin-top: -3px;height: 0.8rem;fill: #888;color: #888;} .joms-stream__actions {display: inline-block;width: 60%;text-align: right;padding: 10px;padding-top: 0;} .joms-stream__actions a, .joms-comment__actions a {text-decoration: none;font-size: 12px;margin-left: 8px;} .joms-stream__actions .joms-icon, .joms-comment__actions .joms-icon {margin-top: -3px;height: 0.8rem;fill: #888;color: #888;} .joms-stream__actions .liked .joms-icon, .joms-comment__actions .liked .joms-icon {fill: #5677fc;} .joms-stream__options {display: table-cell;vertical-align: top;width: 16px;position: relative;} .joms-stream__options .joms-icon {height: 14px;width: 14px;fill: rgba(0, 0, 0, 0.2);display: block;} .joms-comment {background: #f5f5f5;margin: 0;padding: 0;} .joms-comment__user {font-weight: bold;} .widget .joms-comment__user {font-weight: normal;} .widget .joms-comment__user img {max-width: 58px;} .joms-comment__more {font-size: 0.8rem;padding: 8.65248px 14px;border-bottom: 1px solid rgba(0, 0, 0, 0.04);} .joms-comment__more a {text-decoration: none;} .joms-comment__item {padding-top: 10px;border-top: 1px solid rgba(0, 0, 0, 0.04);} .joms-comment__item:last-child {border-bottom: 0;} .joms-comment__header {padding-top: 0;padding-bottom: 5.34752px;} .joms-comment__body {padding: 0px 10px 0;display: table-cell;vertical-align: top;} .joms-comment__body > p {margin-bottom: 0;} .joms-comment__body small {font-size: 95%;} .joms-comment__actions {display: table;table-layout: fixed;background: rgba(0, 0, 0, 0.04);padding: 5.34752px 14px;width: 100%;text-align: center;} .joms-popup .joms-comment__actions {padding: 0 5px;text-align: left;background: transparent;} .joms-popup .joms-comment__actions a {padding: 5px;} /*.joms-comment__actions .liked svg {display: none;}*/ .joms-comment__reply {position: relative;display: table;width: 100%;background: #f5f5f5;padding: 10px;font-size: 0.8rem;border-top: 1px solid rgba(0, 0, 0, 0.04);} .joms-comment__reply input[type="text"] {width: 100%;outline: none;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding: 8.65248px;} .joms-comment__reply .joms-textarea {height: 35px;margin: 0;padding-top: 11px;min-height: 35px;-webkit-appearance: none;} .joms-comment__reply span {display: block;text-align: right;padding-left: 3.30495px;} .joms-no-touch .joms-comment__reply {display: block;} .joms-no-touch .joms-comment__reply span {display: none;} .joms-comment__item .joms-comment__reply {display: none;} .joms-js--comment-content {-ms-word-break: break-all;word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .joms-js--comment-content a {word-break: break-all;} .joms-stream--discussion {border-bottom: 1px solid rgba(0, 0, 0, 0.08);} .joms-stream--discussion:last-child {border-bottom: none;} .joms-stream--discussion .joms-stream__replies {display: table-cell;text-align: right;} .joms-comment--bulletin {background-color: transparent;} .joms-comment--bulletin .joms-comment__item {padding: 14px;border: 1px solid rgba(0, 0, 0, 0.08);margin-bottom: 14px;background-color: rgba(0, 0, 0, 0.04);} .joms-comment--bulletin .joms-comment__item:hover {background-color: #fff;} .joms-comment--bulletin .joms-comment__item:last-child {margin-bottom: 0;} .joms-comment--bulletin .joms-comment__header {padding: 0;} .joms-stream__loadmore a {margin-bottom: 14px;} .joms-stream--featured::before {content: '';width: 0;height: 0;border-style: solid;border-width: 36px 30px 0 0;border-color: #e74c3c transparent transparent transparent;content: '';position: absolute;top: 0;left: 0;z-index: 1;} .joms-stream--featured::after {content: '';position: absolute;top: 2px;left: 3px;z-index: 2;font-size: 12px;color: #fff;} .joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event {max-width: 100%;} .joms-media {background: rgba(0, 0, 0, 0.04);padding: 14px;border: 1px solid #e5e5e5;} .joms-media__cover {overflow: hidden;position: relative;margin: -14px;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .joms-media__cover:before {content: "";display: block;height: 0;padding-top: 66.66667%;} .joms-media__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-media--image img {max-width: 100%;} .joms-media--image--half {max-width: 240px;} .joms-media--image--half img {width: 100%;} .joms-media--images {width: 100%;position: relative;margin-bottom: 14px;overflow: hidden;} .joms-media--album__title {font-size: 16px;margin-bottom: 8.65248px;display: block;} .joms-media--album__title span {color: #95a5a6;font-size: 14px;} .joms-media--album__desc {font-size: 12px;line-height: 18px;color: #95a5a6;} .joms-media--video, .joms-media--album {background: rgba(0, 0, 0, 0.04);border: 1px solid #ddd;color: #424242;} .joms-media--video video, .joms-media--album video {max-width: 100%;width: 640px;height: 100%;} .joms-media__calendar {overflow: hidden;text-align: center;} .joms-media__calendar .month, .joms-media__calendar .date, .joms-media__calendar .year {display: block;} .joms-media__calendar .month {background: #e74c3c;color: #ecf0f1;padding: 2.04257px 0;} .joms-media__calendar .date {border-top: 0;font-size: 22px;padding: 5px 8px;color: #7f8c8d;background: #fff;} .joms-media__remove {position: absolute;top: 0;padding: 8px;cursor: pointer;right: 0;} .joms-media__thumbnail {overflow: hidden;background: black;} .joms-media__thumbnail img {width: 100%;height: auto;} .joms-media__body {padding: 8px;} .joms-media__title {margin: 0;margin-bottom: 6px;line-height: 120%;font-size: 15px;font-weight: bold;} .joms-media__title a{color: #3b5998;} .joms-media__desc {font-size: 12px;line-height: 18px;max-height: 56px;overflow: hidden;word-break: break-word;} .mejs-overlay-play {width: 100% !important;} .am-wrapper {float: left;position: relative;overflow: hidden;font-size: 0;line-height: 0;padding: 2px;} .am-wrapper img {position: absolute;outline: none;} .joms-dropdown, .joms-popover, #search-results,#group-search-results {display: none;position: relative;background: #fff;border: 1px solid #e3e5e7;z-index: 12;list-style-type: none;margin: 0;padding: 0;font-size: 12px;} .joms-activity-filter__options ul.joms-dropdown {top: 25px;right: -22px;} .joms-dropdown > li, .joms-popover > li {color: #424242;padding: 0px;text-align: left;} .joms-dropdown > li:hover, .joms-popover > li:hover, .joms-dropdown > li.active, .joms-popover > li.active {background: #f5f5f5;} .joms-dropdown > li .joms-icon, .joms-popover > li .joms-icon {fill: #424242;} .joms-dropdown > li.separator, .joms-popover > li.separator {border-top: 1px solid #e3e5e7;padding: 0;} .joms-dropdown > li > a, .joms-popover > li > a {display: block;padding: 5px 20px;clear: both;font-weight: normal;line-height: 1.4;color: #333;white-space: nowrap;} .joms-dropdown > li > a:hover, .joms-popover > li > a:hover {text-decoration: none;color: #424242;} .joms-toolbar--desktop .joms-dropdown, .joms-toolbar--desktop .joms-popover {position: absolute;left: auto;right: 0;} .joms-gallery__options .joms-dropdown, .joms-gallery__options .joms-popover, .joms-list__options .joms-dropdown, .joms-list__options .joms-popover {top: 32px;right: 0;} .joms-gallery__options .joms-dropdown, .joms-gallery__options .joms-popover {position: relative;} .joms-list__button--dropdown .joms-dropdown, .joms-list__button--dropdown .joms-popover {position: absolute;} .joms-dropdown--privacy {position: absolute;padding: 5px 8px!important;} .joms-emoticon {width: 20px;height: 20px;display: inline-block;vertical-align: middle;} .joms-popover {position: absolute;max-height: 450px;min-height: 50px;color: #333;} .joms-popover:after {border-bottom-color: #fff;border-width: 8px;margin-left: -8px;} .joms-popover:before {border-bottom-color: #e3e5e7;border-width: 13px;margin-left: -13px;} .joms-popover .joms-popover--toolbar-search {width: 100%;margin: 0px;position: relative;background: #fff!important;} .joms-popover .joms-popover--toolbar-search .search-results-header input.joms-input {margin: 0;} .joms-popover .joms-popover--toolbar-search .search-results-content {/* height: 350px; */display: none;} .joms-popup .joms-popover--toolbar-search .search-results-footer {height: 35px;margin: 0px -10px -10px;} .joms-popover > li {font-size: 13px;display: table;} .joms-popover h5 {margin: 0;} .joms-popover small {margin-top: 5.34752px;color: #bdc3c7;} .joms-toolbar--desktop .joms-popover {width: 440px;top: 102%;left: -380px;-webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;-o-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;} .joms-toolbar--desktop .joms-popover:before, .joms-toolbar--desktop .joms-popover:after {left: 400px;} .joms-popover .joms-popover-header, #search-results .search-results-header {height: 35px;-webkit-background-clip: padding-box;background-color: #fff;border-bottom: solid 1px #ddd;border-bottom: solid 1px rgba(100, 100, 100, .22);padding: 8px 8px 6px 8px;position: relative;z-index: 100;} .joms-popover .joms-popover-header h3, #search-results .search-results-header h3 {font-size: 15px;font-weight: bold;float: left;margin: 0px;color: #333;} .joms-popover-footer a, .search-results-footer a {background-color: #f6f7f8;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;border-top: 1px solid #DFE2E4;display: block;font-weight: bold;padding: 8px;position: relative;text-align: center;z-index: 100;} .joms-popover__avatar, .joms-popover__content {display: table-cell;vertical-align: middle;} .joms-popover__avatar small, .joms-popover__content small {display: block;} .joms-popover-content, #search-results .search-results-content {display: inline-block;width: 100%;height: 100%;min-height: 50px;max-height: 350px;overflow: hidden;} .joms-popover__content {font-size: 14px;padding-left: 14px;padding-right: 8.65248px;width: 100%;} .joms-popover .notify-list .notify-item, #search-results .notify-list .notify-item {font-size: 14px;padding: 5px 15px;width: 100%;border-bottom: 1px solid #e9eaed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .joms-dropdown > li:last-child, .joms-popover .notify-list .notify-item:last-child, #search-results .notify-list .notify-item:last-child {border: none;} .joms-popover .notify-list .notify-item:hover {background-color: #f6f7f8;text-decoration: none;} .joms-popover__content h5 {font-weight: bold;display: inline-block;} .joms-popover__content h5 a{vertical-align: baseline;} .joms-toolbar--desktop .joms-popover__content {padding-left: 14px;padding-right: 14px;} #joms-popover--friendrequest .joms-popover__content {width: 220px;} .joms-popover__actions {display: block;margin-top: 8.65248px;} .joms-popover__avatar {width: 48px;padding-left: 0;} .post-box-error {color: crimson;padding: 2px;border-bottom: 1px solid #ddd;text-align: center;} .post-box-error.has-success {color: green;} .joms-postbox .joms-select {width: auto;max-width: 100%;} .joms-postbox .joms-select span{display: inline-block;width: 100%;padding: 0px 5px;} .joms-postbox-preview {border: 0;border-bottom: 1px solid #f5f5f5;padding: 8.65248px;} .inputbox {background: transparent;width: 100%;} .inputbox .wrap {position: relative;} .inputbox span.input {color: rgba(0, 0, 0, 0);} .inputbox .input {display: inline-block;max-width: 100%;min-height: 1em;} .inputbox .joms-textarea__wrapper {position: absolute;top: 0;left: 0;right: 0;} .inputbox textarea.input {background: none;outline: none;overflow: hidden;position: relative;top: 0;left: 0;resize: none;width: 100%;color: #424242;} .inputbox textarea.input::-webkit-input-placeholder {color: #424242;} .inputbox textarea.input:-moz-placeholder {color: #424242;} .inputbox textarea.input::-moz-placeholder {color: #424242;} .inputbox textarea.input:-ms-input-placeholder {color: #424242;} .inputbox .joms-textarea__beautifier {background: transparent;padding: 0;font-size: inherit;line-height: inherit;min-height: 0;display: inline-block;} .inputbox .joms-textarea__tag-ct {left: -8px;right: -8px;} .joms-postbox-event .inputbox span.input, .joms-postbox-video .joms-postbox-video-state-url .inputbox span.input {display: none;} .inputbox .input, .inputbox .attachment, .inputbox {border: 0 none;border-radius: 0;font-family: inherit;font-size: 14px;line-height: inherit;margin: 0;padding: 0;word-wrap: break-word;} .inputbox .attachment {color: #424242;display: block;margin-top: 5px;} .joms-postbox-input {min-height: 56px;width: 100%;padding: 8px;position: relative;word-wrap: break-word;} .joms-postbox-input textarea {box-shadow: none;outline: none;height: 14px;background: transparent;} .joms-postbox-input-text {outline: none;word-wrap: break-word;} .joms-postbox-charcount {position: absolute;top: 0px;right: 0px;font-size: 9px;padding: 0px 4px;background: #f5f5f5;color: #424242;line-height: 16px;} .joms-postbox-tab {border-top: 1px solid #d0d1d5;padding: 8px;font-size: 12px;} .joms-postbox-tab .joms-icon {height: 14px;width: 14px;fill: #888;color: #888;} .joms-postbox-tab [class^="joms-icon-"]:before, .joms-postbox-tab [class*=" joms-icon-"]:before {color: #424242;} .joms-postbox-tab li {padding: 0;cursor: pointer;display: inline-block !important;} .joms-postbox-tab li:hover {background: #ebebeb;} .joms-postbox-tab li a {padding: 5.34752px 8.65248px;display: block;} .joms-postbox .joms-postbox-tab li {padding: 5px 8px;} .joms-postbox-tab > div {padding: 13px;display: inline-block;cursor: pointer;text-align: center;position: relative;vertical-align: middle;} .joms-postbox-tab > div.active {font-weight: bold;} .joms-postbox-tab span {display: none;color: #424242;} .joms-postbox-tab .joms-postbox-action {position: absolute;right: 8px;bottom: 8px;padding: 0;z-index: 9;} .joms-postbox-tab .joms-postbox-action.event-action {right: 14px;bottom: 10px;} .joms-postbox-tab .joms-postbox-cancel {padding: 2px 8px;min-width: 80px; font-size: 14px; text-transform: uppercase;margin-right: 8px;} .joms-postbox-tab .joms-postbox-save, .joms-postbox-tab .joms-postbox-done {padding: 2px 8px;} .jomsocial-wrapper .jomsocial *, .jomsocial-wrapper .jomsocial *:before, .jomsocial-wrapper .jomsocial *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .joms-postbox-content {background: #fff;} .joms-postbox-fetched a.fetch-false {border-bottom: 1px solid #ddd;text-align: center;color: crimson;padding: 3px 0px;display: block;} .joms-postbox-dropdown {width: 100%;position: absolute;top: 100%;left: 0;padding: 8px;z-index: 10;color: #424242;background: #fff;border: 1px solid #ddd;border-top: 0;border-radius: 0px 0px 3px 3px;-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);} .joms-postbox-dropdown.mood-dropdown {max-height: 140px;overflow-y: scroll;} .joms-postbox-dropdown li {cursor: pointer;padding: 4px 8px;line-height: 18px;} .joms-postbox-dropdown li:hover {background: #f5f5f5;} .joms-postbox-dropdown p {font-size: 13px;font-weight: bold;} .joms-postbox-dropdown p i:before {font-size: 12px;margin: 0px;margin-right: 4px;} .joms-postbox-dropdown span {font-size: 12px;} .joms-postbox-dropdown .joms-postbox-keyword {width: 100%;position: relative;border: 1px solid rgba(0, 0, 0, 0.1);margin: 6px 0px;} .joms-postbox-dropdown .event-time-column {width: 50%;float: left;padding: 6px;} .joms-postbox-dropdown .event-all-day {margin-left: 6px;cursor: pointer;position: relative;} .joms-postbox-dropdown .event-all-day i {font-size: 14px;} .joms-postbox-dropdown .event-all-day i:before {position: absolute;top: 0px;} .joms-activity-filter__options {position: absolute;top: 4px;right: 6px;} .joms-postbox-emoticon {display: block;} .joms-postbox-emoticon li {width: 100%;display: block;float: left;padding: 4px;cursor: pointer;} .joms-postbox-emoticon li div {padding: 2px 4px;} .joms-postbox-emoticon li span {margin-left: 4px;} .joms-postbox-emoticon .joms-remove-button {cursor: pointer;width: 100%;margin-top: 6px;text-align: center;border: 1px solid #dedede;background: #fafafa;} .joms-postbox-emoticon .joms-remove-button:hover {background: #fff;} .joms-postbox-locations {max-height: 140px;overflow-y: auto;} .joms-location-action {position: absolute;top: 16px;right: 16px;} .joms-postbox__preview {background: #fff;border: none;padding: 14px;} .joms-postbox-photo-preview .joms-postbox-photo-item {float: left;display: block;width: 33.3%;padding: 8px;position: relative;} .joms-postbox-photo-preview .joms-postbox-photo-item .img-wrapper {padding: 4px;display: block;} .joms-postbox-photo-preview .joms-postbox-photo-item .img-wrapper img {visibility: hidden;max-width: 100%;} .joms-postbox-photo-preview .joms-postbox-photo-action {text-align: center;background: #ecf0f1;position: absolute;top: 13px;right: 11px;padding: 4px;} .joms-postbox-photo-preview .joms-postbox-photo-action span {color: #424242;cursor: pointer;} .joms-postbox-photo-progressbar {position: absolute;bottom: 14px;left: 14px;right: 14px;height: 6px;} .joms-postbox-photo-progressbar .joms-postbox-photo-progress {background: #5677fc;height: 6px;width: 0px;} .joms-postbox-select-album {margin: 8px;} .joms-postbox-inner-panel {background: #fff;padding: 8px;border-bottom: 1px solid #ddd;color: #424242;} .joms-postbox-inner-panel .default-text {color: #424242;} .joms-postbox-photo-upload {cursor: pointer;text-align: center;font-size: 12px;height: 40px;line-height: 40px;font-weight: bold;text-transform: uppercase;} .joms-postbox-photo-upload:hover {background: #f5f5f5;} .joms-postbox-double-panel li {width: 50%;float: left;font-size: 12px;text-align: center;cursor: pointer;line-height: 40px;height: 40px;font-weight: bold;text-transform: uppercase;white-space: nowrap;} .joms-postbox-double-panel li.joms-postbox-video-upload {line-height: 30px;} .joms-postbox-double-panel li.joms-postbox-video-upload span {font-size: 10px;font-weight: normal;line-height: 0px;display: block;} .joms-postbox-double-panel li:hover {background: #f5f5f5;} .joms-postbox-event-title {padding-bottom: 8px;} .joms-postbox-event-description {padding-top: 8px;} .joms-input-field-name {font-weight: bold;} .joms-fetched-upThumbnail,.joms-fetched-close{cursor: pointer;position: absolute;padding: 1px 4px;border: 1px solid #dadada;background: #fafafa;font-size: 11px;} .joms-fetched-upThumbnail {top: 0;left: 0;} .joms-fetched-close{top: -9px;right: -9px;} .joms-fetched-wrapper {margin-top: 12px;padding-top: 12px;border-top: 1px dashed #dadada;position: relative;} .joms-fetched-images {width: 100%;max-width: 100%;margin-bottom: 8.65248px;position: relative;border: 1px solid #ddd;} .joms-fetched-images .joms-progressbar__progress {position: absolute;left: 0px;right: 0px;bottom: 0px;} .joms-fetched-field {margin-left: 0;} .joms-fetched-field input, .joms-fetched-field textarea {display: none;width: 100%;font-size: 95%;} .joms-fetched-field textarea {resize: none;min-height: 70px;} .joms-fetched-field.joms-fetched-description {height: 70px;overflow: hidden;} .joms-postbox-custom textarea {width: 100%;resize: none;} .joms-postbox-loading {position: absolute !important;background: #f5f5f5;left: 0px;right: 0px;bottom: 0px;text-align: center;display: block;height: 43px;} .joms-tab__bar {display: table;table-layout: fixed;width: 100%;background: #e0e7e8;} .joms-tab__bar > a {display: table-cell;text-align: center;text-decoration: none;padding: 8.65248px;font-size: 12px;color: #424242;position: relative;} .joms-tab__bar > a.active {font-weight: bold;background: #fff;color: #424242;} .joms-tab__bar > a.active:hover {color: #424242;} .joms-tab__bar > a:focus, .joms-tab__bar > a:hover {color: #565656;text-decoration: none;} .joms-tab__bar > a.no-padding {padding: 0;} .joms-module__wrapper--main .joms-tab__bar {margin-bottom: 14px;} .joms-module__wrapper--main .joms-tab__bar > a.active:before, .joms-module__wrapper--main .joms-tab__bar > a.active:after {bottom: 0;} .joms-module__wrapper--main .joms-tab__bar > a.active:after {border-bottom-color: #ecf0f1;border-width: 8px;margin-left: -8px;} .joms-module__wrapper--main .joms-tab__bar > a.active:before {border-bottom-color: transparent;} .joms-page > .joms-tab__bar {border: 1px solid #e3e5e7;} .joms-tab__bar .joms-tab__bar--button {display: table;table-layout: fixed;width: 100%;} .joms-tab__bar .joms-tab__bar--button span {display: table-cell;padding: 5.34752px;} .joms-tab__bar .joms-tab__bar--button span.add {width: 26px;background: #d4dedf;} .joms-tab__bar .joms-tab__bar--button span.add:hover {background: #fff;} .joms-tab__content {padding: 14px;} .joms-module__wrapper--main .joms-tab__content, .joms-middlezone .joms-tab__content {padding: 0;background: transparent;} .joms-middlezone .joms-tab__content {margin-bottom: 14px;} .joms-module__wrapper .joms-tab__content, .joms-module__wrapper--stacked .joms-tab__content {background: #fff;} .joms-page > .joms-tab__content {padding: 14px 0;} .joms-tab__content .joms-list__row li ol {list-style-position: inside;list-style-type: decimal;margin-left: 25px;padding: 5px 0;} .joms-tab__content .joms-list__row li ul {list-style-position: inside;list-style-type: disc;margin-left: 25px;padding: 5px 0;} .group-members__search, .event-members__search, .form-reset_password {border: 1px solid #bdc7d8;width: 100%;cursor: default;position: relative;display: inline-block;height: 30px;margin-bottom: 10px;padding: 2px 0px;} .group-members__search .jomsocial_search, .event-members__search .jomsocial_search{color: #2c3e50;background: #fff;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;overflow: hidden;} .jomsocial_search button.joms-button--neutral {background: rgba(0, 0, 0, 0);border: none;color: #b6b6b6!important;float: left;margin-bottom: 0px;padding: 3px 7px!important;} .jomsocial_search input.joms-input--search {width: 150px;font-size: 13px;padding: 4px 6px;border: none;box-shadow: none;} .joms-tab__app {padding: 14px;background: #fff;} .joms-sidebar .joms-tab__app {padding: 0;background: transparent;} .joms-sidebar .joms-tab__content .joms-comment__header {padding-left: 0;padding-right: 0;} .joms-sidebar .joms-tab__content .joms-stream__header {padding: 5.34752px 0;} .joms-sidebar .joms-tab__content .joms-comment {background-color: transparent;} .joms-sidebar .joms-tab__content .joms-comment__item:first-child {border-top: none;} .joms-app__item {display: table;margin-bottom: 4%;padding-bottom: 2%;} .joms-app__item:last-child {margin-bottom: 0;padding-bottom: 0;} .joms-app__item span {display: table-cell;width: 10%;text-align: right;vertical-align: middle;} .joms-app__desc {display: table-cell;width: 80%;padding-left: 14px;vertical-align: middle;} .joms-app__desc h4 {margin-top: 0;} .joms-app__icon {display: table-cell;vertical-align: middle;} .joms-app__block {position: relative;padding: 8.65248px;background: #fff;border: 1px solid #e3e5e7;margin-bottom: 14px;} .joms-app__block.core {background: #f0f0f0;border: 0;} .joms-app--wrapper {background: #fff;padding: 14px;position: relative;} #joms-app--feeds-special .joms-app--wrapper, #joms-app--aboutme-special .joms-app--wrapper {background: transparent;padding: 0;} .joms-alert--warning, .joms-alert--danger, .joms-alert--info, .joms-alert--success {display: inline-block;width: 100%;padding: 8px 14px;vertical-align: middle;font-size: 14px;margin-bottom: 14px;} .joms-alert__head {margin-top: 5.34752px;} .joms-alert__body {display: block;} .joms-alert__content, .joms-alert__actions {display: block;vertical-align: middle;} .joms-alert__content {padding: 0;} .joms-alert__content > span {display: block;font-size: 12px;} .joms-alert__actions {margin-top: 14px;white-space: nowrap;text-align: right;} .joms-alert--warning {color: #f39c12;background: #fdf7e2;} .joms-alert--danger {color: #cd4a48;background: #f2dede;} .joms-alert--info {color: #3a9ad1;background: #c4e2f1;} .joms-alert--success {color: #468847;background: #dff0d8;} .joms-notice {text-align: center;} .joms-ribbon {background: #e74c3c;width: 100%;position: absolute;text-align: center;color: white;font-size: 10px;opacity: 0.9;z-index: 11;bottom: 0;left: 0;} .joms-hcard {display: inline-block;background: white;max-width: 450px;width: 100%;border: 1px solid #e3e5e7;position: relative;box-shadow: 0px 1px 4px #777;} .joms-hcard.flat {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;} .joms-hcard .joms-date {color: white;border-right: 1px solid white;} .joms-hcard .joms-date span {display: block;font-weight: bold;} .joms-hcard *, .joms-hcard *:before, .joms-hcard *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .joms-hcard .joms-focus__link li {padding: 5px 8px;margin-left: 0px!important;background: #fff;border-bottom: 1px solid #ddd;} .joms-hcard .joms-focus__link li:last-child{border-right:none;} .joms-hcard .joms-focus__link a {font-size: 12px;font-weight: normal;} .joms-hcard__cover {margin-bottom: 0;} .joms-hcard__info {padding: 5px;background: rgba(0, 0, 0, 0.3);z-index: 100; position: relative;} .joms-hcard__info.darken {background: rgba(0, 0, 0, 0.6);} .joms-hcard__body {padding: 14px;border-top: 1px solid rgba(0, 0, 0, 0.06);} .joms-hcard__info-content {padding-left: 14px;color: white;} .joms-hcard__info-content h3 {font-size: 18px;} .joms-hcard__actions {display: inline-block;padding: 8px 14px;background: rgba(0, 0, 0, 0.03);border-top: 1px solid rgba(0, 0, 0, 0.06);width: 100%;} .joms-popup {background: #000;max-width: 400px;margin: auto;padding: 0;position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);} .joms-popup *, .joms-popup *:before, .joms-popup *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .joms-popup__wrapper {display: block;margin: 0;padding: 45px;position: relative;} .joms-popup__wrapper:before {display: none;} .joms-popup__wrapper figure {display: block;} .joms-popup__wrapper .mfp-content {display: block;height: 100%;} .joms-popup__wrapper .mfp-preloader {color: #fff;} .joms-popup .mfp-close, .joms-popup__x {font-size: 20px;height: 26px;line-height: 26px;width: 26px;} .joms-popup__x--small {font-size: 18px;height: 24px;line-height: 24px;width: 24px;} .joms-popup .mfp-arrow {margin-top: 0;display: none;} .joms-popup:hover .mfp-arrow {display: block;} .joms-popup .mfp-arrow:before, .joms-popup .mfp-arrow:after {margin-top: 0;} .joms-popup--500 {max-width: 500px;} .joms-popup--600 {max-width: 600px;} .joms-popup--700 {max-width: 700px;} .joms-popup--800 {max-width: 800px;} .joms-popup--80pc {max-height: 80%;overflow: auto;overflow-x: hidden;overflow-y: auto;} .joms-popup--100pc {max-height: 100%;overflow: auto;overflow-x: hidden;overflow-y: auto;} .joms-popup--fluid {max-width: 100%;} .joms-popup--whiteblock {background: #fff;} .joms-popup--rounded {border-radius: 3px;} .joms-popup__title {background-color: #000;color: #fff;font-weight: bold;height: 44px;line-height: 44px;padding: 0 15px;} .joms-popup__title .mfp-close {color: #fff;height: 44px;line-height: 44px;width: 44px;} .joms-popup__title .mfp-close.joms-popup__x {color: #fff;height: 44px;line-height: 44px;width: 44px;} .joms-popup__content {padding: 10px 15px 0;position: relative;} .joms-popup__content li {margin-bottom: 14px;font-size: 12px;} .joms-popup__content--single {padding-bottom: 10px;} .joms-popup__commentwrapper {height: 100%;padding-right: 330px;position: relative;} .joms-popup__comment {background-color: #fff;padding: 10px;overflow: auto;position: absolute;top: 0;right: 0;width: 330px;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .joms-popup__comment .joms-stream__header, .joms-popup__comment .joms-comment__header, .joms-popup__comment .joms-comment__actions, .joms-popup__comment .joms-textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .joms-popup__comment .joms-comment__meta {padding-left: 0;} .joms-popup__comment .joms-comment__meta a {padding-right: 8px;} .joms-popup__comment .joms-comment__meta .joms-comment__time {display: inline-block;} .joms-popup__comment .joms-comment__item .joms-comment__reply {border-top: 0 none;} .joms-popup__action {padding: 10px 15px;text-align: right;} .joms-popup__option {background-color: #000;color: #fff;display: none;padding: 6px;position: absolute;bottom: 0;right: 0;left: 0;} .joms-popup:hover .joms-popup__option, .joms-popup__mobile .joms-popup__option {background-color: rgba(0, 0, 0, .6);display: block;} .joms-popup__optcaption {float: left;padding: 7px 0;} .joms-popup__optcaption a, .joms-popup__optcaption a:hover {color: inherit;text-decoration: none;} .joms-popup__optcapindex {color: rgba(255, 255, 255, .5);padding-left: 10px;} .joms-popup__optoption {float: right;} .joms-popup__optoption button {background: none;border: 0 none;border-radius: 2px;color: #fff;margin: 0 0 0 8px;padding: 5px 7px;} .joms-popup__optoption button span {display: none;} .joms-popup__optoption button .joms-icon {width: 18px;height: 18px;} .joms-popup__optoption button.liked span {display: inline;} .joms-popup__optoption button.liked, .joms-popup__optoption button:hover {background-color: rgba(255, 255, 255, .2);} .joms-popup__dropdown--wrapper {display: inline-block;position: relative;} .joms-popup__dropdown {position: relative;z-index: 10000;} .joms-popup__ddcontent {background-color: #fff;color: #000;display: none;padding: 5px 0;position: absolute;bottom: 0;right: 0;} .joms-popup__dropdown--open .joms-popup__ddcontent {display: block;} .joms-popup__ddcontent {} .joms-popup__ddcontent a {color: inherit;display: block;font-size: 12px;padding: 4px 12px;white-space: nowrap;} .joms-popup__ddcontent a:hover, .joms-popup__ddcontent a:focus {color: inherit;text-decoration: none;} .joms-popup__ddcontent a:hover {background-color: #0081c2;color: #fff;} .joms-popup__ddcontent .sep {background-color: #e5e5e5;display: block;height: 1px;margin: 4px 2px;} .joms-popup__errormsg {border: 1px solid red;background-color: rgba(255, 0, 0, .2);color: red;display: none;padding: 4px 10px;} .joms-popup__warningmsg {border: 1px solid #ddc8a5;background-color: #fcf8e3;color: #c09853;display: none;padding: 4px 10px;} .joms-popup__input--block {width: 100%;} .joms-popup__avatar {border: 1px solid #ddd;float: left;margin-right: 10px;padding: 4px;} .joms-popup__avatar--medium {padding: 2px;width: 48px;} .joms-popup__avatar--small {padding: 2px;width: 32px;} .joms-popup__listitem {margin-bottom: 8px;} .joms-popup--location-view {max-width: 600px;} .joms-popup__editlocation {background: #fff;margin: 20px auto;max-width: 800px;position: relative;text-align: left;} .joms-popup__editlocation--map, .joms-popup__editlocation--selector {height: 350px;} .joms-popup__editlocation--map {float: left;width: 50%;} .joms-popup__editlocation--selector {float: left;padding: 20px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .joms-popup__editlocation--selector h3 {margin-top: 0;} .joms-popup__editlocation--input {height: auto !important;padding: 6px !important;width: 100%;} .joms-popup__editlocation--input, .joms-popup__editlocation--input:focus {border: 1px solid #ccc !important;border-radius: 0 !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;/* Photo and video popup. */} .joms-popup--photo, .joms-popup--video {height: 100%;margin: 0 auto;max-height: 100%;max-width: 100%;position: relative;top: auto;left: auto;right: auto;bottom: auto;width: 100%;-webkit-transform: none;transform: none;} .joms-popup--photo .mfp-close, .joms-popup--video .mfp-close {color: white;height: 50px;line-height: 50px;width: 50px;font-size: 30px;} .joms-popup--photo .joms-popup__content, .joms-popup--video .joms-popup__content {height: 100%;max-width: 100%;padding: 0;} .joms-popup--photo .joms-popup__content img, .joms-popup--video .joms-popup__content iframe, .joms-popup--video .joms-popup__content video, .joms-popup--video .joms-popup__content .joms-popup__video {margin: auto;max-height: 100%;max-width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;} .joms-popup--video .joms-popup__content iframe, .joms-popup--video .joms-popup__content video, .joms-popup--video .joms-popup__content .joms-popup__video {width: 90% !important;height: 85% !important;} .joms-popup--video .joms-popup__content .joms-popup__video .joms-media--video {max-width: none;width: 100%;height: 100%;} .joms-popup--video .joms-popup__content .joms-popup__video img {margin: auto;max-height: 100%;max-width: 100%;width: 100%;height: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;} .joms-popup--video .joms-popup__content .joms-popup__video .mejs-video {margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;} .joms-popup--video .mejs-overlay-play {height: 100%;left: 0;position: absolute;top: 0;width: 100%;outline: none;} .joms-popup--photo.joms-popup--phototag .joms-popup__content img {cursor: crosshair;} .joms-popup--photo .joms-popup__btn-comments, .joms-popup--video .joms-popup__btn-comments {display: none;} .joms-popup--photoupload, .joms-popup--videoupload {max-width: 600px;} .joms-popup--photoupload .joms-gallery__thumbnail:after {display: none;} .joms-popup--photoupload .joms-gallery__title {color: inherit;font-weight: bold;} .joms-popup--photoupload .joms-gallery__title:hover {color: inherit;text-decoration: none;} .joms-popup--photoupload .joms-progressbar {margin-top: 5px;} .joms-popup--privacy {background-color: #fff;border-radius: 3px;padding: 5px 0;} .joms-popup--privacy .mfp-close {display: none;} .joms-popup--privacy .joms-popup__content {padding: 10px;} .joms-popup--privacy a {color: inherit;display: block;padding: 5px;text-decoration: none;} .joms-popup--privacy a:hover {background-color: #0081c2;color: #fff;text-decoration: none;} .joms-popup--privacy a span {padding-left: 5px;} .joms-popup--dropdown {background-color: #fff;border-radius: 3px;padding: 0px;} .joms-popup--dropdown .mfp-close {display: none;} .joms-popup--dropdown > ul {border: 0;display: block !important;margin: 0;padding: 0;position: relative;width: 100%;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;} .joms-popup--dropdown > ul:before, .joms-popup--dropdown > ul:after {display: none;} .joms-popup--dropdown > ul > li {display: block;margin: 0 2px;padding: 5px;} .joms-popup--dropdown > ul > li.noti-popover {padding: 0px;background: #fff;} .joms-popup .joms-gallery--invitation li {cursor: pointer;} .joms-popup .joms-tab__bar {border: 1px solid #e3e5e7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 10px;} .joms-popup .joms-tab__content {padding-left: 0;padding-right: 0;} .joms-popup .joms-button--privacy, .joms-popup .joms-form__group {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .joms-popup__hide {display: none;} .joms-pagination {margin-top: 36.65248px;margin-bottom: 14px;} .joms-pagination ul {text-align: center;} .joms-pagination ul li {display: inline;} .joms-pagination li:first-child a, .joms-pagination li:first-child span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .joms-pagination li:last-child a, .joms-pagination li:last-child span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .joms-pagination a, .joms-pagination span {display: inline !important;border: 1px solid #ddd;background: white;padding: 8.65248px 14px !important;margin-left: -1px;position: relative;color: #333;} .joms-pagination a:hover, .joms-pagination span:hover, .joms-pagination a:focus, .joms-pagination span:focus {background: rgba(0, 0, 0, 0.05);text-decoration: none;color: #333;} .joms-pagination .active a, .joms-pagination .active span {background: #5677fc;border-color: #5677fc;color: white;z-index: 2;} .joms-pagination .disabled a, .joms-pagination .disabled span {color: rgba(0, 0, 0, 0.3);} .joms-pagination .disabled a:hover, .joms-pagination .disabled span:hover, .joms-pagination .disabled a:focus, .joms-pagination .disabled span:focus {background: white;} .joms-pagination i {line-height: 16px;} .joms-video__duration {position: absolute; font-size: 12px; line-height: 12px; padding: 5px; top: 0; right: 0;background: #333; color: white;padding: 2px;} .joms-module .joms-video__duration, .joms-plugin__body .joms-video__duration {bottom: 2px;right: 2px;top: auto;} .app-widget-content .joms-video__duration {bottom: 1px;right: 2px;top: auto;} .joms-activity-filter {margin: 0px;margin-bottom: 10px;display: block;width: 100%;position: relative;padding: 5.34752px;border: 1px solid #d0d1d5;background: #f5f5f5;} .joms-activity-filter .joms-activity-filter-status {color: #424242;font-weight: bold;text-transform: lowercase;} .joms-activity-filter .joms-activity-filter-action {font-size: 12px;} .joms-activity-filter .joms-activity-filter-action a {cursor: pointer;color: #424242;text-decoration: none;} .joms-activity-filter .joms-activity-filter-action a:hover, .joms-activity-filter .joms-activity-filter-action a.filtered {color: #424242;} .joms-activity-filter .joms-activity-filter-dropdown {text-align: left;border-color: #f5f5f5;} .joms-activity-filter .joms-activity-filter-dropdown li {width: 50%;float: left;} .joms-activity-filter .joms-activity-filter-dropdown li:last-child {width: 100%;margin-top: 8.65248px;padding-top: 8.65248px;} .joms-activity-filter .joms-activity-filter-dropdown li.active {background: #ebebeb;} .joms-quote {padding: 14px;border-left: 3px solid #e3e5e7;} .active-state {color: black;} .active-state:hover, .active-state:focus {color: black;text-decoration: none;} .joms-bookmarks li {width: 50%;float: left;margin-bottom: 10px;} .joms-fetched-images img {width: 100%;} .outerpgbar, .innerpgbar {background: white;height: 14px;width: 100%;margin-bottom: 14px;} .innerpgbar {background: #5677fc;} .joms-calendar--day, .joms-event__body {background: rgba(0, 0, 0, 0.04);color: #424242;} .joms-calendar--today {background: rgba(0, 0, 0, 0.1);} .joms-calendar__grid-title, .joms-calendar--week-day, .joms-calendar__event {background: #5677fc;color: #fff;} .joms-calendar__event:hover, .joms-calendar__event-over {background: #6a87fc;color: #fff;} svg stop.cl1 {stop-color: #5677fc;} svg stop.cl2 {stop-color: #6f8bfc;} svg stop.cl3 {stop-color: #6f8bfc;} svg stop.cl4 {stop-color: #889ffd;} svg stop.cl5 {stop-color: #889ffd;} svg stop.cl6 {stop-color: #a1b3fd;} svg stop.cl7 {stop-color: #a1b3fd;} svg stop.cl8 {stop-color: #889ffd;} svg stop.cl9 {stop-color: #889ffd;} svg stop.cl10 {stop-color: #6f8bfc;} svg stop.cl11 {stop-color: #6f8bfc;} svg stop.cl12 {stop-color: #5677fc;} .joms-label {font-size: 10px;padding: 2.04257px 5.34752px;display: inline-block;} .joms-label.is-owner {background-color: #5677fc;color: #fff;} .joms-label.is-admin {background-color: #259b24;color: #fff;} .joms-landing {width: 100%;max-width: 100%;margin-bottom: 14px;} .joms-landing__cover {overflow: hidden;position: relative;} .joms-landing__cover:before {content: "";display: block;height: 0;padding-top: 66.66667%;} .joms-landing__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-landing__cover:before {content: "";display: block;height: 0;padding-top: 37.5%;} .joms-landing__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-landing.no-image .joms-landing__cover:before {padding-top: 0;} .joms-landing__image {left: 0;right: 0;top: 0;bottom: 0;position: absolute;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;} .joms-landing__content {background: rgba(0, 0, 0, 0.4);color: white;padding: 14px;position: absolute;bottom: 0;left: 0;right: 0;} .joms-landing.no-image .joms-landing__content {position: relative;} .joms-landing__text h2 {font-size: 22.65248px;margin-bottom: 8.65248px;color: white;} .joms-landing__text p {font-size: 14px;} .joms-landing__action {padding: 14px;background: #fff;} .joms-landing__action a {display: block;font-size: 12px;} .joms-landing__action .joms-checkbox, .joms-landing__action a {margin-top: 5.34752px;} .joms-landing__action .joms-input {margin-bottom: 14px;} .jomsocial-wrapper {position: relative;overflow: hidden;width: 100%;height: 100%;} .jomsocial-wrapper.show-menu .jomsocial {-webkit-transform: translateX(220px);-ms-transform: translateX(220px);transform: translateX(220px);} .jomsocial-wrapper.show-menu--user .jomsocial {-webkit-transform: translateX(-220px);-ms-transform: translateX(-220px);transform: translateX(-220px);} .jomsocial-wrapper .jomsocial {height: 100%;min-height: 480px;position: relative;transition: 0.3s;} .jomsocial-wrapper .jomsocial a {text-decoration: none;} .joms-main--full {width: 100%!important;margin: 0;padding: 0;} .joms-main, .joms-sidebar {float: left;display: block;} .joms-main{width: 100%;} .left-sidebar {float: left;margin-right: 10px;} .right-sidebar {float: right;} .profile .right-ads{width: 160px;position: relative;float: right;} .home-page .left-sidebar {width: 160px;} .home-page .right-sidebar {width: 300px;} .home-page .joms-main {float: left;width: 500px;margin-right: 10px;} .joms-focus {background: #fff;margin-bottom: 14px;position: relative;text-align: center;} .joms-focus__cover, .joms-hcard__cover {text-align: left;overflow: hidden;position: relative;} .coverborder {position: absolute;bottom: 0;left: 0;right: 0;height: 95px;background: url('../images/coverboder.png');} .joms-focus__cover:before, .joms-hcard__cover:before {content: "";display: block;height: 0;padding-top: 66.66667%;} .joms-focus__cover > img, .joms-hcard__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-focus__cover .joms-focus__cover-image, .joms-hcard__cover .joms-focus__cover-image {display: none;} .joms-focus__cover .joms-focus__cover-image--mobile, .joms-hcard__cover .joms-focus__cover-image--mobile {left: 0;right: 0;top: 0;bottom: 0;position: absolute;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;} .joms-media__cover .coverborder {background: url(../images/coverboder.png) bottom left repeat-x;border-color: rgba(0, 0, 0, .25);border-top-color: rgba(0, 0, 0, .1);bottom: 0;left: 0;position: absolute;right: 0;height: 95px;} .joms-focus--mini {height: 128px;} .joms-focus--mini .joms-focus__cover-image img {bottom: -80%;top: auto;} .joms-focus--mini .joms-focus__title a {color: white;} .joms-focus--mini .joms-focus__header__actions, .joms-focus--mini .joms-focus__header__actions--desktop {display: none;} .joms-focus__header {position: absolute;left: 0;bottom: 0;right: 0;padding: 10px;} .joms-focus__title {position: absolute;left: 190px;bottom: 14px;display: table-cell;vertical-align: middle;} #event-detail-page .joms-focus__title {left: 70px;bottom: 12px;width: 60%;} .joms-focus__title h2, .joms-focus__title h3 {color: #FFF;margin-top: 0;margin-bottom: 0px;text-align: left;font-size: 24px;text-shadow: 0 1px 3px rgba(0, 0, 0, .5);font-weight: bold;} .joms-focus__info {list-style-type: none;margin: 0;margin-bottom: 14px;color: #95a5a6;font-size: 10px;line-height: 14px;padding: 0 14px;} .joms-focus__info span {color: #2c3e50;} .joms-focus__info a {text-decoration: none;} .joms-focus__actions__wrapper {display: none;text-align: right;position: absolute;right: 15px;bottom: 15px;} .joms-focus__info--desktop {list-style-type: none;color: white;padding: 0;margin: 0;font-size: 90%;display: none;} .joms-focus__info--desktop li {line-height: 14px;} .joms-focus__info--desktop span {font-weight: bold;} .joms-focus__link {list-style-type: none;padding: 0;margin: 0 14px;margin-bottom: 14px;border: 1px solid #d0d1d5;border-right: 0;} .joms-focus__link > li {padding: 8px 15px;cursor: pointer;position: relative;display: inline-block;float: left;} .joms-focus .joms-focus__link a {font-size: 14px;font-weight: bold;text-decoration: none;color: #0e76bc;} .joms-focus .joms-focus__link a:hover {text-decoration: none;color: #0E85B8;} .joms-focus__actions {display: table;table-layout: fixed;border-spacing: 14px;width: 100%;} .joms-focus__actions a {font-size: 12px;display: table-cell;padding: 5.34752px 8.65248px;vertical-align: middle;} .joms-focus__header__actions, .joms-focus__header__actions--desktop {margin-bottom: 8.65248px;} .joms-focus__header__actions .joms-icon, .joms-focus__header__actions--desktop .joms-icon {fill: white;} .joms-focus__header__actions a, .joms-focus__header__actions--desktop a {color: white;font-size: 8.65248px;text-decoration: none;display: inline-block;} .joms-focus__header__actions a:hover, .joms-focus__header__actions--desktop a:hover, .joms-focus__header__actions a:focus, .joms-focus__header__actions--desktop a:focus {color: #ecf0f1;} .joms-focus__header__actions--desktop,.joms-focus__actions--desktop {display: none;} .joms-focus__button--options--desktop {display: none;position: absolute;top: 14px;right: 14px;} .joms-focus__button--options--desktop > a {background: #fff;} .joms-focus__button--options--desktop > a.active {background: #F5F3F3;} .joms-focus__date {color: white;text-shadow: 0px 1px 1px #555;width: 100px;padding: 5px 0px;font-size: 15px;font-weight: bold;text-align: center;display: table-cell;text-transform: uppercase;border: 2px solid #fff;z-index: 1;} .joms-media__cover h4.joms-text--title {color: #fff;position: absolute;left: 75px;bottom: 16px;z-index: 1;text-shadow: 0px 1px 1px #555;} .joms-focus__header .joms-focus__date {position: absolute;left: 12px;bottom: 12px;background-color: rgba(0,0,0,.15);border: 2px solid #fff;padding: 5px 0px;width: 46px;text-shadow: 0 1px 1px rgba(0, 0, 0, .1);} .joms-focus__date.cover, .joms-focus__date.module {font-size: 12px;position: absolute;bottom: 14px;left: 14px;padding: 5px;width: 50px;} .joms-focus__date.cover span:last-child, .joms-focus__date.module span:last-child {margin: 0;} .joms-focus__date.module {background: transparent;border: 2px solid white;} .joms-focus__date span {display: block;} .joms-focus__badges {padding: 8.65248px 0 14px;max-height: 100px;} .joms-focus__badges.featured {left: 70px;} .joms-menu, .joms-menu--user {width: 220px;height: 100%;position: fixed;top: 35px;bottom: 0px;left: -220px;background: #333;border-right: 1px solid #000;overflow: hidden;transition: 0.3s;z-index: 99;} .jomsocial-wrapper.show-menu .joms-menu{left: 0;} .jomsocial-wrapper.show-menu .joms-menu--user{right: -220px;} .joms-menu ul, .joms-menu--user ul {list-style-type: none;margin: 0;padding: 0;} .joms-menu li, .joms-menu--user li {border-bottom: 1px solid #252424;font-size: 0.8rem;position: relative;} .joms-menu li:last-child, .joms-menu--user li:last-child,.joms-menu li.show-submenu li:last-child, .joms-menu--user li.show-submenu li:last-child{border-bottom:0;} .joms-menu li ul, .joms-menu--user li ul {display: none;} .joms-menu li.show-submenu ul, .joms-menu--user li.show-submenu ul {display: block;} .joms-menu li.show-submenu li a, .joms-menu--user li.show-submenu li a{padding-left: 25px;} .joms-menu a, .joms-menu--user a {padding: 8px 14px;font-size: 13px;text-decoration: none!important;display: block;color: #eee;border-top: 1px solid #3E3D3D;} .joms-menu a:hover, .joms-menu--user a:hover, .joms-menu a:focus, .joms-menu--user a:focus, .joms-menu a:active, .joms-menu--user a:active {background: #272626;color: #fff;} .joms-menu span, .joms-menu--user span {position: absolute;right: 0;top: 0;padding: 10px 14px;} .joms-menu .joms-menu__toggle {border-left: 1px solid #272626;color: #fff;} .joms-menu--user {left: auto;right: -220px;border-right: 0;border-left: 1px solid rgba(0, 0, 0, 0.06);} .jomsocial-wrapper.show-menu--user .joms-menu--user{right: 0px;} .jomsocial-wrapper.show-menu--user .joms-menu{left:-220px;} .joms-toolbar {background: #3B5998;border-bottom: 1px solid #023a61; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);width: 100%;position: fixed;top: 0px;text-align: center;z-index: 9999;} .joms-toolbar .joms-icon {width: 16px;fill: #424242;margin: 14px 0;} .joms-toolbar > ul {list-style-type: none;margin: 0;padding: 0;display: table;width: 100%;table-layout: fixed;} .joms-toolbar li {display: table-cell;} .joms-toolbar li:first-child {border-right: 1px solid rgba(0, 0, 0, 0.1);} .joms-toolbar li:last-child {border-left: 1px solid rgba(0, 0, 0, 0.1);} .joms-toolbar a, .joms-toolbar span {color: #062B44;position: relative;display: inline-block;width: 100%;cursor: pointer;font-size: 20px;padding: 3px 0px;} .joms-toolbar a:hover, .joms-toolbar a:focus,.joms-toolbar span:hover{color: #fff;background: #243C6D;outline: none;} .joms-toolbar .joms-notifications__label {position: absolute;display: inline-block;top: -4px;right: -20px;left: auto;width: auto;font-size: 12px;background: #ED143D;color: #fff;} .joms-toolbar .joms-notifications__label:hover {background: #ED143D;} .joms-subnav {display: none;margin-bottom: 14px;} .joms-subnav ul {list-style-type: none;margin: 0;padding: 0;} .joms-subnav ul > li {margin-top: -1px;} .joms-subnav a {background: #f5f7f7;border: 1px solid rgba(0, 0, 0, 0.06);text-align: center;display: block;line-height: 2.3;margin-top: -1px;color: #424242;} .joms-subnav a:hover {background: rgba(255, 255, 255, 0.2);color: #424242;text-decoration: none;} .joms-page--mobile .joms-subnav {display: block;} .joms-page--mobile .joms-subnav ul {display: table;width: 100%;} .joms-page--mobile .joms-subnav li {display: table-cell;} .joms-page--mobile .joms-subnav li:first-child a {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .joms-page--mobile .joms-subnav li:last-child a {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .joms-subnav .joms-right {float: none;} .joms-page--mobile .joms-subnav__menu {display: none;} .joms-dropdown .joms-right, .joms-popover .joms-right {float: none;} .joms-subnav--desktop, .joms-toolbar--desktop {display: none;} .joms-subnav--desktop > ul, .joms-toolbar--desktop > ul {list-style-type: none;margin: 0;padding: 0;} .joms-subnav--desktop > ul > li, .joms-toolbar--desktop > ul > li {position: relative;display: inline-block;vertical-align: middle;padding: 0 1px;font-size: 0;margin-left: -9px;} .joms-subnav--desktop > ul > li.active, .joms-toolbar--desktop > ul > li.active, .joms-subnav--desktop > ul > li:hover, .joms-toolbar--desktop > ul > li:hover {} .joms-subnav--desktop > ul > li:first-child, .joms-toolbar--desktop > ul > li:first-child {margin-left: 0;} .joms-subnav--desktop > ul > li > a, .joms-toolbar--desktop > ul > li > a {font-size: 12px;text-decoration: none;color: #424242;position: relative;font-weight: bold;} .joms-subnav--desktop > ul > li > a:hover, .joms-toolbar--desktop > ul > li > a:hover {color: #424242;text-decoration: none;} .joms-subnav--desktop .joms-icon, .joms-toolbar--desktop .joms-icon {fill: #424242;height: 14px;margin: 0 2.04257px;} .joms-subnav--desktop .joms-dropdown--left, .joms-toolbar--desktop .joms-dropdown--left {width: 140px;top: 100%;} .joms-subnav--desktop {display: none;margin-bottom: 14px;} .joms-subnav--desktop > ul > li:last-child {border-right: none;} .joms-subnav--desktop > ul > li.active, .joms-subnav--desktop > ul > li:hover {color: #115c9f;} .joms-subnav--desktop > ul > li.joms-right {border-right: none;border-left: 1px solid rgba(0, 0, 0, 0.06);margin-left: 0;} .joms-subnav--desktop > ul > li > a {color: #424242;height: 25px;padding: 2px 8px 0px;} .joms-subnav--desktop > ul > li > a:hover {color: #115c9f;} .joms-subnav--desktop a {display: block;padding: 8.65248px 0;} .joms-subnav--desktop .active {font-weight: bold;border-bottom: 3px solid #115c9f;color: #115c9f;margin-bottom: -5px;padding-top: 0px;} .joms-notifications__label {font-size: 9px;line-height: 9px;position: absolute;display: inline-block;min-width: 12px;top: -5.34752px;left: 8.65248px;padding: 3px;background: #e74c3c;color: white;text-align: center;word-break: normal;} .joms-page {background: #fff;padding: 14px;position: relative;} .joms-module__wrapper .joms-page {padding: 0;} .joms-page__title {color: #115c9f;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;font-size: 17px;} .joms-page__title i.fa {font-size: 15px;} .joms-page--search {display: none;} .joms-page--search__results .joms-list__search .joms-list__utilities {display: block;} #pn {display: table;border-spacing: 8.65248px;padding: 0;margin: 0;width: 100%;} #pn > li {display: table-row;} #pn label, #pn span {display: table-cell;font-size: 12px;color: #7f8c8d;vertical-align: middle;} #pn label {width: auto;} #pn span {width: 42px;text-align: center;} .pn__header {height: 48px;} .pn__label {font-weight: bolder;} .joms-gallery, .joms-message__list {list-style-type: none;margin: 0 -8.65248px;padding: 0;margin-bottom: 14px;} .joms-gallery__item {display: table;border-spacing: 8.65248px;width: 100%;position: relative;overflow: hidden;} .joms-gallery__thumbnail, .joms-video__thumbnail, .joms-gallery__body, .joms-gallery__count {display: table-cell;vertical-align: top;color: #7f8c8d;border-bottom: 1px solid #ddd; position: relative;} .joms-video__body{width: 100%;background-color: #f5f5f5;padding: 10px 8px;} .joms-gallery__title, .joms-gallery__owner {display: block;-ms-word-break: break-all;word-break: break-all;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .joms-gallery__options {font-size: 14px;} .joms-gallery__options .joms-button--options {background: #ecf0f1;padding: 1px;position: absolute;right: 2px;top: 2px;} .joms-gallery__body {width: 100%;} .joms-gallery__item .joms-gallery__body a.joms-gallery__title {color: #115c9f;font-weight: bold;} .joms-gallery__thumbnail {position: relative;font-size: 0;} .joms-gallery__thumbnail img {padding: 3px;border: 1px solid #e3e5e7;width: 56px;max-width: none;} .joms-gallery__privacy {display: inline-block;} .joms-gallery__privacy .joms-icon {fill: #7f8c8d;height: 10px;} .joms-gallery__meta, .joms-gallery__status {font-size: 10px;} .joms-pagination .pagination-list, .joms-list--thumbnail, .joms-list__row, .joms-list--card, .joms-list--inline, .joms-list--photos, .joms-list--video, .joms-list--videos, .joms-list--friend, .joms-list--event, .joms-list--avatar, .joms-list--block, .joms-list--table, .joms-list--files, .joms-list--half, .joms-list--message, .joms-list--general, .joms-list--group, .joms-list {list-style-type: none;margin: 0;padding: 0;} .joms-list--thumbnail {margin: -2px;} .joms-list__item img {width: 100%;} .joms-list--files .joms-list__item {margin-bottom: 14px;} .joms-list--photos .joms-list__item {float: left;width: 20%;margin: 0;padding: 2px;} .joms-list--photos .joms-list__item img {width: 100%;height: 100%;} .joms-list--avatar .joms-list__item {float: left;margin: 0;padding: 2px;} .joms-list--thumbnail .joms-list__item {float: left;width: 25%;padding: 2px;} .joms-list--half .joms-list__item {float: left;width: 50%;padding: 2px;} .joms-list--friend .joms-list__item {position: relative;margin-bottom: 4%;border: 1px solid #e3e5e7;} .joms-list--video .joms-list__item {position: relative;margin-bottom: 2%;overflow: hidden;} .joms-list--video .joms-list__item > a:first-child {position: relative;display: block;} .joms-list--video .joms-list__item .joms-gallery__options {right: 0;left: auto;} .joms-list--video .joms-list__item img {width: 100%;} .joms-list--videos .joms-list__item {float: left;width: 33.3%;padding: 1%;} .joms-list--videos .joms-list__item img {width: 100%;height: 100%;} .joms-list--videos .joms-list__item .joms-video__duration {right: 3%;bottom: 5%;} .joms-list--card .joms-list__item {display: block;background: rgba(0, 0, 0, 0.04);border: 1px solid rgba(0, 0, 0, 0.03);margin-bottom: 6%;} .joms-list--card .joms-list__item .joms-focus__button--options--desktop {top: 5px;right: 5px;z-index: 999;} .joms-list--card .joms-list__item .joms-list__title {font-size: 16px;font-weight: bold;margin: 0px 0 5px;color: #115c9f;word-wrap: break-word;} .joms-list--card .joms-list__item .joms-list__title a {color: #115c9f;word-wrap:break-word;} .joms-list--card .joms-list__avatar {width: 140px;height: 140px;margin: 10px;float: left;position: relative;text-align: center;border: 1px solid #e5e5e5;} .joms-list__item .joms-list__avatar .invite-btn,.joms-list__item .joms-list__avatar .joms-list__body{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);padding: 5px;color: #fff;font-weight: bold;text-transform: uppercase;} .joms-list__item .joms-list__avatar .invite-btn a{padding: 3px 10px;border-radius: 0;text-transform: uppercase;font-size: 11px;line-height: 20px;background: #5DBB08;} .joms-list--card .joms-list__cover-image {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;} .joms-list--card .joms-list__content {display: block;vertical-align: top;padding: 14px;position: relative;float: left;width: -moz-calc(100% - 160px);width: -webkit-calc(100% - 160px);width: -moz-calc(100% - 160px);width: calc(100% - 160px);} .joms-list--card .joms-list__content .joms-icon {margin-top: -4px;} .joms-list--card .joms-list__footer {display: block;text-align: center;font-size: 12px;} .joms-list--card .joms-list__footer a {display: block;} .joms-list--card .joms-list__permission {display: block;margin: 4px 0px 3px;color: #777;} .joms-list--card .joms-event-basic-infos li{float: left;margin-right: 10px;color: #7F8C8D;} .joms-list--card .joms-event-basic-infos li a{} .joms-list--card .joms-list__description {display: inline-block;width: 100%;color: #b5b5b5;padding-bottom: 7px;border-bottom: 1px dashed #dcdcdc;margin-bottom: 7px;font-size: 13px;line-height: 17px;min-height: 30px;} .joms-list--card .joms-list--inline {display: block;padding: 14px 0;} .joms-list--card .joms-list--inline li {display: inline;} .joms-list--friend .joms-list__item, .joms-list--general .joms-list__item {padding: 14px;background: rgba(0, 0, 0, 0.024);} .joms-popup .joms-list--friend .joms-list__item, .joms-popup .joms-list--general .joms-list__item {border: 0;} .joms-list--friend .joms-list__avatar, .joms-list--general .joms-list__avatar, .joms-list--friend .joms-list__body, .joms-list--general .joms-list__body {display: block;text-align: center;} .joms-list--friend .joms-list__avatar, .joms-list--general .joms-list__avatar {margin-bottom: 8px;} .joms-list--friend .joms-list__body, .joms-list--general .joms-list__body {margin-bottom: 8px;} .joms-list--general .joms-list__item {padding: 0;background: transparent;margin-bottom: 22.65248px;} #joms-app--aboutme-special .joms-list__row, #joms-event--details .joms-list__row, #joms-group--details .joms-list__row {background: #fff;padding: 8.65248px 14px;color: #424242;} #joms-app--aboutme-special .joms-list__row > li, #joms-event--details .joms-list__row > li, #joms-group--details .joms-list__row > li {border-bottom: 1px solid #eeeff0;padding: 8.65248px 14px;margin: 0;margin-left: -14px;margin-right: -14px;} #joms-app--aboutme-special .joms-list__row > li:last-child, #joms-event--details .joms-list__row > li:last-child, #joms-group--details .joms-list__row > li:last-child {border-bottom: 0;} .joms-list--inline li, .joms-list--alphabet li {display: block;margin-right: 14px;float: left;} .joms-list--inline li:last-child, .joms-list--alphabet li:last-child {margin-right: 0;} .joms-list--inline li.active, .joms-list--alphabet li.active {font-weight: bold;} .joms-list--inline .joms-list__item, .joms-list--alphabet .joms-list__item {display: inline-block;padding: 6px 0;} .joms-list--alphabet {display: none;} .joms-list--event .joms-media--event {width: 100%;margin-bottom: 8px;} .joms-list--event .joms-media--event:last-child, .joms-list--group .joms-media--event:last-child, .joms-list--event .joms-media--group:last-child, .joms-list--group .joms-media--group:last-child {border-bottom: none;margin-bottom: 0;} .joms-list--event .joms-media--event .joms-media__body, .joms-list--group .joms-media--event .joms-media__body, .joms-list--event .joms-media--group .joms-media__body, .joms-list--group .joms-media--group .joms-media__body {display: table-cell;} .joms-list__options > a {top: 8px;width: 14px;height: 14px;right: 8px;position: absolute;} .joms-list__options .joms-dropdown, .joms-list__options .joms-popover {position: absolute;} .joms-list__button--dropdown .joms-dropdown, .joms-list__button--dropdown .joms-popover {position: absolute;} .joms-list__search {width: 100%;display: block;margin-bottom: 14px;} .joms-list__search h1, .joms-list__search h2, .joms-list__search h3, .joms-list__search h4 {margin-top: auto;margin-bottom: auto;margin-right: 40px;} .joms-list__search .joms-list__utilities {display: block;width: 100%;margin-top: 22.65248px;} .joms-list__search .joms-list__utilities form {display: table;width: 100%;margin-bottom: 8.65248px;} .joms-list__search .joms-list__utilities form button {width: auto;padding: 5.34752px;line-height: 18px;background: rgba(0, 0, 0, 0);border: none;color: #b6b6b6 !important;float: right;margin-bottom: 0px;} .joms-list__search .joms-list__utilities form span {display: table-cell;vertical-align: top;width: 100%;border: 1px solid #e3e5e7;color: #2c3e50;background: #fff;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;overflow: hidden;} .joms-list__search .joms-list__utilities form span:first-child {padding-right: 8px;} .joms-list__footer {border-top: 1px solid rgba(0, 0, 0, 0.05);} .joms-list__footer .joms-avatar {display: inline;} .joms-list__footer .joms-avatar img {max-width: 40px;padding: 2px;} .joms-list--table li {float: left;margin-right: 10px;} .joms-list--table li i.fa{color: #868686;width: 16px;} .joms-list--table a {font-size: 12px;} .joms-list--files .joms-list__item {border-bottom: 1px solid rgba(0, 0, 0, 0.05);margin-bottom: 6%;padding-bottom: 6%;} .joms-list--files .joms-list__item:last-child {border: none;margin-bottom: 0;padding-bottom: 0;} .joms-list--files .joms-block {margin: 4% 0;} .joms-main .joms-stream-box .joms-list--thumbnail {margin-top: 14px;} .joms-main .joms-stream-box .joms-list--thumbnail .joms-list__item {width: 50%;} .joms-main .joms-stream-box .joms-list--thumbnail img {border: 3px solid rgba(0, 0, 0, 0.05);} .joms-main .joms-stream-box .joms-list--thumbnail img:hover {border-color: #5677fc;} .joms-list--message .joms-list__item {display: table;width: 100%;padding: 14px 0 14px 14px;position: relative;border-top: 1px solid rgba(0, 0, 0, 0.04);} .joms-list--message .joms-list__item .joms-list--message__checkbox {background: transparent;} .joms-page--inbox .joms-list--message .joms-list__item {padding: 14px 0;} .joms-list--message .joms-list__item.unread {background: rgba(0, 0, 0, 0.04);} .joms-list--message .joms-list--message__body, .joms-list--message .joms-postbox-tab, .joms-list--message .joms-list--message__remove {display: table-cell;vertical-align: middle;} .joms-list--message .joms-list--message__remove, .joms-list--message .joms-postbox-tab, .joms-list--message .joms-list--message__checkbox {text-align: right;} .joms-list--message .joms-list--message__checkbox {background: #f5f5f5;display: none;} .joms-list--message .joms-postbox-tab {width: 100%;display: none;} .joms-list--message .joms-postbox-tab a {color: #424242;} .joms-list--message .joms-comment__header {padding: 0;} .joms-list--message .joms-list--message__time {display: block;position: absolute;bottom: 1%;right: 1%;color: #7f8c8d;} .joms-list--message .joms-list--message__time .joms-icon {fill: #7f8c8d;} .joms-list--message .unread {background: #fff;} .joms-table {width: 100%;} .joms-table tr {border-bottom: 2px solid;border-color: rgba(0, 0, 0, 0.03);} .joms-table tr:hover, .joms-table tr:focus {border-color: #bac8fe;} .joms-table tr.joms-table__head {border-color: rgba(0, 0, 0, 0.05);} .joms-table tr.joms-table__head .joms-table__option {padding-top: 36.65248px;padding-bottom: 14px;} .joms-table tr td {padding: 8.65248px 0;color: #7f8c8d;font-size: 12px;} .joms-table tr td.joms-table__title {padding-top: 36.65248px;padding-bottom: 14px;font-size: 14px;} .joms-table thead tr {border-bottom: 4px solid;border-color: rgba(0, 0, 0, 0.05);} .joms-table input[type="checkbox"], .joms-table input[type="radio"] {margin: 0;} .joms-table__title {font-weight: bold;} .joms-table__option {text-align: center;} .joms-middlezone .joms-apps__body {background: #fff;padding: 14px;position: relative;} /* Widget Style */ .widget {width: 100%;background-color: #FFF;border: 1px solid #d0d1d5;border-radius: 3px;margin-bottom: 10px;} .widget.myfriends{float: left;} .widget-header {background-color: #f6f7f8;padding: 5px 10px;width: 100%;border-bottom: 1px solid #d0d1d5;} .widget-content{display: inline-block;font-size: 13px;padding: 10px;width: 100%;} .widget-header h3.widget-title,.widget-header h3.widget-title a {display: inline-block;font-size: 13px;font-weight: bold;text-shadow: 0 1px #FFF;text-transform: uppercase;margin: 0;} .widget-header .viewall {float: right;font-size:13px;line-height: 1.7;} .widget-header small {color: #999;} .user-widget.widget.widget-nobg{line-height: 0;} .widget.widget-nobg {background: rgba(0, 0, 0, 0);border: none;padding: 0;margin: 0 0 10px 0;} .widget.widget-nobg .widget-header{border-bottom: none;padding: 0;background-color: transparent;margin-bottom: 8px;} .widget.widget-nobg .widget-content{padding:0;} .widget.widget-nobg h3.widget-title, .widget.widget-nobg h3.widget-title a {text-transform: uppercase;color: #9197a3;font-size: 11px;font-weight:bold;text-shadow: 0 1px #fff;} .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;position: absolute;left: 25px;right: 0;line-height: 1.4;} ul.menu-footer{padding: 0 0 5px 0;margin: 0 0 5px 0;border-bottom: 1px solid #d0d1d5;font-size: 12px;} ul.menu-footer li { display: inline;padding: 0 15px 0 0;} ul.menu-footer li a{text-transform:uppercase;white-space: nowrap;} .widget-content ul.widget-list li {display: inline-block;width: 100%;position: relative;font-size: 12px;text-decoration: none;color: #333;background-color: rgba(0, 0, 0, 0);margin-bottom: 5px;} ul.widget-list li a{display: inline-block;color: #333;text-decoration: none;float: left;} ul.widget-list li a:hover, ul.widget-list li a:active {background-color: #f6f7f8;} .icons {background-color: #2b9ce8;background-image: -webkit-linear-gradient(#2b9ce8, #66b7ee);background-image: linear-gradient(#2b9ce8, #66b7ee);border: 1px solid #3ba0e4;border-radius: 2px;width: 16px;height: 16px;float: left;position: relative;} .icons-event {background-color: #bc5754;background-image: -webkit-linear-gradient(#bc5754, #cb3733);background-image: linear-gradient(#bc5754, #cb3733);border: 1px solid #cb3733;border-radius: 2px;width: 16px;height: 16px;float: left;position: relative;color: #333;font-size: 10px;font-weight: bold;text-align: center;margin-right: 5px;} .ico-bg {background-color: #FFF;width: 100%;position: absolute;top: 3px;bottom: 0;left: 0;height: 11px;border-radius: 2px;border-top-right-radius: 0;border-top-left-radius: 0;} .ico-bg span {position: absolute;bottom: 5px;line-height: 0px;width: 100%;left: 0px;} .sprite {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom:1;background: url(../icon/icon.svg) no-repeat;} .ico-coin { width:20px; height:20px; background-position: 0 0; } .ico-home { width:26px; height:21px; background-position: -25px 0; } .ico-globe { width:21px; height:21px; background-position: -75px 0; } .ico-person-stalker { width:29px; height:21px; background-position: 0 -25px; } .ico-chatbubbles { width:27px; height:21px; background-position: -50px -25px; } .ico-edit {width: 12px;height: 12px;background-position: -100px -25px;position: absolute;left: 2px;top: 2px;} .ico-search {width: 11px;height: 11px;background-position: 0 -50px;position: absolute;left: 1px;top: 2px;} .ico-email {width: 11px;height: 8px;background-position: -25px -50px; position: absolute; left:2px; top:3px;} .ico-group {width: 12px;height: 9px;background-position: -50px -50px;position: absolute;left: 1px;top: 3px;} .ico-newgroup {width: 12px;height: 8px;background-position: -75px -50px;position: absolute;left: 1px;top: 4px;} .ico-bg .ico-plus {height: 7px;background-position: -100px -50px;position: absolute;top: 2px;} .ico-camera {width: 11px;height: 10px;background-position: 0 -75px;position: absolute;left: 2px;top: 2px;} .ico-album {width: 12px;height: 11px;background-position: -25px -75px;position: absolute;left: 1px;top: 2px;} .ico-event {width: 11px;height: 11px;background-position: -50px -75px;position: absolute;left: 2px;top: 1px;} .ico-smile {width: 16px;height: 16px;background-position: -75px -75px;} .ico-person-add {width: 19px;height: 16px;background-position: -100px -75px;} .ico-pin {width: 12px;height: 16px;background-position: 0 -100px;} .ico-globe-sm {width: 16px;height: 16px;background-position: -25px -100px;} .ico-camera-sm {width: 19px;height: 16px;background-position: -50px -100px;} .ico-camera-white {width: 20px;height: 18px;background-position: 0 -175px;position: absolute;left: 10px;top: 10px;} .avatarMain .ico-camera-white {width: 20px;height: 18px;background-position: 0 -175px;position: absolute;left: 75px;top: 135px;} .ico-time {position:relative;width:167px;float:left;} .ico-date-sm {width: 16px;height: 16px;background-position: -75px -150px;position:absolute;bottom: 26%;right: 11px;} .ico-time-sm {width: 16px;height: 16px;background-position: -100px -150px;position:absolute;bottom: 26%;right: 11px;} .thumbnail .ico-rotation {position: absolute;top: 4px;left: 5px;cursor:pointer;width: 16px;height: 20px;background-position: -75px -100px;} .thumbnail .ico-delete {position: absolute;top: 5px;right: 5px;cursor:pointer;width: 15px;height: 15px;background-position: -100px -100px;} .addPhoto .ico-plus-pic {position:absolute;top: 40%;left: 40%;width: 20px;height: 20px;background-position: 0 -125px;} .ico-add-friend {width: 13px;height: 11px;background-position: -25px -125px;} .ico-friend {width: 15px;height: 11px;background-position: -75px -175px;} .ico-like {width: 23px;height: 16px;background-position: -50px -125px;margin-right:5px;vertical-align: sub;} .ico-like-able {width: 23px;height: 16px;background-position: -75px -125px;margin-right:5px;vertical-align: sub;} .ico-comment {width: 16px;height: 16px;background-position: -100px -125px;margin-right:5px;vertical-align: sub;} .ico-share {width: 20px;height: 16px;background-position: 0 -150px;margin-right:5px;vertical-align: sub;} .ico-smile-sm {width: 16px;height: 16px;background-position: -25px -150px;} .ico-like-sm {width: 15px;height: 11px;background-position: -50px -150px;} /* Home Widget */ .user-widget .widget-header {display: table;} .user-widget .joms-avatar {display: table-cell;vertical-align: middle;width: 45px;border: 1px solid #CECECE;border-radius: 50%;} .user-widget .joms-avatar img {padding:0;} .user-widget h3.joms-username {display: table-cell;font-size: 15px;line-height: 18px;padding-left: 5px;vertical-align: middle;color: #115C9F;font-weight: 600;} ul.col4 li {float: left;width: 23.5%;margin-left: 2%;margin-bottom: 5px;text-align: center;} ul.col4 li:nth-child(4n+1){margin-left: 0;clear: both;} ul.col4 li .joms-avatar--stream{width:100%;display: inline-block;} ul.col4 li .joms-avatar--stream.joms-online a:after{bottom: 27px;right: 10px;} ul.col4 li .joms-avatar--stream span{display: inline-block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 3px;} .col3 li {float: left;width: 32%;margin-left: 2%;margin-bottom: 6px;} .col3 li:nth-child(3n+1) {clear: both;margin-left: 0;} .widget.ads300{background-image: url('/templates/socialize/images/ads_banner/ad300x250.png'); width: 300px;height: 250px;} .widget.ads300 iframe{background-color:#fff;} .widget.ads160{background-image: url('/templates/socialize/images/ads_banner/ad160x600.png'); width: 160px;height: 600px;} /* Profile Sidebar Styles */ .profile .joms-body {width: 810px;float: left;} .module-no-bg, #profile-sidebar .joms-tab__content {background: rgba(0, 0, 0, 0)!important;border-bottom: 0px;padding: 0px;} #profile-sidebar{float: right;} .profile #profile-sidebar{float:left;width: 300px;margin-right: 10px;} #profile-sidebar .joms-tab__content .widget {background-color: #fff;border: 1px solid #e5e5e5;border-radius: 4px;} #profile-sidebar .joms-tab__content .navHeader {background: #f5f5f5;border-bottom: 1px solid #e9eaed;padding: 5px 15px;} #profile-sidebar .joms-tab__content .widget-content{padding: 5px;} #profile-sidebar .joms-tab__content .navHeader .widgetName, #profile-sidebar .joms-tab__content .navHeader .numFriends {font-size: 15px;font-weight: 600;color: #777;text-transform: uppercase;} #profile-sidebar .joms-tab__content .navHeader small {margin-top: 6px;float: right;color: #4C80C8;display: none;} #profile-sidebar .joms-tab__content .widget:hover .navHeader small {display: inline-block;} .profile .container{padding-left: 0px;padding-right: 0px;} .profile .t3-content .joms-focus{margin-top: -10px;} .profile .row{margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;} .profile .col-md-12{padding-left: 0px;padding-right: 0px;} .profile .head-sidebar{padding: 5px 10px;} .profile .col-xs-12{padding-left: 0px;padding-right: 0px;} .profile #t3-content .nav > li > a{padding:3px;} .showUploadPhoto .thumbnail{overflow: hidden;display: block;background-color: #fff;width: 100px;height: 100px;background-position: center center;background-repeat: no-repeat;margin: 1px;float: left;position: relative;} .profile .joms-tab__content{padding:0px;background: none;} /* Suggest Friends Widget */ .suggest-friends .joms-list__item {display: table;width: 100%;margin-bottom: 10px;} .suggest-friends .joms-list__body {display: table-cell;width: 190px;} .suggest-friends .joms-list__body .joms-list__button--dropdown, .joms-hcard__actions .joms-list__button--dropdown {position: inherit;display: inline-block;} .suggest-friends .joms-avatar--stream {width: 58px;padding-right: 5px;vertical-align: middle;} .suggest-friends .joms-avatar--stream img {max-width: 58px} .suggest-friends .joms-list__body .joms-text--username {font-size: 14px;margin-bottom: 1px;} .suggest-friends .joms-list__body .joms-text--title a {color: #777;font-weight: normal; font-size: 12px;} .suggest-friends .joms-list__body .btn-default, .joms-list--friend .joms-list__item .btn-default, .joms-hcard .joms-hcard__actions .btn-default {text-shadow: 0 1px 0 #fff;background-image: -webkit-linear-gradient(top, #fff 0%, #f6f7f8 100%);background-image: -o-linear-gradient(top, #fff 0%, #f6f7f8 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f7f8));background-image: linear-gradient(to bottom, #fff 0%, #f6f7f8 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff6f7f8', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border-color: #cccccc #c5c6c8 #b6b7b9;color: #333!important;background-color: #fff;font-weight: bold;padding: 3px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;} /* ---------SUGGEST GROUP-------*/ .frontpage .suggest_group{background-color: #FFF; border: 1px solid #d0d1d5; border-radius: 3px;float: left; margin-bottom: 10px; width: 100%;font-size: 13px;} .suggest_group .title-head {font-weight: bold; text-shadow: 0 1px #FFF; float: left; text-transform: uppercase;} .suggest_group ul {padding: 0; margin: 0;} .suggest_group ul li.sidebaritem:first-child { border-top: none;} .suggest_group .limit-text {padding: 0; overflow: hidden; max-width: 190px; display: inline-block;} .suggest_group span.gray { color: #777; font-weight: normal; } .suggest_group .padding-button { text-align: right; padding:0px; } .suggest_group .padding-button a.joms-focus__button--message{padding:3px 5px;font-size: 12px;} .suggest_group .btn-xs, .suggest_group .btn-group-xs > .btn { padding: 3px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;} .suggest_group span.icon-like-sm { width: 15px; height: 11px;background-position: -50px -150px;} .suggest_group .head-sidebar {background-color: #f6f7f8;padding: 5px 10px;width: 100%;border-bottom: 1px solid #d0d1d5;} .suggest_group ul li.sidebaritem{padding: 10px;float: left;width: 100%;border-top: 1px solid #d0d1d5;list-style-type: none;} .suggest_group .col-md-12{padding:0px;} /*-----------------------ADD---------------------*/ .t3-community-toolbar {background: #0e76bc; height: 42px;border-bottom: 1px solid #023a61;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);color: #FFF;margin-bottom: 10px;} .t3-community-toolbar a > .fa {color: rgba(27, 27, 27, 0.75);margin-top: 3px;} .validate-frm .popover {background: #B94A48;color: #fff;} .validate-frm .popover-content{padding: 3px 10px;} .validate-frm .popover-title{background: #B94A48;border-bottom-color: #AB2422;} .validate-frm .popover.left > .arrow:after {border-left-color: #B94A48;} .validate-frm .popover.right > .arrow:after {border-right-color: #B94A48;} .validate-frm .popover.bottom > .arrow:after {border-bottom-color: #B94A48;} .validate-frm .popover.top > .arrow:after {border-top-color: #B94A48;} #error-messages .modal-dialog {-webkit-transform: translate(0, 100%);-ms-transform: translate(0, 100%);-o-transform: translate(0, 100%);transform: translate(0, 200%);} .invalid{border-color: #E9322D!important;box-shadow: 0 0 6px #F8B9B7!important;} .joms-stream__body .joms-media{padding: 10px;} @media only screen and (min-width: 992px) {.joms-main {width: 61%;} .profile .joms-main {width: 500px;} .joms-form--search span {display: inline-block;overflow: hidden;padding-right: 5px;} .joms-form--search input[type="text"], .joms-form--search select {margin: 0;width: auto;max-width: 250px;} .joms-form--search .joms-input[type="text"] {margin-bottom: 0;} .joms-form--search .joms-input--small input[type="text"] {width: 110px;} .joms-form--search .joms-form__item {border: none;margin: 0;padding: 0;} .joms-focus__info, .joms-focus__actions, .joms-focus__button--options, .joms-toolbar {display: none !important;} .desktop-only--inline-block {display: inline-block !important;} .joms-button--signup {width: auto;font-size: 1.61803em;} .joms-focus__button--options--desktop .joms-dropdown, .joms-focus__button--options--desktop .joms-popover {right: 2px;top: 25px;} .joms-landing__cover {overflow: hidden;position: relative;} .joms-landing__content {display: table;font-size: 100%;width: 100%;} .joms-landing__text, .joms-landing__signup {display: table-cell;vertical-align: middle;} .joms-landing__text {width: 61.8034%;} .joms-landing__signup {text-align: right;} .joms-landing__action .joms-input {margin-bottom: 0;} .joms-landing__action .joms-input--append, .joms-landing__action button {display: inline-block;} .joms-landing__action .joms-input--append {width: 35%;margin-right: 2%;vertical-align: top;} .joms-landing__action button {width: 24.7%;} .joms-landing__action.tfaenabled .joms-input {margin-bottom: 0;} .joms-landing__action.tfaenabled .joms-input--append, .joms-landing__action.tfaenabled button {display: inline-block;} .joms-landing__action.tfaenabled .joms-input--append {width: 24%;margin-right: 2%;vertical-align: top;} .joms-landing__action.tfaenabled button {width: 20%;} .jomsocial-wrapper {overflow: visible;} .joms-sidebar {width: 38%;float: right;} .joms-focus--mini .joms-focus__title {width: 50%;left: 120px;} .event-miniHeader .joms-focus--mini .joms-focus__title{left: 70px;} .joms-focus__info--desktop {display: block;} .joms-focus__actions a {padding: 0.61803px 1.61803px;} .joms-focus__header__actions, .joms-focus__header__actions--desktop {display: none;} .joms-focus__header__actions--desktop {display: block;margin-top: 0.61803px;} .joms-focus__header__actions--desktop a {font-size: 0.8rem;padding: 5.34752px 8.65248px;} .joms-focus__header__actions--desktop .joms-icon {height: 0.8rem;} .joms-focus__actions--desktop a {padding: 5.34752px 8.65248px;} .joms-focus__button--options--desktop {display: block;} .joms-focus__button--options--desktop > a {text-align: center;position: absolute;right: 0;border: 1px solid #ddd;white-space: nowrap;padding: 1px 8px;font-size: 14px;line-height: 1.42857143;border-radius: 3px;} .joms-focus__button--options--desktop .joms-icon {fill: #ecf0f1;height: 30px;} .joms-focus__badges {position: absolute;top: 14px;left: 14px;z-index: 10;padding: 0;} .joms-module--hellome .joms-focus__badges {position: absolute;top: 14px;right: 14px;left: auto;z-index: 10;padding: 0;} .joms-menu, .joms-menu--user {display: none;} .joms-subnav {display: none;} .joms-page--mobile .joms-subnav {display: none;} .joms-subnav__menu {display: none;} .joms-subnav--desktop, .joms-toolbar--desktop {display: block;} .joms-subnav--desktop {display: inline-block;width: 100%;} } @media only screen and (max-width: 992px) { .home-page .right-sidebar{display:none} .home-page .joms-main{width: 580px;margin-right: 0px;} .profile .joms-body{width: 95%;margin: 0 auto;float: none;} .profile .joms-main {width: 400px;} } @media only screen and (min-width: 768px) { .joms-avatar--focus {width: 160px;height: 160px;} .joms-focus--mini .joms-avatar--focus{width: 100px;height: 100px;} .joms-avatar--focus img {max-width: 160px;height: 100%;} .joms-focus--mini img{max-width: 100px;} .joms-focus__header .joms-avatar--focus {margin-bottom: -35px;} .joms-avatar--focus i.fa {bottom: 15px;left: 70px;width: 25px;} .joms-button--full-small {width: auto;} .joms-focus__title {width: 40%;} .joms-focus__actions__wrapper {display: table-cell;vertical-align: middle;} .joms-focus__actions--desktop {display: block;margin-top: 1.61803px;} .joms-focus__info, .joms-focus__actions, .joms-focus__button--options {display: none !important;} .joms-focus__link li:first-child {margin-left: 140px;} .miniHeader .joms-focus__link li:first-child {margin-left: 100px;} #event-detail-page .joms-focus__link li:first-child,.event-miniHeader .joms-focus__link li:first-child{margin-left: 0px;} } @media only screen and (max-width: 767px) { .profile #profile-sidebar,.home-page .left-sidebar{display:none;} .home-page .joms-main{width: 95%;float: none;margin: 0 auto;} .joms-focus__title{left: 85px;bottom: 25px;} .joms-avatar--focus.joms-online a:after{right: 9px;top: inherit;} .joms-avatar--focus i.fa{bottom: 12px;left: 23px;font-size: 18px;} .joms-focus__link li:first-child{margin-left:0px;} .profile .joms-main {width: 100%;} .joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event, .joms-avatar-group{max-width:100%;} } @media all and (min-width: 641px) { .joms-popup--photo .mfp-close, .joms-popup--video .mfp-close {font-size: 18px;height: 24px;line-height: 24px;width: 24px;color: #333;} } @media all and (max-width: 640px) {.joms-popup__commentwrapper {padding-right: 0;position: relative;} .joms-popup__comment {display: none;} .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__content {display: none;} .joms-popup--togglecomment .joms-popup__commentwrapper .joms-popup__comment {display: block;position: relative;width: auto;} .joms-popup--togglecomment .joms-popup__commentwrapper .mfp-close {color: #000;} .joms-popup--photo .joms-popup__btn-comments, .joms-popup--video .joms-popup__btn-comments {display: inline;} .joms-popup__wrapper {padding: 6px;} } @media only screen and (min-width: 481px) {.joms-form__group .joms-input[type="text"], .joms-form__group .joms-input[type="password"], .joms-form__group .joms-select--wrapper, .joms-form__group .joms-textarea {margin-top: 0;} .joms-input--search[type="text"] {width: 250px;} .joms-sortings .joms-select--wrapper {width: 48.6%;margin: 0;} .joms-sortings .joms-select--wrapper:nth-child(2n+1) {margin-left: 2%;} .joms-form__group {display: table;width: 100%;} .joms-textarea--mobile .trumbowyg-button-pane {display: block;} .joms-inline--desktop {display: inline !important;width: auto !important;} .joms-hidden--medium, .joms-stream__status--mobile {display: none !important;} /*.joms-stream__actions .joms-icon, .joms-comment__actions .joms-icon {display: none !important;}*/ .joms-stream__actions .joms-icon {fill: #888;color: #888;} .joms-stream__actions .joms-button--liked, .joms-stream__actions .joms-button--share {font-weight: bold; color: #888; margin-right: 11px;} .joms-stream__actions .liked {fill: #5890ff; color: #5890ff} .joms-gap--inline {display: inline-block;} .joms-button--add {position: static;display: inline-block;} .joms-button--add-on-page {position: absolute;top: 14px;width: auto;right: 14px;} .joms-cover--thumbnail {overflow: hidden;position: relative;} .joms-cover--thumbnail:before {content: "";display: block;height: 0;padding-top: 37.5%;} .joms-cover--thumbnail > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-list__cover--wrapper {overflow: hidden;position: relative;} .joms-stream__actions, .joms-comment__actions {display: block;border: 0;padding-top: 0;padding-bottom: 8px;width: auto;text-align: left;} .joms-stream__actions a, .joms-comment__actions a {display: inline-block;margin-right: 4px;margin-left: 0;} .joms-comment__actions {border-bottom: 0;text-align: left;padding: 8px 14px 4px 0;background: transparent;} .joms-popup .joms-comment__actions {padding: 0;} .joms-popup .joms-comment__actions a {padding-left: 0;padding-right: 0;} .joms-comment__actions a {display: inline-block; color: #888;margin-right: 5px!important;} .joms-comment__actions .joms-icon {fill: #888; color: #888;} .joms-comment__actions .joms-button--liked, .joms-comment__actions .joms-button--share {color: #888; margin-right: 11px;} .joms-comment__actions .liked {fill: #5890ff; color: #5890ff} .joms-comment__actions .joms-comment__time {font-size: 12px;} .joms-stream__loadmore a {margin-bottom: 0;} /*.joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event {max-width: 480px;}*/ .joms-media__cover {overflow: hidden;position: relative;} .joms-media__cover:before {content: "";display: block;height: 0;padding-top: 37.5%;} .joms-media__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-media--event {display: table;} .joms-media--video, .joms-media--album {display: table;width: 100%;max-width: 100%;border: 1px solid #e5e5e5;} .joms-media--video.being-played .joms-media__thumbnail, .joms-media--album.being-played .joms-media__thumbnail {display: table;width: 100% !important;} .joms-media--video.being-played .joms-media__thumbnail .mejs-container.mejs-video, .joms-media--album.being-played .joms-media__thumbnail .mejs-container.mejs-video, .joms-media--video.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement embed, .joms-media--album.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement embed {width: 100% !important;height: 240px !important;} .joms-media--video.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement .me-plugin, .joms-media--album.being-played .joms-media__thumbnail .mejs-container .mejs-mediaelement .me-plugin {position: static;} .joms-media--video.being-played .joms-media__body, .joms-media--album.being-played .joms-media__body {margin-left: 0;clear: both;} .joms-media__calendar {width: 50px;height: 60px;display: table-cell;vertical-align: top;} .joms-media__thumbnail {width: 120px;height: 120px;display: table-cell;vertical-align: middle;} .joms-media__thumbnail .mejs-container .mejs-controls {display: none;} .joms-media__thumbnail .mejs-container.mejs-video {height: 120px !important;width: 120px !important;} .joms-media__thumbnail .mejs-container .mejs-mediaelement embed {height: 120px !important;width: 120px !important;} .joms-media__body {vertical-align: middle;height: 120px;overflow: hidden;text-overflow: ellipsis;} .joms-media--event .joms-media__body, .joms-media__body .joms-media--group {height: auto;padding-top: 0;} .joms-dropdown.more-button, .joms-popover.more-button {margin-top: 2px;position: absolute;} .joms-popover__actions {display: table-cell;margin: 0;vertical-align: middle;} .joms-postbox-tab span {display: inline-block;} .joms-postbox-emoticon li {width: 50%;} .joms-postbox-photo-preview .joms-postbox-photo-item {width: 20%;} .joms-fetched-images {float: left;max-width: 120px;margin-bottom: 0;} .joms-fetched-field {margin-left: 130px;} .joms-ribbon__wrapper {width: 100px;height: 100px;position: absolute;top: 0;left: 0;overflow: hidden;} .joms-gallery__thumbnail .joms-ribbon__wrapper {top: auto;left: auto;} .joms-alert__body {display: table;width: 100%;} .joms-alert__content, .joms-alert__actions {display: table-cell;} .joms-alert__content {padding-right: 10px;} .joms-alert__actions {margin-top: 0;} .joms-ribbon {width: 100px;opacity: 1;top: 16px;bottom: auto;left: -22px;font-size: 12px;line-height: 20px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .joms-ribbon--full {font-size: 16px;width: 110px;left: -24px;top: 18px;line-height: 24px;} .joms-hcard .joms-avatar, .joms-hcard .joms-date {display: table-cell;width: 50px;vertical-align: middle;} .joms-hcard .joms-date {width: 48px;} .joms-hcard__info {display: table;width: 100%;position: absolute;bottom: 0;} .joms-hcard__info-content {display: table-cell;vertical-align: middle;} .joms-popup__optcaption {padding: 2px 0;} .joms-popup__optoption button span {display: inline;} .joms-popup__optoption button .joms-icon {display: none;} .joms-video__duration {top: auto;bottom: 0;font-size: 11px;} .joms-bookmarks li {width: 33%;} .joms-landing__action .joms-checkbox, .joms-landing__action a {display: inline-block;margin-top: 8.65248px;font-size: 12px;} .joms-focus__cover, .joms-hcard__cover {overflow: hidden;position: relative;} .joms-focus__cover:before, .joms-hcard__cover:before {content: "";display: block;height: 0;padding-top: 37.5%;} .joms-focus__cover > img, .joms-hcard__cover > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-focus__cover .joms-focus__cover-image, .joms-hcard__cover .joms-focus__cover-image {display: block;} .joms-focus__cover .joms-focus__cover-image--mobile, .joms-hcard__cover .joms-focus__cover-image--mobile {display: none;} .joms-focus--mini .joms-focus__cover-image--mobile {display: block;} .joms-focus__link {width: 100%;padding: 0;margin: 0;} .joms-focus__link li {border-right: 1px solid #d0d1d5;} .event-mini-header .joms-focus__link li:first-child {margin-left: 0px;} .joms-dropdown.more-button li:first-child{margin-left: 0px;} .joms-focus__link li.liked {float: right;border-left: 1px solid rgba(0, 0, 0, 0.06);} .joms-focus__link li.hidden-desktop {display: none;} .joms-page--search {display: block;} .joms-page--search__results .joms-list__search .joms-list__utilities {display: none;} #pn {border-spacing: 1.6px;} .joms-gallery, .joms-message__list {margin: 0;} .joms-gallery__item {width: 23%;display: inline-block;vertical-align: top;margin-left: 2%;margin-bottom: 2%;border: 1px solid #ddd;} .joms-gallery__item:first-child, .joms-gallery__item:nth-child(4n+1) {margin-left: 0;} .joms-gallery__item:hover .joms-gallery__options {display: block;} .joms-gallery__item:hover .joms-gallery__thumbnail img {opacity: 0.5;} .joms-gallery__item.half {width: 48%;} .joms-gallery__item.half:first-child, .joms-gallery__item.half:nth-child(2n+1) {margin-left: 0;} .joms-gallery__item-inner {max-width: 128px;margin: auto auto;position: relative;} .joms-gallery__thumbnail, .joms-gallery__body, .joms-gallery__count {display: block;} .joms-gallery__title, .joms-gallery__owner {white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;} .joms-gallery__options {display: none;position: absolute;z-index: 10;right: 2px;top: 2px;} .joms-gallery__body {text-align: center;background-color: #f5f5f5; padding: 10px 8px;} .joms-gallery__thumbnail img {width: 100%;padding: 0;border: 0;} .joms-gallery__item.half .joms-gallery__thumbnail img {max-width: 100%;} .joms-gallery__thumbnail {margin: auto;max-width: 100%;text-align: center;border-bottom: 1px solid #ddd; position: relative;background: #fff;} .joms-gallery__item.half .joms-gallery__thumbnail {max-width: 100%;} .joms-list--friend .joms-list__item {display: inline-block;vertical-align: top;width: 48.6%;margin-bottom: 2%;min-height: 94px;margin-left: 2%;} .joms-list--friend .joms-list__item:first-child, .joms-list--friend .joms-list__item:nth-child(odd) {margin-left: 0;} .joms-list--friend.single-column .joms-list__item {width: 100%;margin-left: 0;margin-right: 0;} .joms-list--video .joms-list__item {display: inline-block;vertical-align: top;width: 32.2%;margin-left: 1%;margin-bottom: 4%;border: 1px solid #ddd;} .joms-list--video .joms-list__item:first-child, .joms-list--video .joms-list__item:nth-child(3n+1) {margin-left: 0;} .joms-list--card .joms-list__item {width: 100%;margin-bottom: 2%;} .joms-list--card .joms-list__footer {width: 20%;float: right;text-align: right;} .joms-list--card .joms-list--inline {padding: 0;left: 14px;bottom: 0;} .joms-list--friend .joms-list__item, .joms-list--general .joms-list__item {padding: 14px;} .joms-popup .joms-list--friend .joms-list__item, .joms-popup .joms-list--general .joms-list__item {padding: 14px;} .joms-list--friend .joms-list__avatar, .joms-list--general .joms-list__avatar, .joms-list--friend .joms-list__body, .joms-list--general .joms-list__body {text-align: left;display: table-cell;vertical-align: middle;} .joms-list--friend .joms-list__avatar, .joms-list--general .joms-list__avatar {vertical-align: top;width: 64px;} .joms-list--friend .joms-list__avatar img, .joms-list--general .joms-list__avatar img {width: 64px;height: 64px;position: relative;} .joms-list--friend .joms-list__body, .joms-list--general .joms-list__body {padding-left: 14px;} .joms-list--general .joms-list__item {padding: 0;} .joms-list--alphabet {display: initial;} .joms-list__button--dropdown {position: absolute;bottom: 8px;right: 8px;} .joms-list__button--dropdown.request_sent_btn:hover ul{display:block !important;} .joms-hcard .joms-list__button--dropdown.request_sent_btn:hover ul{position:absolute;margin-top:-8px;display:block !important;} .joms-stream__body .joms-media .joms-text--title a{word-break: break-all;display: inline;} .joms-stream__body .joms-media .joms-text--title p{word-break: break-all;} .joms-list__search {display: table;margin-bottom: 5px;} .joms-list__search h1, .joms-list__search h2, .joms-list__search h3, .joms-list__search h4 {margin-right: 0;} .joms-list__search > span {display: table-cell;vertical-align: middle;width: 45%;} .joms-list__search .joms-list__utilities {display: table-cell;vertical-align: top;text-align: right;margin-top: 0;} .joms-list__search .joms-list__utilities form {display: initial;width: auto;} .joms-list__search .joms-list__utilities form span {width: auto;display: inline-block;padding: 0;} .joms-list__search .joms-list__utilities form span:first-child {padding-right: 0;} .joms-list__footer .joms-avatar {display: block;margin-bottom: 7px;} .joms-list__footer {border: none;} .joms-main .joms-stream-box .joms-list--thumbnail .joms-list__item {width: 10%;} .joms-list--message .joms-list--message__checkbox {padding: 0 7px 0 14px;display: table-cell;vertical-align: middle;} .joms-list--message .joms-postbox-tab {display: table-cell;} .joms-list--message .joms-list--message__time {display: none;right: 0.5%;bottom: 5%;} .joms-list--message .joms-list--message__body .joms-list--message__time {display: inline;} .joms-table tr td.joms-table__desc {padding-left: 140px;} } @media only screen and (max-width: 480px) { .joms-hcard__cover:before {padding-top: 18% !important;} .joms-text--skip {text-align: center;display: block;} .joms-hidden--small, .joms-stream__status, .joms-comment, .joms-landing__text, .joms-list--message .joms-list--message__remove span {display: none !important;} .mobile-only--show {display: block !important;} .joms-online a {width: 100%;max-width: 64px;margin: auto;} .joms-avatar--focus.joms-online a:after {right: 2px;} .joms-button--primary, .joms-button--add, .joms-button--login, .joms-button__reject, .joms-postbox-tab .joms-postbox-save, .joms-postbox-tab .joms-postbox-done, .joms-focus__button--add, .joms-button__next, .joms-button--secondary, .joms-button--signup, .joms-focus__button--message, .joms-button--neutral, .joms-button--privacy, .joms-button--more, .joms-button--comment, .joms-button__approve, .joms-postbox-tab .joms-postbox-cancel, .joms-focus__button--options, .joms-button--important {margin-bottom: 4px;} .joms-stream--discussion .joms-stream__replies {display: block;margin-top: 1px;text-align: left;} .joms-focus__link li {border-top: 1px solid rgba(0, 0, 0, 0.06);} .joms-focus__link li:first-child {border-top: 0;} .joms-focus__link li.half {width: 50%;} .joms-focus__link li.full {width: 100%;} .joms-focus__link li.hidden-mobile {display: none;} .joms-list--card .joms-list__avatar {overflow: hidden;position: relative;} .joms-list--card .joms-list__avatar:before {content: "";display: block;height: 0;} .joms-list--card .joms-list__avatar > img {width: 100%;position: absolute;top: 0;left: 0;} .joms-list--inline li, .joms-list--alphabet li {display: block;} .joms-list--message .joms-list--message__body .joms-list--message__time {display: none;} .joms-media.like, .joms-media--image, .joms-media--images, .joms-media--event, .joms-avatar-group{max-width:100%;} .joms-media .span4{ margin-bottom: 10px;} .joms-media .span4, .joms-media .span8,.joms-media .span4 img{width: 100%;} } @media only screen and (max-width: 360px) { .joms-stream__actions {padding-left: 0;} .joms-comment__actions span {display: none;} .joms-comment__actions .liked span {display: inline;} .joms-postbox-photo-upload {line-height: 20px;} .joms-postbox-double-panel li:nth-child(1n+0) {width: 45%;} .joms-postbox-double-panel li:nth-child(odd) {width: 55%;} .joms-list--photos .joms-list__item {width: 50%;} #joms-group--members .joms-list--photos .joms-list__item {width: auto;} .joms-list--videos .joms-list__item {width: 50%;} .joms-list--table li {width: 100%;display: block;} }