@font-face {
 font-family:helvetica;
 src:url('https://fortea.ddns.net/ossn/themes/facebook/fonts/helvetica.ttf')
}
body {
 font-size:14px;
 background-color:#e9ebee;
 font-family:helvetica,sans-serif;
 height:100%
}
.ossn-required {
 color:#a94442
}
::-webkit-scrollbar {
 width:12px
}
::-webkit-scrollbar-track {
 background-color:#eaeaea;
 border-left:1px solid #ccc
}
::-webkit-scrollbar-thumb {
 background-color:#ccc
}
::-webkit-scrollbar-thumb:hover {
 background-color:#aaa
}
.ossn-form input[type='password'],
.ossn-form text,
.ossn-form select,
.ossn-form textarea,
.ossn-form input[type='text'] {
 width:100%;
 border:1px solid #eee;
 padding:10px;
 margin-bottom:5px;
 outline:0;
 display:block;
 resize:vertical
}
.ossn-form input[type='submit'] {
 margin-top:5px;
 margin-bottom:5px
}
.ossn-red-borders {
 border:1px solid #a94442 !important
}
.fa {
 margin-right:5px
}
.ossn-hidden {
 display:none
}
p {
 font-size:15px
}
.col-center {
 float:none;
 margin:0 auto
}
.container-table {
 display:table;
 width:100%
}
.center-row {
 display:table-cell;
 text-align:center
}
.radio-block {
 margin-top:10px;
 margin-bottom:10px
}
.radio-block span {
 display:inline-block;
 margin-right:10px;
 font-size:15px;
 font-weight:bold;
 margin-left:10px
}
.btn {
 border-radius:2px
}
.btn-primary {
 background:#0b2444
}
.ossn-layout-module,
.ossn-layout-contents,
.ossn-layout-media,
.ossn-layout-newsfeed {
 margin-top:10px;
 min-height:400px
}
.ossn-home-container .ossn-page-contents {
 background:rgba(255,255,255,0);
 border:0
}
.ossn-layout-startup {
 background:#d3d8e8 url("https://fortea.ddns.net/ossn/themes/facebook/images/home-background.png") repeat-x
}
.ossn-layout-startup footer .ossn-footer-menu a {
 color:#3b5998
}
.ossn-layout-startup .ossn-widget {
 background:rgba(255,255,255,0)
}
.ossn-layout-startup .ossn-widget .widget-contents {
 border:0
}
.ossn-layout-startup .ossn-widget .widget-heading {
 border:0;
 padding:3px 10px 0;
 font-size:20px;
 font-weight:bold;
 background:none
}
.ossn-layout-startup .ossn-form input[type='password'],
.ossn-layout-startup .ossn-form text,
.ossn-layout-startup .ossn-form select,
.ossn-layout-startup .ossn-form textarea,
.ossn-layout-startup .ossn-form input[type='text'] {
 border-color:#bdc7d8;
 border-radius:5px
}
.ossn-layout-startup .ossn-form .col-md-6:first-child {
 padding-right:0
}
.ossn-home-container {
 margin-top:20px
}
.ossn-layout-newsfeed .newsfeed-right {
 background:#fff;
 border:1px solid #eee;
 padding:10px
}
.ossn-page-container {
 overflow-x:hidden;
 min-height:400px
}
.ossn-layout-module {
 margin-top:10px;
 background:#fff;
 border:1px solid #eee;
 padding:10px
}
.ossn-layout-module .module-title {
 background:#f9f7f7;
 border:1px solid #eee;
 padding:10px
}
.ossn-layout-module .module-contents {
 padding:10px
}
.ossn-layout-module .module-title .title {
 font-weight:bold;
 display:inline-block
}
.ossn-layout-module .controls {
 float:right;
 display:inline-table
}
.ossn-layout-media {
 margin-top:10px
}
.ossn-layout-media .like-share,
.ossn-layout-media .comments-list {
 margin-left:-10px;
 margin-right:-10px
}
.ossn-layout-media .content,
.ossn-page-contents {
 background:#fff;
 padding:10px;
 border:1px solid #eee
}
.opensource-socalnetwork {
 min-height:500px
}
#ossn-signup-errors {
 display:none;
 margin-top:10px
}
.ossn-error-page {
 text-align:center;
 padding:100px
}
.ossn-error-page .error-heading {
 font-size:50px;
 font-weight:bold
}
.ossn-error-page .error-text {
 font-size:16px
}
.ossn-error-page .fa-exclamation-triangle {
 font-size:100px
}
.ossn-group-members {
 margin-right:5px
}
.topbar {
 background-color:#0b2444;
 border-bottom:3px solid #c31e1f;
 color:#fff;
 z-index:1;
 position:relative
}
.topbar .fa {
 font-size:20px;
 margin-top:5px
}
.topbar .site-name a:hover {
 text-decoration:none
}
.topbar-menu-left {
 position:relative;
 z-index:1
}
.topbar-menu-right li,
.topbar-menu-left li {
 display:inline-block
}
.topbar .fa-sort-desc {
 color:#ffffff;
 margin-top:2px
}
.topbar-userdata {
 float:right;
 margin-top:12px
}
.topbar-userdata img {
 border-radius:3px;
 width:25px
}
.topbar-userdata .name {
 font-weight:bold;
 font-size:12px;
 margin-left:5px
}
.topbar-menu-right li a,
.topbar-menu-left li a {
 padding:10px;
 display:block;
 color:#fff
}
.sitename {
 float:left;
 background:#fff;
 padding:0 8px;
 border-radius:2px;
 margin-top:10px;
 font-size:20px;
 font-weight:bold;
 color:#29487d
}
.topbar-userdata .homelink a {
 font-weight:bold;
 font-size:12px;
 margin-left:5px;
 color:#fff;
 margin-left:20px;
 border-left:1px solid #17233d;
 padding-left:19px
}
.topbar-menu-right li:hover,
.topbar-menu-left li:hover {
 cursor:pointer;
 background-color:#07488c
}
.topbar .right-side-nospace .topbar-menu-right {
 margin-right:0;
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.topbar .right-side-space .topbar-menu-right {
 margin-right:10px;
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.topbar .ossn-icons-topbar-friends,
.topbar .ossn-icons-topbar-messages,
.topbar .ossn-icons-topbar-notification i {
 color:#ffffff
}
.topbar .ossn-icons-topbar-friends-new,
.topbar .ossn-icons-topbar-messages-new,
.topbar .ossn-icons-topbar-notifications-new i {
 color:#fff
}
.ossn-topbar-dropdown-menu {
 float:right
}
.ossn-topbar-dropdown-menu ul li a,
.ossn-topbar-dropdown-menu ul li {
 display:block;
 width:100%;
 color:#000
}
.ossn-topbar-dropdown-menu .dropdown-menu {
 margin:1px -120px 0
}
.ossn-wall-item {
 padding:30px;
 padding-top:10px;
 border:1px solid #eee;
 margin-top:20px;
 background-color:#fff;
 padding-bottom:0
}
.ossn-wall-item:first-child {
 margin-top:0
}
.ossn-wall-item .friends a {
 text-decoration:none
}
.ossn-wall-item .friends a:first-child:before {
 content:"-";
 margin-left:5px;
 margin-right:5px
}
.ossn-wall-item .user-img {
 border-radius:50px;
 display:inline-block;
 float:left;
 margin-right:10px
}
.ossn-wall-item .meta .user {
 display:inline-block;
 margin-top:3px
}
.ossn-wall-item .meta .user a {
 font-weight:bold
}
.ossn-wall-item .meta .user span {
 color:#999
}
.ossn-wall-item .post-contents {
 margin-top:15px
}
.ossn-wall-item .post-contents p {
 word-break:break-word;
 text-align:justify
}
.ossn-wall-item .post-contents img {
 max-width:100%;
 border:1px solid #eae8e8;
 display:block;
 margin-bottom:10px
}
.ossn-wall-item .meta .post-menu {
 float:right
}
.ossn-wall-container {
 border:1px solid #eee;
 border-radius:2px;
 padding-top:0;
 margin-bottom:10px
}
.ossn-wall-container textarea {
 padding:10px;
 width:100%;
 border:1px solid;
 border-color:#e5e6e9 #dfe0e4;
 border-bottom:0;
 border-top:0;
 resize:none;
 outline:0
}
.ossn-wall-container .controls {
 background-color:#f6f7f8;
 border-bottom:1px solid #e9eaed;
 border-left:1px solid #e9eaed;
 border-right:1px solid #e9eaed;
 height:40px;
 width:100%;
 margin-top:3px;
 margin-top:-5px;
 padding-right:10px
}
.ossn-wall-container .wall-tabs {
 border-bottom:1px solid #e5e5e5;
 background-color:#f6f7f8;
 border:1px solid #e9eaed;
 margin-top:5px
}
.ossn-wall-container .wall-tabs .item {
 padding:10px;
 display:inline-flex;
 cursor:pointer;
 border-bottom:1px solid #eee;
 font-weight:bold;
 font-size:13px
}
.ossn-wall-container .wall-tabs .item:hover {
 background:#eee
}
.ossn-wall-container .wall-tabs .item div {
 display:inline-block
}
.ossn-wall-container .wall-tabs .item .text {
 font-weight:bold;
 margin-top:1px;
 margin-left:5px;
 position:absolute;
 font-size:15px
}
.ossn-wall-container .controls li {
 padding:10px;
 display:inline-block;
 cursor:pointer
}
.ossn-wall-container .controls li:hover {
 background:#eee
}
.ossn-wall-privacy {
 float:right;
 margin-right:5px
}
.ossn-wall-container input[type='submit'] {
 padding:3px 20px;
 display:block;
 margin-top:6px
}
.ossn-wall-container i {
 font-size:15px
}
.ossn-wall-container input[type="file"] {
 border-left:1px solid #EEE;
 border-right:1px solid #EEE
}
.ossn-wall-container input[type="file"],
.ossn-wall-container input[type="text"] {
 width:100%;
 border-top:1px dashed #EEE;
 padding:5px;
 margin-bottom:5px;
 margin-top:-5px;
 outline:0
}
#token-input-ossn-wall-friend-input {
 width:100% !important;
 border-top:1px dashed #EEE;
 padding:7px;
 margin-bottom:5px;
 margin-top:-5px
}
#ossn-wall-form .ossn-loading {
 margin:7px
}
.ossn-wall-item-type {
 display:inline-block
}
.ossn-wall-item .friends {
 display:inline-block
}
.ossn-comment-menu {
 float:right;
 display:none
}
.comments-item:hover .ossn-comment-menu {
 display:block
}
.comments-likes {
 min-height:50px;
 width:100%
}
.menu-likes-comments-share {
 margin-bottom:10px
}
.menu-likes-comments-share li {
 display:inline-block
}
.menu-likes-comments-share li::after {
 content:"-";
 margin-left:5px;
 margin-right:5px;
 color:#ccc
}
.menu-likes-comments-share li:last-child:after {
 content:" "
}
.comments-list {
 background-color:#fbfbfb;
 margin-left:-15px;
 margin-right:-15px;
 padding-left:10px;
 padding-right:10px
}
.comments-list .comments-item {
 padding-top:10px;
 padding-bottom:5px
}
.comments-list .comments-item:first-child {
 margin-top:0;
 padding-top:10px
}
.comments-list .comments-item:last-child {
 border-bottom:0
}
.comments-list .comments-item .comment-user-img {
 display:inline-block;
 border-radius:32px
}
.comments-list .comments-item .comment-contents {
 display:inline-block;
 margin-top:-3px;
 margin-left:10px
}
.comment-container {
 padding-bottom:10px;
 padding-left:10px;
 position:relative;
 z-index:0
}
.comments-item .col-md-11 {
 padding-left:0
}
.comment-metadata .time-created,
.comment-metadata a {
 display:inline-block
}
.comment-contents p {
 margin:0;
 word-break:break-word;
 text-align:justify;
 padding: 4%; !important
}
.comment-contents p img {
 display:block;
 margin-top:10px;
 margin-bottom:10px;
 max-width:100%
}
.comment-contents .owner-link {
 font-weight:bold;
 margin-right:5px;
 font-size:14px
}
.comment-contents {
 width:100%
}
.comment-container span[readonly='readonly'],
.comment-container input[readonly='readonly'] {
 background:#eee
}
.comment-box {
 width:100%;
 border:1px solid #eee;
 padding:5px 30px 5px 5px !important;
 margin-bottom:5px;
 outline:0;
 display:block;
 resize:vertical;
 background:#fff;
 min-height:32px
}
[contentEditable=true]:empty:not(:focus)::before {
 content:attr(placeholder)
}
.like-share {
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
 padding:10px;
 margin-top:10px;
 background-color:#fbfbfb;
 margin-left:-15px;
 margin-right:-15px;
 padding-left:20px;
 padding-right:20px
}
.ossn-like-comment,
.ossn-total-likes {
 margin-left:10px
}
.time-created {
 font-size:14px;
 font-style:italic;
 color:#999
}
.sidebar {
 background-color:#333;
 height:200px;
 z-index:1000;
 width:200px;
 position:absolute;
 height:100%;
 margin-left:-200px;
 overflow-y:auto;
 overflow-x:hidden;
 color:#fff
}
.sidebar-close {
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.sidebar-open {
 margin-left:0;
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.sidebar-open-page-container {
 margin-left:200px;
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.sidebar-close-page-container {
 -webkit-transition:all .5s ease;
 -moz-transition:all .5s ease;
 -o-transition:all .5s ease;
 transition:all .5s ease
}
.newseed-uinfo img {
 display:inline-block;
 float:left
}
.newseed-uinfo .name {
 display:inline-block;
 width:100px;
 margin-left:10px;
 margin-top:-2px
}
.newseed-uinfo .name a {
 display:block;
 color:#000;
 font-size:12px
}
.newseed-uinfo .name .edit-profile {
 font-weight:inherit
}
.sidebar-menu-nav {
 overflow:auto;
 font-family:verdana;
 font-size:12px;
 font-weight:200;
 top:0;
 width:100%;
 height:100%
}
.sidebar-menu-nav ul,
.sidebar-menu-nav li {
 list-style:none;
 padding:0;
 margin:0;
 line-height:35px;
 cursor:pointer
}
.sidebar-menu-nav ul:not(collapsed) .arrow:before,
.sidebar-menu-nav li:not(collapsed) .arrow:before {
 font-family:FontAwesome;
 content:"\f078";
 display:inline-block;
 padding-left:10px;
 padding-right:10px;
 vertical-align:middle;
 float:right
}
.sidebar-menu-nav ul .sub-menu li,
.sidebar-menu-nav li .sub-menu li {
 border:0;
 line-height:28px;
 margin-left:0
}
.sidebar-menu-nav ul .sub-menu li:before,
.sidebar-menu-nav li .sub-menu li:before {
 font-family:FontAwesome;
 content:"\f105";
 display:inline-block;
 padding-left:10px;
 padding-right:10px;
 vertical-align:middle
}
.sidebar-menu-nav li {
 padding-left:0
}
.sidebar-menu-nav li a {
 text-decoration:none;
 color:#757575;
 font-weight:bold
}
.sub-menu li a {
 font-weight:normal;
 color:#000
}
.sidebar-menu-nav li a i {
 padding-left:10px;
 width:20px;
 padding-right:20px
}
@media(max-width:767px) {
 .sidebar-menu-nav {
  position:relative;
  width:100%;
  margin-bottom:10px
 }
 .ossn-group-members {
  height:75px !important
 }
}
.right {
 float:right
}
.left {
 float:left
}
.text-right {
 text-align:right
}
.text-left {
 text-align:left
}
.text-center {
 text-align:center
}
.margin-top-10 {
 margin-top:10px
}
.margin-top-20 {
 margin-top:20px
}
.dropdown-submenu {
 position:relative
}
.dropdown-submenu>.dropdown-menu {
 top:0;
 left:100%;
 margin-top:-6px;
 margin-left:-1px;
 -webkit-border-radius:0 6px 6px 6px;
 -moz-border-radius:0 6px 6px;
 border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu {
 display:block
}
.dropdown-submenu>a:after {
 display:block;
 content:" ";
 float:right;
 width:0;
 height:0;
 border-color:transparent;
 border-style:solid;
 border-width:5px 0 5px 5px;
 border-left-color:#ccc;
 margin-top:5px;
 margin-right:-10px
}
.dropdown-submenu:hover>a:after {
 border-left-color:#fff
}
.dropdown-submenu.pull-left {
 float:none
}
.dropdown-submenu.pull-left>.dropdown-menu {
 left:-100%;
 margin-left:10px;
 -webkit-border-radius:6px 0 6px 6px;
 -moz-border-radius:6px 0 6px 6px;
 border-radius:6px 0 6px 6px
}
.dropmenu-topbar-icons {
 left:inherit;
 right:0
}
.ossn-ad-item .ad-image {
 width:100%
}
.ossn-ad-item a {
 text-decoration:none;
 color:#000;
 cursor:pointer
}
.ossn-ad-item .ad-title {
 font-weight:bold;
 font-size:15px;
 margin-bottom:5px
}
.ossn-ad-item .ad-link {
 margin-bottom:5px
}
.ossn-ad-item p {
 margin-top:10px;
 text-align:justify
}
.ossn-widget {
 margin-bottom:10px;
 background-color:#fff
}
.ossn-widget .widget-heading {
 background:#f9f7f7;
 border:1px solid #eee;
 padding:10px;
 font-weight:bold
}
.ossn-widget .widget-contents {
 padding:10px;
 border-bottom:1px solid #eee
}
.ossn-notifications-box {
 width:430px;
 color:#000
}
.ossn-notifications-box .notificaton-item {
 border-bottom:1px solid #eee
}
.ossn-notifications-box .notificaton-item:hover,
.ossn-notifications-box .notificaton-item .active {
 background-color:#f9f9f9
}
.ossn-notifications-box .type-name {
 font-size:13px;
 font-weight:bold;
 padding:1px 10px 5px 10px;
 color:#000;
 height:25px;
 border-bottom:1px solid #ddd
}
.ossn-notification-box-loading {
 margin:0 auto;
 margin-top:20px;
 margin-bottom:20px
}
.ossn-no-notification {
 text-align:center;
 padding:10px
}
.ossn-notifications-box .type-name .title {
 display:inline-block
}
.ossn-notifications-box .type-name .links {
 display:inline-block;
 float:right
}
.ossn-notifications-box .type-name .links a {
 color:#337ab7;
 display:inline;
 font-weight:normal
}
.ossn-notifications-box .notification-image,
.ossn-notifications-box .notification-image img {
 width:50px;
 height:50px;
 display:inline-block
}
.ossn-notifications-box .bottom-all a,
.ossn-notifications-box .notfi-meta strong {
 color:#337ab7
}
.ossn-notifications-box .notfi-meta {
 width:330px;
 margin-left:5px;
 display:inline-block;
 float:right;
 color:#000
}
.ossn-notifications-box .bottom-all a {
 font-weight:bold
}
.ossn-notifications-box .bottom-all {
 background:#f7f7f7;
 text-align:center;
 padding:0;
 padding-top:10px;
 display:block;
 height:40px;
 border-top:1px solid #eee
}
.ossn-notifications-box .metadata {
 margin-bottom:-5px
}
.ossn-notifications-box .messages-inner {
 max-height:400px;
 overflow:hidden;
 overflow-y:scroll
}
.latest-users img {
 margin-bottom:5px
}
.ossn-notification-mark-read {
 float:right
}
.ossn-notifications-all li {
 padding:10px;
 display:block
}
.ossn-notifications-all a:hover {
 cursor:pointer;
 background-color:transparent;
 text-decoration:none
}
.ossn-notifications-box li:hover,
.ossn-notifications-box a:hover,
.ossn-notifications-all a:hover,
.ossn-notifications-all li:hover {
 background:#f9f9f9
}
.ossn-notification-container {
 background-color:#dc0d17;
 background-image:-webkit-linear-gradient(#fa3c45,#dc0d17);
 color:#fff;
 min-height:13px;
 padding:1px 3px;
 text-shadow:0 -1px 0 rgba(0,0,0,.4);
 -webkit-border-radius:2px;
 -webkit-box-shadow:0 1px 1px rgba(0,0,0,.7);
 -webkit-background-clip:padding-box;
 display:inline-block;
 font-size:11px;
 line-height:normal;
 position:absolute;
 margin-left:-10px;
 z-index:1
}
.notification-friends .image {
 width:50px;
 height:50px;
 display:inline-table;
 float:left
}
.ossn-notifications-friends-inner {
 padding:6px
}
.ossn-notifications-friends-inner form {
 display:inline-table
}
.ossn-notification-page li img {
 display:none
}
.notification-friends li {
 margin-bottom:5px;
 width:100%;
 border-bottom:1px solid #eee
}
.notification-friends .notfi-meta a {
 color:#337ab7;
 font-weight:bold;
 display:inline-block;
 width:200px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.ossn-notifications-friends-inner .controls {
 float:right;
 margin-top:6px;
 display:inline-block
}
.ossn-notifications-friends-inner .btn {
 padding:3px 9px;
 border-radius:1px
}
.notification-friends {
 max-height:400px
}
.ossn-profile .top-container {
 background:#fff;
 border:1px solid #c4cde0;
 border-width:1px 1px 2px
}
.ossn-profile .top-container .profile-cover {
 height:200px;
 overflow:hidden;
 opacity:.99;
 background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(1%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.38)));
 background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);
 background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);
 background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);
 background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#94000000',GradientType=0)
}
.ossn-profile .top-container .profile-cover img {
 width:100%
}
.ossn-profile-row {
 margin-bottom:20px
}
.profile-hr-menu ul {
 margin-bottom:0;
 padding:0
}
.profile-hr-menu ul li {
 display:inline-block
}
.profile-hr-menu ul li a {
 display:block;
 padding:15px;
 margin-right:5px;
 font-weight:bold;
 border-right:1px solid #eee
}
.profile-hr-menu .dropdown-menu li {
 display:block
}
.profile-hr-menu .dropdown a i {
 margin-left:5px
}
.profile-hr-menu .dropdown-menu li a {
 border-right:0;
 margin-right:0
}
.profile-hr-menu {
 border-bottom:1px solid #eee
}
.profile-hr-menu ul li:last-child {
 border-right:0
}
.ossn-profile .profile-photo {
 position:absolute;
 margin-left:20px;
 margin-top:-190px;
 background-color:#fff;
 border:1px solid #CCC;
 border-radius:2px 2px 2px 2px;
 -webkit-border-radius:2px 2px 2px 2px;
 -moz-border-radius:2px 2px 2px 2px;
 padding:2px
}
.ossn-profile .user-fullname {
 color:#FFF;
 font-weight:bold;
 margin-top:-155px;
 font-size:35px;
 font-size:2.3vw;
 margin-left:211px;
 position:absolute;
 text-shadow:0 0 3px #000;
 max-width:820px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.ossn-profile-role {
 font-size:25px !important;
 margin-top:-105px !important
}
.btn-standalone-grey {
 color:#333;
 font-weight:bold;
 text-decoration:none;
 width:auto;
 margin:0;
 font-size:12px;
 line-height:16px;
 padding:5px 6px;
 cursor:pointer;
 outline:0;
 text-align:center;
 white-space:nowrap;
 -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #FFF;
 -moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #fff;
 box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #FFF;
 border:1px solid #999;
 border-bottom-color:#888;
 background:#EEE;
 background:-webkit-gradient(linear,0 0,0 100%,from(#f5f6f6),to(#e4e4e3));
 background:-moz-linear-gradient(#f5f6f6,#e4e4e3);
 background:-o-linear-gradient(#f5f6f6,#e4e4e3);
 background:linear-gradient(#f5f6f6,#e4e4e3);
 text-decoration:none
}
.btn-standalone-grey:active {
 background:#ddd;
 border-bottom-color:#999;
 box-shadow:none;
 -webkit-box-shadow:none;
 -moz-box-shadow:none
}
.btn-standalone-grey:hover {
 color:#333;
 text-decoration:none
}
.profile-cover-controls {
 position:absolute;
 width:100%;
 margin-right:-32px;
 margin-top:150px;
 z-index:1
}
.change-cover {
 float:right;
 position:relative;
 margin-right:50px !important
}
.reposition-cover {
 float:right;
 position:relative;
 margin-right:5px !important
}
.profile-menu {
 float:right;
 position:relative;
 margin-top:-40px;
 margin-right:20px
}
#cover-menu {
 display:none
}
.upload-photo {
 background:#000;
 opacity:.5;
 width:170px;
 padding:10px;
 position:absolute;
 color:#FFF;
 text-align:center;
 font-size:15px;
 font-family:sans-serif
}
.upload-photo span {
 width:100%;
 padding:12px;
 text-align:center
}
.user-cover-uploading {
 opacity:.4
}
.user-photo-uploading {
 height:100%;
 opacity:.8;
 background:#fff;
 width:100%;
 padding:7px;
 position:absolute;
 border-radius:2px
}
.user-photo-uploading span {
 display:none
}
.ossn-profile-bottom {
 margin-top:10px
}
.page-sidebar,
.ossn-profile-sidebar {
 background:#fff;
 border:1px solid #eee;
 padding:10px
}
.ossn-layout-media .content {
 margin-right:10px;
 margin-left:10px
}
.ossn-profile-extra-menu {
 display:inline-block
}
.menu-section-item-newsfeed:before {
 content:"\f0a1" !important
}
.menu-section-item-friends:before {
 content:"\f0c0" !important
}
.menu-section-item-allgroups:before {
 content:"\f0c0" !important
}
.menu-section-item-photos:before {
 content:"\f03e" !important
}
.menu-section-item-messages:before {
 content:"\f0e0" !important
}
.menu-section-item-invite-friends:before {
 content:"\f234" !important
}
.menu-section-item-addgroup:before {
 content:"\f067" !important
}
.menu-section-item-groups {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 width:200px;
 padding-right:10px
}
.ossn-menu-search li {
 display:block
}
.ossn-menu-search li:hover {
 background:#f9f9f9
}
.ossn-menu-search li a {
 display:block;
 width:100%;
 padding:5px
}
.ossn-menu-search li a:hover {
 text-decoration:none
}
.ossn-menu-search li a .text {
 display:inline-block
}
.ossn-search-page .ossn-users-list-item {
 margin-left:0;
 margin-right:0
}
.ossn-search-page .ossn-users-list-item .uinfo {
 margin-left:25px
}
.ossn-menu-search-users .text:before {
 font-family:FontAwesome;
 content:"\f007";
 display:absolute;
 padding-right:10px;
 vertical-align:middle;
 float:left
}
.ossn-menu-search-groups .text:before {
 font-family:FontAwesome;
 content:"\f0c0";
 display:absolute;
 padding-right:10px;
 vertical-align:middle;
 float:left
}
ul.token-input-list {
 overflow:hidden;
 height:auto !important;
 height:1%;
 width:100%;
 cursor:text;
 font-size:12px;
 font-family:Verdana;
 min-height:1px;
 z-index:999;
 padding:0;
 margin:0;
 margin-top:-5px;
 background-color:#fff;
 list-style-type:none;
 clear:left;
 color:#2b5470;
 border-top:1px dashed #EEE;
 border-right:1px solid #EEE;
 border-left:1px solid #EEE
}
li.token-input-token {
 overflow:hidden;
 height:auto !important;
 height:15px;
 margin:3px;
 padding:1px 3px;
 background-color:#eff2f7;
 color:#2b5470;
 cursor:default;
 font-weight:bold;
 border:1px solid #ccd5e4;
 font-size:11px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 float:left;
 white-space:nowrap
}
li.token-input-token p {
 display:inline;
 padding:0;
 margin:0;
 font-size:12px
}
li.token-input-token span {
 color:#a6b3cf;
 margin-left:5px;
 font-weight:bold;
 cursor:pointer
}
li.token-input-selected-token {
 background-color:#f9f9f9;
 border:1px solid #eee;
 color:#2b5470;
 font-weight:bold
}
li.token-input-input-token {
 float:left;
 margin:0;
 padding:0;
 list-style-type:none
}
div.token-input-dropdown {
 position:absolute;
 width:400px;
 background-color:#fff;
 overflow:hidden;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 cursor:default;
 font-size:11px;
 font-family:Verdana;
 z-index:1
}
div.token-input-dropdown p {
 margin:0;
 padding:5px
}
div.token-input-dropdown ul {
 margin:0;
 padding:0
}
div.token-input-dropdown ul li {
 background-color:#fff;
 padding:3px;
 margin:0;
 list-style-type:none
}
div.token-input-dropdown ul li.token-input-dropdown-item {
 background-color:#fff
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
 background-color:#fff
}
div.token-input-dropdown ul li em {
 font-weight:bold;
 font-style:normal
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
 background-color:#f9f9f9;
 color:#2b5470;
 font-weight:bold
}
.ossn-system-messages .ossn-system-messages-inner {
 margin-top:20px;
 margin-bottom:20px;
 display:none
}
.ossn-system-messages .ossn-system-messages-inner .alert {
 margin-bottom:0
}
.ossn-message-done {
 border:1px solid #1eb0df;
 border-width:1px;
 background-color:#daf6ff;
 padding:13px;
 text-align:left
}
.ossn-halt {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:10000;
 background-color:#000;
 opacity:.9;
 cursor:auto;
 height:100%;
 display:none
}
.ossn-light {
 opacity:.4
}
.ossn-viewer {
 width:940px;
 margin:0 auto;
 position:relative
}
.ossn-viewer .ossn-container {
 height:200px;
 position:fixed;
 width:900px;
 z-index:10000;
 margin-top:70px;
 min-height:515px
}
.ossn-viewer-loding {
 font-size:15px
}
.ossn-viewer .ossn-container .close-viewer {
 float:right;
 cursor:pointer;
 margin-right:5px;
 font-weight:bold;
 font-size:13px;
 color:#ccc
}
.ossn-container tbody {
 background:#000
}
.ossn-halt {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:10000;
 background-color:#000;
 opacity:.9;
 cursor:auto;
 height:100%;
 display:none
}
.ossn-viewer .info-block {
 background:#fff;
 height:100%;
 width:325px;
 float:right;
 margin-left:-3px
}
.image-block img {
 max-width:700px
}
.ossn-message-box {
 width:470px;
 min-width:470px;
 min-height:96px;
 background:#fff;
 border:1px solid #999;
 position:fixed;
 top:0;
 left:0;
 right:0;
 margin-left:auto;
 margin-right:auto;
 z-index:60000;
 margin-top:100px;
 border-radius:3px;
 display:none;
 box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1)
}
.ossn-message-box .close-box {
 float:right;
 color:#ccc;
 cursor:pointer
}
.ossn-message-box .title {
 background:#f5f6f7;
 padding:11px;
 border-radius:3px;
 border-bottom:1px solid #e5e5e5;
 color:#5e5656;
 font-size:14px;
 font-weight:bold
}
.ossn-message-box .contents {
 padding:10px;
 min-height:150px;
 max-height:420px;
 overflow-x:auto;
 overflow:overlay;
 overflow-x:-moz-hidden-unscrollable
}
.ossn-message-box .control {
 margin-left:10px;
 margin-right:10px;
 height:45px;
 padding:10px;
 border-top:1px solid #e9eaed
}
.ossn-message-box .control .controls {
 float:right
}
.ossn-message-box .control .controls .btn {
 padding:2px 13px;
 border-radius:2px
}
.ossn-message-box .contents input[type='text'] {
 border:1px solid #EEE;
 width:292px;
 padding:7px
}
.ossn-message-box .contents input[type='text'],
.ossn-message-box .contents label {
 display:inline-table
}
.ossn-message-box .contents label {
 color:#666;
 font-weight:bold;
 font-size:13px;
 margin-right:13px
}
.ossn-blocked i {
 font-size:100px
}
.ossn-blocked {
 text-align:center;
 padding:100px
}
.ossn-blocked div {
 font-size:50px;
 font-weight:bold
}
.ossn-blocked p {
 font-size:16px
}
@-moz-keyframes three-quarters-loader {
 0% {
  -moz-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -moz-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes three-quarters-loader {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes three-quarters-loader {
 0% {
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.ossn-loading:not(:required) {
 -moz-animation:three-quarters-loader 1250ms infinite linear;
 -webkit-animation:three-quarters-loader 1250ms infinite linear;
 animation:three-quarters-loader 1250ms infinite linear;
 border:8px solid #38e;
 border-right-color:transparent;
 border-radius:16px;
 box-sizing:border-box;
 position:relative;
 overflow:hidden;
 text-indent:-9999px;
 width:24px;
 height:24px
}
.ossn-box-loading {
 margin-left:216px;
 margin-top:37px
}
.button-grey,
.btn-action {
 color:#333;
 font-weight:bold;
 width:auto;
 margin:0;
 font-size:12px;
 line-height:16px;
 padding:5px 6px;
 cursor:pointer;
 outline:0;
 text-align:center;
 white-space:nowrap;
 -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #FFF;
 -moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #fff;
 box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 #FFF;
 border:1px solid #ccc;
 background:-webkit-gradient(linear,0 0,0 100%,from(#f5f6f6),to(#e4e4e3));
 background:-moz-linear-gradient(#f5f6f6,#e4e4e3);
 background:-o-linear-gradient(#f5f6f6,#e4e4e3);
 background:linear-gradient(#f5f6f6,#e4e4e3);
 border-radius:4px;
 text-decoration:none
}
.button-grey:hover,
.btn-action:hover {
 text-decoration:none;
 background:-webkit-gradient(linear,0 0,0 100%,from(#e4e4e3),to(#f5f6f6));
 background:-moz-linear-gradient(#e4e4e3,#f5f6f6);
 background:-o-linear-gradient(#e4e4e3,#f5f6f6);
 background:linear-gradient(#e4e4e3,#f5f6f6)
}
.ossn-users-list-item .users-list-controls {
 margin-top:20px
}
.ossn-users-list-item .users-list-controls a {
 margin-left:5px
}
.ossn-users-list-item {
 border:1px solid #e9eaed;
 margin-bottom:10px;
 margin-right:-10px;
 margin-left:-10px
}
.ossn-users-list-item .uinfo a {
 font-size:14px;
 font-weight:bold;
 margin-top:20px;
 float:left;
 text-overflow:ellipsis;
 width:300px;
 white-space:nowrap;
 overflow:hidden
}
.ossn-users-list-item .col-md-2 {
 text-align:center
}
footer {
 margin-top:20px;
 padding-top:5px
}
footer .col-md-12 {
 border-top:1px solid #e8e8e8
}
footer .ossn-footer-menu {
 padding-bottom:10px
}
footer .ossn-footer-menu a {
 color:#807d7d;
 font-size:13px
}
footer .ossn-footer-menu a::after {
 content:"|";
 margin-left:10px;
 margin-right:10px
}
footer .ossn-footer-menu a:nth-last-child(2)::after,
footer .ossn-footer-menu a:last-child::after {
 content:""
}
.menu-footer-powered {
 float:right
}
.menu-footer-powered:after {
 display:none
}
.menu-footer-a_copyrights {
 text-transform:uppercase
}
.home-left-contents .logo {
 text-align:center
}
.home-left-contents .description {
 font-size:17px;
 text-transform:uppercase;
 font-weight:bold;
 margin-top:20px;
 text-align:justify;
 color:#0b2444
}
.home-left-contents .buttons {
 text-align:center;
 margin-top:10px
}
#ossn-home-signup p {
 margin-top:10px
}
.ossn-list-users {
 height:60px;
 border-bottom:1px solid #e9eaed;
 display:block;
 margin-left:5px;
 margin-bottom:10px
}
.ossn-list-users img,
.ossn-list-users .uinfo {
 display:inline-block
}
.ossn-list-users .uinfo .userlink {
 font-size:14px;
 font-weight:bold;
 float:right;
 margin-left:12px;
 text-overflow:ellipsis;
 width:370px;
 white-space:nowrap;
 overflow:hidden
}
.ossn-list-users .friendlink {
 float:right;
 margin-top:10px;
 margin-right:9px;
 text-overflow:ellipsis;
 width:280px;
 white-space:nowrap;
 overflow:hidden
}
.sidebar-menu-nav .sidebar-menu .menu-content {
 display:block
}
.ossn-box-inner {
 width:446px
}
.home-left-contents .some-icons i {
 font-size:50px
}
.home-left-contents .some-icons li {
 display:inline-block;
 color:#fff;
 border:3px solid #fff;
 border-radius:100%;
 padding:20px;
 margin-right:20px;
 margin-bottom:20px;
 width:100px;
 height:100px
}
.home-left-contents .some-icons {
 margin-top:10%;
 text-align:center
}
.ossn-smiley-item {
 display:inline-block !important;
 margin-left:2px;
 margin-right:2px;
 width:initial !important;
 margin-bottom:0 !important;
 margin-top:0 !important;
 border:0 !important
}
.ossn_embed_video {
 margin-top:10px;
 margin-bottom:10px;
 padding-top:0
}
.ossn-photo-viewer .image-block img,
.ossn-photo-viewer {
 max-width:100% !important
}
@media(max-width:480px) {
 .comments-list .comments-item .comment-user-img {
  display:none
 }
 .comments-item .col-md-11 {
  padding-left:15px
 }
 .ossn-wall-item-type {
  display:block
 }
 .ossn-wall-item .meta .user {
  width:155px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
 .ossn-list-users .uinfo .userlink {
  text-overflow:ellipsis;
  width:195px;
  white-space:nowrap;
  overflow:hidden
 }
 .ossn-list-users a.right.btn.btn-primary {
  display:none
 }
 .ossn-list-users a.right.btn.btn-danger {
  display:none
 }
 .ossn-message-box .contents {
  height:280px;
  overflow-x:auto;
  overflow:overlay
 }
 .ossn-notifications-box {
  width:300px
 }
 .ossn-notifications-box .notfi-meta {
  width:230px
 }
 .notification-friends .notfi-meta a {
  width:100px
 }
 .ossn-notifications-box .notfi-meta,
 .ossn-notification-messages .user-item .data {
  width:215px !important
 }
 .ossn-notification-messages .user-item .data .name {
  width:110px !important
 }
 .ossn-notification-messages .reply-text-from {
  width:200px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
 .ossn-profile .profile-photo img {
  width:100px;
  height:100px
 }
 .ossn-profile .user-fullname {
  font-size:16px;
  margin-left:135px;
  margin-top:-100px;
  width:140px
 }
 .ossn-profile .top-container .profile-cover {
  height:188px
 }
 .ossn-profile .profile-photo {
  margin-top:-130px
 }
 .profile-menu {
  float:none;
  margin:13px
 }
 .ossn-profile .top-container .profile-cover img {
  width:auto
 }
 .ossn-group-cover-button,
 .profile-cover-controls {
  display:none !important
 }
 .upload-photo {
  width:100px
 }
 .profile-hr-menu ul li {
  display:block;
  text-align:center;
  border-bottom:1px solid #eee;
  margin-right:0
 }
 .profile-hr-menu ul li a {
  margin-right:0
 }
 .ossn-profile-role {
  display:none
 }
 .ossn-users-list-item img {
  display:none
 }
 .ossn-users-list-item .users-list-controls {
  margin-top:10px;
  margin-bottom:10px
 }
 .ossn-users-list-item .uinfo a {
  margin-top:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:90px
 }
 .ossn-search-page .ossn-users-list-item .uinfo a {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100px
 }
 .ossn-system-messages {
  padding-left:15px;
  padding-right:15px
 }
 .ossn-users-list-item {
  padding-bottom:10px
 }
 .ossn-widget .widget-contents {
  padding:5px
 }
 .ossn-message-box {
  min-width:300px;
  width:300px
 }
 .ossn-box-loading {
  margin-left:150px;
  margin-top:37px
 }
 .ossn-message-box .contents input[type="text"] {
  width:195px
 }
 .ossn-box-inner {
  width:280px
 }
 footer .ossn-footer-menu a:nth-last-child(2)::after {
  content:"|"
 }
 .ossn-group-cover img {
  top:auto !important
 }
 .ossn-group-cover {
  height:100px !important
 }
 .groups-buttons {
  float:none !important
 }
 .ossn-group-cover-header,
 .ossn-group-profile .profile-header,
 .ossn-group-profile .profile-header .header-bottom {
  height:auto !important
 }
 .ossn-group-profile .profile-header {
  max-height:inherit !important
 }
 .groups-buttons {
  margin-top:50px
 }
 .ossn-group-profile .profile-header .group-name {
  float:none !important
 }
 #group-header-menu li,
 #group-header-menu {
  width:100% !important
 }
 #group-header-menu li {
  border-bottom:1px solid #EEE !important
 }
 .group-name {
  text-align:center;
  width:100%;
  border-bottom:1px solid #eee
 }
 .ossn-group-members {
  margin-left:15px;
  margin-right:15px
 }
 .ossn-group-members .request-controls,
 .ossn-group-members .uinfo {
  display:inline-block
 }
 .ossn-group-members .uinfo .userlink {
  width:130px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
 .sidebar-menu-nav .sidebar-menu .menu-content {
  display:block
 }
 .sidebar-hide-contents-xs {
  display:none
 }
 .home-left-contents .some-icons {
  display:none
 }
 .newsfeed-right {
  display:none
 }
 .ossn-messages .message-with .user-icon,
 .ossn-messages .messages-recent .messages-from .user-item .image {
  display:none
 }
 .ossn-messages .message-inner .row {
  margin-left:0 !important
 }
 .logo img {
  width:260px
 }
 .home-left-contents .description {
  font-size:16px
 }
 .home-left-contents {
  margin-bottom:20px
 }
 .dropdown-menu {
  margin-left:-110px
 }
 .menu-footer-powered {
  float:none
 }
}
@media only screen and (max-width:992px) {
 .ossn-group-cover img {
  top:auto !important
 }
 .dropdown-menu {
  margin-left:-110px
 }
 .ossn-profile .user-fullname {
  max-width:500px
 }
 .comments-list .comments-item .comment-user-img {
  display:none
 }
 .comments-item .col-md-11 {
  padding-left:15px
 }
 .newsfeed-right {
  display:none
 }
 .ossn-messages .message-with .user-icon,
 .ossn-messages .messages-recent .messages-from .user-item .image {
  display:none
 }
 .ossn-messages .message-inner .row {
  margin-left:0 !important
 }
 .sidebar-menu-nav .sidebar-menu .menu-content {
  display:block
 }
}
@media only screen and (max-width:1199px) {
 .comments-list .comments-item .col-md-1,
 .comments-list .comments-item .comment-user-img {
  display:none
 }
 .comments-list .comments-item .col-md-11 {
  width:100%
 }
 .comments-item .col-md-11 {
  padding-left:15px
 }
 .group-search-details {
  margin-left:10px
 }
 .ossn-search-page .ossn-users-list-item .uinfo {
  margin-left:35px
 }
 .ossn-search-page .ossn-users-list-item .uinfo a {
  text-overflow:ellipsis;
  width:200px;
  white-space:nowrap;
  overflow:hidden
 }
 .ossn-users-list-item .users-list-controls {
  margin-bottom:10px
 }
 .ossn-profile .user-fullname {
  max-width:640px
 }
}
@media only screen and (max-width:767px) {
 .ossn-profile .user-fullname {
  max-width:767px
 }
 .ossn-search-page .ossn-users-list-item .uinfo {
  margin-left:0
 }
}
.ossn-profile-module-friends img {
 padding:1.5px
}
.ossn-profile-module-friends .user-image {
 width:100px;
 height:100px;
 margin-bottom:5px;
 display:inline-block
}
.ossn-profile-module-friends .user-name {
 position:absolute;
 margin-top:-27px;
 margin-left:8px;
 font-size:12px;
 color:#fff;
 max-width:90px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ossn-profile-module-friends h3 {
 padding:4px;
 text-align:center;
 font-size:16px;
 color:#ccc
}
.ossn-profile-extra-menu {
 display:inline-block
}
.ossn-profile-extra-menu .btn-action i {
 margin:0 auto
}
.ossn-profile .profile-cover img {
 position:relative
}
.ossn-covers-uploading-annimation {
 position:absolute;
 float:right;
 left:50%;
 top:30%;
 background:rgba(255,255,255,.62);
 padding:20px;
 border-radius:20px;
 z-index:1
}
.ossn-profile-bottom .ossn-edit-form .radio-block {
 margin-top:0;
 margin-bottom:0
}
.ossn-profile-edit-layout {
 background:#fff;
 border-top-left-radius:5px;
 border-top-right-radius:5px
}
.profile-edit-tabs a {
 padding:12px 4px 12px 16px;
 display:block;
 border-left:2px solid #fff;
 cursor:pointer;
 text-decoration:none
}
.profile-edit-tab-item-active {
 border-left:3px solid #5088a3 !important;
 font-weight:bold
}
.profile-edit-layout-right {
 padding:10px;
 border-left:1px solid #eee
}
.profile-edit-layout-title {
 background:#f9f7f7;
 border:1px solid #eee;
 padding:12px 20px;
 font-weight:bold;
 border-top-left-radius:5px;
 border-top-right-radius:5px
}
.ossn-form textarea#post-edit {
 height:125px
}
.ossn-wall-post-delete {
 color:#ec2020 !important
}
.ossn-wall-loading {
 text-align:center;
 padding:10px;
 width:100%
}
.ossn-wall-loading .ossn-loading {
 display:inline-block
}
#ossn-wall-form .ui-autocomplete-loading {
 background:white url("https://fortea.ddns.net/ossn/themes/facebook/images/loading.gif") right center no-repeat
}
#ossn-wall-form .ui-helper-hidden-accessible {
 display:none
}
.ossn-wall-post-time {
 cursor:pointer
}
.ossn-wall-post-time:hover {
 text-decoration:underline
}
.wall-tabs .item span {
 padding-left:5px;
 font-weight:bold;
 font-family:'PT Sans',sans-serif;
 font-weight:bold;
 font-size:13px;
 bottom:0
}
.ossn-comment-attach-photo {
 width:100%
}
.ossn-comment-attach-photo .fa-camera {
 float:right;
 position:relative;
 margin-right:5px;
 margin-top:5px;
 width:25px;
 height:25px;
 padding:5px;
 cursor:pointer
}
.ossn-comment-attachment {
 width:115px;
 margin-left:40px;
 padding-bottom:10px;
 margin-top:-5px;
 display:none
}
.ossn-comment-attachment .image-data {
 padding:6px;
 background:#fff;
 border:1px solid #eee;
 max-height:180px;
 text-align:center
}
.ossn-comment-attachment .image-data img {
 max-width:100%;
 height:100px;
 border:1px solid #ccc
}
.ossn-viewer-comments .ossn-comment-attachment {
 width:115px
}
.ossn-viewer .comments-item .row {
 margin-left:10px;
 margin-right:10px
}
.ossn-viewer .comments-item .col-md-1 {
 display:none
}
.ossn-viewer-comments .comments-likes .ossn-comment-attach-photo .fa-camera {
 float:none;
 margin-right:0;
 margin-left:10px
}
.ossn-viewer-comments .ossn-comment-attachment {
 margin-left:10px;
 padding-bottom:10px;
 margin-top:5px
}
.ossn-viewer-comments .like-share {
 margin-left:0;
 margin-right:0
}
.ossn-form textarea#comment-edit {
 height:125px
}
.ossn-delete-comment {
 color:#ec2020 !important
}
.ossn-likes-view a.right.btn.btn-danger {
 font-size:12px;
 margin-top:8px;
 margin-right:5px;
 padding:3px 5px 3px 5px;
 border-radius:1px;
 display:none
}
.ossn-likes-view a.right.btn.btn-primary {
 font-size:12px;
 margin-top:8px;
 margin-right:5px;
 padding:3px 5px 3px 5px;
 border-radius:1px;
 display:none
}
.emoji {
 width:120px;
 height:120px;
 background:#ffda6a;
 display:inline-block;
 border-radius:50%;
 position:relative;
 transform:scale(0.325);
 margin-left:-37px;
 margin-top:-37px
}
.emoji__face,
.emoji__eyebrows,
.emoji__eyes,
.emoji__mouth,
.emoji__tongue,
.emoji__heart,
.emoji__hand,
.emoji__thumb {
 position:absolute
}
.emoji__face:before,
.emoji__face:after,
.emoji__eyebrows:before,
.emoji__eyebrows:after,
.emoji__eyes:before,
.emoji__eyes:after,
.emoji__mouth:before,
.emoji__mouth:after,
.emoji__tongue:before,
.emoji__tongue:after,
.emoji__heart:before,
.emoji__heart:after,
.emoji__hand:before,
.emoji__hand:after,
.emoji__thumb:before,
.emoji__thumb:after {
 position:absolute;
 content:''
}
.emoji__face {
 width:inherit;
 height:inherit
}
.emoji--dislike {
 background:#999;
 transform:scale(0.325,-.325)
}
.emoji--like {
 background:#548dff
}
.emoji--dislike .emoji__hand,
.emoji--like .emoji__hand {
 left:25px;
 bottom:30px;
 width:20px;
 height:40px;
 background:#fff;
 border-radius:5px;
 z-index:0;
 -webkit-animation:hands-up 2s linear infinite;
 animation:hands-up 2s linear infinite
}
.emoji--dislike .emoji__hand:before,
.emoji--like .emoji__hand:before {
 left:25px;
 bottom:5px;
 width:40px;
 background:inherit;
 height:10px;
 border-radius:2px 10px 10px 2px;
 box-shadow:1px -9px 0 1px #fff,2px -19px 0 2px #fff,3px -29px 0 3px #fff
}
.emoji--dislike .emoji__thumb,
.emoji--like .emoji__thumb {
 border-bottom:20px solid #fff;
 border-left:20px solid transparent;
 top:-25px;
 right:-25px;
 z-index:2;
 -webkit-transform:rotate(5deg);
 transform:rotate(5deg);
 -webkit-transform-origin:0 100%;
 transform-origin:0 100%;
 -webkit-animation:thumbs-up 2s linear infinite;
 animation:thumbs-up 2s linear infinite
}
.emoji--dislike .emoji__thumb:before,
.emoji--like .emoji__thumb:before {
 border-radius:50% 50% 0 0;
 background:#fff;
 width:10px;
 height:12px;
 left:-10px;
 top:-8px;
 -webkit-transform:rotate(-15deg);
 transform:rotate(-15deg);
 -webkit-transform-origin:100% 100%;
 transform-origin:100% 100%;
 box-shadow:-1px 4px 0 -1px #fff
}
.emoji--love {
 background:#f55064
}
.emoji--love .emoji__heart {
 left:calc(50% - 40px);
 top:calc(50% - 40px);
 width:80px;
 height:80px;
 -webkit-animation:heart-beat 1s linear infinite alternate;
 animation:heart-beat 1s linear infinite alternate
}
.emoji--love .emoji__heart:before,
.emoji--love .emoji__heart:after {
 left:calc(50% - 20px);
 top:calc(50% - 32px);
 width:40px;
 height:64px;
 background:#fff;
 border-radius:20px 20px 0 0
}
.emoji--love .emoji__heart:before {
 -webkit-transform:translate(20px) rotate(-45deg);
 transform:translate(20px) rotate(-45deg);
 -webkit-transform-origin:0 100%;
 transform-origin:0 100%
}
.emoji--love .emoji__heart:after {
 -webkit-transform:translate(-20px) rotate(45deg);
 transform:translate(-20px) rotate(45deg);
 -webkit-transform-origin:100% 100%;
 transform-origin:100% 100%
}
.emoji--haha .emoji__face {
 -webkit-animation:haha-face 2s linear infinite;
 animation:haha-face 2s linear infinite
}
.emoji--haha .emoji__eyes {
 width:26px;
 height:6px;
 border-radius:2px;
 left:calc(50% - 13px);
 top:35px;
 -webkit-transform:rotate(20deg);
 transform:rotate(20deg);
 background:transparent;
 box-shadow:-25px 5px 0 0 #000,25px -5px 0 0 #000
}
.emoji--haha .emoji__eyes:after {
 left:0;
 top:0;
 width:26px;
 height:6px;
 border-radius:2px;
 -webkit-transform:rotate(-40deg);
 transform:rotate(-40deg);
 background:transparent;
 box-shadow:-25px -5px 0 0 #000,25px 5px 0 0 #000
}
.emoji--haha .emoji__mouth {
 width:80px;
 height:40px;
 left:calc(50% - 40px);
 top:50%;
 background:#000;
 border-radius:0 0 40px 40px;
 overflow:hidden;
 z-index:1;
 -webkit-animation:haha-mouth 2s linear infinite;
 animation:haha-mouth 2s linear infinite
}
.emoji--haha .emoji__tongue {
 width:70px;
 height:30px;
 background:#f55064;
 left:calc(50% - 35px);
 bottom:-10px;
 border-radius:50%
}
.emoji--yay:after {
 -webkit-animation:yay-reverse 1s linear infinite;
 animation:yay-reverse 1s linear infinite
}
.emoji--yay .emoji__face {
 -webkit-animation:yay 1s linear infinite alternate;
 animation:yay 1s linear infinite alternate
}
.emoji--yay .emoji__eyebrows {
 left:calc(50% - 3px);
 top:30px;
 height:6px;
 width:6px;
 border-radius:50%;
 background:transparent;
 box-shadow:-6px 0 0 0 #000,-36px 0 0 0 #000,6px 0 0 0 #000,36px 0 0 0 #000
}
.emoji--yay .emoji__eyebrows:before,
.emoji--yay .emoji__eyebrows:after {
 width:36px;
 height:18px;
 border-radius:60px 60px 0 0;
 background:transparent;
 border:6px solid black;
 box-sizing:border-box;
 border-bottom:0;
 bottom:3px;
 left:calc(50% - 18px)
}
.emoji--yay .emoji__eyebrows:before {
 margin-left:-21px
}
.emoji--yay .emoji__eyebrows:after {
 margin-left:21px
}
.emoji--yay .emoji__mouth {
 top:60px;
 background:transparent;
 left:50%
}
.emoji--yay .emoji__mouth:after {
 width:80px;
 height:80px;
 left:calc(50% - 40px);
 top:-75px;
 border-radius:50%;
 background:transparent;
 border:6px solid #000;
 box-sizing:border-box;
 border-top-color:transparent;
 border-left-color:transparent;
 border-right-color:transparent;
 z-index:1
}
.emoji--yay .emoji__mouth:before {
 width:6px;
 height:6px;
 background:transparent;
 border-radius:50%;
 bottom:5px;
 left:calc(50% - 3px);
 box-shadow:-25px 0 0 0 #000,25px 0 0 0 #000,-35px -2px 30px 10px #d5234c,35px -2px 30px 10px #d5234c
}
.emoji--wow .emoji__face {
 -webkit-animation:wow-face 3s linear infinite;
 animation:wow-face 3s linear infinite
}
.emoji--wow .emoji__eyebrows {
 left:calc(50% - 3px);
 height:6px;
 width:6px;
 border-radius:50%;
 background:transparent;
 box-shadow:-18px 0 0 0 #000,-33px 0 0 0 #000,18px 0 0 0 #000,33px 0 0 0 #000;
 -webkit-animation:wow-brow 3s linear infinite;
 animation:wow-brow 3s linear infinite
}
.emoji--wow .emoji__eyebrows:before,
.emoji--wow .emoji__eyebrows:after {
 width:24px;
 height:20px;
 border:6px solid #000;
 box-sizing:border-box;
 border-radius:50%;
 border-bottom-color:transparent;
 border-left-color:transparent;
 border-right-color:transparent;
 top:-3px;
 left:calc(50% - 12px)
}
.emoji--wow .emoji__eyebrows:before {
 margin-left:-25px
}
.emoji--wow .emoji__eyebrows:after {
 margin-left:25px
}
.emoji--wow .emoji__eyes {
 width:16px;
 height:24px;
 left:calc(50% - 8px);
 top:35px;
 border-radius:50%;
 background:transparent;
 box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000
}
.emoji--wow .emoji__mouth {
 width:30px;
 height:45px;
 left:calc(50% - 15px);
 top:50%;
 border-radius:50%;
 background:#000;
 -webkit-animation:wow-mouth 3s linear infinite;
 animation:wow-mouth 3s linear infinite
}
.emoji--sad .emoji__face {
 -webkit-animation:sad-face 2s ease-in infinite;
 animation:sad-face 2s ease-in infinite
}
.emoji--sad .emoji__eyebrows {
 left:calc(50% - 3px);
 top:35px;
 height:6px;
 width:6px;
 border-radius:50%;
 background:transparent;
 box-shadow:-40px 9px 0 0 #000,-25px 0 0 0 #000,25px 0 0 0 #000,40px 9px 0 0 #000
}
.emoji--sad .emoji__eyebrows:before,
.emoji--sad .emoji__eyebrows:after {
 width:30px;
 height:20px;
 border:6px solid #000;
 box-sizing:border-box;
 border-radius:50%;
 border-bottom-color:transparent;
 border-left-color:transparent;
 border-right-color:transparent;
 top:2px;
 left:calc(50% - 15px)
}
.emoji--sad .emoji__eyebrows:before {
 margin-left:-30px;
 -webkit-transform:rotate(-30deg);
 transform:rotate(-30deg)
}
.emoji--sad .emoji__eyebrows:after {
 margin-left:30px;
 -webkit-transform:rotate(30deg);
 transform:rotate(30deg)
}
.emoji--sad .emoji__eyes {
 width:14px;
 height:16px;
 left:calc(50% - 7px);
 top:50px;
 border-radius:50%;
 background:transparent;
 box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000
}
.emoji--sad .emoji__eyes:after {
 background:#548dff;
 width:12px;
 height:12px;
 margin-left:6px;
 border-radius:0 100% 40% 50% / 0 50% 40% 100%;
 -webkit-transform-origin:0 0;
 transform-origin:0 0;
 -webkit-animation:tear-drop 2s ease-in infinite;
 animation:tear-drop 2s ease-in infinite
}
.emoji--sad .emoji__mouth {
 width:60px;
 height:80px;
 left:calc(50% - 30px);
 top:80px;
 box-sizing:border-box;
 border:6px solid #000;
 border-radius:50%;
 border-bottom-color:transparent;
 border-left-color:transparent;
 border-right-color:transparent;
 background:transparent;
 -webkit-animation:sad-mouth 2s ease-in infinite;
 animation:sad-mouth 2s ease-in infinite
}
.emoji--sad .emoji__mouth:after {
 width:6px;
 height:6px;
 background:transparent;
 border-radius:50%;
 top:4px;
 left:calc(50% - 3px);
 box-shadow:-18px 0 0 0 #000,18px 0 0 0 #000
}
.emoji--angry {
 background:linear-gradient(#d5234c -10%,#ffda6a);
 background-size:100%;
 -webkit-animation:angry-color 2s ease-in infinite;
 animation:angry-color 2s ease-in infinite
}
.emoji--angry .emoji__face {
 -webkit-animation:angry-face 2s ease-in infinite;
 animation:angry-face 2s ease-in infinite
}
.emoji--angry .emoji__eyebrows {
 left:calc(50% - 3px);
 top:55px;
 height:6px;
 width:6px;
 border-radius:50%;
 background:transparent;
 box-shadow:-44px 5px 0 0 #000,-7px 16px 0 0 #000,7px 16px 0 0 #000,44px 5px 0 0 #000
}
.emoji--angry .emoji__eyebrows:before,
.emoji--angry .emoji__eyebrows:after {
 width:50px;
 height:20px;
 border:6px solid #000;
 box-sizing:border-box;
 border-radius:50%;
 border-top-color:transparent;
 border-left-color:transparent;
 border-right-color:transparent;
 top:0;
 left:calc(50% - 25px)
}
.emoji--angry .emoji__eyebrows:before {
 margin-left:-25px;
 -webkit-transform:rotate(15deg);
 transform:rotate(15deg)
}
.emoji--angry .emoji__eyebrows:after {
 margin-left:25px;
 -webkit-transform:rotate(-15deg);
 transform:rotate(-15deg)
}
.emoji--angry .emoji__eyes {
 width:12px;
 height:12px;
 left:calc(50% - 6px);
 top:70px;
 border-radius:50%;
 background:transparent;
 box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000
}
.emoji--angry .emoji__mouth {
 width:36px;
 height:18px;
 left:calc(50% - 18px);
 bottom:15px;
 background:#000;
 border-radius:50%;
 -webkit-animation:angry-mouth 2s ease-in infinite;
 animation:angry-mouth 2s ease-in infinite
}
@-webkit-keyframes heart-beat {
 25% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 75% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6)
 }
}
@keyframes heart-beat {
 25% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 75% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6)
 }
}
@-webkit-keyframes haha-face {
 10%,
 30%,
 50% {
  -webkit-transform:translateY(25px);
  transform:translateY(25px)
 }
 20%,
 40% {
  -webkit-transform:translateY(15px);
  transform:translateY(15px)
 }
 60%,
 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 70%,
 90% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
 }
}
@keyframes haha-face {
 10%,
 30%,
 50% {
  -webkit-transform:translateY(25px);
  transform:translateY(25px)
 }
 20%,
 40% {
  -webkit-transform:translateY(15px);
  transform:translateY(15px)
 }
 60%,
 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 70%,
 90% {
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
 }
}
@-webkit-keyframes haha-mouth {
 10%,
 30%,
 50% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  top:45%
 }
 20%,
 40% {
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  top:45%
 }
 60%,
 80% {
  -webkit-transform:scale(1);
  transform:scale(1);
  top:50%
 }
 70% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  top:50%
 }
 90% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  top:50%
 }
}
@keyframes haha-mouth {
 10%,
 30%,
 50% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  top:45%
 }
 20%,
 40% {
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  top:45%
 }
 60%,
 80% {
  -webkit-transform:scale(1);
  transform:scale(1);
  top:50%
 }
 70% {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  top:50%
 }
 90% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  top:50%
 }
}
@-webkit-keyframes yay {
 25% {
  -webkit-transform:rotate(-15deg);
  transform:rotate(-15deg)
 }
 75% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
}
@keyframes yay {
 25% {
  -webkit-transform:rotate(-15deg);
  transform:rotate(-15deg)
 }
 75% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
}
@-webkit-keyframes wow-face {
 15%,
 25% {
  -webkit-transform:rotate(20deg) translateX(-25px);
  transform:rotate(20deg) translateX(-25px)
 }
 45%,
 65% {
  -webkit-transform:rotate(-20deg) translateX(25px);
  transform:rotate(-20deg) translateX(25px)
 }
 75%,
 100% {
  -webkit-transform:rotate(0deg) translateX(0);
  transform:rotate(0deg) translateX(0)
 }
}
@keyframes wow-face {
 15%,
 25% {
  -webkit-transform:rotate(20deg) translateX(-25px);
  transform:rotate(20deg) translateX(-25px)
 }
 45%,
 65% {
  -webkit-transform:rotate(-20deg) translateX(25px);
  transform:rotate(-20deg) translateX(25px)
 }
 75%,
 100% {
  -webkit-transform:rotate(0deg) translateX(0);
  transform:rotate(0deg) translateX(0)
 }
}
@-webkit-keyframes wow-brow {
 15%,
 65% {
  top:25px
 }
 75%,
 100%,
 0% {
  top:15px
 }
}
@keyframes wow-brow {
 15%,
 65% {
  top:25px
 }
 75%,
 100%,
 0% {
  top:15px
 }
}
@-webkit-keyframes wow-mouth {
 10%,
 30% {
  width:20px;
  height:20px;
  left:calc(50% - 10px)
 }
 50%,
 70% {
  width:30px;
  height:40px;
  left:calc(50% - 15px)
 }
 75%,
 100% {
  height:50px
 }
}
@keyframes wow-mouth {
 10%,
 30% {
  width:20px;
  height:20px;
  left:calc(50% - 10px)
 }
 50%,
 70% {
  width:30px;
  height:40px;
  left:calc(50% - 15px)
 }
 75%,
 100% {
  height:50px
 }
}
@-webkit-keyframes sad-face {
 25%,
 35% {
  top:-15px
 }
 55%,
 95% {
  top:10px
 }
 100%,
 0% {
  top:0
 }
}
@keyframes sad-face {
 25%,
 35% {
  top:-15px
 }
 55%,
 95% {
  top:10px
 }
 100%,
 0% {
  top:0
 }
}
@-webkit-keyframes sad-mouth {
 25%,
 35% {
  -webkit-transform:scale(0.85);
  transform:scale(0.85);
  top:70px
 }
 55%,
 100%,
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  top:80px
 }
}
@keyframes sad-mouth {
 25%,
 35% {
  -webkit-transform:scale(0.85);
  transform:scale(0.85);
  top:70px
 }
 55%,
 100%,
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  top:80px
 }
}
@-webkit-keyframes tear-drop {
 0%,
 100% {
  display:block;
  left:35px;
  top:15px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 25% {
  display:block;
  left:35px;
  -webkit-transform:rotate(45deg) scale(2);
  transform:rotate(45deg) scale(2)
 }
 49.9% {
  display:block;
  left:35px;
  top:65px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 50% {
  display:block;
  left:-35px;
  top:15px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 75% {
  display:block;
  left:-35px;
  -webkit-transform:rotate(45deg) scale(2);
  transform:rotate(45deg) scale(2)
 }
 99.9% {
  display:block;
  left:-35px;
  top:65px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
}
@keyframes tear-drop {
 0%,
 100% {
  display:block;
  left:35px;
  top:15px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 25% {
  display:block;
  left:35px;
  -webkit-transform:rotate(45deg) scale(2);
  transform:rotate(45deg) scale(2)
 }
 49.9% {
  display:block;
  left:35px;
  top:65px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 50% {
  display:block;
  left:-35px;
  top:15px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
 75% {
  display:block;
  left:-35px;
  -webkit-transform:rotate(45deg) scale(2);
  transform:rotate(45deg) scale(2)
 }
 99.9% {
  display:block;
  left:-35px;
  top:65px;
  -webkit-transform:rotate(45deg) scale(0);
  transform:rotate(45deg) scale(0)
 }
}
@-webkit-keyframes hands-up {
 25% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
 50% {
  -webkit-transform:rotate(-15deg) translateY(-10px);
  transform:rotate(-15deg) translateY(-10px)
 }
 75%,
 100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
@keyframes hands-up {
 25% {
  -webkit-transform:rotate(15deg);
  transform:rotate(15deg)
 }
 50% {
  -webkit-transform:rotate(-15deg) translateY(-10px);
  transform:rotate(-15deg) translateY(-10px)
 }
 75%,
 100% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
}
@-webkit-keyframes thumbs-up {
 25% {
  -webkit-transform:rotate(20deg);
  transform:rotate(20deg)
 }
 50%,
 100% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
}
@keyframes thumbs-up {
 25% {
  -webkit-transform:rotate(20deg);
  transform:rotate(20deg)
 }
 50%,
 100% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
}
@-webkit-keyframes angry-color {
 45%,
 60% {
  background-size:250%
 }
 85%,
 100%,
 0% {
  background-size:100%
 }
}
@keyframes angry-color {
 45%,
 60% {
  background-size:250%
 }
 85%,
 100%,
 0% {
  background-size:100%
 }
}
@-webkit-keyframes angry-face {
 35%,
 60% {
  -webkit-transform:translateX(0) translateY(10px) scale(0.9);
  transform:translateX(0) translateY(10px) scale(0.9)
 }
 40%,
 50% {
  -webkit-transform:translateX(-5px) translateY(10px) scale(0.9);
  transform:translateX(-5px) translateY(10px) scale(0.9)
 }
 45%,
 55% {
  -webkit-transform:translateX(5px) translateY(10px) scale(0.9);
  transform:translateX(5px) translateY(10px) scale(0.9)
 }
}
@keyframes angry-face {
 35%,
 60% {
  -webkit-transform:translateX(0) translateY(10px) scale(0.9);
  transform:translateX(0) translateY(10px) scale(0.9)
 }
 40%,
 50% {
  -webkit-transform:translateX(-5px) translateY(10px) scale(0.9);
  transform:translateX(-5px) translateY(10px) scale(0.9)
 }
 45%,
 55% {
  -webkit-transform:translateX(5px) translateY(10px) scale(0.9);
  transform:translateX(5px) translateY(10px) scale(0.9)
 }
}
@-webkit-keyframes angry-mouth {
 25%,
 50% {
  height:6px;
  bottom:25px
 }
}
@keyframes angry-mouth {
 25%,
 50% {
  height:6px;
  bottom:25px
 }
}
.ossn-like-reactions-panel {
 background:#fff;
 width:355px;
 padding:2px;
 position:absolute;
 height:50px;
 top:auto;
 margin-top:-75px;
 box-shadow:0 1px 5px rgba(0,0,0,.2);
 border-radius:2em;
 cursor:default
}
.ossn-like-reactions-panel li:after {
 margin-left:0;
 margin-right:0;
 content:''
}
.ossn-like-reactions-panel li {
 display:inline-block;
 width:40px;
 height:40px;
 cursor:pointer
}
.ossn-reaction-list .emoji {
 transform:scale(0.133);
 margin-left:-55px;
 margin-top:-50px
}
.ossn-reaction-list .emoji--dislike {
 transform:scale(0.133,-.133)
}
.ossn-reaction-list {
 float:left;
 height:20px
}
.ossn-reaction-list li {
 display:inline-block;
 width:10px;
 height:20px
}
.ossn-reaction-title-wholiked {
 margin-left:10px
}
.ossn-reaction-list .emoji__eyes:after,
.ossn-reaction-list .emoji__tongue,
.ossn-reaction-list .emoji__eyebrows,
.ossn-reaction-list .emoji__eyes,
.ossn-reaction-list .emoji__face,
.ossn-reaction-list .emoji__mouth,
.ossn-reaction-list .emoji__face,
.ossn-reaction-list .emoji__heart,
.ossn-reaction-list .emoji__hand {
 animation:none
}
.ossn-reactions-list-wholiked-item img {
 border:1px solid #eee;
 border-radius:100%
}
.ossn-reactions-list-wholiked-item {
 border-bottom:1px solid #eee;
 padding-bottom:5px;
 padding-top:5px;
 padding-left:10px;
 padding-right:10px
}
.ossn-reactions-list-whoreacted-uinfo a {
 font-weight:bold
}
.ossn-reactions-list-whoreacted {
 float:none;
 margin-left:5px
}
@media(max-width:480px) {
 .ossn-like-reactions-panel {
  margin-left:-100px;
  transform:scale(0.8)
 }
 .comment-contents .ossn-like-reactions-panel {
  margin-left:-30px
 }
}
.ossn-likes-annotation-total {
 float:right
}
.comment-metadata .ossn-reaction-list {
 float:right;
 margin-left:10px
}
.comment-metadata .ossn-reaction-list .emoji {
 transform:scale(0.12);
 margin-top:-51px
}
.comment-metadata .ossn-reaction-list .emoji--dislike {
 transform:scale(0.12,-.12)
}
.ossn-profile-module-albums img {
 padding:1.5px;
 width:100px;
 height:100px
}
.ossn-profile-module-albums h3 {
 padding:4px;
 font-size:16px;
 text-align:center;
 color:#ccc
}
.ossn-photos {
 text-align:center
}
.ossn-photos li {
 display:inline-block;
 margin-right:5px;
 border:1px solid #ccc;
 min-height:200px;
 width:200px;
 margin-top:10px
}
.ossn-album-name {
 text-align:left;
 font-weight:bold;
 padding:3px;
 margin-bottom:3px;
 text-overflow:ellipsis;
 width:200px;
 white-space:nowrap;
 overflow:hidden
}
.ossn-photos h2 {
 text-align:center;
 font-size:21px;
 text-transform:uppercase
}
.ossn-photo-view a {
 float:right;
 margin-bottom:10px
}
.ossn-photo-viewer {
 text-align:center;
 background:#f6f6f6;
 width:100%
}
.ossn-viewer-comments {
 margin-top:25px
}
.ossn-viewer-comments .comments-likes .comment-text p img {
 max-width:250px
}
.ossn-viewer-comments .comments-likes .ossn-comment-attach-photo {
 margin-left:222px
}
.ossn-photos .pthumb {
 width:100%;
 height:200px
}
.ossn-photo-menu li {
 display:block
}
.ossn-photo-menu li a {
 font-size:12px
}
.ossn-profile-module-albums a {
 margin-left:3px;
 border:1px solid #eee
}
.ossn-photo-view h2 {
 font-size:18px;
 font-weight:bold;
 margin-top:0;
 display:inline
}
.ossn-photo-menu {
 margin-top:10px
}
.ossn-photo-viewer .image-block {
 text-align:center;
 min-height:200px
}
.ossn-photos-add-button {
 text-align:center;
 padding:20px;
 margin-top:30px
}
.ossn-photos-add-button .images {
 display:none
}
.ossn-photos-wall {
 background:#f9f9f9;
 margin-bottom:10px;
 padding-top:10px;
 border-radius:2px;
 border:1px solid #eee;
 text-align:center
}
.ossn-photos-wall-plain {
 border:0;
 text-align:center;
 background:initial
}
.ossn-photos-wall-title a {
 font-weight:normal !important
}
.ossn-photo-wall-item-small {
 width:100px
}
.ossn-photo-wall-item-medium {
 width:200px
}
.ossn-photos-wall-item {
 display:inline-block !important;
 cursor:pointer;
 margin-right:2px
}
.ossn-photo-view {
 margin-bottom:10px
}
.ossn-notification-icon-comment {
 display:inline-block
}
.ossn-notification-icon-comment:before {
 content:"\f075";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.ossn-notification-icon-tag {
 display:inline-block
}
.ossn-notification-icon-tag:before {
 content:"\f075";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.ossn-notification-icon-like {
 display:inline-block
}
.ossn-notification-icon-like:before {
 content:"\f087";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.ossn-notification-icon-like-post:before {
 display:inline-block
}
.ossn-notification-icon-like-post:before {
 content:"\f087";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.ossn-notifications-all .data {
 display:inline;
 margin-left:5px
}
.ossn-notification-friend-submit {
 background:#fff9d7
}
.menu-section-item-notifications:before {
 content:"\f0f3" !important
}
.ossn-search input[type='text'] {
 width:95%;
 margin:0 auto;
 color:#000;
 margin-top:10px;
 padding:3px;
 padding-left:6px;
 border-radius:3px
}
.ossn-messages .messages-recent .widget-contents {
 padding:0
}
.ossn-messages .messages-recent .messages-from {
 max-height:555px;
 overflow-x:hidden;
 overflow-y:auto
}
.ossn-messages .messages-recent .messages-from .user-item {
 padding:10px;
 margin:0;
 cursor:pointer;
 border-bottom:1px solid #eee
}
.ossn-messages .messages-recent .messages-from .user-item .image {
 margin-top:3px;
 border-radius:16px
}
.ossn-messages .messages-recent .messages-from .user-item .name {
 font-weight:bold;
 display:inline-block;
 font-size:13px
}
.ossn-messages .messages-recent .messages-from .message-new {
 background:#f7f7f7
}
.ossn-messages .messages-recent .messages-from .user-item .col-md-10,
.ossn-messages .messages-recent .messages-from .user-item .col-md-2 {
 padding:0
}
.ossn-messages .messages-recent .messages-from .user-item .reply {
 margin-top:0;
 font-size:13px
}
.ossn-notification-messages .fa-reply,
.ossn-messages .messages-recent .messages-from .user-item .reply .fa-reply {
 font-size:10px;
 display:inline-block;
 margin-top:0
}
.ossn-messages .messages-recent .messages-from .user-item .reply .reply-text {
 display:inline-block
}
.ossn-messages .messages-recent .messages-from .user-item .time {
 display:inline-block;
 float:right
}
.ossn-messages .message-with .user-icon {
 margin-top:9px;
 border-radius:25px
}
.ossn-messages .message-inner {
 max-height:400px;
 padding-right:20px;
 overflow-y:auto;
 overflow-x:hidden
}
.ossn-messages .message-inner .row {
 margin-left:-10px
}
.message-form-form {
 margin-top:10px;
 border-top:1px solid #eee;
 padding-top:10px
}
.ossn-messages .message-with .time-created {
 float:right;
 margin-left:5px
}
.ossn-notification-messages .user-item {
 padding:4px;
 border-bottom:1px solid #eee
}
.ossn-notification-messages .user-item:hover {
 background:#f6f7f8;
 cursor:pointer
}
.ossn-notification-messages .message-new {
 background:#eee
}
.ossn-notification-messages .user-item .image {
 display:inline-table;
 width:50px;
 height:50px
}
.ossn-notification-messages .user-item .data {
 float:right;
 width:335px
}
.ossn-notification-messages .user-item .data .name {
 font-size:13px;
 font-weight:bold;
 padding:3px;
 margin-top:-3px;
 text-overflow:ellipsis;
 width:210px;
 white-space:nowrap;
 overflow:hidden
}
.ossn-notification-messages .user-item-inner .time {
 color:#999;
 float:right;
 font-size:14px;
 font-style:italic;
 margin-top:-24px
}
.ossn-notification-messages .reply-text,
.ossn-notification-messages .reply-text-from {
 margin-top:0;
 margin-left:4px;
 text-overflow:ellipsis;
 width:320px;
 white-space:nowrap;
 overflow:hidden;
 display:inline
}
.ossn-notification-messages .messages-from .time {
 color:#999;
 float:right
}
.ossn-notification-messages .user-item-inner {
 padding:5px
}
.message-box-recieved {
 background-color:#f2f2f2;
 border-radius:5px;
 box-shadow:0 0 6px #b2b2b2;
 display:inline-block;
 padding:5px 18px;
 position:relative;
 vertical-align:top;
 float:left;
 margin:10px 0 10px 10px;
 border-color:#cdecb0;
 word-break:break-word;
 text-align:justify
}
.message-box-sent {
 background-color:#dfeecf;
 border-radius:5px;
 box-shadow:0 0 6px #b2b2b2;
 display:inline-block;
 padding:5px 18px;
 position:relative;
 vertical-align:top;
 float:left;
 margin:5px 45px 5px 20px;
 border-color:#cdecb0;
 word-break:break-word;
 text-align:justify
}
.message-box-sent {
 float:right;
 background-color:#dfeecf;
 border-radius:5px;
 box-shadow:0 0 6px #b2b2b2;
 display:inline-block;
 padding:5px 18px;
 position:relative;
 vertical-align:top;
 margin:10px 0;
 border-color:#cdecb0
}
.messages-with .widget-contents {
 padding:10px 0
}
.ossn-messages .messages-recent .messages-from .inner .pagination {
 margin:10px
}
.ossn-messages .ossn-widget .message-with .message-inner .container-table-pagination .pagination {
 margin:0
}
.ossn-messages .ossn-widget .message-with .message-inner .container-table-pagination,
.ossn-notification-messages .container-table-pagination,
.ossn-messages .messages-recent .messages-from .inner .container-table-pagination {
 visibility:hidden
}
.ossn-messages .messages-recent .messages-from .inner .ossn-pagination .ossn-loading {
 margin:0 auto
}
.ossn-messages-notification-pagination-loading .ossn-loading,
.ossn-messages-pagination-loading .ossn-loading,
.ossn-messages-with-pagination-loading .ossn-loading {
 margin:0 auto
}
.ossn-messages-pagination-loading {
 display:block;
 margin-top:-40px
}
.ossn-messages-with-pagination-loading {
 display:block;
 margin-top:10px
}
.ossn-messages-notification-pagination-loading {
 display:block;
 margin-top:-55px
}
.ossn-message-delete {
 margin-left:10px;
 color:#c77878 !important;
 visibility:hidden
}
.message-box-recieved:hover .ossn-message-delete,
.message-box-sent:hover .ossn-message-delete {
 visibility:visible
}
.ossn-message-deleted span {
 font-style:italic;
 color:#d27a7a
}
#ossn-message-delete-form .ossn-loading {
 margin:40px auto
}
.ossn-ad-item {
 border-bottom:1px solid #eee;
 margin-bottom:10px;
 word-break:break-word
}
.group-header-menu {
 float:left
}
.group-header-menu .first-item {
 border-left:1px solid #EEE
}
#group-header-menu {
 border:0;
 padding:0;
 font-size:14px;
 font-weight:bold;
 width:auto
}
#group-header-menu ul {
 background:#fff;
 height:35px;
 list-style:none;
 margin:0;
 padding:0
}
#group-header-menu li:first-child {
 border-left:1px solid #EEE
}
#group-header-menu li {
 float:left;
 padding:0;
 border-right:1px solid #EEE
}
#group-header-menu li a {
 background:#fff;
 display:block;
 line-height:42px;
 margin:0;
 padding:0 20px;
 text-align:center;
 text-decoration:none;
 font-weight:bold
}
#group-header-menu>ul>li>a {
 color:#2f4979;
 font-weight:bold;
 height:44px
}
#group-header-menu li>a:hover,
#group-header-menu ul li:hover>a {
 background:#f6f7f8;
 text-decoration:none
}
#group-header-menu li ul {
 background:#fff;
 display:none;
 height:auto;
 padding:0;
 margin:0;
 position:absolute;
 width:120px;
 z-index:200;
 border-left:1px solid #EEE;
 border-bottom:1px solid #EEE;
 border-right:1px solid #EEE
}
#group-header-menu li:hover ul {
 display:block
}
#group-header-menu li li {
 display:block;
 float:none;
 margin:0;
 padding:0;
 width:120px
}
#group-header-menu li:hover li a {
 background:none
}
#group-header-menu li ul a {
 display:block;
 height:35px;
 font-size:12px;
 font-style:normal;
 margin:0;
 padding:0 10px 0 15px;
 text-align:left
}
#group-header-menu li ul a:hover,
#group-header-menu li ul li:hover>a {
 background:#f6f7f8;
 border:0;
 text-decoration:none
}
#group-header-menu p {
 clear:left
}
.groups-sidebar {
 color:#999;
 font-weight:bold;
 margin-top:5px
}
.ossn-group-approve-all {
 float:right;
 margin-bottom:5px;
 margin-right:2px
}
.ossn-layout-group .coloum-left {
 width:160px;
 float:left;
 display:inline-table
}
.ossn-layout-group .coloum-middle {
 width:800px;
 display:inline-table;
 margin-left:6px;
 margin-right:6px
}
.ossn-layout-group .ossn-inner {
 width:995px
}
.ossn-group-members {
 height:102px;
 border:1px solid #e9eaed;
 margin-left:5px;
 margin-bottom:10px
}
.ossn-group-members .uinfo .userlink {
 font-size:14px;
 font-weight:bold;
 margin-top:20px;
 float:left
}
.ossn-group-no-requests {
 text-align:center
}
.ossn-group-profile .profile-header {
 border:1px solid #c4cde0;
 border-width:1px 1px 0;
 position:relative;
 max-height:245px;
 width:100%;
 opacity:.99
}
.ossn-group-profile .profile-header .header-bottom {
 background:#fff;
 height:45px;
 border-bottom:2px solid #c4cde0
}
.ossn-group-profile .profile-header .group-name {
 font-size:14px;
 font-weight:bold;
 padding:20px;
 padding-top:10px;
 float:left
}
.groups-buttons {
 float:right;
 padding:9px
}
.group-about .heading {
 color:#999;
 font-size:11px;
 font-weight:bold
}
.group-about .text {
 font-size:12px;
 margin-top:4px
}
.members-count {
 margin-top:4px;
 font-size:12px;
 font-weight:bold
}
.group-closed-container {
 background:#FFF;
 border:1px solid;
 border-color:#e5e6e9 #dfe0e4 #d0d1d5;
 -webkit-border-radius:3px;
 padding:10px;
 margin-bottom:10px
}
.group-closed-container p {
 padding:3px 6px
}
.ossn-group-cover-header {
 height:290px !important
}
.ossn-group-cover {
 overflow:hidden;
 height:200px
}
.ossn-group-cover img {
 position:relative
}
.ossn-group-cover:hover>.ossn-group-cover-button {
 display:block
}
.ossn-group-cover-button {
 margin-top:150px;
 margin-right:10px;
 float:right;
 display:none;
 z-index:9;
 position:absolute;
 right:0
}
.ossn-group-cover-button a {
 display:inline-block
}
.group-c-position {
 display:none !important
}
.groups-buttons a {
 display:inline-block
}
.ossn-groups-notification-icon,
.ossn-groups-notification-icon:before {
 display:inline-block
}
.ossn-groups-notification-icon:before {
 content:"\f0c0";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.ossn-group-notification-item .data {
 display:inline;
 margin-left:5px
}
.delete-group {
 float:right
}
.group-widget-members img {
 margin-right:5px;
 margin-bottom:5px
}
.ossn-notification-unviewed {
 background:#f9f9f9
}
.ossn-group-profile .widget-description .widget-contents {
 text-align:justify
}
.ossn-group-profile .group-requests-widget .widget-contents {
 text-align:center
}
.ossn-group-profile .group-requests-widget a {
 font-weight:bold;
 text-transform:uppercase
}
.ossn-group-members .request-controls a {
 margin-left:5px
}
.ossn-group-members .col-md-2 {
 text-align:center
}
.group-search-details {
 padding:20px
}
.group-search-details .group-name {
 font-weight:bold;
 font-size:15px
}
.group-search-items .row {
 border:1px solid #eee;
 margin-left:0;
 margin-right:0;
 margin-bottom:10px
}
.group-search-details .ossn-group-search-by {
 margin-top:5px
}
.group-search-details .ossn-group-search-by a {
 margin-left:5px
}
@media only screen and (max-width:767px) {
 .btn-responsive {
  padding:4px 9px;
  font-size:90%;
  line-height:1.2
 }
}
.ossn-site-pages-title {
 background:#f9f7f7;
 border:1px solid #eee;
 padding:10px;
 font-weight:bold
}
.ossn-site-pages-body {
 padding:10px
}
@media only screen and (max-width :1360px) {
 .ossn-site-pages {
  margin-left:15px;
  margin-right:15px
 }
}
@media only screen and (min-width :1360px) {
 .ossn-site-pages {
  margin-left:80px;
  margin-right:80px
 }
}
.ossn-block-lists {
 background:#eee;
 border-top:1px solid #ccc;
 padding:10px
}
.ossn-block-lists li {
 list-style-type:square;
 margin-left:10px
}
.ossn-block-lists li a {
 font-weight:bold
}
.ossn-chat-base {
 border-bottom:0;
 bottom:0;
 left:15px;
 display:block;
 font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
 font-size:11px;
 height:33px;
 position:fixed;
 text-align:left;
 z-index:1028;
 margin-top:8px;
 left:15%;
 color:#000;
 width:850px
}
.ossn-chat-base .ossn-chat-bar {
 display:block;
 bottom:0;
 cursor:pointer;
 width:200px;
 float:right
}
.ossn-chat-base .ossn-chat-bar .inner {
 padding:10px;
 margin-left:5px;
 background:#f7f7f7;
 -webkit-box-shadow:inset 0 1px rgba(255,255,255,.5);
 border:1px solid #bac0cd;
 height:35px;
 border-top-right-radius:4px;
 border-top-left-radius:4px
}
.ossn-chat-base .ossn-chat-bar .inner:hover {
 background:#fff
}
.ossn-chat-windows-long .friends-list-item img {
 border:3px solid #c31e1f
}
.ossn-chat-base .ossn-chat-bar .friends-list {
 background:#f9f9fb;
 width:195px;
 min-height:271px;
 margin-top:-271px;
 margin-left:5px;
 position:fixed;
 height:268px;
 border-top-left-radius:4px;
 border-top-right-radius:4px;
 display:none
}
img.ustatus {
 border-radius:32px
}
img.ustatus.ossn-chat-icon-online {
 border:3px solid #4cae4c
}
.ossn-chat-inner-text {
 width:145px;
 margin-left:20px;
 font-weight:bold;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ossn-chat-tab-titles {
 background:#0b2444;
 color:#fff;
 padding:3px;
 border:1px solid #086c90;
 border-top-left-radius:5px;
 border-top-right-radius:5px
}
.ossn-chat-inline-table {
 display:inline-table
}
.ossn-chat-tab-titles .options {
 float:right;
 margin-right:10px;
 color:#FFF;
 margin-top:2px;
 font-size:12px;
 cursor:pointer
}
.ossn-chat-tab-titles .options .item:hover {
 background:#5e72a2;
 width:17px;
 margin-right:-4px;
 text-align:center
}
.ossn-chat-tab-titles:hover {
 background:#086c90;
 border:1px solid #0b769c
}
.ossn-chat-tab-titles .text {
 color:#FFF;
 font-weight:bold;
 margin-left:9px;
 padding:2px;
 max-width:190px;
 white-space:nowrap;
 display:inline-block;
 overflow:hidden;
 text-overflow:ellipsis
}
.ossn-chat-bar .friends-list .data {
 width:195px;
 overflow:hidden;
 overflow-y:scroll;
 height:236px;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc
}
.ossn-chat-base .ossn-chat-bar .friends-list-item:hover {
 background:#eee
}
.ossn-chat-base .ossn-chat-bar .friends-list-item .friends-item-inner {
 margin:5px 5px 5px 5px;
 height:36px;
 padding:2px
}
.ossn-chat-base .ossn-chat-bar .friends-list-item .icon {
 display:inline-table;
 width:32px;
 height:32px
}
.ossn-chat-base .ossn-chat-bar .friends-list-item .name {
 margin-top:-28px;
 margin-left:40px;
 max-width:110px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ossn-chat-base .ossn-chat-bar .friends-list-item .ossn-chat-icon-online {
 border:3px solid #4cae4c;
 border-radius:32px
}
.ossn-chat-none {
 padding:5px;
 margin-top:10px
}
.friend-tab-item {
 display:block;
 bottom:0;
 cursor:pointer;
 width:200px;
 float:right
}
.friend-tab-item:first-child {
 margin-right:75px
}
.friend-tab-item .friend-tab {
 padding:12px;
 margin-left:5px;
 background:#f7f7f7;
 -webkit-box-shadow:inset 0 1px rgba(255,255,255,.5);
 border:1px solid #ccc;
 height:35px;
 border-top-right-radius:2px;
 border-top-left-radius:2px
}
.ossn-chat-tab-active {
 background:#5d7d91 !important;
 border:1px solid #2f4959 !important;
 color:#fff
}
.friend-tab-item .tab-container {
 margin-top:-268px;
 position:absolute;
 height:265px;
 width:251px;
 margin-left:5px;
 display:none
}
.friend-tab-item .tab-container .data {
 background:#eee;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 width:251px;
 height:238px;
 overflow:hidden;
 overflow-y:scroll
}
.friend-tab-item .data .message-reciever .text,
.friend-tab-item .data .message-sender .text {
 position:relative;
 margin-top:5px;
 margin-bottom:5px;
 max-width:80%;
 clear:both
}
.friend-tab-item .data .message-reciever .text {
 margin-right:auto;
 background-image:-webkit-linear-gradient(bottom,#f2f2f2,#FFF);
 background-image:-moz-linear-gradient(bottom,#f2f2f2,#FFF);
 background-image:-ms-linear-gradient(bottom,#f2f2f2,#FFF);
 background-image:linear-gradient(bottom,#f2f2f2,#FFF);
 border-radius:3px;
 border:1px solid #ccc;
 text-shadow:rgba(255,255,255,.5) 0 1px 0;
 color:#000;
 display:inline-table
}
.friend-tab-item .data .message-reciever .text .inner {
 padding:5px;
 line-height:15px;
 max-width:165px;
 word-wrap:break-word
}
.friend-tab-item .data .message-sender {
 width:210px;
 float:right
}
.friend-tab-item .data .message-reciever {
 width:222px;
 float:left
}
.friend-tab-item .data .message-reciever .user-icon {
 display:inline-table;
 padding:3px
}
.friend-tab-item .data .message-reciever .user-icon img {
 width:32px;
 height:32px
}
.friend-tab-item .data .message-sender .text {
 margin-left:35px;
 background:linear-gradient(#c7defe,#e7f1fe);
 background-image:-webkit-gradient(linear,center bottom,center top,from(#c7defe),to(#e7f1fe));
 background-image:-webkit-linear-gradient(bottom,#c7defe,#e7f1fe);
 border:1px solid #dfdfdf;
 border:1px solid rgba(0,0,0,.18);
 border-bottom-color:rgba(0,0,0,.29);
 -webkit-border-radius:4px;
 -webkit-box-shadow:0 1px 0 #dce0e6;
 display:inline-table
}
.friend-tab-item .data .message-sender .text .inner {
 padding:5px;
 line-height:15px;
 max-width:158px;
 word-wrap:break-word
}
.ossn-chat-triangle {
 border-top:5px solid rgba(0,0,0,0);
 border-bottom:5px solid rgba(0,0,0,0)
}
.ossn-chat-triangle-blue {
 border-left:5px solid #afd0fe;
 margin-top:10px;
 float:right
}
.ossn-chat-triangle-white {
 border-right:5px solid #b8b8b8;
 margin-top:10px;
 margin-left:38px;
 float:left
}
.ossn-chat-text-data {
 margin-top:-40px
}
.ossn-chat-text-data-right {
 float:right
}
.friend-tab-item .friend-tab form {
 display:none
}
.friend-tab-item .friend-tab input[type='text'] {
 width:213px;
 height:30px;
 padding:2px;
 margin-top:-12px;
 margin-left:-12px;
 position:absolute;
 font-size:12px;
 border:0;
 outline:0
}
.ossn-chat-tab-close {
 width:17px;
 margin-right:-4px;
 text-align:center
}
.ossn-chat-new-message {
 background-color:#dc0d17;
 background-image:-webkit-gradient(linear,center top,center bottom,from(#fa3c45),to(#dc0d17));
 background-image:-webkit-linear-gradient(#fa3c45,#dc0d17);
 color:#fff;
 min-height:13px;
 padding:1px 3px;
 text-shadow:0 -1px 0 rgba(0,0,0,.4);
 font-size:10px;
 float:left;
 display:none;
 margin-top:-2px;
 position:absolute
}
.ossn-chat-icon-smilies {
 background:#FFF;
 width:235px;
 min-height:40px;
 padding:5px;
 position:fixed;
 border:1px solid #CCC;
 z-index:1
}
.ossn-chat-item-smiles {
 padding:3px
}
.ossn-chat-icon-smile-set {
 margin-top:-12px;
 background:#fff;
 width:37px;
 padding:4px;
 height:27px;
 position:absolute;
 margin-left:200px
}
.ossn-chat-icon-smilies {
 display:none
}
.ossn-chat-icon-online:before {
 content:"\f111 ";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 color:#57b540;
 font-size:12px;
 float:left
}
.ossn-chat-icon-offline:before {
 content:"\f111 ";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 color:#d23636;
 font-size:12px;
 float:left
}
.ossn-chat-icon-expend:before {
 content:"\f0b2";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 color:#fff;
 font-size:12px
}
.ossn-chat-icon-expend:hover {
 opacity:.9
}
.ossn-chat-icon-smile:before {
 content:"\f118";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:16px;
 margin-left:10px
}
.ossn-chat-icon {
 width:16px !important;
 height:16px !important
}
.ossn-chat-windows-long {
 display:none
}
@media only screen and (min-width :1280px) {
 .ossn-chat-base {
  width:910px !important
 }
}
@media only screen and (min-width :1500px) {
 .ossn-chat-base {
  width:1100px !important
 }
}
@media only screen and (min-width :1360px) {
 .ossn-chat-bar {
  display:none !important
 }
 .ossn-chat-windows-long {
  float:right;
  position:fixed;
  min-height:500px;
  width:80px;
  border-left:1px solid #ccc;
  bottom:0;
  right:0;
  top:0;
  background:#e9eaed;
  display:block
 }
 .ossn-chat-windows-long .inner {
  margin-top:45px;
  border-top:1px solid #ccc;
  overflow-x:hidden;
  overflow-y:auto
 }
 .ossn-chat-windows-long .friends-list-item .friends-item-inner {
  margin:5px 5px 5px 5px;
  height:55px
 }
 .ossn-chat-windows-long .friends-list-item {
  border-top:1px solid #e9eaed;
  border-bottom:1px solid #e9eaed;
  padding-left:2px;
  text-align:center
 }
 .ossn-chat-windows-long .friends-list-item:hover {
  background:#e1e2e5;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  cursor:pointer
 }
 .ossn-chat-windows-long .friends-list-item .icon {
  display:inline-block;
  width:50px;
  height:50px
 }
 .ossn-chat-windows-long .friends-list-item .name {
  margin-top:-25px;
  margin-left:40px;
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
 }
 .ossn-chat-windows-long .friends-list-item .ossn-chat-icon-online:before {
  float:right;
  margin-right:4px;
  margin-top:-17px;
  content:"\f111 ";
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  color:#57b540;
  font-size:12px
 }
}
#ossn-chat-sound {
 display:none
}
.ossn-chat-message-sending {
 position:absolute;
 width:218px;
 height:11px;
 margin-top:-9px;
 margin-left:-9px;
 padding:10px;
 background:#fff;
 display:none
}
.friend-tab .ossn-chat-inner-text {
 margin-top:-2px
}
.ossn-chat-sending-icon {
 background:url("https://fortea.ddns.net/ossn/components/OssnChat/images/loading-small.gif") no-repeat;
 width:16px;
 height:11px
}
.ossnchat-scroll-top {
 margin-top:0 !important
}
@media(max-width:480px) {
 .ossn-chat-base {
  display:none !important
 }
}
@media only screen and (max-width:480px) {
 .ossn-chat-base {
  display:none !important
 }
}
@media only screen and (max-width:768px) {
 .ossn-chat-base {
  display:none !important
 }
}
footer {
 margin-bottom:50px
}
@-ms-viewport {
 width:auto
}
.friend-tab-item .container-table-pagination {
 visibility:hidden
}
.friend-tab-item .pagination {
 margin:0
}
.ossn-notification-icon-poke,
.ossn-notification-icon-poke:before {
 display:inline-block
}
.ossn-notification-icon-poke:before {
 content:"\f0a4";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:18px
}
.emojii {
 font-size:17px !important
}
.emojii-container {
 background:#fff;
 width:254px;
 border:1px solid #ececec;
 position:fixed;
 bottom:1px;
 right:1px;
 z-index:10000;
 box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.emojii-container .emojii-list {
 Xpadding:5px;
 display:none;
 height:179px;
 overflow:hidden;
 overflow-y:scroll
}
.emojii-container .emojii-list li {
 display:inline-block;
 font-size:19px;
 padding:3px
}
.emojii-container .emojii-list li:hover {
 background:#eee;
 cursor:pointer
}
.emojii-container .emojii-list-emoticons {
 display:block
}
.emojii-container .nav a {
 font-size:20px
}
.emojii-container .nav>li>a {
 padding:10px 4px
}
.ossn-wall-container-control-menu-emojii-selector i {
 font-weight:bold
}
.emojii-container-main {
 display:none
}
.ossn-emojii-output {
 font-style:initial;
 font-size:20px
}
.ossn-comment-attach-photo .fa-smile-o,
.ossn-message-attach-photo .fa-smile-o {
 float:right;
 position:relative;
 margin-right:5px;
 margin-top:5px;
 width:25px;
 height:25px;
 padding:5px;
 cursor:pointer;
 font-weight:bold
}
.comment-container .emojii-container-main {
 float:right;
 margin-right:285px
}
.message-emojii {
 float:right;
 position:relative;
 top:105px
}
.comment-box {
 padding:6px 65px 6px 12px !important
}
.comment-container {
 z-index:initial
}
.ossn-chat-base {
 font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"
}
body {
 font-family:"PT Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols"
}
.ossn-chat-windows-long .ossn-chat-pling {
 line-height:2;
 padding-left:4px
}
.ossn-chat-pling {
 display:inline
}
.ossn-message-pling {
 display:inline;
 padding-left:10px
}
.mtyping-circle {
 display:inline-block;
 height:6px;
 width:6px;
 border-radius:50%;
 background-color:#7d7d7d
}
.mtyping-circle.mtyping-bouncing {
 animation:mtypingbouncing 1000ms ease-in-out infinite;
 animation-delay:3600ms
}
.mtyping-circle:nth-child(1) {
 animation-delay:0ms
}
.mtyping-circle:nth-child(2) {
 animation-delay:333ms
}
.mtyping-circle:nth-child(3) {
 animation-delay:666ms
}
@keyframes mtypingbouncing {
 0% {
  transform:translateY(0)
 }
 33% {
  transform:translateY(0)
 }
 50% {
  transform:translateY(-3px)
 }
 100% {
  transform:translateY(0)
 }
}
.ctyping-hide {
 display:none
}
.comments-realtime-status {
 min-height:5px
}
.ctyping-c-item {
 margin-top:-30px !important
}
.ctyping-c-item-container {
 border-top:1px solid #eee;
 border-bottom:1px solid #eee;
 padding:10px;
 margin-top:10px;
 margin-left:-15px;
 margin-right:-15px;
 padding-left:20px;
 padding-right:20px
}
.ctyping {
 display:inline-block
}
.ctyping-text {
 display:inline-block;
 margin-left:10px
}
.ctyping-circle {
 display:inline-block;
 height:6px;
 width:6px;
 border-radius:50%;
 background-color:#7d7d7d
}
.ctyping-circle.ctyping-bouncing {
 animation:ctypingbouncing 1000ms ease-in-out infinite;
 animation-delay:3600ms
}
.ctyping-circle:nth-child(1) {
 animation-delay:0ms
}
.ctyping-circle:nth-child(2) {
 animation-delay:333ms
}
.ctyping-circle:nth-child(3) {
 animation-delay:666ms
}
@keyframes ctypingbouncing {
 0% {
  transform:translateY(0)
 }
 33% {
  transform:translateY(0)
 }
 50% {
  transform:translateY(-3px)
 }
 100% {
  transform:translateY(0)
 }
}
#ossn-wall-postbg {
 border:1px solid #e5e6e9;
 background:#fff;
 padding:10px;
 height:45px;
 margin-top:-5px
}
.postbg-container {
 min-height:320px;
 color:#333;
 font-size:30px;
 font-weight:700;
 line-height:1.1em;
 padding:100px 30px !important;
 text-align:center !important
}
.postbg-text {
 display:flex;
 justify-content:center;
 align-items:center
}
#ossn-wall-postbg span {
 width:20px;
 height:20px;
 display:inline-block;
 margin-right:5px;
 border-radius:5px;
 cursor:pointer
}
.menubuilder-item-topbar-dropdown i {
 font-size:15px !important
}
#adsrotator {
 position:relative
}
#adsrotator section {
 position:absolute;
 z-index:1;
 opacity:0
}
#adsrotator section.active {
 z-index:3;
 animation:adsopac 3.8s;
 opacity:1
}
@keyframes adsopac {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
.tribute-mention {
 margin:0;
 background:#1877f233;
 display:inline-block
}
.mentions-user:hover,
.mentions-user {
 font-weight:bold;
 font-style:italic;
 color:#2d89ff;
 text-decoration:none
}
.tribute-container img {
 width:25px;
 margin-right:5px
}
.tribute-container li.highlight {
 background:#3c91ff;
 color:#fff
}
.tribute-container {
 position:absolute;
 top:0;
 left:0;
 height:auto;
 max-height:300px;
 max-width:500px;
 overflow:auto;
 display:block;
 z-index:999999
}
.tribute-container ul {
 margin:0;
 margin-top:2px;
 padding:0;
 list-style:none;
 background:#fff;
 border:1px solid #eee
}
.tribute-container li {
 padding:5px 5px;
 cursor:pointer
}
.tribute-container li span {
 font-weight:bold
}
.tribute-container li.no-match {
 cursor:default
}
.tribute-container .menu-highlighted {
 font-weight:bold
}
.com-contactsuggestions-memberlist-item img {
 margin:1px 3px 10px 1px;
 padding:2px
}
.com-contactsuggestions-widget-memberlist {
 display:inline-block;
 height:60px;
 width:60px;
 margin-top:5px
}