/******************************
	Basic
**********************************/
@font-face {
	font-family: TrajanPro3;
	src: url("https://arcoluna.getsandbox.net/themes/arcoluna/vendors/TrajanPro3-Regular.otf") format("opentype");
}

@font-face {
	font-family: TrajanProBold;
	src: url("https://arcoluna.getsandbox.net/themes/arcoluna/vendors/TrajanPro3-Bold.otf") format("opentype");
}

@font-face {
	font-family: ClanPro;
	src: url("https://arcoluna.getsandbox.net/themes/arcoluna/vendors/ClanPro-Book.otf") format("opentype");
}

@font-face {
	font-family: ClanPro;
	font-weight: bold;
	font-size: 12px;
	src: url("https://arcoluna.getsandbox.net/themes/arcoluna/vendors/ClanPro-Bold.otf") format("opentype");
}

body {
	font-size: 14px;
	background-color: #E9EAED;
	font-family: "ClanPro", "PT Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
	height: 100%;
	color: #808080;
}

.ossn-required {
	color: #a94442;
}
.hidden {
	display:none !important;
}
::-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: none;
	display: block;
	resize: vertical;
}

.ossn-widget-login .ossn-form input[type='password'],
.ossn-widget-login .ossn-form text,
.ossn-widget-login .ossn-form select,
.ossn-widget-login .ossn-form textarea,
.ossn-widget-login .ossn-form input[type='text'] {
	width: 100%;
	border: 1px solid #eee;
	padding: 8px;
	margin-bottom: 5px;
	outline: none;
	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;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.leaflet-control-attribution span,
.leaflet-control-attribution a {
    display: none !important;
}

.container-table {
	display: table;
	width: 100%;
}

.center-row {
	display: table-cell;
	text-align: center;
}

.radio-block {
	margin-top: 0px;
	margin-bottom: 8px;
}

.radio-block span {
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
}

.btn {
	border-radius: 5px;
}

.btn-primary {
	background-color: #2a87a7;
}

a {
	color: #4DA9AF;
	text-decoration: none;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
	background: #221C36;
	border: 0px;
	border-bottom: 2px solid #45376C;
}

.btn-primary {
	background: #45376C;
	border: 0px;
	border-bottom: 2px solid #221C36;
}

.btn-success:focus,
.btn-success:active,
.btn-success:hover {
	background: #204A21;
	border: 0px;
	border-bottom: 2px solid #2B662C;
}

.btn-success {
	background: #2B662C;
	border: 0px;
	border-bottom: 2px solid #204A21;
}

.btn-danger:focus,
.btn-danger:active,
btn-danger:hover {
	background: #5A15121;
	border: 0px;
	border-bottom: 2px solid #751C17;
}

.btn-danger {
	background: #751C17;
	border: 0px;
	border-bottom: 2px solid #541916;
}

.btn-warning:focus,
.btn-warning:active,
btn-warning:hover {
	background: #7D8A0D;
	border: 0px;
	border-bottom: 2px solid #9CAC0F;
}

.btn-warning {
	background: #9CAC0F;
	border: 0px;
	border-bottom: 2px solid #7D8A0D1;
}

.no-padding-l {
	padding-left: 0px !important;
}

.no-padding-r {
	padding-right: 0px !important;
}

.no-padding-u {
	padding-top: 0px !important;
}

.no-padding-d {
	padding-bottom: 0px !important;
}

.orange {
	color: #DE9D43 !important;
}

/************************************
	Layouts
************************************/
/** didn't we have a minimum page height in goblue? #702 **/

.ossn-layout-module,
.ossn-layout-contents,
.ossn-layout-media,
.ossn-layout-newsfeed {
	margin-top: 10px;
}

.ossn-home-container,
.ossn-layout-startup {
	min-height: 768px;
}

.ossn-home-container .ossn-page-contents {
	background: rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(238, 238, 238, 0.08);
	border-radius: 10px;
}

.ossn-layout-startup {
	min-height: 560px;
	background: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/background.png") no-repeat;
	background-size: cover;
}

.ossn-layout-startup footer .ossn-footer-menu a {
	color: #fff;
}

.ossn-layout-newsfeed .newsfeed-right {
	padding-top: 5px;
}

.ossn-page-container {
	overflow-x: hidden;
	min-height: 400px;
}

.ossn-layout-module {
	margin-top: 10px;
	background: #fff;
	border: 1px solid #99CDCF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 0px;
}

.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-home-container .row {
	margin-right: 10px;
	margin-left: 10px;
}

#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;
}

.ossn-page-loading-annimation {
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.ossn-page-loading-annimation .ossn-page-loading-annimation-inner {
	width: 24px;
	margin: 0 auto;
	margin-top: 20%;
}

/*******************************
	Topbar	
********************************/

.topbar {
	background: #333 url("https://arcoluna.getsandbox.net/themes/arcoluna/images/topbar.png");
	color: #ccc;
	border-bottom: none;
	z-index: 1;
	position: relative;
	background-size: cover;
	height: 56px;
}

.topbar .fa {
	font-size: 20px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 2px;
	color: #fff;
}

.topbar .site-name a {
	padding: 6px;
	display: block;
}

.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-menu-right li a,
.topbar-menu-left li a {
	padding: 12px;
	display: block;
	color: #fff;
}

.topbar-menu-right li:hover,
.topbar-menu-left li:hover {
	cursor: pointer;
	background-color: rgba(147, 147, 147, 0.31);
}

.topbar .right-side-nospace .topbar-menu-right {
	margin-right: 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.topbar .right-side-space .topbar-menu-right {
	margin-right: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.topbar .ossn-icons-topbar-friends,
.topbar .ossn-icons-topbar-messages,
.topbar .ossn-icons-topbar-notification i {
	color: #fff;
}

.topbar .ossn-icons-topbar-friends-new,
.topbar .ossn-icons-topbar-messages-new,
.topbar .ossn-icons-topbar-notifications-new i {
	color: #fff;
}

.topbar .left-side {
	left: 0;
}

.topbar .right-side {
	right: 0;
}

.topbar .site-search {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.topbar .site-name,
.topbar .right-side {
	position: absolute;
}

/* Dropdown Hidden-MD Search Bar */
.invisible-searchIcon {
	display: none !important;
}

.invisible-searchBar {
	display: none !important;
}

.searchbar {
	background: #333;
	color: #ccc;
	z-index: 1;
	position: relative;
	background-size: cover;
}

.searchbar .searchbar-contents {
	position: fixed;
	height: 55px;
}

/* Dropdown Menu */
.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: 0px -120px 0;
}

/* Topbar Icons */
.topbar-icon-padding-toggle {
	padding-left: 15px !important;
	padding-right: 0px !important;
}

.isotipo {
	height: 44px;
	width: 44px;
	margin-top: -5px;
}

.isotipo-padding {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-bottom: 0px !important;
}

.topbar-icon-padding-isotipo {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/***********************************
	Ossn Wall
*************************************/

.ossn-wall {}

.ossn-wall-items {}

.ossn-wall-item {
	padding: 12px;
	padding-top: 10px;
	border-top: 0px;
	border: 1px solid #99CDCF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 20px;
	background-color: #FBFCFD;
	padding-bottom: 0px
}

.ossn-wall-item:first-child {
	margin-top: 0px;
}

.ossn-wall-item .friends a {
	text-decoration: none;
}

.ossn-wall-item .friends a:first-child:before {
	content: " post:with";
	margin-left: 5px;
	color: #ccc;
	margin-right: 5px;
}

.ossn-wall-item .user-img {
	border-radius: 50px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	border: 1px solid #E8E3D8;
}

.ossn-wall-item .meta {
	background: #D6EAF1;
	margin-right: -15px;
	margin-top: -10px;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #3F888C;
	padding-bottom: 15px;
}

.ossn-wall-item .meta .user {
	display: inline-block;
	margin-top: 3px;
}

.ossn-wall-item .meta .user a {
	font-weight: bold;
	color: #5D5D5D;
	font-size: 14px;
}

.ossn-wall-item .meta .user span {
	color: #999;
}

.ossn-wall-item .post-contents {
	margin-top: 15px;
}

.ossn-wall-item .post-contents p {
	/** Incorrect Hyphenation in the theme GoBlue 3.0 #824 **/

	word-break: break-word;
	text-align: justify;
	font-size: 14px;
}

.ossn-wall-item .post-contents img {
	max-width: 100%;
	border: 1px solid #eae8e8;
	display: block;
	margin-bottom: 10px;
}

.ossn-wall-item .event-wall-item .post-contents img {
	margin-bottom: 0px;
}

.ossn-wall-item .meta .post-menu {
	float: right;
}

.ossn-wall-item .meta .post-menu .fa-ellipsis-h {
	color:#4DA9AF;
}
.ossn-wall-item .meta .post-menu .btn {
     padding: 5px;
 }
.ossn-wall-container {
	margin-bottom: 10px;
}

.ossn-wall-container textarea {
	padding: 10px 5px;
	width: 100%;
	outline: none;
	border: none;
}

.ossn-wall-container .controls {
	background-color: #D6EAF1;
	border-bottom: 1px solid #3F888C;
	border-top: 1px solid #3F888C;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 5px;
	padding: 5px 10px;
}

.ossn-wall-container .wall-tabs {
	border-bottom: 1px solid rgba(63, 136, 140, 0);
	background-color: #D6EAF1;
	border: 1px solid #3F888C;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.wall-tabs .item span {
	padding-left: 5px;
	font-family: TrajanProBold;
	font-weight: bold;
	bottom: 0px;
}

#ossn-wall-form {}

.ossn-wall-container .wall-tabs .item {
	padding: 14px 10px;
	display: inline-flex;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 13px;
	color: #BE3B49;
}

.ossn-wall-container-data {
	background: #fff;
	padding: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #E5E5E5;
	border-bottom-color: #ccc;
	border-width: 0 1px 2px 1px;
}


.ossn-wall-container .wall-tabs .item:hover {}

.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 .tabs-input {}

.ossn-wall-container .controls li {
	padding: 7px;
	background: rgb(185 211 221);
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	width: 35px;
	height: 35px;
	text-align: center;
}

.ossn-wall-container .controls li:hover {
	background: rgb(204, 223, 230);
}

.ossn-wall-post-button-container {
	display: inline-table;
	float: right;
}

.ossn-wall-privacy-dummy,
.ossn-wall-privacy {
	margin-right: 5px;
	padding: 5px 10px;
	background: #e5e5e5e0;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	margin-top: 10px;
}

.ossn-wall-privacy-dummy {
	background: #e5e5e5e0;
	cursor: initial;
	opacity: 0.5;
}

.ossn-wall-privacy:hover {
	background: #eeeeee8c;
}

.ossn-wall-privacy-dummy span>span,
.ossn-wall-privacy span>span {
	margin-left: 5px;
	float: right;
}

.ossn-wall-container input[type='submit'] {
	padding: 5px 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: 1px solid #3F888C;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: -5px;
	outline: none;
    border-radius:10px;
}

#token-input-ossn-wall-friend-input {
    width: 100% !important;
    border: 0;
    padding: 7px;
    padding-bottom: 0;
}

#ossn-wall-friend,
#ossn-wall-location,
#ossn-wall-photo {}

#ossn-wall-form .ossn-loading {
	margin: 7px;
}

.ossn-wall-item-type {
	display: inline-block;
}

.ossn-wall-item .friends {
	display: inline-block;
}

.user-activity {
	margin-top: 10px;
}

/*******************************
	Comments Likes
********************************/
.ossn-like-reactions-panel {
	width: 364px !important;
}

.ossn-comment-menu {
	float: right;
}

.comments-likes {
	min-height: 50px;
	width: 100%;
}

.menu-likes-comments-share li a {
	font-weight: bold;
}

.menu-likes-comments-share {
	border-top: 1px solid #99CDCF;
	padding: 10px;
	background-color: #EEF7F9;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 10px;
	padding-right: 10px;
}

.menu-likes-comments-share li {
	display: inline-block;
}

.menu-likes-comments-share li::after {
	content: " ";
	margin-left: 10px;
	margin-right: 10px;
	color: #ccc;
}

.menu-likes-comments-share li:last-child:after {
	content: " ";
}

.comments-list {
	background-color: #EEF7F9;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 10px;
	padding-right: 10px;
}

.comments-list .comments-item {
	padding-top: 10px;
	padding-bottom: 5px;
}

.comments-list .comments-item:first-child {
	margin-top: 0px;
	padding-top: 10px;
}

.comments-list .comments-item:last-child {
	border-bottom: none;
}

.comments-list .comments-item .comment-user-img {
	display: inline-block;
	border-radius: 32px;
	border: 2px solid #BBDFE6;
}

.business-page .comments-list .comments-item .comment-user-img {
	width: 50px;
}

.comments-list .comments-item .comment-contents {
	display: inline-block;
	margin-top: -3px;
}

.comment-container {
	padding-bottom: 0px;
	position: relative;
	z-index: 0;
}

.comments-item .col-md-11 {
	padding-left: 0px;
}

.comment-metadata .time-created {
	display: inline-block;
}

.comment-metadata a {
	display: inline-block;
	color: #50ADB1;
}

.comment-contents p {
	margin: 0px;
	word-break: break-word;
	text-align: justify;
	color: #717171;
}

.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;
	color: #50ADB1;
}

.comment-contents {
	width: 100%;
}

.comment-container span[readonly='readonly'],
.comment-container input[readonly='readonly'] {
	background: #eee;
}

.comment-box {
	width: 100%;
	border: 1px solid #8CC7CA;
	padding: 5px 30px 5px 10px !important;
	margin-bottom: 5px;
	outline: none;
	display: block;
	resize: vertical;
	border-radius: 18px;
	background: #fff;
	min-height: 32px;
}

[contentEditable=true]:empty:not(:focus)::before {
	content: attr(placeholder);
}

/*********************************
	Like
************************************/

.like-share {
	border-top: 1px solid #99CDCF;
	border-bottom: 1px solid #99CDCF;
	padding: 10px;
	background-color: #EEF7F9;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 10px;
	padding-right: 10px;
	color: #50ADB1;
	min-height: 42px;
}

.ossn-like-comment,
.ossn-total-likes {
	margin-left: 10px;
}

/********************************
	Global
***********************************/

.time-created {
	font-size: 14px;
	font-style: italic;
	color: #999;
}

/********************************
	Sidebar Nav
*********************************/

.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;
	background-image: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/background-sidebar.png");
	background-position: cover;
	max-width: 100%;

}

.sidebar .sidebar-contents {
	position: fixed;
	width: 200px;
}

.sidebar-close {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sidebar-open {
	margin-left: 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sidebar-open-no-annimation {
	margin-left: 0px;
}

.sidebar-open-page-container {
	margin-left: 200px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sidebar-open-page-container-no-annimation {
	margin-left: 200px;
}

.sidebar-close-page-container {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.newseed-uinfo {
	padding: 10px;
	text-align: center;
}

.newseed-uinfo img {
	border: 5px solid;
	border-image: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/resources/golden-ring.png") 10 stretch;
	border-image-width: 22px;
	border-image-slice: 90;
	padding: 0px;
	border-radius: 50px;
	border-image-outset: 5px;


	/* border: 3px solid gold;
    border: 4px solid -webkit-radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); /* For Safari 5.1 to 6.0 */
	/* border:4px solid -o-radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%,              transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); /* For Opera 11.1 to 12.0 */
	/* border:4px solid -moz-radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%,            transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f          100%);; /* For Firefox 3.6 to 15 */
	/* border:4px solid radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent      80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); /* Standard    syntax (must be last) */
	/* border-image: 4px solid radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%,          transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
 BORDE DORADO*/
}

.newseed-uinfo .name {}

.newseed-uinfo .name a {
	font-weight: bold;
	display: block;
	color: #fff;
	font-size: 13px;
}

.newseed-uinfo .name .edit-profile {
	font-weight: inherit;
    display:block;
}

.sidebar-menu-nav {
	overflow: auto;
	font-family: verdana;
	font-size: 12px;
	font-weight: 200;
	top: 0px;
	width: 100%;
	height: 100%;
}

.sidebar-menu-nav ul,
.sidebar-menu-nav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	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 {
	padding-left: 20px;
}

.sidebar-menu-nav ul .sub-menu li,
.sidebar-menu-nav li .sub-menu li {
	border: none;
	line-height: 28px;
	margin-left: 0px;
}

.sidebar-menu-nav ul .sub-menu li:hover,
.sidebar-menu-nav li .sub-menu li:hover {
	background-color: rgba(17, 42, 58, 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: 0px;
}

.sidebar-menu-nav li a {
	text-decoration: none;
	color: #fff;
	font-family: TrajanPro3;
}

.sidebar-menu-nav li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}

.sidebar-menu-nav li:hover {
	/** border-left: 3px solid #fff; **/

	background-color: #4f5b69;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.sidebar-menu .sidebar-main-li-even {
	background: rgba(17, 42, 58, 0.36);
}

.sidebar-menu .sidebar-main-li-odd) {
	background: rgba(17, 42, 58, 0.66);
}

/******************************
	Ossn global css classes
*******************************/

.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
***************************/

.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 Ads
*******************************************/

.ossn-ad-item {}

.ossn-ad-item .ad-image {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.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;
}

/*****************************
	Widgets
******************************/

.ossn-layout-module {
	background-color: #FBFCFD;
}

.ossn-widget {
	margin-bottom: 10px;
	background-color: #FBFCFD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ossn-layout-module .module-title,
.ossn-widget .widget-heading {
	background-color: #D6EAF1;
	border: 1px solid #3F888C;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 13px;
	font-weight: bold;
	color: #DE9D43;
	text-transform: uppercase;
	font-family: TrajanProBold;
	padding-top: 20px;
}

.ossn-widget .widget-heading a {
	font-weight: bold;
	color: #DE9D43;
	text-transform: uppercase;
	font-family: TrajanProBold;
}

.ossn-layout-module .module-contents,
.ossn-widget .widget-contents {
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-color: #FBFCFD;
}

.ossn-profile-sidebar .ossn-widget .widget-contents {
	background: #EEF7F9;
}

.timeline-module .module-contents {
	padding: 0px;
}

.ossn-widget-login {
	margin-bottom: 10px;
	background-image: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/form-login.png");
	background-color: #cccccc;
	background-size: cover;
	border-radius: 30px;
	min-height: 760px;
}

.widget-login-heading {
	text-align: center;
	background-color: transparent;
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 40px;
}

.widget-login-contents {
	padding: 10px;
	text-align: center;
}

.customfield-item .ossn-textarea-input {}

.ossn-home-container .widget-login-contents .custom-field-items .customfield-item {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.ossn-home-container .widget-login-contents .custom-field-items .customfield-item .col-md-12 {
	padding-right: 0px;
	padding-left: 0px;
}

.extra-field-question textarea {
	border-radius: 10px !important;
	padding: 10px;
}

.extra-field-question {
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: 20px;
}

.login-captcha {
	padding-right: 15px;
	padding-left: 15px;
}

.ossn-widget-login-input {
	border-radius: 10px !important;
	padding: 10px;
}

.long-input {}

.login-padding {
	padding-top: 20px;
	padding-bottom: 10px;
}

.login-padding-bottom {
	padding-bottom: 10px;
}

.login-widget-adjustment {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

#ossn-home-signup input[type='text'] {
	border-radius: 10px !important;
}

.description-padding {
	padding-bottom: 15px;
}

.white-font {
	color: #fff !important;
}

.star-font {
	color: #b6bf34 !important;
}

.empty-space {
	height: 110px;
}

.fieldset-border {
	border: 0px !important;

}

/***********************************
	Ossn Notifications
***************************************/

/***********************************
	Ossn Notifications
***************************************/

.ossn-notifications-box .collapsing {
	-webkit-transition: none;
	transition: none;
	display: none;
}

.ossn-notifications-box {
	width: 430px;
	color: #000;
	position: absolute;
	top: 100%;
	right: 20px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 5px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.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 #DDDDDD;
}

.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;
}
.ossn-notifications-all a {
	padding:10px;
}
.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: 0px;
	padding-top: 10px;
	display: block;
	height: 40px;
	border-top: 1px solid #eee;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.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-notif-delete-item i {
    margin-right: 0;
    font-size: initial !important;
    margin-top: initial !important;
}
.ossn-notif-delete-item {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.ossn-notif-delete-item {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
    pointer-events: none; /* prevent accidental clicks when hidden */
}

/* Show on hover of the <a> inside <li> */
.ossn-notifications-all li a:hover .ossn-notif-delete-item {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.ossn-notifications-all li {
	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 a {
	color: #0f3b4a !important;
	display: inline-block !important;
}

.ossn-notifications-friends-inner {
	padding: 0px 5px;
}

.ossn-notifications-friends-inner form {
	display: inline-table;
}

.ossn-notification-page li img {
	display: none;
}

.notification-friends li {
	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;
}

.friends-added-text {
	/**float: left !important;
    margin-top: -18px !important;
    display: block !important;
    margin-left: 10px; **/
	font-size: 13px;
}

.ossn-notifications-friends-inner .btn {
	padding: 3px 9px;
	border-radius: 1px;
}

.notification-friends {
	max-height: 400px;
}

.ossn-notif-delete-item i {
    margin-right: 0 !important;
    font-size: initial !important;
    margin-top: initial !important;
    color:red !important;
}
.ossn-notif-delete-item {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.ossn-notif-delete-item {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
    pointer-events: none; /* prevent accidental clicks when hidden */
}

/* Show on hover of the <a> inside <li> */
.ossn-notifications-all li a:hover .ossn-notif-delete-item {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/*******************************
	Profile
********************************/

.ossn-profile .top-container {
	background: #eef7f9;
	border: 1px solid #C4CDE0;
	border-width: 1px 1px 2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.ossn-profile-usermetadata {
	position: relative;
	min-height: 85px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.profile-hr-menu {
	border-bottom: 1px solid #eee;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    background: #eef7f9;
    border: 1px solid #b6dcde !important;    
}

.ossn-profile .top-container .profile-cover {
	height: 300px;
	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);
	position: relative;
}

.ossn-profile .top-container .profile-cover img {
	width: auto;
}

.ossn-profile-row {
	margin-bottom: 20px;
}

.profile-hr-menu ul {
	margin: 7px 0 5px;
	padding: 0px;
}

.profile-hr-menu ul li {
	display: inline-block;
}

.profile-hr-menu ul li a:not(.dropdown a) {
	display: block;
	padding: 15px;
	margin-right: 5px;
	font-weight: bold;
}

.profile-hr-menu a:hover {
	color: initial;
}

.profile-hr-menu>li>a:not(.profile-hr-menu .dropdown-toggle):hover,
.profile-hr-menu>ul>li:hover>a:not(.profile-hr-menu .dropdown-toggle) {
	background: #b6dcde;
	text-decoration: none;
	border-radius: 10px;
}

.profile-hr-menu .dropdown-menu {
	margin-left: 0px;
}

.profile-hr-menu .dropdown-menu li {
	display: block;
	border-bottom: 0;
	padding: initial;
	margin: auto;
}

.profile-hr-menu .dropdown a i {
	margin-left: 5px;
}

.profile-hr-menu .dropdown-menu li a {
	border-right: 0px;
	margin-right: 0px;
}

.profile-hr-menu ul li:hover {}

.profile-hr-menu {
	border-bottom: 1px solid #eee;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.profile-hr-menu ul li:last-child {
	border-right: none;
}

.ossn-profile .profile-photo {
	position: absolute;
	margin-left: 20px;
	margin-top: -80px;
	background-color: #fff;
	border-radius: 50%;
	padding: 5px;
	width: 160px;
	height: 160px;
}

.ossn-profile .profile-photo img {
	border-radius: 50%;
	width: 150px;
	height: 150px;
}

.profile-menu-hr-container {
	background: #fff;
	border: 1px solid #C4CDE0;
	border-width: 1px 1px 2px;
	margin: 10px 0;
	border-radius: 5px;
}

.ossn-profile .user-fullname {
    color: #333334;
    font-weight: bold;
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ossn-profile-role {
	font-size: 15px !important;
}

.ossn-profile .user-username {
	font-size: 15px;
	font-weight: normal;
}

.ossn-profile .user-username-margin-top {
	margin-top: 13px !important;
}

.ossn-profile .user-username-margin-top-offset {
	margin-top: 0px !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: none;
	text-align: center;
	white-space: nowrap;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(0, 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%;
	top: 0;
	margin-top: 20px;
	z-index: 1;
}

.ossn-group-cover-button a:before,
.profile-cover-controls a:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
	font-weight: 900;
}

.profile-cover-controls a {
	float: right;
	position: relative;
	margin-right: 10px;

}

#reposition-group-cover:before,
.change-cover:before {
	content: "\f303";
}
#add-cover-group:before,
.reposition-cover:before {
	content: "\f0b2";
    font-family: 'Font Awesome 5 Free';
}

.profile-menu {
	position: relative;
	margin-right: 20px;
}

#cover-menu {
	display: none;
}

.upload-photo {
	background: #eee;
	position: absolute;
	font-size: 15px;
	font-family: sans-serif;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.upload-photo span {
	text-align: center;
	display: block;
	margin-top: 5px;
	font-size: 20px;
	color: #000;
}

.user-cover-uploading {
	opacity: 0.4;
}

.user-photo-uploading {
	height: 100%;
	opacity: 0.8;
	background: #fff;
	width: 100%;
	position: absolute;
	border-radius: 50%;
	margin-bottom: 0;
	margin-left: -5px;
	margin-top: -5px;
}

.user-photo-uploading span {
	display: none;
}

.ossn-profile-bottom {
	margin-top: 10px;
}

.page-sidebar,
.ossn-profile-sidebar {}

.ossn-layout-media .content {
	margin-right: 10px;
	margin-left: 10px;
}

.ossn-profile-extra-menu {
	display: inline-block;
}


/*****************************
    Groups
*****************************/

.ossn-group-cover img {
	width: auto;
}

/*****************************
	Side Menu icons
*******************************/

.menu-section-item-groups {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
	padding-right: 10px;
}

.section-icon-item {
	display: inline-block;
}

.menu-section-icons {
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-top: 6px !important;
	margin-left: 10px !important;
	float: left !important;
}

.menu-topbar-icons {
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.menu-section-icons-nfloat {
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-top: -4px !important;
	margin-left: 10px !important;
}

.subhlib {
	margin-top: 0px;
	margin-left: 5px;
	position: absolute;
}

.menu-section-links-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Links.png');
}

.menu-section-timeline-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/News Feed.png');
}

.menu-section-books-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Books.png');
}

.menu-section-invitefriend-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Invite Friends.png');
}

.menu-section-forum-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/newsfeed/Forum.png');
}

.menu-section-events-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Events.png');
}

.menu-section-orginizations-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Organizations.png');
}

.menu-section-projects-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Projects.png');
}

.menu-section-collaboration-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Collaboration.png');
}

.menu-section-collective-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Genius.png');
}

.menu-section-collective2-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Genius.png');
}

.menu-section-library-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Library.png');
}

.menu-section-arboard-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Networks.png');
}

.menu-section-usersg-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Users.png');
}

.menu-topbar-friendr-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Topbar Friend Request.png');
}

.menu-topbar-messages-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Topbar Messages.png');
}

.menu-topbar-notifications-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Topbar Notifications.png');
}

.menu-topbar-map-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Topbar Map.png');
}

.menu-topbar-search-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Topbar Search.png');
}

.menu-topbar-updates-icons {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Icon Updates.png');
}

.section-icon-item-menu-text {
	font-weight: bold;
}

.menu-widget-icons {
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left !important;
	margin-top: -3px;
}

.ossn-wall-control-i {
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block;
}

.ossn-wall-container .wall-tabs .item i {
	float: left;
	margin-top: -2px;
}

.ossn-wall-friend-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Users.png');
}

.ossn-wall-location-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Location.png');
}

.ossn-wall-photo-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Photos.png');
}

.ossn-wall-paint-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/newsfeed/ICONOS-ARCOLUNA-32 PAINT.png');
}

.ossn-wall-emojii-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Emoji.png');
}

.ossn-wall-nf-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/News Feed.png');
}

.ossn-wall-user-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/User.png');
}

.ossn-wall-cake-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Cake.png');
}

.ossn-wall-calender-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Calendar.png');
}

.ossn-wall-events-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Events.png');
}

.ossn-wall-calender20-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Calendar.png');
}

.ossn-wall-decisions-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Decisions.png');
}

.ossn-wall-chart-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/indicators.png');
}

.ossn-comment-photo-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Photos.png');
	float: right;
	position: relative;
	margin-right: 10px;
	margin-top: 6px;
	width: 25px;
	height: 25px;
	padding: 5px;
	z-index: 2;
	cursor: pointer;
}

.organizations-like-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/newsfeed/Likes-Organizations.png');
}

.ossn-comment-emoji-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Emoji.png');
}

.entity-menu-extra-comment:before,
.post-control-comment:before {
	content: " ";
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Comment.png');
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left;
}

.entity-menu-extra-like:before,
.post-control-like:before {
	content: " ";
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Like.png');
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left;
}

.ossn-invite-friends .invite-description .invite-description-img {
	width: 100%;
}

.ossn-invite-friends .invite-description {
	padding-right: 0px;
}

/******************************
	Search
******************************/

.search-title {
	color: #4DA9AF;
	font-weight: bold;
	font-family: "ClanPro", "PT Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
}

.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: 0px;
	margin-right: 0px;
}

.ossn-search-page .ossn-users-list-item .uinfo {
	margin-left: 25px;
}

.ossn-menu-search-users:before {
	content: " ";
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/metadata/Search User.png');
	width: 17px !important;
	height: 17px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}

.ossn-menu-search-groups:before {
	content: " ";
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/metadata/Search Networks.png');
	width: 17px !important;
	height: 17px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}

/******************************
	Token Input
*******************************/

ul.token-input-list {
	overflow: hidden;
	height: auto !important;
	width: 100%;
	cursor: text;
	font-size: 12px;
	min-height: 1px;
	margin: 0;
	z-index: 999;
	background-color: #fff;
	list-style-type: none;
	clear: left;
	color: #2B5470;
	border-top: 1px dashed #3F888C;
	border-right: 1px solid #3F888C;
	border-left: 1px solid #3F888C;
	border-bottom: 1px solid #3F888C;
	padding: 5px 0 0;
	border-radius: 10px;
}

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 {
	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;
	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;
}


/******************************************
		System Messages
*******************************************/

.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: 0px;
}

/** v1-v3 compitible **/

.ossn-message-done {
	border: 1px solid #1EB0DF;
	border-width: 1px;
	background-color: #DAF6FF;
	padding: 13px;
	text-align: left;
}

/*************************************
	0ssn modal box
***************************************/

.ossn-halt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	background-color: #000;
	opacity: 0.9;
	cursor: auto;
	height: 100%;
	display: none;
}

.ossn-light {
	opacity: 0.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: 0.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: 0px;
	left: 0px;
	right: 0px;
	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, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.ossn-message-box .close-box {
	float: right;
	color: #ccc;
	cursor: pointer;

}

.ossn-message-box .title {
	background-color: #D6EAF1;
	border: 1px solid #3F888C;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 13px;
	font-weight: bold;
	color: #3F888C;
	text-transform: uppercase;
	font-family: TrajanProBold;
	padding-top: 20px;
}

.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;
}

label {
	font-size: 13px;
}

/*******************************
	Ossn Blocked
*********************************/

.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;
}

/********************************
	Loading Icon
    @source: https://github.com/jlong/css-spinners
*********************************/

@-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);
	}
}

/* :not(:required) hides this rule from IE9 and below */


.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;
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/LOADING.gif');
	width: 30px !important;
	height: 30px !important;
	background-size: contain !important;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
}

.ossn-box-loading {
	margin-left: 216px;
	margin-top: 37px;
}

/*******************************
	Buttons
*********************************/

.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: none;
	text-align: center;
	white-space: nowrap;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10), inset 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(0, 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;
	font-family: ClanPro;
}

.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);
}

.btn-login {
	color: #fff;
	background: linear-gradient(to bottom, #b2ba36, #b2ba36 50%, #a0a92d 50%, #a0a92d);

	width: 320px;
	height: 84px;
	text-align: center;
	font-size: 27px;
	vertical-align: center;
	border-bottom: 5px solid #34502c;
	padding: 23px;
	border-radius: 20px;
}

.btn-login2 {
	color: #fff;
	background: linear-gradient(to bottom, #a25690, #a25690 50%, #4c2e6d 50%, #4c2e6d);
	/*    radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); GOLD*/

	width: 320px;
	height: 84px;
	text-align: center;
	font-size: 27px;
	vertical-align: center;
	border-bottom: 5px solid #413e6c;
	padding: 23px;
	border-radius: 20px;
}

.btn-signup {
	color: #fff;
	background: linear-gradient(to bottom, #9f3048, #9f3048 50%, #9a253e 50%, #9a253e);
	width: 300px;
	height: 75px;
	text-align: center;
	font-size: 27px;
	vertical-align: center;
	border-bottom: 5px solid #59124e;
	padding: 18px;
	border-radius: 20px;
}

#ossn-home-signup input[type='text'] {
	border-radius: 10px !important;
}

.file-input-text {}


/******************************
	Users List
*******************************/

.ossn-users-list-item .user-list .user-list-img {
	width: 60px;
	height: 60px;
}

.ossn-users-list-item .users-list-controls {
	margin-top: 5px;
	margin-bottom: 5px;
}

.ossn-users-list-item .users-list-controls .btn {
	padding: 3px 20px;
	font-size: 12px;
}

.ossn-users-list-item .users-list-controls a {
	margin-left: 5px;
}

.ossn-users-list-item {
	border: 1px solid #E9EAED;
}

.ossn-users-list-item .uinfo a {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	float: left;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.ossn-users-list-item .col-md-2 {
	text-align: center;
}

/*********************************
	Footer
**********************************/

footer {
	margin-top: 20px;
	padding-top: 5px;
}

footer .col-md-11 {
	border-top: 1px solid #acacac;
}

.footer-a {}

footer .container {}

footer .ossn-footer-menu {
	padding-bottom: 10px;
	float: right;
	padding: 20px;
}

.projectby-footer {
	margin-left: 5px;
	margin-top: -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(1)::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 {}

/****************************
	Home
****************************/

.home-left-contents {
	margin-top: 3%;
}

.home-left-contents .logo {
	text-align: center;
}

.home-left-contents .description {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	text-align: justify;
	color: #fff;
	font-family: ClanPro !important;
}

.home-left-contents .buttons {
	text-align: center;
	margin-top: 10px;
}

#ossn-home-signup p {
	margin-top: 10px;
}

/**************************
	System
***************************/

.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;
}

/**************************
	Similies
**************************/

.ossn-smiley-item {
	display: inline-block !important;
	margin-left: 2px;
	margin-right: 2px;
	width: initial !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	border: 0px !important;
}

/**************************
	Embed
 **************************/

.ossn_embed_video {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
}

/**************************
	Photos
***************************/

.ossn-photo-viewer .image-block img,
.ossn-photo-viewer {
	max-width: 100%;
}

.ui-draggable {
	opacity: 0.7;
}


/*****************************************************
		        3rd party components
******************************************************/

.sidebar-menu-nav ul .sub-menu li:before {
	font-family: FontAwesome;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.menu-section-item-groups:before {
	content: "\f07b" !important
}

.ossn-search input[type='text'] {
	padding: 5px;
	padding-left: 10px;
}

.site-name img {
	width: 200px;
}

.ossn-search input {
	border-radius: 4px;
}

.ossn-search fieldset {
	padding: 0;
}

.likes-count-comments {
	color: #808080;
	text-align: right;
	display: inline-block;
	float: right;
}

.ossn-profile-bottom .ossn-layout-module {
	padding: 0px;
}

.ossn-profile-bottom .ossn-layout-module .module-contents {
	padding: 0px;
}

.ossn-profile-bottom .ossn-layout-module .module-contents .ossn-widget .widget-contents {
	border: 1px solid #99CDCF;
	border-top: 0px;
	padding-bottom: 0px;
}

.image-block-max img {
	max-width: 700px !important;
}

.ossn-profile-bottom .like-share,
.ossn-profile-bottom .comments-list,
.ossn-profile-bottom .menu-likes-comments-share {
	margin-left: -12px;
	margin-right: -12px;
}

.ossn-profile-bottom .ossn-photos-comments .like-share,
.ossn-profile-bottom .ossn-photos-comments .comments-list,
.ossn-profile-bottom .ossn-photos-comments .menu-likes-comments-share {
	margin-left: -10px;
	margin-right: -10px;
}

.menu-section-usersg-icons {
	width: 25px !important;
	height: 25px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left !important;
	margin-top: 0px;
	padding: 8px 10px !important;
}

.start-ration-count {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/startu.png') no-repeat;
	padding-left: 15px;
	padding-right: 6px;
	font-size: 9px;
	padding-top: 15px;
	color: #fff;
	width: 44px;
	height: 41px;
}

.usersg-font {
	font-weight: bold;
	font-size: 10px;
	padding-top: 7px;
}

.bottomtext {
	color: #333;
}

.bottomtext .desc {
	text-align: justify;
}

.library-widget-contents-list {
	padding: 0px !important;
}

.list-library-item-odd {
	background: #EEF7F9;
}

.list-library-item-even {
	background: #F8FCFD;
}

.module-title-red {
	color: #BE3B49;
}

.module-title-blue {
	color: #4DA9AF;
}

.module-title-blue i {
	float: left;
	margin-right: 5px;
}

.ossn-profile-module-friends img {
	border-radius: 100%;
	border-radius: 1px solid #DEE3DD;
}

.total-likes-sidebar-page i {
	color: #C46928;
}

.total-likes-sidebar-page {
	color: #A4A4A5;
	text-align: center;
	border-bottom: 1px solid #AFD3D6;
	margin-top: 5px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
}

.view-likes-sidebar {
	text-align: center;
	padding-top: 10px;
}

.business-page-right-bottom .view-likes-sidebar .btn {
	font-size: 11px !important;
}

.bpage-buttons-mod {
	float: right;
}

.bpage-buttons-mod .like-page i,
.bpage-buttons-mod .unlike-page i {
	color: #A25590;
}

.bpage-buttons-mod .like-page,
.bpage-buttons-mod .unlike-page {
	color: #919B9F;
}

.bpage-buttons-mod .like-page .ossn-loading,
.bpage-buttons-mod .unlike-page .ossn-loading {
	display: inline-block;
	float: left;
}

.like-button-timeline,
#upload-photo-page {
	display: inline-block;
}

.timeline-module .module-contents {
	border-bottom: 0;
}

.information-page-sidebar {
	background: #EEF7F9;
	min-height: 400px;
	border-right: 1px solid #99CDCF;
}

.information-page-sidebar li {
	display: block;
	border-left: 4px solid rgba(237, 119, 51, 0);
}

.information-page-sidebar .li-active,
.information-page-sidebar li:hover {
	border-left: 4px solid #ED7733;
}

.information-page-sidebar li a {
	display: block;
	padding: 5px;
	padding-left: 20px;
	padding-top: 10px;
	color: #808080;
	font-weight: bold;
	text-decoration: none;
}

.information-page-sidebar li a {}

.heading-info {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #808080;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #808080;
}

.information-container p {
	color: #6b6b6b;
}

.business-page-right-bottom .widget-contents {
	background: #EEF7F9;
}

.business-social {
	margin-top: 10px;
}

.business-social a {
	color: #44376D;
}

.businesshours-form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	text-align-last: center;
}

.colab-widget .widget-contents {
	background: #EEF7F9;
}

.howcani-colab-main {
	color: #2770BE;
	font-weight: bold;
}

.colab-list-item {
	min-height: 145px;
	border-bottom: 1px solid #9BC7CA;
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px;
}

.colab-list-item img {
	border-radius: 100%;
	border: 3px solid #B2E0E2;
	width: 100px;
	height: 100px;
}

.colab-username a {
	color: #808080;
	font-size: 20px;
	font-weight: bold;
}

.colab-userhowotherscan {
	color: #808080;
	min-height: 60px;
}

.colab-make-cont {
	text-align: center;
}

.colab-list-item-even {
	background: #EEF7F9;
}

.colab-list-item-odd {
	background: #F7FBFC;
}

.colab-items-list {
	padding-top: 0 !important;
}

.view-likes-sidebar-buttton {
	color: #A4A4A5;
	text-align: center;
	border-top: 1px solid #AFD3D6;
	margin-top: 5px;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 10px;
	padding-bottom: 0px;
}

.view-likes-sidebar-buttton a {
	padding: 6px 25px;
	border-radius: 5px;
	font-size: 16px;
}

.details-info {}

.heading-title {
	font-weight: bold;
	color: #808080;
	margin-right: 5px;
}

.content-info {
	color: #0047AD;
	font-weight: bold;
}

.workeduc-form textarea {
	border: 1px solid #C2E1E3;
}

#user-setcv-img img {
	max-width: 100%;
}

.user-cv-heading {
	color: #808080;
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
}

.user-cv-heading i {
	margin-left: 6px;
	font-size: 20px;
	margin-right: 10px;
}

.user-cv-div {
	padding-right: 10px;
}

.hashtag-info {
	color: #7F00FF;
	font-weight: bold;
}

.colab-subhead {
	background-color: #D6EAF1;
	border-bottom: 1px solid #3F888C;
	border-top: 1px solid #3F888C;
	padding: 13px;
	font-weight: bold;
	color: #4DA9AF;
	text-transform: uppercase;
	margin-left: -10px;
	margin-right: -10px;
}

.colab-user-link {
	font-weight: bold;
	color: #808080;
	font-size: 18px;
}

.colab-item {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.colab-item img {
	border-radius: 100%;
}

.colab-noresult {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	color: #808080;
}

.edit-this-info {
	text-align: center;
	margin-bottom: 5px;
	display: block;
}

.events-widget .widget-heading {
	color: #BE3B49;
}

.even-wall-list-item .fa-map-marker {
	color: #43884C;
}

.even-wall-list-item .fa-map-marker {
	color: #43884C;
}

.even-wall-list-item .eventclock {
	border: 0px !important;
	width: 15px;
	display: inline-block !important;
	margin-top: 5px;
	margin-right: 6px;
}

.event-widget-item {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.event-widget-item .nameofevent {
	color: #5D5D5D;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.event-widget-item .event-address {
	color: #8C8C8C;
	font-size: 12px;
}

.event-widget-item .event-time {
	display: block;
	margin-right: -25px;
	margin-top: 5px;
}

.event-widget-item .event-time .timeofevent {
	font-size: 11px;
}

.event-widget-item .event-time .total-attending {
	font-size: 11px;
	float: right;
	font-weight: bold;
}

.event-widget-item .event-date {
	font-weight: bold;
	border-left: 1px solid #808080;
	padding-left: 5px;
	font-size: 12px;
}

.event-widget-item .eventclock {
	width: 10px;
}

.event-widget-count {
	font-size: 10px;
	float: right;
	margin-top: 3px;
}

.entity-menu-extra-sharepost:before,
.post-control-sharepost:before {
	content: " ";
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Share.png');
	width: 20px !important;
	height: 20px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left;
}

.like-count-img {
	width: 20px;
}

.like-count-reply-img {
	width: 15px;
	padding-bottom: 2px;
}

.ossn-reaction-title-wholiked,
.liketotal-c {
	font-weight: bold;
	font-size: 12px;
}

.ossn-photos-comments .like-share,
.ossn-photos-comments .comments-list,
.ossn-photos-comments .menu-likes-comments-share {
	/*  margin-left: -10px;
    margin-right: -10px;   bug? revisar que no quedó patá-- parece que arreglé luego con cambio de margins y paddings*/
}

.colab-item .btn {
	padding: 6px 18px;
	padding-top: 8px;
}

.genio-widget-main .widget-heading {
	color: #403068;
}

.projects-widget-main .widget-heading {
	color: #44a9af;
}

.add-item-lib-btn {
	padding: 5px 13px;
	padding-top: 10px;
	margin-top: -10px;
	font-size: 12px;
	display: block !important;
	float: right;
}

.active-box-s {
	border: 2px solid !important;
	;
}

.retribution-div {
	padding: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 6px;
}

.make-contact-colab-ptab {
	text-align: center;
	margin-bottom: 10px;
}

< !-- GENIO-->.title-genio {
	color: #39325F;
	font-weight: bold;
	font-size: 20px;
}

.genio-desc {
	color: #39325F;
	text-align: justify;
}

.genio-desc-title {
	color: #2770BE;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.porpose-genio {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 11px;
}

.show-images-list-genius-form div {
	width: 150px;
	height: 150px;
	position: relative;
	border: 1px solid #2770BE;
}

.genio-image-box-a,
.genio-image-box,
.show-images-list-genius-form {
	text-align: center;
}

.genio-image-box img {
	max-width: 500px;
	max-height: 400px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.genio-image-box-a {
	display: inline-block;
	padding: 10px;
}

.genio-image-box-a img {
	max-width: 200px;
	max-height: 200px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.show-images-list-genius-form img {
	max-width: 145px;
	max-height: 145px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#genio-widget-forms input[type="text"],
#genio-widget-forms textarea {
	border: 1px solid #2770BE;
}

.genio-images-right {
	margin-top: 10px;
}

.main-row-images {
	text-align: right;
	padding-left: 40px;
	margin-top: 20px;
}

.total-count-rank-genio {
	font-weight: bold;
	color: #39325F;
	padding: 7px 10px;
	display: inline-flex;
	margin-top: 0px;
	font-size: 10px;
}

.align-right-center {
	text-align: right;
	margin-bottom: 10px;
}

.align-left-center {
	text-align: left;
	margin-bottom: 10px;
}

.inline-block {
	display: inline-block;
}

.no-padding {
	padding: 0px !important;
}

.no-padding-lr {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.no-padding-ud {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.padding-lr-10 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.vertical-align-middle {
	vertical-align: middle;
}

.description-img-1 {
	width: 100px;
	margin-bottom: 10px;
}

.description-img-2 {
	width: 120px;
	margin-bottom: 10px;
}

.description-img-3 {
	width: 140px;
	margin-bottom: 10px;
}

.description-img-4 {
	width: 140px;
	margin-bottom: 10px;
}

.genio-main-title {
	border-bottom: 1px solid #99CDCF;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: justify;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #39325F;
}

.genio-widget-main .widget-contents {
	background: #EEF7F9;
}

.genio-list-item {
	border-bottom: 1px solid #A0CACC;
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px;
}

.genio-list-item-odd {
	background: #F8FCFD;
}

.genio-list-item-even {
	background: #EEF7F9;
}

.genio-list-item img {
	max-width: 100%;
}

.genio-list-item-img {
	border: 3px solid #AADCDF;
}

.genio-list-title a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 11px;
	color: #808080;
}

.color-m {
	color: #4DA9AF;
}

.genio-list-item .bottom {
	color: #aeaeae;
}

.genio-list-item strong {
	color: #808080;
}

.color-o {
	color: #C48438;
}

< !-- PROJECTS-->.title-projects {
	color: #39325F;
	font-weight: bold;
	font-size: 20px;
}

.projects-desc {
	color: #39325F;
	text-align: justify;
}

.projects-desc-title {
	color: #2770BE;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.propose-project {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 11px;
}

.show-images-list-projects-form div {
	width: 150px;
	height: 150px;
	position: relative;
	border: 1px solid #2770BE;
}

.projects-image-box-a,
.projects-image-box,
.show-images-list-projects-form {
	text-align: center;
}

.projects-image-box img {
	max-width: 500px;
	max-height: 400px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.projects-image-box-a {
	display: inline-block;
	padding: 10px;
}

.projects-image-box-a img {
	max-width: 200px;
	max-height: 200px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.show-images-list-projects-form img {
	max-width: 145px;
	max-height: 145px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#projects-widget-forms input[type="text"],
#projects-widget-forms textarea {
	border: 1px solid #2770BE;
}

.projects-images-right {
	margin-top: 10px;
}

.total-count-rank-projects {
	font-weight: bold;
	color: #39325F;
	padding: 10px;
	display: inline-flex;
	margin-top: 5px;
	font-size: 10px;
}

.projects-main-title {
	border-bottom: 1px solid #99CDCF;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: justify;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #39325F;
}

.projects-widget-main .widget-contents {
	background: #EEF7F9;
}

.projects-list-item {
	border-bottom: 1px solid #A0CACC;
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px;
}

.projects-list-item-odd {
	background: #F8FCFD;
}

.projects-list-item-even {
	background: #EEF7F9;
}

.projects-list-item img {
	max-width: 100%;
}

.projects-list-item-img {
	border: 3px solid #AADCDF;
}

.projects-list-title a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 11px;
	color: #808080;
}

.projects-list-item .bottom {
	color: #aeaeae;
}

.projects-list-item strong {
	color: #808080;
}


.ossn-wall-item .ossn-like-comment-entity .like-share,
.ossn-wall-item .ossn-like-comment-entity .comments-list,
.ossn-wall-item .ossn-like-comment-entity .menu-likes-comments-share {
	margin-left: -12px;
	margin-right: -12px;
}

.indicators-widget-subh {
	font-size: 12px;
	margin-top: 13px;
}

.indicators-widget-count {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Stars.png');
	background-size: contain;
	width: 35px;
	height: 35px;
	padding-top: 14px;
	font-size: 9px;
	color: #fff;
	text-align: center;
}

< !-- ARCOLUNA GRAPHIC DESIGN-->.ClanPro {
	font-family: ClanPro !important;
}


.overall-exp span {
	font-size: 12px;
	color: #FD7612;
	font-weight: bold;
}

.colab-action-date {
	font-size: 12px;
	margin-bottom: 5px;
}

.colab-action-date span {
	font-size: 12px;
	color: #D90044;
	font-weight: bold;
}

.widget-title-blue {
	color: #2770BE;
}

.ossn-profile-points {
	display: none;
}

.wall-added-friend {
	text-align: center;
	margin-bottom: 10px;
}


@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 {
	}
}


/***************************************
	Tablets - IPAD PRO 1024x1366
****************************************/

@media only screen and (max-width: 1024px) {

	/***********************
    	Topbar
     ***********************/
	.ossn-topbar-dropdown-menu {
		float: none;
	}

	.invisible-sidebar {
		visibility: visible;
	}

	.topbar-icon-padding-toggle {
		padding-left: 10px !important;
		padding-right: 0px !important;
	}

	.dropdown-menu {
		margin-left: -110px;
	}

	.ossn-profile .user-fullname {
	}

	/***********************
    	Comments
     ***********************/

	.comments-list .comments-item .comment-user-img {
		display: none;
	}

	.comments-item .col-md-11 {
		padding-left: 15px;
	}

	/**************************
     	Layouts
     ****************************/

	.newsfeed-right {
		display: none;
	}

	/*******************
     	Messages
     *******************/

	.ossn-messages .message-with .user-icon,
	.ossn-messages .messages-recent .messages-from .user-item .image {
		display: none;
	}

	.ossn-messages .message-inner .row {
		margin-left: 0px !important;
	}

	.sidebar-menu-nav .sidebar-menu .menu-content {
		display: block;
	}
}

/***************************************
	Tablets - IPAD 768x1024
****************************************/

@media (max-width: 1023px) {
	.invisible-searchIcon {
		display: inline-block !important;
	}

	.invisible-searchBar {
		display: none;
	}

	.ossn-search {
		margin-top: 0px !important;
		margin-bottom: 5px !important;
	}

	.ossn-topbar-dropdown-menu {
		float: right;
	}

	.profile-hr-menu ul li a {
		padding: 10px;
	}
}


@media (max-width: 767px) {
	.sidebar-menu-nav {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}

	.ossn-group-members {
		height: 75px !important;
	}
}

@media only screen and (max-width: 767px) {
	.information-page-sidebar {
		min-height: 400px;
	}

	.ossn-profile .user-fullname {
	}

	.ossn-search-page .ossn-users-list-item .uinfo {
		margin-left: 0;
	}

	.ossn-invite-friends .invite-description .invite-description-img {
		width: 40%;
		padding-bottom: 10px;
	}

	.ossn-invite-friends .invite-description {
		padding-right: 15px;
	}
}

/**************************
	Mobile Layout Settings
***************************/

@media (max-width: 480px) {

	/***********************
    	Login
     ***********************/

	.ossn-widget-login {
		margin-bottom: 10px;
		background-position: 10% 0%;
		border-radius: 30px;
		min-height: 1200px;
	}

	.empty-space {
		height: 230px;
	}

	/***********************
    	Comments
     ***********************/

	.comments-list .comments-item .comment-user-img {
		display: none;
	}

	.comments-item .col-md-11 {
		padding-left: 15px;
	}

	/************************
    	Wall
     ************************/
	.ossn-wall-item .meta {
		padding-bottom: 10px;
	}

	.ossn-wall-item-type {
		display: block;
	}

	.ossn-wall-item .meta .user {
		width: 76%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ossn-profile-bottom .ossn-wall-item .meta .user {
		width: 74%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ossn-profile-bottom .ossn-wall-item .meta {
		font-size: 13px !important;
	}

	.ossn-profile-bottom .ossn-wall-item .meta .user a {
		font-size: 13px !important;
	}

	.ossn-profile-bottom .ossn-wall-item .meta .time-created {
		font-size: 13px !important;
	}

	.ossn-wall-item .post-menu .dropdown .btn-link {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.ossn-profile-bottom .ossn-wall-privacy {
		padding: 12px !important;
		padding-right: 10px !important;
	}

	.ossn-list-users .uinfo .userlink {
		text-overflow: ellipsis;
		width: 200px;
		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;
	}

	.menu-likes-comments-share {
		padding-left: 5px;
		padding-right: 5px;
	}

	.menu-likes-comments-share li {
		padding-left: 5px;
		padding-right: 5px;
	}

	.menu-likes-comments-share li a {
		font-size: 11px;
	}

	.menu-likes-comments-share li::after {
		content: " ";
		margin-left: 3px;
		margin-right: 3px;
		color: #ccc;
	}

	.ossn-reaction-title-wholiked,
	.like-share .liketotal-c {
		font-size: 11px !important;
	}

	.comment-metadata .time-created {
		font-size: 12px !important;
	}

	/***************************
    	Topbar notification box
   *****************************/
	.ossn-search {
		margin-top: 0px !important;
		margin-bottom: 5px !important;
	}

	.invisible-searchIcon {
		display: inline-block !important;
	}

	.invisible-searchBar {
		display: none;
	}

	.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: 210px !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;
	}

	.topbar-menu-right li a {
		padding-left: 0.3em !important;
		padding-right: 0.3em !important;
	}

	.topbar .right-side {
		padding-right: 0px !important;
	}

	.ossn-topbar-dropdown-menu .dropdown-menu {
		margin: 0px -150px 0;
	}

	.topbar-icon-padding-toggle {
		padding-left: 8px !important;
		padding-right: 0px !important;
	}

	.topbar .fa-sort-desc {
		margin-top: 2px;
		padding-right: 5px !important;
	}

	.topbar .fa-th-list {
		font-size: 16px !important;
		padding-top: 4px !important;
	}

	/******************************
    	Footer
    ********************************/
	.footer-a {
		text-align: center;
	}

	.footer-contents {
		text-align: center;
	}

	/******************************
    	Profile
    ********************************/
	.ossn-profile .top-container {
		background: #EEF7F9;
	}

	.ossn-profile-bottom {
		margin-top: 0px;
	}

    .upload-photo {
        margin-bottom: 0px;
        transform: scale(0.8);
    }
    
	.ossn-profile .user-fullname {
		width:auto;
        white-space: normal;
	}

	.ossn-profile .top-container .profile-cover {
		height: 188px;
	}

	.ossn-profile .profile-photo {
		margin-top: -130px;
	}

	.profile-menu {
		float: none;
		margin: 10px;
		text-align: center;
	}

	.ossn-profile .top-container .profile-cover img {
		width: 100%;
		height: 188px;
		top: 0px !important;
		left: 0px !important;
	}

	.ossn-group-cover-button,
	.profile-cover-controls {
		display: none !important;
	}

	.upload-photo span {
		padding: 0px !important;
	}

	.profile-hr-menu ul {
		margin-left: 0px;
	}

	.profile-hr-menu ul li {
		display: inline-block;
		text-align: center;
		border-bottom: 1px solid rgb(238, 238, 238);
		margin-right: 0px;
	}

	.profile-hr-menu ul li a {
		margin-right: 0px;
		padding: 4px;
		padding-top: 13px;
		font-size: 10px;
		height: 38px;
	}

	.business-page .profile-hr-menu ul li a {
		margin-right: 0px;
		padding: 6px;
		padding-top: 13px;
		font-size: 10px;
		height: 38px;
	}

	.information-page-sidebar {
		min-height: 130px !important;
		height: 130px !important;
		border: 1px solid #99CDCF;
	}

	.business-page .information-page-sidebar {
		min-height: 70px !important;
		height: 70px !important;
		border: 1px solid #99CDCF;
	}

	.information-page-sidebar li {
		display: inline-block !important;
		border-left: 4px solid rgba(237, 119, 51, 0);
		width: 48%;
	}

	.business-page .information-page-sidebar li {
		width: 32%;
	}

	.information-page-sidebar li a {
		display: inline-block;
		padding: 5px;
		padding-left: 10px !important;
		padding-top: 10px;
		color: #808080;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
	}

	.information-container {
		padding: 0 10px;
	}

	.details-info {
		padding: 2px;
	}


	/*****************************
     	System
     *****************************/

	.ossn-users-list-item img {
		display: none;
	}

	.ossn-users-list-item .user-list {
		padding-right: 5px;
		padding-left: 5px;
	}

	.ossn-users-list-item .user-list .user-list-img {
		width: 50px;
		height: 50px;
	}

	.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: 100%;
	}

	.ossn-system-messages {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ossn-widget .widget-contents {
		padding: 10px;
	}

	.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: "|";
	}

	.responsive-logo {
		width: 200px;
		height: auto;
		text-align: center;
	}

	.ossn-error-page {
		padding: 50px;
	}

	.ossn-error-page .error-heading {
		font-size: 30px;
		font-weight: bold;
	}

	/**********************
    	Groups
    ************************/

	.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 !important;
	}

	.home-left-contents .some-icons {
		display: none;
	}

	/**************************
     	Layouts
     ****************************/

	.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: 0px !important;
	}

	/*************************
     	Home Page
     **************************/

	.logo img {
		width: 260px;
	}

	.home-left-contents .description {
		font-size: 15px;
	}

	.home-left-contents {
		margin-bottom: 20px;
	}

	/*****************************
    	Wall Menu
    ******************************/

	.dropdown-menu {
		margin-left: -110px;
	}

	.menu-footer-powered {
		float: none;
	}

	/*****************************
    	Buttons
    ******************************/
	.btn-login,
	.btn-login2,
	.btn-signup,
	.btn-genio,
	.btn-projects,
	.btn-library {
		width: 100%;

	}

	/*****************************
    	Components
    ******************************/

	.description-img-1 {
		width: 100px;
		margin-bottom: 10px;
	}

	.description-img-2 {
		width: 120px;
		margin-bottom: 10px;
	}

	.description-img-3 {
		width: 140px;
		margin-bottom: 10px;
	}

	.description-img-4 {
		width: 150px;
		margin-bottom: 10px;
	}

	.vertical-align-middle {
		vertical-align: middle !important;
	}

	.align-right-center {
		text-align: center !important;
		padding: 0px;
	}

	.align-left-center {
		text-align: center !important;
		padding: 0px;
	}

	.align-right {
		text-align: right !important;
		padding: 0px;
	}

	.align-left {
		text-align: left !important;
		padding: 0px;
	}

	.float-right {
		float: right;
		padding: 0px;
	}

	.float-left {
		float: left;
		padding: 0px;
	}

	.mobile-align-center {
		text-align: center !important;
	}

	.total-count-rank-genio {
		vertical-align: center;
		font-weight: bold;
		color: #39325F;
		display: inline-flex;
		margin-top: 0px;
		font-size: 10px;
		padding: 2px 10px !important;
	}

	.menu-section-usersg-icons {
		width: 25px !important;
		height: 25px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		display: inline-block !important;
		margin-right: 5px;
		float: left !important;
		margin-top: 0px;
		padding: 8px 10px;
	}

	.usersg-font {
		font-weight: bold;
		font-size: 10px;
		padding-top: 7px;
	}

	.mobile-fiverank {
		display: inline-block;
		text-align: center;
		float: center;
	}

	.mobile-fiverank-2 {
		width: 49%;
		display: inline-block;
	}

	.start-ration-count {
		background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/startu.png') no-repeat;
		padding-left: 15px;
		padding-top: 15px;
	}
}

/**************************
	Small Mobile Layout Settings 
    iPhone 5 - Ipod Touch - Galaxy S
***************************/

@media (max-width: 340px) {
	/***********************
    	Topbar
     ***********************/

	.topbar-menu-right li a {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

	.topbar-icon-padding-toggle {
		padding-left: 7px !important;
		padding-right: 0px !important;
	}

	.menu-topbar-icons {
		width: 18px !important;
		height: 18px !important;
	}

	/***********************
    	Comments
     ***********************/
	.menu-likes-comments-share {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	.menu-likes-comments-share li {
		padding-left: 5px !important;
		padding-right: 3px !important;
	}

	.menu-likes-comments-share li::after {
		margin-left: 2px !important;
		margin-right: 2px !important;
		color: #ccc;
	}

	.menu-likes-comments-share li a {
		font-size: 10px !important;
	}

	.like-share {
		padding-left: 5px !important;
		padding-right: 5px !important;
		font-size: 12px !important;
	}

	.ossn-reaction-title-wholiked,
	.like-share .liketotal-c {
		font-size: 10px !important;
	}

	/***********************
    	Wall
     ***********************/
	.ossn-wall-item .post-menu .dropdown .btn-link {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.ossn-wall-item .meta .user {
		width: 180px !important;
	}

	.ossn-wall-item .meta {
		font-size: 13px !important;
	}

	.ossn-wall-item .meta .user a {
		font-size: 13px !important;
	}

	.ossn-wall-item .meta .time-created {
		font-size: 13px !important;
	}

	.ossn-wall-container .controls {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.ossn-wall-container .controls li {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	/***********************
    	Widgets
     ***********************/
	.ossn-widget .widget-heading {
		background-color: #D6EAF1;
		border: 1px solid #3F888C;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 13px;
		padding-top: 20px;
		font-size: 12px !important;
	}

	.menu-widget-icons {
		width: 18px !important;
		height: 18px !important;
		margin-right: 5px;
		margin-top: -5px;
	}

	.genio-widget-main .genio-list-all .menu-widget-icons {
		width: 25px !important;
		height: 25px !important;
		margin-right: 5px;
		margin-top: 0px;
	}

	/***********************
    	Information-Tab
     ***********************/

	.information-page-sidebar {
		min-height: 160px !important;
		height: 160px !important;
		border: 1px solid #99CDCF;
	}

	.profile-hr-menu ul li a {
		padding: 1.7px;
		padding-top: 13px;
		font-size: 9px;
		height: 38px;
	}

	.business-page .profile-hr-menu ul li a {
		margin-right: 0px;
		padding: 6px;
		padding-top: 13px;
		font-size: 8.3px;
		height: 38px;
	}
}


/*********************** 

RESPONSIVE SCREEN RESOLUTIONS
360x640 (small mobile): 22.64%
1366x768 (average laptop): 11.98%
1920x1080 (large desktop): 7.35%
375x667 (average mobile): 5%
1440x900 (average desktop): 3.17%
720x1280 (large mobile): 2.74%

BOOTSTRAP                       Screen widths           Container widths  
col-xs-* ---> mobile            less than 768px         auto
col-sm-* ---> tablet            768px and up            750px
col-md-* ---> medium laptops    992px and up            970px
col-lg-* ---> large monitors    1200px and up           1170px

IPHONE		      Pixel Size	Viewport
iPhone XR	      828 x 1792	414 x 896
iPhone XS	      1125 x 2436	375 x 812
iPhone XS Max	  1242 x 2688	414 x 896
iPhone X	      1125 x 2436	375 x 812
iPhone 8 Plus	  1080 x 1920	414 x 736
iPhone 8	      750 x 1334	375 x 667
iPhone 7 Plus	  1080 x 1920	414 x 736
iPhone 7	      750 x 1334	375 x 667
iPhone 6/6S Plus  1080 x 1920	414 x 736
iPhone 6/6S	      750 x 1334	375 x 667
iPhone 5	      640 x 1136	320 x 568	
iPod Touch	      640 x 1136	320 x 568	

Tablets	
iPad Pro	      2048 x 2732	1024 x 1366
iPad 3º/4º Gen	  1536 x 2048	768 x 1024
iPad Air 1/2	   1536 x 2048	768 x 1024
iPad Mini 2/3	  1536 x 2048	768 x 1024
iPad Mini	      768 x 1024	768 x 1024

ANDROID           Pixel Size	Viewport
Nexus 6P	      1440 x 2560	412 x 732
Nexus 5X          1080 x 1920	412 x 732
Google Pixel 3 XL 440 x 2960	412 x 847
Google Pixel 3	  1080 x 2160	412 x 824
Google Pixel 2 XL 1440 x 2560	412 x 732
Google Pixel XL	  1440 x 2560	412 x 732
Google Pixel	  1080 x 1920	412 x 732
Galaxy Note 9	  1440 x 2960	360 x 740
Galaxy Note 5	  1440 x 2560	480 x 853
LG G5	          1440 x 2560	480 x 853
One Plus 3	      1080 x 1920	480 x 853
Galaxy S9+        1440 x 2960	360 x 740
Galaxy S9	      1440 x 2960	360 x 740
Galaxy S8+	      1440 x 2960	360 x 740
Galaxy S8	      1440 x 2960	360 x 740
Galaxy S7 Edge	  1440 x 2560	360 x 640
Galaxy S7	      1440 x 2560	360 x 640

Tablets		
Nexus 9	          1536 x 2048	768 x 1024
Nexus 7 (2013)	  1200 x 1920	600 x 960
Galaxy Tab 10	  800 x 1280	800 x 1280
Chromebook Pixel  2560 x 1700	1280 x 850

 ***********************/

@media (max-width: 480px) {

	.change-cover {
		float: right;
		position: relative;
		margin-right: 5px !important;
	}

	.reposition-cover {
		float: right;
		position: relative;
		margin-right: 5px !important;
	}

}
.emoji--like {
    background: rgb(77, 169, 175) !important;	
}
.pagination {
    margin: 20px 0;
}
/* ORANGE BUTTON */
.btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f0ad4e;
  --bs-btn-border-color: #eea236;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ec9f3c;
  --bs-btn-hover-border-color: #e5962d;
  --bs-btn-focus-shadow-rgb: 240, 173, 78;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e5962d;
  --bs-btn-active-border-color: #d58512;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f0ad4e;
  --bs-btn-disabled-border-color: #eea236;
}


/* LIGHT BLUE BUTTON */
.btn-lblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #51adb3;
  --bs-btn-border-color: #4da9af;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #469aa0;
  --bs-btn-hover-border-color: #43969c;
  --bs-btn-focus-shadow-rgb: 81, 173, 179;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #43969c;
  --bs-btn-active-border-color: #3f8f95;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #51adb3;
  --bs-btn-disabled-border-color: #4da9af;
}


/* PURPLE BUTTON */
.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #45376c;
  --bs-btn-border-color: #45376c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3b2f5e;
  --bs-btn-hover-border-color: #3b2f5e;
  --bs-btn-focus-shadow-rgb: 69, 55, 108;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #332852;
  --bs-btn-active-border-color: #332852;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #45376c;
  --bs-btn-disabled-border-color: #45376c;
}

/***********************
	Map dropdown UI
************************/
.omaps-autocomplete-dropdown {
    position: absolute;
    top: 40px; 
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
    display: none;
	z-index: 9999;
}
.omaps-autocomplete-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.omaps-autocomplete-item:hover {
    background-color: #f8f9fa;
}

#ossn-wall-location .ossn-location-icon {
    margin-top: -13px;
} .user-stats-widget {
	text-align:center;
}
.user-stats-widget img {
		border-radius:50%;
}
.user-stats-widget .user-stats-item {
	display: inline-block;
    margin-right:20px;
}
.user-stats-widget .user-stats-item  .counter {
	    font-size: 25px;
}
.user-stats-widget .user-stats-item  .title {
    font-size: 12px;
}
.user-stats-widget .ossn-loading {
	margin:0 auto;
}.business-page .top-container {
    background: rgb(238, 247, 249) !important;
    border-color: rgb(196, 205, 224) !important;
}
.bpage-menu-hr-container {
    border: 1px solid #C4CDE0 !important;
    background: #eef7f9 !important;
}

.bpage-hr-menu>li>a:not(.bpage-hr-menu .dropdown-toggle):hover,
.bpage-hr-menu>ul>li:hover>a:not(.bpage-hr-menu .dropdown-toggle) {
	background: #b6dcde !important;
}
.business-page-metadata .buttons .ossn-loading:not(:required) {
	-moz-animation: three-quarters-loader 1250ms infinite linear !important;
	-webkit-animation: three-quarters-loader 1250ms infinite linear !important;
	animation: three-quarters-loader 1250ms infinite linear !important;
	border: 8px solid #fff !important;
	border-right-color: transparent !important;
	border-radius: 16px !important;
	box-sizing: border-box !important;
	position: relative !important;
	overflow: hidden !important;
	text-indent: -9999px !important ;
	width: 24px !important;
	height: 24px !important;
}

.business-page .category {
    font-size: 17px;
    color: rgb(101, 104, 108);
    font-weight: 600;
    margin-left: 10px;
}

.businesshours-form td {
		padding-left: 10px;
}
.businesshours-form select {
	width: 50%;
	display: inline-block;
}
.btn-bpage {
    color: #fff;
    background: linear-gradient(to bottom,#b2ba36,#b2ba36 50%,#a0a92d 50%,#a0a92d);
    width: 240px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    border-bottom: 5px solid #34502c;
    padding: 14px;
    border-radius: 20px
}

#topbar-map {
    height: 400px;
    width: 100%
}

#new-organization-map {
    height: 300px
}

#details-map {
    height: 300px
}

#map-search-bar {
    width: 50%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.map-search-bar-box {
    margin: 10px
}

#map-search-bar:focus {
    width: 50%
}

#map-modal-select {
    position: relative;
    right: 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px
}

.map-label {
    color: gray;
    font-family: 'ClanPro',sans-serif !important;
    font-size: 16px;
    font-weight: bold
}

.field {
    font-weight: bold
}
.bpage-padding {
    padding-top: 20px;
}
.bpage-main-title .bpage-description .bpage-description-img {
    width: 100%;
}.ossn-profile-module-friends img {
    padding: 1.5px;
}
.ossn-profile-module-friends .user-image {
    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;
}

/** profile edit layout **/
.ossn-profile-edit-layout {
    border-bottom: 1px solid #eee;
    background-color: #FBFCFD;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}

.profile-edit-tabs {}

.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-tabs a {}

.profile-edit-layout-right {
	padding: 10px;
	border-left: 1px solid #eee;
}

.profile-edit-layout-title {
    background-color: #D6EAF1;
    border: 1px solid #3F888C;
	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://arcoluna.getsandbox.net/themes/arcoluna/images/loading.gif") right center no-repeat;
}
#ossn-wall-form .ui-helper-hidden-accessible {
  	display: none;
}

.ossn-comment-attach-photo {
    width: 100%;	
}

.ossn-comment-attach-photo i {
    float: right;
    position: relative;
    margin-right: 10px;
    margin-top: 6px;
    padding: 5px;
    font-size: 17px;
    cursor: pointer;
    color: #999;
}
.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;
    
    /* Please, check scaling algorithm of comment picture previews #682 */
    /** 
    comments attachment image not responsive #938
    display: flex; **/
    
    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-lg-1 {
	display:none;
}
.ossn-viewer-comments .comments-likes .ossn-comment-attach-photo .fa-camera {
	float:none;
    margin-right:0px;
    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:0px;
    margin-right:0px;
}
.ossn-form textarea#comment-edit{
    height: 125px;
}
.ossn-delete-comment {
    color: #EC2020 !important;
}
.comment-post-btn {
    float: right;
    border-radius: 10px;
    padding: 2px 20px;
}
.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:after {}

.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, -0.325);
}

.emoji--like {
	background: #548DFF;
}

.emoji--dislike .emoji__hand,
.emoji--like .emoji__hand {
	left: 25px;
	bottom: 30px;
	width: 20px;
	height: 40px;
	background: #FFFFFF;
	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 #FFFFFF, 2px -19px 0 2px #FFFFFF, 3px -29px 0 3px #FFFFFF;
}

.emoji--dislike .emoji__thumb,
.emoji--like .emoji__thumb {
	border-bottom: 20px solid #FFFFFF;
	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: #FFFFFF;
	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 #FFFFFF;
}

.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: #FFFFFF;
	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 #000000, 25px -5px 0 0 #000000;
}

.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 #000000, 25px 5px 0 0 #000000;
}

.emoji--haha .emoji__mouth {
	width: 80px;
	height: 40px;
	left: calc(50% - 40px);
	top: 50%;
	background: #000000;
	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 #000000, -36px 0 0 0px #000000, 6px 0 0 0 #000000, 36px 0 0 0px #000000;
}

.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 #000000;
	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 #000000, 25px 0 0 0 #000000, -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 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;
	-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 #000000;
	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 #000000, -25px 0 0 0 #000000;
}

.emoji--wow .emoji__mouth {
	width: 30px;
	height: 45px;
	left: calc(50% - 15px);
	top: 50%;
	border-radius: 50%;
	background: #000000;
	-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 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
}

.emoji--sad .emoji__eyebrows:before,
.emoji--sad .emoji__eyebrows:after {
	width: 30px;
	height: 20px;
	border: 6px solid #000000;
	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 #000000, -25px 0 0 0 #000000;
}

.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 #000000;
	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 #000000, 18px 0 0 0 #000000;
}

.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 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
}

.emoji--angry .emoji__eyebrows:before,
.emoji--angry .emoji__eyebrows:after {
	width: 50px;
	height: 20px;
	border: 6px solid #000000;
	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 #000000, -25px 0 0 0 #000000;
}

.emoji--angry .emoji__mouth {
	width: 36px;
	height: 18px;
	left: calc(50% - 18px);
	bottom: 15px;
	background: #000000;
	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: #ffffff;
	width: 355px;
	padding: 2px;
	position: absolute;
	height: 50px;
	top: auto;
	margin-top: -75px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 2em;
	cursor: default;
}

.ossn-like-reactions-panel li:after {
	margin-left: 0px;
	margin-right: 0px;
	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, -0.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-whoreacted .emoji {}

.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: -40px;
		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, -0.12);
}
.ossn-profile-module-albums img {
    width: 50px;
    height: 50px;
}
.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;
    margin-right:20px;
}
.ossn-album-name {
    text-align: left;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    width: 200px;
    white-space: nowrap;
    text-decoration:none;
    overflow: hidden;
    color:#DE9D43;
}
.ossn-album-name:hover {
	text-decoration:none;
}
.ossn-photos {} .ossn-photos li img {
    /* border:1px solid #ccc; */
}
.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;
    /** pictures in single view are drifting rightwards out of place #629 **/
    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: 199px;
    height: 200px;
}
.ossn-photo-menu li {
    display: block;
}
.ossn-photo-menu li a {
    font-size: 12px;
}
.ossn-profile-module-albums {
	
}
.ossn-profile-module-albums a {
    margin-left: 3px;
    border: 1px solid #eee;
}
.ossn-photo-view h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top:0px;
    display: inline;
}
.ossn-photo-menu {
	margin-top:10px;
}
.ossn-photo-viewer .image-block {
	text-align: center;
    min-height:200px;
}
.ossn-ablum-count {
    font-size: 12px;
    color: #333;
    float: left;
    margin-left: 5px;
    margin-top: -9px;
    margin-bottom: 5px;
}
.photos-cover-list {
	width: 420px !important;
}
.photos-cover-list .pthumb {
	width: 419px;
}
.photo-add-box img {
    opacity: 0;
}
.photo-add-box .ossn-album-name,
.photo-add-box .ossn-ablum-count {
	opacity:0;
}
.photo-add-box {
	pointer:cursor;
}	
.photo-add-box .text {
	margin-top: -128px;
    opacity: 1;
    color: #DE9D43;
    font-weight: bold;
    margin-left: -20px;
    font-size: 16px;
}
.ossn-profile-bottom .ossn-layout-module .module-title .title {
    color: #DE9D43;
}

.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:none;
  	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;
}

/**************************
	Mobile Layout Settings
***************************/

@media (max-width: 480px) {
    .photos-cover-list {
        width: 200px !important;
    }
    .photos-cover-list .pthumb {
        width: 199px;
    }
    .ossn-photos li {
        display: inline-block;
        margin-right: 0px;
    }
}
.ossn-notification-icon-comment {
	display: inline-block;
}	
.ossn-notification-icon-comment:before {
	content: "\f075";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
}
.ossn-notification-icon-tag {
    display: inline-block;
}
.ossn-notification-icon-tag:before {
	content: "\f507";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
}
.ossn-notification-icon-like {
    display: inline-block;
}
.ossn-notification-icon-like:before {
	content: "\f164";
    font-family: 'Font Awesome 5 Free';
    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: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    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-notifications-all .time-created {
    font-weight: bold;
    font-size: 13px;
    margin-left: 10px;
}.ossn-search {
}
.ossn-search input[type='text']{
    width: 95%;
    margin: 0 auto;
    color: #000;
    border-radius: 3px;
}
.ossn-search-active-item {
    background: #eee;
}
.ossn-messages {
	background: #fff;
	padding: 10px;
}

.ossn-messages .messages-recent .widget-contents {
	padding: 0px;
}

.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: 0px;
	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-lg-10,
.ossn-messages .messages-recent .messages-from .user-item .col-lg-2 {
	padding: 0px;
}

.ossn-messages .messages-recent .messages-from .user-item .reply {
	margin-top: -4px;
	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: 0px;
}

.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-form-form .textarea {
}

.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: 10px 10px 0;
}

.ossn-messages .message-with .time-created {
	float: right;
	margin-left: 5px;
}
/*************************
	Notifications
**************************/

.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: -0px;
	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;
}
/************************
	v4.0 chat message
*************************/
.message-box-recieved {
	background-color: #F2F2F2;
	display: inline-block;
	padding: 5px 18px;
	position: relative;
	vertical-align: top;
	float: left;
	margin: 10px 0px 10px 10px;
	word-break: break-word;
	text-align: justify;
	border-radius: 15px;
	box-shadow: 0 1px 0 #c9d4bc;
}

.message-box-sent {
	word-break: break-word;
	text-align: justify;
	float: right;
	background-color: #dfeecf;
	display: inline-block;
	padding: 5px 18px;
	position: relative;
	vertical-align: top;
	margin: 10px 0px;
	border-color: #cdecb0;
	border-radius: 15px;
	box-shadow: 0 1px 0 #c9d4bc;
}

.messages-with .widget-contents {
	padding: 10px 0px;
}
/*** Pagination ***/
.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;
	cursor: pointer;
}

.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;
}

.message-with .ossn-message-show-image-attachment {
	max-width: 200px;
}

.ossn-message-attach-photo:hover,
.ossn-message-icon-attachment:hover {
	background: #eee;
}

.ossn-message-attach-photo,
.ossn-message-icon-attachment {
	float: right;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
}

.ossn-message-icon-attachment:before {
	content: "\f0c6";
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: #0b769c;
}

.ossn-message-attach-photo .fa-smile {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: #0b769c;
	margin-top: 0px !important;
}

.ossn-messages .widget-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#message-with-user-widget {
	border-left: 1px solid #eee;
}

#message-with-user-widget .widget-heading .user-icon-smaller {
	border-radius: 50%;
	float: left;
	margin-top: -5px;
	margin-right: 5px;
}

.ossn-omessage-attachment-remove {
	color: red;
	float: right;
	cursor: pointer;
}

.ossn-omessage-attachment-name {
	max-width: 250px;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ossn-inmessage-status-circle {
    position: absolute;
    margin-left: -18px;
    margin-top: 11px;
    border-radius: 100%;
    border: 2px solid white;
    height: 12px;
    width: 12px;
}

.ossn-inmessage-status-offline .ossn-inmessage-status-circle {
	background:#D23636;
}
.ossn-inmessage-status-online .ossn-inmessage-status-circle {
    background: #4cae4c;
}

.ossn-message-delete-conversation {
    float: right;
    color: #ec2828;
}
#ossn-message-delete-conv-form .ossn-loading {
    margin: 45px auto;
}
.ossn-msgrecent-check-read.fa.fa-check {
    font-size: 10px;
    color: #53bdeb;
    margin-left: 5px;
}
.ossn-recent-message-status-offline .ossn-inmessage-status-circle {
		background: #D23636;
}
.ossn-recent-message-status-online .ossn-inmessage-status-circle {
		background: #4cae4c;
}
.ossn-recent-message-item .ossn-inmessage-status-circle {
    position: absolute;
    margin-left: -13px;
    margin-top: 20px;
    border-radius: 100%;
    border: 2px solid white;
    height: 12px;
    width: 12px;
}
.msg-flex-c1 {
	position:relative;
}
.msg-flex-c2 {
	width:100%;
    margin-left:10px;
}
.ossn-recent-messages-toggle i {
	margin-right:0px;
    margin-top: 6px;
}
.ossn-recent-messages-toggle {
	text-align: center;
    float: right;
    background: transparent;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor:pointer;
}
.ossn-recent-messages-toggle:hover {
	background:#fff;
}
.ossn-messages-select-conv {
	font-size: 5rem;
    color: #999;
}.ossn-ad-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    word-break: break-word;
}
.ossn-site-pages-title {
    background: #F9F7F7;
    border: 1px solid #eee;
    padding: 10px;
    font-weight: bold;
}
.ossn-site-pages-body {
    padding: 10px;
}.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-block-lists li span {}:root{
	--ossn-chat-panel-width: 330px;
    --ossn-chat-panel-height: 400px;
    --ossn-inchat-icon-color: #0b769c;
}
.ossn-chat-base {
    border-bottom: 0;
    bottom: 0px;
    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: 0px;
    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, 0.5);
    border: 1px solid #BAC0CD;
    height: 35px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position:relative;
}

.ossn-chat-base .ossn-chat-bar .inner:hover {
    background: #fff;
}
.ossn-chat-windows-long .friends-list-item img {
    border: 3px solid #ec2828;
}
.ossn-chat-base .ossn-chat-bar .friends-list {
    background: #fff;
    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;
	box-shadow: 0 12px 28px 0 rgb(0 0 0 / 20%), 0 2px 4px 0 rgb(0 0 0 / 10%);    
}
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: #fff;
    color: #000;
    height: 48px;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 -1px rgb(0 0 0 / 10%) inset, 0 2px 1px -1px rgb(255 255 255 / 50%)    
}

.ossn-chat-inline-table {
    display: inline-table;
}

.ossn-chat-tab-titles .options {
	float: right;
    color: #FFF;
    font-size: 15px;
    cursor: pointer;
}

.ossn-chat-tab-titles .options .item:hover {
    background: #5E72A2;
    width: 17px;
    margin-right: -4px;
    text-align: center;
}

.ossn-chat-tab-titles .text {
    color: #353535;
    font-weight: bold;
    margin-left: 9px;
    padding-top: 4px;
    max-width: 190px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.ossn-chat-bar .friends-list .data {
    width: 195px;
    overflow: hidden;
    overflow-y: scroll;
    height: 236px;
}

.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;
    padding: 5px 2px;
    height: 33px;
}

.ossn-chat-base .ossn-chat-bar .friends-list-item .icon {
    display: inline-table;
    width: 25px;
    height: 25px;
}

.ossn-chat-base .ossn-chat-bar .friends-list-item .name {
    margin-top: -22px;
    margin-left: 30px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ossn-chat-base .ossn-chat-bar .friends-list-item .user-icon-small {
	width:25px;
    height:25px;
}
.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;
    text-align:center;
}

.friend-tab-item {
    display: block;
    bottom: 0px;
    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, 0.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: -366px;
    position: absolute;
    height: var(--ossn-chat-panel-height);
    width: var(--ossn-chat-panel-width);
    margin-left: 5px;
    display: none;
    background:#fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;    
    box-shadow: 0 12px 28px 0 rgb(0 0 0 / 20%), 0 2px 4px 0 rgb(0 0 0 / 10%);
}

.friend-tab-item .tab-container .data {
    background: #fff;
    height: 305px;
    width: var(--ossn-chat-panel-width);
    overflow: hidden;
    overflow-y: auto;
}

.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;
    font-size:13px;
}

.friend-tab-item .data .message-reciever .text {
	margin-right: auto;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 0 1px 0 #dce0e6;
    display: inline-table;
    background: #f1f0f0;
}

.friend-tab-item .data .message-reciever .text .inner {
    padding: 9px;
    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;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 0 1px 0 #c9d4bc;
    display: inline-table;
    background: #dfeecf;
}

.friend-tab-item .data .message-sender .text .inner {
    padding: 9px;
    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-text-data {
    margin-left:5px;
}

.ossn-chat-text-data-right {
    float: right;
    margin-right:5px;
}

.friend-tab-item .friend-tab form {
    display: none;
}

.friend-tab-item .friend-tab input[type='text'] {
	width: 255px;
    height: 33px;
    padding: 3px 10px 3px;
    margin-top: -20px;
    margin-left: -13px;
    position: absolute;
    font-size: 13px;
    border: 0px;
    outline: none;
    background: #F0F2F5;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.ossn-chat-tab-close {
    width: 17px;
    margin-right: -4px;
    text-align: center;
     color: #bbb;
}

.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: -23px;
    width: 75px;
    padding: 4px;
    height: 27px;
    position: absolute;
    margin-left: 240px;
}

.ossn-chat-icon-smilies {
    display: none;
}
/** Icons **/
.ossn-chat-icon {}
.ossn-chat-icon-online:before {
	content: "\f111 ";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: #57B540;
    font-size: 12px;
    float: left;
}

.ossn-chat-icon-offline:before {
	content: "\f111 ";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: #D23636;
    font-size: 12px;
    float: left;
}
.ossn-chat-option-title-icon {
	width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    border-radius: 50%;
}
.ossn-chat-option-title-icon:hover {
    background: #f1f1f1;

}
.ossn-chat-icon-minimize:before {
    content: "\f068";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: var(--ossn-inchat-icon-color);
}
.ossn-chat-icon-expend {
    transform: rotate(310deg);
}
.ossn-chat-icon-call:before {
    content: "\f03d";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color:var(--ossn-inchat-icon-color);
}
.ossn-chat-icon-expend:before {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: var(--ossn-inchat-icon-color);
}
.ossn-chat-tab-close:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: var(--ossn-inchat-icon-color);
}

.ossn-chat-icon-expend:hover {
    opacity: 0.9;
}
.ossn-chat-icon-attachment,
.ossn-chat-icon-smile {
		display:inline-block;
        width:30px;
        height:30px;
        background: #fff;
         border-radius: 50%;
             text-align: center;
}
.ossn-chat-icon-smile:before {
    content: "\f599";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: var(--ossn-inchat-icon-color);
}
.ossn-chat-icon-attachment:hover,
.ossn-chat-icon-smile:hover {
	background: #eee;
    text-align: center;
}
.ossn-chat-icon-attachment:before {
    content: "\f0c6";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: var(--ossn-inchat-icon-color);
}
.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: 0px;
        right: 0;
        top: 0;
        background: #E9EAED;
        display: block;
    }

    .ossn-chat-windows-long .inner {
        margin-top: 55px;
        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: 'Font Awesome 5 Free';
    	font-style: normal;
    	font-weight: 900;
    	color: #57B540;
    	font-size: 12px;
    }
}
/** Document **/
#ossn-chat-sound {
    display: none;
}

.ossn-chat-message-sending {
	position: absolute;
    width: 255px;
    height: 34px;
    margin-top: -21px;
    margin-left: -12px;
    padding: 15px;
    display:none;
    background: #fff;
}
.friend-tab .ossn-chat-inner-text {
	margin-top: -2px;
}
.ossn-chat-sending-icon {
    background: url("https://arcoluna.getsandbox.net/components/OssnChat/images/loading-small.gif") no-repeat;
    width: 16px;
    height: 11px;
}
.ossnchat-scroll-top {
	margin-top:0px !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-chat-tab-user-icon {
		    border-radius: 50%;
            float: left;
}
/**
 Scroll
 **/
.ossn-chat-bar .friends-list .data,
.friend-tab-item .tab-container .data {
    scrollbar-width: thin;
    scrollbar-color: #adadad transparent
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar,
.friend-tab-item .tab-container .data::-webkit-scrollbar {
    height: 20px;
    width: 8px
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-track,
.friend-tab-item .tab-container .data::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-track:hover,
.friend-tab-item .tab-container .data::-webkit-scrollbar-track:hover {
    background-color: transparent
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-track,
.friend-tab-item .tab-container .data::-webkit-scrollbar-track {
    background-color: none;
    border-left:0px;
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-track:active,
.friend-tab-item .tab-container .data::-webkit-scrollbar-track:active {
    background-color: transparent
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-thumb,
.friend-tab-item .tab-container .data::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #adadad
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-thum:hover,
.friend-tab-item .tab-container .data::-webkit-scrollbar-thumb:hover {
    background-color: #adadad
}
.ossn-chat-bar .friends-list .data::-webkit-scrollbar-thumb:active,
.friend-tab-item .tab-container .data::-webkit-scrollbar-thumb:active {
    background-color: #adadad
}
.ossn-message-attachment {
    font-size: 10px;
    font-weight: bold;
    display: block;
    margin-top: 2px;
    font-style: italic;
}
.ossn-chat-message-attachment-details {
    position: absolute;
    width: 320px;
    height: 35px;
    margin-top: -59px;
    margin-left: -12px;
    border-top: 1px solid #eee;
    padding: 10px;
    background: #fff;
    display:none;
}
.ossn-message-attachment-remove {
    color: red;
    float: right;
    cursor:pointer;
}
.ossn-message-attachment-name {
    max-width: 250px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ossn-inchat-status-circle {
    position: absolute;
    margin-left: -13px;
    margin-top: 17px;
    border-radius: 100%;
    border: 2px solid white;
    height: 12px;
    width: 12px;
}
.ossn-inchat-status-offline {
	background:#D23636;
}
.ossn-inchat-status-online {
    background: #4cae4c;
}
.friends-list .ossn-chat-tab-titles {
    height: 35px;
    padding: 5px;
    border-bottom: 1px solid #eee;
    box-shadow: none;
}
.ossn-minichat-list-open {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;    
}
.friends-list .ossn-chat-tab-titles .text {
    font-size: 12px;
}.ossn-notification-icon-poke,
.ossn-notification-icon-poke:before {
    display: inline-block;	
}
.ossn-notification-icon-poke:before {
	content: "\f0a4";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
}.ossn_embed_video {
	display: block;
}
.emojii-container {
	background: #fff;
	width: 320px;
	border: 1px solid #ececec;
	position: fixed;
	z-index: 10000;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	top: 30%;
	left: 50%;
	transform: translate(-50%, -30%);
	padding: 0 5px 5px;
	border-radius: 5px;
}

.emojii-container .nav {
	padding: 3px 0;
}

.emojii-container .emojii-list {
	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: initial;
}

.emojii-container-main {
	display: none;
}

.ossn-emojii-output {
	font-style: initial;
	font-size: 20px;
}

.ossn-comment-attach-photo .fa-smile,
.ossn-message-attach-photo .fa-smile {
	float: right;
	position: relative;
	margin-right: 5px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	padding: 5px;
	cursor: pointer;
	font-weight: 400;
}

.ossn-comment-attach-photo .fa-smile {
	margin-top: 3px;
	font-size: 18px;
	color: #999;
}

.comment-container .emojii-container-main {
	float: right;
	margin-right: 285px;
}

.message-emojii {
	float: right;
	position: relative;
	top: 105px;
}

.comment-container {
	z-index: initial;
}


/***************************************
	Add system fonts for consistent
	emoji appearance on all platforms
.ossn-wall-container {
	font-family: "PT sans", "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}

.ossn-wall-item {
	font-family: "PT sans", "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}
.message-inner {
	font-family: "PT sans", "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}
.ossn-form textarea {
	font-family: "PT sans", "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}

.ossn-message-box {
	font-family: "PT sans", "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}
.ossn-chat-containers {
	font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif, "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}
.friend-tab-item .friend-tab input[type='text'] {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}

****************************************/

.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";
}

.smiles-close {
	float: right;
	margin-top: 8px;
	background: #eee;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
}

.smiles-close i {
	margin: 0 auto;
}  .birthdays ul {
  	padding:0;
  }
 .birthdays  li {
    display: block;
    width: 100%;
 }
 .birthdays img {
     display: inline-block;
 }
 .birthdays a i {
    display: inline-block;
    color: #333;
    padding: 4px;
 }
 .birthdays .profile {
	font-weight: bold;
    color: #808080;
    margin-left:5px;
        font-size: 12px;
   }
.birthdays .widget-heading {
	color:#B96E2F;
}
.birthdays  .time-created {
	font-style: normal;
    font-size: 10px;
    margin-top: 12px;
    float: right;
}

.birthdays .widget-contents .usericon {
	border-radius:100%;
        width: 30px;
}   
.birthdays .widget-contents img {
    width: 15px;
}
.birthdate-item {
    border-bottom: 1px solid #e8e8e8;
       padding-right: 0;
}
.birthdays  .rightside {
    padding: 5px;
}
.birthdays .btn {
    margin-bottom: 5px;
    margin-left: 10px;
    font-size: 12px;
    padding: 7px 15px;
    padding-bottom: 4px;
}.sentiment-positive {
	color:#3BE232;
}
.sentiment-negative {
	    color: #F53737;
}
.sentiment-neutral {
	color: #F5D637;
}@media (max-width: 480px) {
	.ossn-users-list-item img {
    	display: block !important;
    	width: 100%;
   	 	height: 100%;
	}
}
.menu-section-item-emembers-female:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f182" !important;
}
.menu-section-item-emembers-male:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f183" !important;
}
.menu-section-emembers i:before {
    content: "\f0c0" !important;
}.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;
}.hashtag-trending-container {
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 20px;
    display: inline-block;
    padding: 2px 8px 5px 5px;
}
.hashtag-trending-title {
    font-weight: bold;
}
.hashtag-trending-count {
    font-size: 12px;
    margin-top: -3px;
}
.hashtag-trending-container .icon-container { 
    float: left;
    margin-right: 6px;
    margin-top: 6px;
}
.hashtag-trending-container .icon {
    transition-duration: 2s;
    transition-property: transform;
    
	width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 100%;
    text-align: center;
    padding: 3px;
}
.hashtag-trending-link {
    color: initial;
}	
.hashtag-trending-link:hover .icon {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}	.decisions-values {
	}
	.decisions-values .radio-block {
	    display: block;
		cursor:pointer;
	}
	.decisions-values .radio-block span {
		    font-weight: normal;
    		color: #9a9a9a;
	}
	.decisions-question {
			font-weight:bold;
			color:#808080;
			font-size: 13px;
	}
	.decisions-widget .widget-heading {
			color:#43884C;
	}
	 .decisions-widget .widget-heading  i{
			 float: left;
   			 margin-right: 5px; 
	 }
	 .decisions-widget .btn {
		 	    padding: 5px 55px;
	 }
	.file-view-item {
	margin-bottom:10px;
}
.file-view-item .file-container {
	border: 1px solid #eee;
    padding: 10px;
}
.file-view-item .icon-container {
    border-right: 1px solid #eee;	
}
.file-view-item img {
	width: 100%;
}
.ossn-wall-item .post-contents .file-view-item img {
	border:none;
	margin-bottom: 0px;
}
.file-view-item .btns {
    margin-top: 8px;
    display: block;
}
.file-view-item .file-title a,
.file-view-item .file-title {
    font-weight: bold;
    color: #5a5a5a;
    margin-bottom: 1px;
}
.file-view-item .user-name a {
	font-weight:bold;
}
.file-view-item .user-entity {
	border-bottom:1px solid #eee;
	padding-bottom:5px;
	margin-bottom:5px;
}
.file-view-comments-likes .like-share,
.file-view-comments-likes .comments-list{
	margin-left: -10px;
    margin-right: -10px;
}
.file-view-page-contents {
	padding-bottom:0px;	
}
.menu-section-item-files-all:before,
.menu-section-item-files-my:before,
.menu-section-files i:before {
	content: "\f15b" !important;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
}

.menu-section-item-files-add:before {
	content: "\f055" !important;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
}
.ossn-file-delete-group {
	margin-top:10px;
    margin-right:10px;
}
.ossn-notification-icon-file {
	display:inline-block;
}
.ossn-notification-icon-file:before {
	content: "\f15b";
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
}.genio-rate {
	z-index:0;
}
.collective-genius .widget-heading {
		color:#2770BE;
}
.collective-genius .widget-contents {
    color: #2770BE;
    padding: 20px
}
.btn-genio{
    color: #fff;
    background: linear-gradient(to bottom, #9f4a8e, #9f4a8e 50%, #581c50 50%, #581c50);   
    width: 320px;
    height: 80px;
    text-align: center;
    font-size: 20px !important;
    vertical-align: center;
    border-bottom: 5px solid #413e6c;
    padding: 23px;
    border-radius: 20px;
}
.collective-genius .menu-likes-comments-share,
.collective-genius .widget-contents  .like-share,
.collective-genius .widget-contents  .comments-list {
    margin-left: -20px;
    margin-right: -20px;
}
.genio-padding-top {
    padding-top: 20px;
}
.genio-desc-padding-top {
    padding-top: 10px;

}
.main-row-images-center {
    text-align: center;
}
.main-row-images-view {
    text-align: right;
    padding-left: 20px;
    margin-top: 20px;
}
.show-images-list-genius-form-principal div {
    width: 500px;
    height: 350px;
    position: relative;
    border: 1px solid #2770BE;
    max-width: 700px;
    max-height: 600px;
}
.show-images-list-genius-form-principal img {
    max-width: 495px;
    max-height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.genio-idea-title {
    color: #39325F;
    font-weight: bold;
    font-size: 17px;
}
.total-count-rank-genio-number {
        padding-top: 5px;
}
.total-count-rank-genio {
    font-weight: bold;
    color: #39325F;
    padding: 10px;
    display: inline-flex;
    margin-top: 0px;
    font-size: 10px;
}

/**************************
	Mobile Layout Settings
***************************/

@media (max-width: 480px) {
    .btn-genio{
        color: #fff;
        background: linear-gradient(to bottom, #9f4a8e, #9f4a8e 50%, #581c50 50%, #581c50);   
        width: 100%;
        height: 80px;
        text-align: center;
        font-size: 20px !important;
        vertical-align: center;
        border-bottom: 5px solid #413e6c;
        padding: 23px;
        padding-right: 0px;
        padding-left: 0px;
        border-radius: 20px;
    }
}
/**************************
	Small Mobile Layout Settings 
    iPhone 5 - Ipod Touch - Galaxy S
***************************/

@media (max-width: 340px) {
    .btn-genio {
        font-size: 15px !important;
        padding: 26px;
        padding-right: 0px;
        padding-left: 0px;
    }
}
.profile-information .ossn-page-contents {
		margin-top:10px;
}
.indicators-profile {
	background:#999999;
	padding:5px;
	font-weight:bold;
    color: #fff;
}
.indicators-profile .title{
	width:100%;
	text-align:center;
}	
	
.info-main-middle {
	padding-right: 0px !important;
    padding-left: 0px !important;
    height: inherit;
}
.info-colab-middle {
	padding-right: 30px !important;
    padding-left: 0px !important;
    height: inherit;
}
.info-main-middle .ossn-widget .genio-list-item .start-ration-count {
    padding-left: 0px !important;
}
.info-main-middle .ossn-widget .genio-list-item .menu-section-usersg-icons {
    margin-top: -5px;
}
.info-main-middle .ossn-widget .genio-list-item .total-count-rank-projects {
    margin-top: 5px;
}
/***************************************
	Tablets - IPAD PRO 1024x1366
****************************************/

@media only screen and (max-width: 1199px) {

    .business-page .view-likes-sidebar .btn {
        padding: 7px 10px;
    }
}
/***************************************
	Tablets - IPAD 720x1024
****************************************/
@media only screen and (max-width: 1023px) {

    .info-main-middle .ossn-widget .genio-list-item .mobile-fiverank {
        display: inline-block;
        text-align: center;
        float: center;
    }
    .info-main-middle .ossn-widget .genio-list-item .mobile-align-center {
        text-align: center !important;
    }
    .info-main-middle .ossn-widget .genio-list-item .mobile-fiverank-2{
        width: 49%;
        display: inline-block;
    }
    .info-main-middle .ossn-widget .genio-list-item .float-right {
        float: right;
    }
    .info-main-middle .ossn-widget .genio-list-item .float-left {
        float: left;
    }
}

/**************************
	Mobile Layout Settings
***************************/

@media (max-width: 480px) {

    .info-main-middle {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .info-colab-middle {
        padding-right: 15px !important;
        padding-left: 15px !important;
        height: inherit;
    }
    .info-main-middle .ossn-widget .genio-list-item .start-ration-count {
        padding-left: 0px !important;
        padding-right: 6px !important;
    }
    .info-main-middle .ossn-widget .genio-list-item .menu-section-usersg-icons {
        margin-top: -5px;
    }
    .info-main-middle .ossn-widget .genio-list-item .total-count-rank-projects {
        padding: 7px;
    }
    .information-page-sidebar li a {} .heading-info {
        font-size: 15px;
        padding-left: 5px;
    }

}
.menu-section-documentaries-icons {
    background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/Documentaries.png');
}
#library-category {
	display:none;
}	
.libraries-list .library-cat-inner {
	text-align: center;
    cursor: pointer;
    height: 120px;
    width: 100%;
}
.libraries-list .library-cat-inner img {
    width: 50%;
}
.libraries-list .library-cat-inner:hover {
	zoom:1.1;
}
.libraries-list .library-cat-inner .title {
	font-weight:bold;
    text-transform:uppercase;
}
.library-title-list {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}
.library-title-sub {
    font-size: 14px;
    margin-left:5px;
}
.library-title-list-ico {
	float:left;
    max-width: 120px;
}
.library-title-container fieldset.title {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}
.library-title-container legend.title {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
}
.library-list-main {
	
}
.library-list-main .inner-container {
	background: #fff;
    padding: 5px;	
}
.list-library-items li {
    display: block;
}
.list-library-items li:hover {
	background:#eee;	
}
.list-library-items a{
    text-decoration: none;
    padding: 6px;
    border-bottom: 1px solid #eee;
    display: block;
}
.download-library-edit {
	font-size:15px;
    display:block;
}
.library-view-contain{
	background-color:#EEF7F9 !important;
}
.library-view-field {
    padding: 8px;	
}
.library-add-library-box {
    padding: 8px;	
    background:#fff;
    margin:8px;
    border:1px solid #2B71BA;
    border-radius: 5px;
}
.library-view .title {
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;	
}
.library-view .comments-list {
    margin-left: 5px;
    margin-right: 5px;
}	
.library-view .menu-likes-comments-share {

}
.library-view .download-library {
		color:#fff;
		text-decoration:none;
		    margin-right: 10px;
}
.library-view .download-library span {
	color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;	
	display:inline-block;
	float: left;
		    margin-top: 4px;
}
.library-view .download-library i {
		font-size:30px;
		margin-left: 10px;
}
.library-delete-item i,
.library-delete-item span{
	color:#bd4444 !important;	
}
.library-add-item-cont textarea,
.library-add-item-cont select,
.library-add-item-cont input[type="text"]{
	border:1px solid #2B71BA;
     padding: 15px;
    border-radius: 5px;   
}
.library-add-item-cont .bottom{
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 25px;
    padding-right: 25px;
}
.library-desc {
    padding-left: 20px;
    padding-right: 20px;
}
.add-photo-field-main {
	text-align:center;
}
.add-photo-field-main img{
	max-width:100%;
}
.add-photo-field-main div {
    margin-bottom: 10px;
    font-weight: bold;
    color: #C1D0E7;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    width: 100px;
    margin: 8px auto;
}
.desccont {
	min-height:100px;
}
.link-preview-container-lib {
	margin:20px;
}
.library-rate {
	display:inline-block;
}
.rank-info {
	color: #fff;
    font-size: 14px;
    margin-left: 28px;
}
.lib-sort-form {
}
.lib-sort-form label {
}
.lib-sort-form input[type="text"] {
    padding-left: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #8BB2D9;
}
.lib-add-button {
    display: block;
    margin-top: 25px;
}
.library-add-savebtn {
	width:100%;
    text-align:center;
}
.library-sort-items {
	padding:5px;
    cursor:pointer;
}
.library-wid-title {
    color: #A5649D !important;
}
.library-wid-title .first {
    float:left;
}
.library-wid-title a {
    color: #A5649D !important;
    display: inline-table;
}
.library-book-name {
	color: #717171;
    font-size: 20px;
    font-weight: bold;
}
.libray-metadata {
	color:#717171;
}
.rate-text-library {
	color: #717171;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
}
.library-select-category-search {
    padding-left: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #8BB2D9;
 }
 .color-books-widget {
 	color:#387AC1 !important;
 }
.btn-library {
    color: #fff;
    background: linear-gradient(to bottom, #a25690, #a25690 50%, #45376c 50%, #45376c);
    width: 339px;
    height: 84px;
    text-align: center;
    font-size: 27px;
    vertical-align: center;
    border-bottom: 5px solid #231d38;
    padding: 23px;
    border-radius: 20px;
 }
.btn-lblue {
    color: #fff;
    background-color: #51ADB3;
    border-color: #4DA9AF;
}
.startu-library-view {
    padding-left: 15px !important;
    padding-right: 0px !important;
}
.library-main-title {
    border-bottom: 1px solid #99CDCF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: justify;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
    color: #39325F;
}
.image-lib-view {
		max-width: 100%;
}
.library-view-contain .ossn-widget .widget-heading a {
    color: #fff;
    font-family: ClanPro !important;
    font-weight: normal;
}
.library-add-item-cont .menu-section-usersg-icons {
    margin-top: -6px;
}
/***************************************
	Tablets
****************************************/

@media only screen and (max-width: 1024px) {
    .library-searchbar {
        padding-top: 10px; 
    }
    .sort-responsive {
        padding-bottom: 10px !important;
        width: 45%;
        display: inline-block;
    }
    .add-item-lib-btn {
        padding: 5px;
        margin-top: -6px;
        font-size: 10px;
        float: right !important;
    }
}

@media only screen and (max-width: 767px) {
    .sort-responsive {
        padding-bottom: 10px !important;
        width: 45%;
        display: inline-block;
    }
    .add-item-lib-btn {
        padding: 5px 13px;
        padding-top: 10px;
        margin-top: 5px;
        font-size: 12px;
        float: none !important;
    }
}

/**************************
	Mobile Layout Settings
***************************/
@media (max-width: 480px) {
    .add-photo-field-button {
        margin-top: 10px !important;
    }
    .sort-responsive {
        padding-bottom: 10px !important;
        width: 45%;
        display: inline-block;
    }
    .sort-responsive2 {
        display: block;
    }    
    .library-main-title {
        border-bottom: 1px solid #99CDCF;
        padding-bottom: 0px;
        margin-bottom: 10px;
        text-align: justify;
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 20px;
        padding-right: 20px;
        color: #39325F;
    }
    .library-book-name {
        font-size: 18px;
    }
    .add-item-lib-btn {
        padding: 5px 13px;
        padding-top: 10px;
        margin-top: 5px;
        font-size: 12px;
        float: none !important;
    }
    .library-list-title {
        background-color: #D6EAF1;
        border: 1px solid #3F888C;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 13px;
        font-weight: bold;
        color: #DE9D43;
        text-transform: uppercase;
        font-family: ClanPro !important;
        padding-top:20px;
        font-size: 14px !important;
        display: block;
    }
    .library-list-title2 {
        background-color: #D6EAF1;
        border: 1px solid #3F888C;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 13px;
        font-weight: bold;
        color: #DE9D43;
        text-transform: uppercase;
        font-family: ClanPro !important;
        padding-top:20px;
        font-size: 14px !important;
        height: 90px;
        display: block;
    }

    .btn-library {
        color: #fff;
        background: linear-gradient(to bottom, #a25690, #a25690 50%, #45376c 50%, #45376c);
        width: 139px;
        height: 54px;
        text-align: center;
        font-size: 20px;
        vertical-align: center;
        border-bottom: 5px solid #231d38;
        padding: 10px;
        border-radius: 20px;
    }
    .library-select-category-search {
        font-size: 10px !important;
        padding: 3px !important;
    }
}
.language-lib .radio-block {
		 display: inline-block;
}
.wall-library .ossn_embed_video {
	margin-top:0px;
}

/**************************
	Small Mobile Layout Settings 
    iPhone 5 - Ipod Touch - Galaxy S
***************************/
@media (max-width: 340px) {
    .library-select-category-search {
        padding: 5px;    
        padding-left: 2px;
        padding-right: 2px;
        width: 120px;
    }
}
.ossn-profile-points {
    font-size: 20px !important;
    margin-top: -70px !important;
  	color: #FFD700 !important;
}
.btn-wall-projects{
    color: #fff;
    background: linear-gradient(to bottom, #b2ba36, #b2ba36 50%, #a0a92d 50%, #a0a92d);

    border-bottom: 2px solid #34502c;
    border-radius: 5px !important;
}

.projects-view-contain{
	background-color:#EEF7F9 !important;
}
.projects-add-project-box {
    padding: 0px;	
    background:#fff;
    margin:8px;
    border:1px solid #2B71BA;
    border-radius: 90px;
    width: 180px; 
    height: 180px;
    margin: auto;
}

.projects-logo-add {
    border-radius: 90px;
    width: 180px; 
    height: 180px;
    margin: auto;
    padding: 0px;
}

.projects-logo {
    border-radius: 120px;
    width: 240px; 
    height: 240px;
}

.projects-logo-wall {
    border-radius: 70px;
    width: 140px; 
    height: 140px;
}

.like-share-projects{
    margin-left: 0px;
    margin-right: 0px;
}

.projects-padding-top {
    padding-top: 20px;

}
.total-count-rank-projects {
    font-weight: bold;
    color: #39325F;
    padding: 10px;
    display: inline-flex;
    margin-top: 0px;
    font-size: 10px;
}
.projects-view-contain .total-count-rank-projects {
    margin-top: 5px;
}
.projects-view-contain .usersg-font {
    padding-top: 0px;
}
.btn-lblue {
  color: #fff;
  background-color: #51ADB3;
  border-color: #4DA9AF;
}
.startu-projects-view {
    padding-left: 15px !important;
    padding-right: 0px !important;

}

.collective-genius .widget-heading {
		color:#2770BE;
}
.collective-genius .widget-contents {
    color: #2770BE;
    padding: 20px
}

.collective-genius .menu-likes-comments-share,
.collective-genius .widget-contents  .like-share,
.collective-genius .widget-contents  .comments-list {
    margin-left: -20px;
    margin-right: -20px;
}


#library-category {
	display:none;
}	
.libraries-list .library-cat-inner {
	text-align: center;
    cursor: pointer;
    height: 120px;
    width: 100%;
}
.libraries-list .library-cat-inner img {
    width: 50%;
}
.libraries-list .library-cat-inner:hover {
	zoom:1.1;
}
.libraries-list .library-cat-inner .title {
	font-weight:bold;
    text-transform:uppercase;
}
.library-title-list {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}
.library-title-sub {
    font-size: 14px;
    margin-left:5px;
}
.library-title-list-ico {
	float:left;
    max-width: 120px;
}
.library-title-container fieldset.title {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}
.library-title-container legend.title {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
}
.library-list-main {
	
}
.library-list-main .inner-container {
	background: #fff;
    padding: 5px;	
}
.list-library-items li {
    display: block;
}
.list-library-items li:hover {
	background:#eee;	
}
.list-library-items a{
    text-decoration: none;
    padding: 6px;
    border-bottom: 1px solid #eee;
    display: block;
}
.download-library-edit {
	font-size:15px;
    display:block;
}
.library-view-contain{
	background-color:#EEF7F9 !important;
}
.library-view-field {
    padding: 8px;	
}
.library-add-library-box {
    padding: 8px;	
    background:#fff;
    margin:8px;
    border:1px solid #2B71BA;
    border-radius: 5px;
}
.library-view .title {
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;	
}
.library-view .comments-list {
    margin-left: 5px;
    margin-right: 5px;
}	
.library-view .menu-likes-comments-share {

}
.library-view .download-library {
		color:#fff;
		text-decoration:none;
		    margin-right: 10px;
}
.library-view .download-library span {
	color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;	
	display:inline-block;
	float: left;
		    margin-top: 4px;
}
.library-view .download-library i {
		font-size:30px;
		margin-left: 10px;
}
.library-delete-item i,
.library-delete-item span{
	color:#bd4444 !important;	
}
.library-add-item-cont textarea,
.library-add-item-cont select,
.library-add-item-cont input[type="text"]{
	border:1px solid #2B71BA;
     padding: 15px;
    border-radius: 5px;   
}
.library-add-item-cont .bottom{
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 25px;
    padding-right: 25px;
}
.library-desc {
    padding-left: 20px;
    padding-right: 20px;
}
.add-photo-field-main {
	text-align:center;
}
.add-photo-field-main img{
	max-width:100%;
}
.add-photo-field-main div {
    margin-bottom: 10px;
    font-weight: bold;
    color: #C1D0E7;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    width: 100px;
    margin: 8px auto;
}
.desccont {
	min-height:100px;
}
.link-preview-container-lib {
	margin:20px;
}
.library-rate {
	display:inline-block;
}
.rank-info {
	color: #fff;
    font-size: 14px;
    margin-left: 28px;
}
.lib-sort-form {

}
.lib-sort-form label {

}
.lib-sort-form input[type="text"] {
    padding-left: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #8BB2D9;
}
.lib-add-button {
    display: block;
    margin-top: 25px;
}
.library-add-savebtn {
	width:100%;
    text-align:center;
}
.library-sort-items {
	padding:5px;
    cursor:pointer;
}
.library-wid-title {
    color: #A5649D !important;
}
.library-wid-title .first {
    float:left;
}
.library-wid-title a {
    color: #A5649D !important;
    display: inline-table;
}
.project-title-name {
	color: #717171;
    font-size: 20px;
    font-weight: bold;
}
.libray-metadata {
	color:#717171;
}
.rate-text-library {
	color: #717171;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
}
 
.library-select-category-search {
    padding-left: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #8BB2D9;
 }
 .color-books-widget {
 	color:#387AC1 !important;
 }
.btn-projects {
    color: #fff;
    background: linear-gradient(to bottom, #a25690, #a25690 50%, #45376c 50%, #45376c);
    width: 339px;
    height: 84px;
    text-align: center;
    font-size: 27px;
    vertical-align: center;
    border-bottom: 5px solid #231d38;
    padding: 23px;
    border-radius: 20px;
 }
.project-list-item .title {
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px #eee;
    color: #333;
    margin-bottom: 5px; 
 }
.project-list-item  .image-event {
  	background:#eee;
}
.project-list-item  .image-event img {
    vertical-align: middle;
}
.project-list-item .options .btn-info {
    float: right;
    border-radius: 1px;
    padding: 4px 12px;
}
.project-list-item .metadata li {
    display:inline-block;
    margin-right: 5px;
}
.project-list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-top: 10px;
}
.project-list-item p {
    text-align: justify;
}
.project-logo {
    border-radius: 60px;
    width: 120px; 
    height: 120px;
}

/***************************************
	Tablets - IPAD 768x1024
****************************************/

@media (max-width: 1024px) {

    .total-count-rank-projects {
        padding-left: 0px;
    }
}
@media (max-width: 480px) {
    .project-list-item{
        text-align: center;
    }
    .project-list-item  .image-event {
        display: inline-block !important;
        text-align: center;
    }
    .genio-list-item .genio-list-item-img {
        margin-bottom: 5px;
    }
    .project-title-name {
        font-size: 18px;
    }

    .btn-projects {
        color: #fff;
        background: linear-gradient(to bottom, #a25690, #a25690 50%, #45376c 50%, #45376c);
        width: 90%;
        height: 84px;
        text-align: center;
        font-size: 27px;
        vertical-align: center;
        border-bottom: 5px solid #231d38;
        padding: 23px;
        border-radius: 20px;
     }
    .total-count-rank-projects {
        padding: 0px;
    }
}
	.survey-values {
		    -webkit-column-count: 3;
    		column-count: 3;
	}
	.survey-values .radio-block {
	    display: inline-block;
		cursor:pointer;
	}
	.survey-values .radio-block span {
		    font-weight: normal;
    		color: #9a9a9a;
	}
	.survey-question {
			font-weight:bold;
			color:#808080;
			font-size: 13px;
	}
	.survey-widget .widget-heading {
			color:#413E6B;
	}
	 .survey-widget .btn{
		 	    padding: 5px 55px;
	 }	.make-contact {
	font-weight: initial !important;
    font-size: initial !important;
    display: inline-block !important;
    padding: 8px 55px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    margin-top: 5px;
}
.colab-main-title {
    border-bottom: 1px solid #99CDCF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: justify;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
    color: #39325F;
}

.colab-list-item-people

colab-list-item-people

colab-list-item-org


.collaboration-style .widget-heading {
		color:#2770BE;
}
.collaboration-style .widget-contents {
    color: #2770BE;
    padding: 20px
}
.btn-colab{
    color: #fff;
    background: linear-gradient(to bottom, #9f4a8e, #9f4a8e 50%, #581c50 50%, #581c50);
    width: 339px;
    height: 84px;
    text-align: center;
    font-size: 27px;
    vertical-align: center;
    border-bottom: 5px solid #413e6c;
    padding: 23px;
    border-radius: 20px;
}

.collaboration-style .menu-likes-comments-share,
.collaboration-style .widget-contents  .like-share,
.collaboration-style .widget-contents  .comments-list {
    margin-left: -20px;
    margin-right: -20px;
}

.colab-padding-top {
    padding-top: 20px;
}

.colab-desc-padding-top {
    padding-top: 10px;
}

.colab-widget-main .widget-heading {
	color:#403068;
}

.colab-widget-main .widget-contents {
    background: #EEF7F9;
}

@media (max-width: 480px) {
    .colab-widget-main .colab-search .btn {
        padding: 6px 10px !important;
    }
}
.business-page .page-likes {
    font-size: 17px;
    color: #65686c;
    font-weight: 600;
    margin-left: 10px;
}
.business-page .logo-page {
	width: 150px;
    height: 150px;
    border-radius: 50%;
}
.business-page .business-page-info li i{
 margin-right:10px;
}
.business-page .business-page-info li {
	display:block;
    font-size:15px !important;
}
.business-page .business-page-info {
    margin-top: -100px !important;
}
.business-page .btn-action,
.business-page .btn-action .ossn-loading {
	display:inline-block;
}
.business-page .btn-action:before {	
	content:"" !important;
    font-family:initial !important;
    padding-right:0px;
}
.business-page .top-container {
    background: #fff;
    border: 1px solid #C4CDE0;
    position:relative;
    border-width: 1px 1px 2px;
}
.business-page .top-container .business-page-cover {
    height: 300px;
    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);
}
.business-page .top-container .business-page-cover img {
    width: 100%;
    position: relative;    
}
.business-page-row {
    margin-bottom: 20px;
}
.business-page .business-page-photo {
    margin-left: 20px;
    margin-top: -80px;
    background-color: rgb(255, 255, 255);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: relative;
}
.business-page .business-page-photo img {} 
.business-page .user-fullname {
    color: #FFF;
    font-weight: bold;
    margin-top: -190px;
    font-size: 35px;
    font-size: 2.3vw;
    margin-left: 20px;
    position: absolute;
    text-shadow: 0 0 3px #000;
    /** overlapping issue with longer names on business-page page #630 **/
    max-width: 820px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}
.business-page-role {
    font-size: 18px !important;
    margin-top: -150px !important;
}
.business-page-cover-controls {
    position: absolute;
    margin-top: 20px;
    z-index: 1;
    right: 0;
    margin-right: 20px;
}
.business-page-cover-controls  .change-cover {
    position: relative;
    margin-right: 5px !important;
}
.business-page .reposition-cover {
    position: relative;
    margin-right: 5px !important;
}
.business-page-menu {
    float: right;
    position: relative;
    margin-top: -40px;
    margin-right: 20px;
}
.business-page #cover-menu {
    display: none;
}
.business-page .upload-photo {
	background: #eee;
	position: absolute;
	font-size: 15px;
	font-family: sans-serif;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.business-page .upload-photo span {
	text-align: center;
	display: block;
	margin-top: 5px;
	font-size: 20px;
	color: #000;
}
.business-page .user-cover-uploading {
    opacity: 0.4;
}
.business-page .user-photo-uploading {
	height: 100%;
	opacity: 0.8;
	background: #fff;
	width: 100%;
	position: absolute;
	border-radius: 50%;
	margin-bottom: 0;
}
#bpage-upload-photo-btn {
	display:none;
}
.business-page .user-photo-uploading span {
    display: none;
}
.business-page-bottom {
    margin-top: 10px;
}
.page-sidebar,
.business-page-sidebar {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
}
.ossn-layout-media .content {
    margin-right: 10px;
    margin-left: 10px;
}
.business-page-extra-menu {
    display: inline-block;
}
.business-page-desc {
    background: #eee;
    padding: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 2px;
    min-height:70px;
}
.business-page-metadata {
    margin: 10px;
    margin-left: -5px;
}
.business-page .unlike-page,
.business-page .like-page {
	margin-right: 5px !important;
}

.business-page .unlike-page,
.business-page .like-page {
	display:inline-block;
}
#save-position-cover-page,
#upload-cover-page {
	display:none;
}
.bpage-bottom {
	margin-top:10px;
}
.business-page-right-bottom {

}
.business-page .controls {
	margin-top:10px;
}
.business-page .controls a{
	display:block;
    margin-bottom:5px;
}
.business-page .list-item img {
	width:100%;
}
.business-page .list-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.business-page .list-item a {
    font-weight: bold;
    font-size: 17px;
    display: block;
    margin-bottom: 5px;

}
.business-page .list-item p {

}
.bpage-bottom .comments-item .col-md-11 {
	padding-left: 10px;
}
.bpage-bottom .ossn-wall-item .comment-user-img {
    width: 32px;
    height: 32px;
}
.menu-section-bpage i:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f1ad" !important;
}
.menu-section-item-businesspage-all:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0cb" !important;
}
.menu-section-item-businesspage-add:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f067" !important;
}
.menu-section-item-businesspage-liked:before {
    content: "\f164" !important;
}
.menu-section-item-businesspage-mypages:before {
    content: "\f013" !important;
}
.bpage-bottom .ossn-wall-container .controls {
	margin-top:0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom: 0px;     
    padding:10px;   
}
.bpage-bottom .ossn-wall-container input[type='submit'] {
   margin: 5px 0;
}
.bpage-bottom .ossn-wall-container textarea {
	margin-bottom: 0px;
}
.bpage-bottom .ossn-wall-container-data {
	padding-bottom:0px;
}
.ossn-menu-search-bpage .text:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f1ad";
	display: absolute;
	padding-right: 10px;
	vertical-align: middle;
	float: left;
}

.business-page-cover-controls a:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
	font-weight: 900;
}

.unlike-page:before,
.like-page:before {
	padding-right:0 !important;
    font-weight:auto !important;
    display:inline !important;
    content: "" !important;
    font-family: initial !important;
}
.business-page-metadata .name {

}
.business-page-metadata .buttons {

}
.business-page-metadata .name {
	color: rgb(51, 51, 52);
    font-size: 30px;
    margin-left: 10px;
    font-weight: bold;
    max-width: 820px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.business-page-metadata .buttons .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 #fff;
	border-right-color: transparent;
}

@media only screen and (max-width: 1199px) {
	.business-page .subdata .name {
        max-width: 260px;
    }
}
.bpage-menu-hr-container {
	background: #fff;
	border: 1px solid #C4CDE0;
	border-width: 1px 1px 2px;
	margin: 10px 0;
	border-radius: 5px;
}
.bpage-hr-menu ul {
	margin: 7px 0 5px;
	padding: 0px;
}

.bpage-hr-menu ul li {
	display: inline-block;
}

.bpage-hr-menu ul li a:not(.dropdown a) {
	display: block;
	padding: 15px;
	margin-right: 5px;
	font-weight: bold;
}

.bpage-hr-menu a:hover {
	color: initial;
}

.bpage-hr-menu>li>a:not(.bpage-hr-menu .dropdown-toggle):hover,
.bpage-hr-menu>ul>li:hover>a:not(.bpage-hr-menu .dropdown-toggle) {
	background: #F6F7F8;
	text-decoration: none;
	border-radius: 10px;
}

.bpage-hr-menu .dropdown-menu {
	margin-left: 0px;
}

.bpage-hr-menu .dropdown-menu li {
	display: block;
	border-bottom: 0;
	padding: initial;
	margin: auto;
}

.bpage-hr-menu .dropdown a i {
	margin-left: 5px;
}

.bpage-hr-menu .dropdown-menu li a {
	border-right: 0px;
	margin-right: 0px;
}

.bpage-hr-menu ul li:hover {}

.bpage-hr-menu {
	border-bottom: 1px solid #eee;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.bpage-hr-menu ul li:last-child {
	border-right: none;
}
.bpage-hr-menu .dropdown-toggle::after {
	display:none;
}
@media (max-width: 480px) { 
	.business-page .top-container .business-page-cover {
		height:200px;
	}    
    .business-page  .subdata {
    	    text-align: center;
    }
    .business-page-photo {
    	margin:0 auto;
        margin-left: auto !important;
    }
    .business-page-cover-controls {
    	margin-top:20px;
    }
    .business-page-metadata .buttons {
    	margin-top: 20px;
	}    
    .business-page .subdata .name {
       max-width: 100%;
    }    
 	.bpage-hr-menu ul li {
		padding: 10px 0;
	}  
	.bpage-hr-menu ul li {
		display: block;
		margin-right: 0px;
		margin-left: 10px;
	}
	.bpage-hr-menu ul li a:not(.dropdown a) {
		margin-right: 0px;
		padding: 10px;
	}     
}

.business-page-about li {
	display:block;
}
.business-page-about .fa-solid,
.business-page-about .fa {
    width: 30px;
    height: 30px;
    font-size: 22px;
    color: #6c757d;
    margin-right: 0;
}
.business-page-about p {
	    text-align: justify;
}

#token-input-bpage-friend-input {
    background: none;
    border: 0;
}.forum-item {
	margin-left: 0px;
	background: #fff;
	padding: 0px;
	border-radius: 2px;
}

.forum-item .forum-title {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	color: #6d6c6c;
}

.forum-item .row .user-meta li {
	display: block;
	text-align: center;
	margin-top: 5px;
	border-bottom: 1px solid #eee;
	padding: 5px;
}

.forum-item .row .user-meta .user-profile a {}

.forum-item .row .user-data .user-image img {
	border-radius: 50%;
	border: 2px solid #ABA996;
}

.forum-item-controls {
	float: right;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
}

.forum .user-data {}

.forum .user-data .user-image-title {
	text-align: center;
	padding-right: 0px;
}


.forum-item .row .user-data .user-meta {}

.breadcrumb-forum li {
	display: inline-block;
}

.breadcrumb-forum {
	display: inline-block;
	margin-top: 5px;
}

.breadcrumb-forum li a {
	color: #8e8989;
	font-weight: bold;
}

.forum-title-top {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.forum .replies .forum-item {
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.reply-to-forum {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.forum .note-group-select-from-files {
	display: none;
}

.forum-categories .forum-cat-item .title a {
	font-size: 16px;
	font-weight: bold;
	color: #808080;
}

.forum-categories .forum-cat-item .list-i {
	text-align: center;
}

.forum-categories .forum-cat-item .list-i i {}

.forum-categories .forum-cat-item {
	padding: 10px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #eee;
	padding-top: 15px;
}

.forum-cat-title {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	background: none;
	border: none;
	padding: 10px;
	font-weight: bold;
	padding-bottom: 0;
	color: #45376C;
	padding-left: 0;
}

.forum-categories .forum-cat-item .topics-total {
	text-align: center;
}

.forum-categories .forum-cat-item .topics-total-count {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #808080;
}

.forum-categories .forum-cat-item .meta-data {
	display: inline-block;
	margin-left: 10px;
}

.forum-categories .forum-cat-item .image-user-topic {
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
}

.forum-categories .forum-cat-item .meta-data a {
	display: inline-block;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 155px;
	color: #808080;
	margin-top: 5px;
}

.forum-categories .forum-cat-item .meta-data p {}

.forum-cat-edit a {
	margin: 2px;
	padding: 3px 10px;
	margin-right: 0px;
}

.forum-cat-edit a i {
	margin-right: 0px;
}

.topics-list-title {
	padding: 10px;
}

.forum-add-topic {
	padding: 5px 19px;
	padding-bottom: 3px;
	float: right;
	margin-top: -5px;
}

.forum-cat-desc {
	text-align: justify;
}

.forum .replies-controls {
	margin-top: 0px;
	border-top: 1px solid #99CDCF;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	padding-bottom: 5px;
}

.forum .replies-controls a i {
	margin-right: 0px;
}

.forum-item-controls i {
	margin-right: 0px;
}

.forum-item-controls .fa-info {
	margin-right: 5px;
}

.menu-section-item-forum:before {
	font-family: FontAwesome;
	content: "\f00a" !important;
}

.menu-section-forum-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/newsfeed/Forum.png');
}

.forum-last-reply-icon {
	background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/metadata/Forum Last Reply.png');
}

.widget-contents-forum {
	padding: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.fourm-list-container {
	border: 1px solid #99CDCF;
	border-radius: 5px;
}

.image-user-topic img {
	border-radius: 50%;
	border: 2px solid #E3E3E6;
}

.forum-cat-item-odd {
	background: #EEF7F9;
	border-bottom: 1px solid #99CDCF !important;
	border-radius: 5px;
}

.forum-cat-item-even {}

.published-by {
	font-size: 12px;
	font-weight: bold;
}

.published-by a {
	font-size: 12px !important;
	font-weight: bold !important;
}

.forum-published-icon {
	width: 15px !important;
	height: 15px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	margin-right: 5px;
	float: left !important;
	margin-top: 2px;
}

.fourm-list-container .fa-clock {
	color: #EF8933;
}

.forum-controls {
	text-align: center;
}

.forum-controls .btn {
	padding: 5px 10px;
	padding-bottom: 2px;
}

.forum-controls i {
	margin-right: 0;
}

.forum-controls-box {
	height: 40px;
}

.forum .user-image-title img {
	border-radius: 50%;
	border: 2px solid #ABA996;
}

.forum-sub-widget-title {
	background: #EEF7F9 !important;
}

.forum-sub-widget-title a {}

.forum-title {
	color: #8e8989;
	font-weight: bold;
	font-size: 20px;
	font-family: "ClanPro", "PT Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
	text-transform: initial;
}

.forum-title-suba {
	font-family: "ClanPro", "PT Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
	text-transform: initial;
}

.forum-title-suba-a {
	font-family: "ClanPro", "PT Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
	text-transform: capitalize !important;
}

.forum-title-suba strong {
	color: #808080;
}

.forum-contents {
	padding: 20px;
}

.forumbg {
	margin-top: -10px;
	padding: 6px;
	background: #fff;
}

.tox .tox-split-button {
	margin-right: 5px !important;
}

.tox .tox-tbtn {
	background: #45376C !important;
	color: #fff !important;
	margin-right: 4px !important;
	border-radius: 5px !important;
}
.tox .tox-split-button .tox-tbtn {
	margin-right:0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.tox .tox-split-button .tox-split-button__chevron {
	border-radius:0px !important;
}
.tox-edit-area {
    padding: 5px 8px !important;
}
.tox .tox-tbtn svg {
	color: #fff !important;
	fill: #fff !important;
}

.tox .tox-tbtn:hover {
	background: #eee !important;
	color: #000 !important;
}

.tox .tox-tbtn:hover svg {
	fill: #000 !important;
}

.forum-bbox {
	background: #EEF7F9;
	border: 1px solid #99CDCF;
	border-radius: 3px;
	padding: 15px;
	padding-bottom: 0;
}

.forum-bbox .panel {
	margin-bottom: 5px;
}

.forum-text-content-reply {
	background: #EEF7F9;
	border: 1px solid #99CDCF;
	padding: 10px;
	border-radius: 5px;
}

.controls-right-forum {
	padding-bottom: 5px;
}

.controls-right-forum .fa {
	margin-right: 0;
}

.controls-right-forum .btn {
	padding: 0px 10px;
}

.controls-right-edit {
	padding-right: 8px !important;
	padding-left: 8px !important;
}

.controls-right-forum .controls-right-edit {
	margin-bottom: 0px;
}

.forum .note-recent-color {
	background-color: rgb(107, 120, 247) !important;
	padding: 2px;
}

.forum-categories .forum-cat-item .published-by .image-user-topic {
	width: 15px;
	height: 15px;
	float: none;
	margin-right: 0px !important;
	float: none;
	border-radius: 0px !important;
	border: 0px !important;
}

.forum-categories .forum-cat-item .published-by .image-user-topic img {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	float: none;
	border-radius: 50%;
	border: 1px solid #E3E3E6;
}

/***************************************
	Tablets - IPAD 768x1024
****************************************/

@media (max-width: 1023px) {
	.forum-categories .forum-cat-item .topics-total-count {
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #808080;
	}

	.topics-list-title {
		padding-right: 0px;
		padding-left: 0px;
	}

	.forum-categories .forum-cat-item .forum-msg-item {
		padding: 0 15px;
		font-size: 12px !important;
		font-weight: bold;
		color: #808080;
		padding-bottom: 10px;
	}

	.forum-categories .forum-cat-item .menu-section-usersg-icons {
		width: 15px !important;
		height: 15px !important;
		margin-right: 0px !important;
		padding: 0px 10px !important;
	}

	.forum-categories .forum-cat-item .image-user-topic {
		width: 15px;
		height: 15px;
		display: inline-block;
		margin-right: 5px;
		float: none;
		border-radius: 50%;
		border: 1px solid #E3E3E6;
	}

	.fourm-list-container .fa-clock {
		width: 15px;
		height: 15px;
		margin-right: 5px;
		font-size: 15px !important;
		margin-left: 1px;
	}

	.forum-categories .forum-cat-item .time-created {
		font-size: 12px !important;
	}

	.forum-categories .forum-cat-item ul li {
		list-style-type: none;
	}

	.tox .tox-tbtn {
		background: #45376C;
		color: #fff;
	}

	.forum-bbox {
		padding: 0px !important;
	}

	.forum-bbox .btn {
		padding: 5px 12px;
	}

	.forum-bbox .note-toolbar .dropdown-menu {
		margin: 0px 0px 0;
	}

	.forum-bbox .note-style .dropdown-menu {
		margin: 0px 0px 0;
	}

	.forum-bbox .note-color .dropdown-menu {
		margin: 0px -223px 0;
	}

	.forum-bbox .note-para .dropdown-menu {
		margin: 0px 0px 0;
	}

	.forum-item {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;

	}

	.controls-right-forum {
		padding-bottom: 5px;
	}

	.controls-right-forum .fa {
		margin-right: 0;
	}

	.controls-right-forum .btn {
		padding: 0px 7px;
	}

	.controls-right-edit {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.controls-right-adjust {
		padding-right: 0px;
		padding-left: 0px;
	}
}


/**************************
	Mobile Layout Settings
***************************/

@media (max-width: 480px) {
	.forum-item {
		padding: 0px;
		padding-bottom: 5px;
	}

	.forum-item .user-data .user-image {
		margin-left: 15px;
	}

	.controls-right-forum .btn {
		padding: 0px 5px;
	}
}

/**************************
	Small Mobile Layout Settings 
    iPhone 5 - Ipod Touch - Galaxy S
***************************/

@media (max-width: 340px) {
	.forum-bbox .btn {
		padding: 4px 8px;
	}

	.forum-bbox .note-color .dropdown-menu {
		margin: 0px -195px 0;
		min-width: 306px !important;

	}

	.forum-bbox .panel-heading.note-toolbar .note-color-palette div .note-color-btn {
		width: 18px;
		height: 18px;
	}

	.controls-right-forum {
		padding-bottom: 5px;
	}

	.controls-right-forum .fa {
		margin-right: 0;
	}

	.controls-right-forum .btn {
		padding: 0px 4px;
	}

	.controls-right-edit {
		padding-right: 2.5px !important;
		padding-left: 2.5px !important;
	}

	.controls-right-adjust {
		padding-right: 0px;
		padding-left: 0px;
	}
}.jq-password-validator__popover {
    background: #f7d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    color: #111111;
    opacity: 0;
    border: 1px solid #b76363;
    margin-top: 0.5rem;
    padding: 1rem;
    position: absolute;
	top: 0px;
    right: 0;
    text-align: left;
    transition: all 0.5s;
    z-index: 999;
}

.jq-password-validator {

  }
  .jq-password-validator.is-hidden .jq-password-validator__popover {
    opacity: 0; }
  .jq-password-validator.is-visible .jq-password-validator__popover {
    opacity: 1; }

.jq-password-validator__checkmark {
  height: 1em;
  fill: #111111;
  margin-right: 0.5em;
  transition: all 0.5s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 1em; }

.jq-password-validator__rule {
  overflow: hidden; }
  .jq-password-validator__rule.is-invalid .jq-password-validator__checkmark {
    transform: scale(0);
    visibility: hidden; }
  .jq-password-validator__rule.is-valid .jq-password-validator__checkmark {
    transform: scale(1);
    visibility: visible; }

#ossn-home-signup {
	position:relative;
}.updates-contents-main .ossn-comment-menu .dropdown-menu {
	left: -150px;
}
.updates-contents-main .comments-list,
.updates-contents-main .like-share,
.updates-contents-main .menu-likes-comments-share {
	    margin-left: -10px;
    margin-right: -10px;
}
.updates-contents-main .comments-item .col-md-11 {
	padding-left: 10px;	
}
.updates-middle-content {
		max-width:600px;
		margin:0 auto;
}
.updates-load-item {
	cursor:pointer;	
}
.updates-contents-more .thumbnail .img-xont {
    height: 170px;
    background: #eee;
    padding: 10px;
}
.updates-contents-more .thumbnail {
    height: 320px;	
    width:230px;
}
.updates-contents-more .title {
    font-weight: bold;
    margin-bottom: 5px;
}
.updates-contents-more {
    background: #F7F7F8;
    margin-top: 10px;
    padding: 10px;
}
.updates-contents-more .thumbnail a:focus,
.updates-contents-more .thumbnail a:active,
.updates-contents-more .thumbnail a:hover {
	text-decoration:none;	
}
.updates-contents-more .thumbnail .caption p {
		margin:0;	
}
.update-contents-more-text {
    font-size: 13px !important;
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
    padding-left: 10px;
}
.updates-contents-more .thumbnail .caption p{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}
.updates-contents-main {
		background:#fff;
		padding:10px;
		border:1px solid #eee;
		    min-height: 50px;
			padding-bottom:0px;
}
.updates-contents-main .title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;		
}
.updates-contents-main .description {
	margin-top:10px;
}
.cd-main-content {
  text-align: center;
}

.cd-main-content h1 {
  font-size: 2rem;
  color: #64788c;
  padding: 4em 0;
}

.cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  border-radius: 50em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 3.2rem;
  }
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  z-index:9;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
}

.cd-panel--from-right .cd-panel__header {
  right: 0;
}

.cd-panel--from-left .cd-panel__header {
  left: 0;
}

.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}

.cd-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cd-panel__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-panel__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cd-panel__close:hover {
  background-color: #424f5c;
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.cd-panel__close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
          animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
          animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background-image: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/background-sidebar.png");
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 50%;
  }
}

.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content p {
  font-size: 1.4rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}

.cd-panel__content p:first-of-type {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.sidebar {
	z-index:1;	
}
.js-panel-expand i{
	margin-right:0;
}
.js-panel-expand {
    float: right;
    margin-right: 10%;
    margin-top: 7px;
}
.cd-panel .title-updates {
	margin-left:10px;
    font-weight: bold;
    color: ;
    text-transform: uppercase;
    font-family: TrajanProBold;
    font-size: 14px;
}
.cd-panel-extend .cd-panel__container,
.cd-panel-extend .cd-panel__header{
		width:100% !important;
}
.cd-panel-extend .updates-contents-more .thumbnail {
	width:initial;	
    height:320px;
}
.cd-panel-extend .updates-contents-more .thumbnail {
	height:initial;	
}
/**********************
	Slider
**********************/
.product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }

.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { max-width: 100%; height: auto; }

.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }

.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }

.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }

.updates-middle-content img {
	margin:0 auto;
}
@media (max-width: 320px) {
	.js-panel-expand {
    	margin-right: 15%;
	}		
}

.updates-title-icon {
    background: url("https://arcoluna.getsandbox.net/themes/arcoluna/images/sicons/IconUpdatesTitle.png");
    width: 20px !important;
    height: 20px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;    
    display:inline-block;
    float: left;
    margin-top: 15px;
    margin-left: 40px;    
}
.ossn-polls {}

.ossn-polls-form-questions .progress {
	height: 20px;
	font-weight: bold;
}

.ossn-polls-has-no-progress {
	color: #000;
}

.ossn-polls-form-questions .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

.ossn-poll-loading-submit {
	margin: 0 auto;
	width: 40px;
	display: none;
}

.ossn-polls-form-questions label.btn span {
	font-size: 1.5em;
}

.ossn-polls-form-questions label input[type="radio"]~i.fa.fa-circle-o {
	color: #c8c8c8;
	display: inline;
}

.ossn-polls-form-questions label input[type="radio"]~i.fa.fa-dot-circle-o {
	display: none;
}

.ossn-polls-form-questions label input[type="radio"]:checked~i.fa.fa-circle-o {
	display: none;
}

.ossn-polls-form-questions label input[type="radio"]:checked~i.fa.fa-dot-circle-o {
	color: #0b769c;
	display: inline;
}

.ossn-polls-form-questions label:hover input[type="radio"]~i.fa {
	color: #0b769c;
}

.ossn-polls-form-questions label input[type="checkbox"]~i.fa.fa-square-o {
	color: #c8c8c8;
	display: inline;
}

.ossn-polls-form-questions label input[type="checkbox"]~i.fa.fa-check-square-o {
	display: none;
}

.ossn-polls-form-questions label input[type="checkbox"]:checked~i.fa.fa-square-o {
	display: none;
}

.ossn-polls-form-questions label input[type="checkbox"]:checked~i.fa.fa-check-square-o {
	color: #0b769c;
	display: inline;
}

.ossn-polls-form-questions label:hover input[type="checkbox"]~i.fa {
	color: #0b769c;
}

.ossn-polls-form-questions div[data-toggle="buttons"] label.active {
	color: #0b769c;
}

.ossn-polls-form-questions div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.ossn-polls-form-questions div[data-toggle="buttons"] label:hover {
	color: #0b769c;
}

.ossn-polls-form-questions div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ossn-polls-item {
	background: #fbfbfb;
	border-top: 1px solid #eee;
	padding-top: 5px;
	padding: 5px 10px 10px;
}

.btn-group-vertical {
	margin-top: 10px;
}

.ossn-poll-main {
	background: #fff;
	padding: 15px;
}

.menu-section-polls i:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f080" !important;
}

.menu-section-item-polls-my:before,
.menu-section-item-polls-all:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f080" !important;
}


.poll-container {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	border-color: #ddd;
}

.poll-body {}

.poll-title {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.poll-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.poll-votes-total {
    font-size: 13px;
    margin-left: 5px;
    float: right;
}

.poll-label {
    color: black;
    z-index: 1;
    position: relative;
    margin-left: 40px;
    max-width: 75%;
    padding-top: 10px;
    padding-bottom: 10px;  
}
.poll-percent {
    color: black;
    z-index: 1;
    position: absolute;
    right: 10px;
}
.poll-container .progress {
    min-height: 32px;
    position: relative !important;
    margin-top: 15px;
    height: auto;
}
.poll-container  .progress-bar {
	width: 5%;
    background-color: rgb(191 191 191 / 58%);
	text-align: left;
    white-space: break-spaces;    
}
.poll-progress-highlight {
	background-color: rgba(29, 155, 240, 0.58) !important;
}
.progress-bar-no-votes {
	background:#ffffff00 !important;
}
.polls-progress-bar-absol {
    position: absolute;
    height: 100%;	
}
.poll-check {
    z-index: 1;
    position: absolute;
    margin-left: 10px;
    margin-top: -4px;
    white-space: nowrap;
}
.poll-check input[type="checkbox"]{
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.poll-check input[type="checkbox"]:not(:checked){
	background:#fff;
}
.polls-show-voters {
	cursor:pointer;
}	.groupinvite .token-input-input-token {
	width:100%;
    margin-top: 10px;
}
.groupinvite .token-input-list {
	border-left:0px;
    border-right:0px;
    border-top:0px;
	border-bottom:0px;    
}
.groupinvite-form p {
	margin-bottom:0px;
}
.groupinvite ul.token-input-list {
	border-radius:initial;
}
.fa-groupinvite {
	margin-right:0px;
}

#token-input-group-invite-input {
	width: 100% !important;
}

.ossn-notification-icon-groupinvite {
    display: inline-block;
}
.ossn-notification-icon-groupinvite:before {
	content: "\f0c0";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}.menubuilder-item-topbar-dropdown i {
	    font-size: 15px !important;
}
.fa,
.fab,
.fas {
	margin-right:5px;
}
.menubuilder-item-topbar-dropdown:before {
		content:" " !important;
}
.menubuilder-item-topbar-dropdown i {
	margin-right: 14px;
}
.ossn-topbar-dropdown-menu ul li a:before {
	width: 20px;
}.messagetyping {
}
.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);
  }
}#ossn-wall-postbg {
    border: 1px solid #E5E6E9;
    background: #fff;
    padding: 10px;
    height: 45px;
    margin-top: 10px;
    border-radius:10px;
}
.postbg-container {
    min-height: 320px;
    color: #333;
    font-size: 30px !important;
    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;
}/** <style> **/
.giphy-container {
	display: none;
	background: #fff;
	padding: 10px 10px 20px;
	width: 250px;
	z-index: 1;
	border-radius: 5px;
	right: 0;
	margin-right: 20px;
	box-shadow: 0 12px 28px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 13%), inset 0 0 0 1px rgb(0 0 0 / 13%);
}

.giphy-container-inner {
	height: 300px;
}

.giphy-container-inner .giphy-list {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 250px;
}

.giphy-icon {
	background: url('https://arcoluna.getsandbox.net/components/OssnGiphy/images/gif.png');
	float: right;
	position: relative;
	margin-right: 5px;
	margin-top: 4px;
	width: 25px;
	height: 25px;
	padding: 5px;
	cursor: pointer;
}

.search-giphy {
	height: 32px;
	background-color: #f2f3f5;
	border: 1px solid #ccd0d5;
	border-radius: 15px;
	display: block;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 5px 10px;
	outline: none;
}

.giphy-list .ossn-pagination li {
	visibility: hidden;
}

.giphy-list .pagination {
	margin: 0;
}

.giphy-container-inner .ossn-loading {
	margin: -20px auto;
}

.giphy-container-inner .ossn-loading-initial {
	margin: 0 auto;
}

.close-giphy-container {
	float: right;
	top: 0;
	position: absolute;
	right: 0;
	padding: 5px;
	margin: 10px 1px;
	border-radius: 10px;
	cursor: pointer;
}

.giphy-list img {
	cursor: pointer
}

.giphy-powerd-text {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    display: block;
    bottom: 0;
    position: absolute;
}.profile-menu-extra-banuser {
    color: #B91A1A !important;
}.categories h3 {
    margin-top: 0px;
    font-size: 21px;
    margin-bottom: 5px;
}
.categories p {
	margin-bottom:5px;
}
.categories .ossn-users-list-item {
	margin-left: -5px;
    margin-right: -5px;
}
.menu-section-item-categoieslist:before,
.menu-section-categories i:before {
    content: "\f022" !important;
}.multiple-upload-item {
	margin: 0 5px 0 0;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.multiple-upload-container {
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
}

.multiple-upload-item img {
	width: 100px;
	height: 100px;
	margin: 0 5px 0 0;
	display: inline-block;
	object-fit: cover;
	border: 1px solid #ccc;
	user-select: none;
	pointer-events: none;
	border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
}

.multiupload-output {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.multiupload-output li {
	flex-grow: 1;
	list-style: none;
	position: relative;
	max-height: 200px;
}

.multiupload-output img {
	max-height: 200px;
	width: 100%;
	object-fit: cover;
	vertical-align: bottom;
	cursor: pointer;
}

.multiupload-view-more {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	font-size: 6vh;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.multiupload-img-last {
	filter: brightness(0.5);
}

.ossn-wall-item .post-contents img {
	border: 1px solid #fff;
}

.multiple-upload-remove-item {
	position: absolute;
	right: 0;
	padding-right: 9px;
	padding-top: 3px;
}

.multiple-upload-remove-item span {
	background: #fff;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	color: #000;
	cursor: pointer;
}

@media (max-width: 575.98px) {
	.multiupload-output img {
		max-height: 100px;
	}

	.multiupload-view-more {
		font-size: 3vh;
	}
}.siteoffline .inner-block i {
	font-size:30px;
}
.siteoffline .inner-block {
	text-align:center;
}/***** <style> *******/
:root {
	/* Pending Card Variables */
	--video-card-bg: var(--bg-inner-containers, #ffffff);
	--video-card-border: var(--main-border-color, #e1e8ed);
	--video-text-main: var(--text-color, #2c3e50);
	--video-text-muted: #657786;
	--video-preview-bg: #f8fafc;

	/* Dynamic Processing Status Colors */
	--status-pending-color: #d97706;
	--status-pending-bg: #fef3c7;
	--status-processing-color: #2563eb;
	--status-processing-bg: #dbeafe;
	--status-failed-color: #dc2626;
	--status-failed-bg: #fee2e2;

	/* Grid & Archive View Variables */
	--video-grid-bg: var(--bg-inner-containers, #ffffff);
	--video-grid-border: var(--main-border-color, #e1e8ed);
	--video-grid-text: var(--text-color, #2c3e50);
	--video-grid-muted: #657786;
	--video-overlay-color: rgba(30, 41, 59, 0.9);
}

.white-darkmode {
	/* Dark Mode Overrides for Pending Cards */
	--video-card-bg: var(--bg-inner-containers, #1e293b);
	--video-card-border: var(--main-border-color, #334155);
	--video-text-main: var(--text-color, #f8fafc);
	--video-text-muted: #94a3b8;
	--video-preview-bg: #0f172a;

	--status-pending-color: #fbbf24;
	--status-pending-bg: rgba(251, 191, 36, 0.1);
	--status-processing-color: #60a5fa;
	--status-processing-bg: rgba(96, 165, 250, 0.1);
	--status-failed-color: #f87171;
	--status-failed-bg: rgba(248, 113, 113, 0.1);

	/* Dark Mode Overrides for Grid Views */
	--video-grid-bg: var(--bg-inner-containers, #1e293b);
	--video-grid-border: var(--main-border-color, #334155);
	--video-grid-text: var(--text-color, #f8fafc);
	--video-grid-muted: #94a3b8;
	--video-overlay-color: rgba(14, 165, 233, 0.9);
}

/****************************************************
	Ossn Native Component Global Styles
*****************************************************/
.ossn-video-player {
	max-width: 100%;
}

.ossn-video-controls {
	margin-top: 20px;
}

.ossn-video-description {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mejs-poster img {
	width: initial;
	max-width: initial;
	border: 0px !important;
}

/****************************************************
	Legacy Legacy List UI Layouts
*****************************************************/
.ossn-videos-list {}

.ossn-videos-list .video-image {
	height: 200px;
	width: 200px;
}

.ossn-video-item {
	margin-bottom: 20px;
}

.ossn-video-item .video-meta-data,
.ossn-video-item .video-image {
	display: inline-block;
}

.ossn-video-item .video-meta-data {
	vertical-align: top;
	padding: 10px;
	word-break: normal;
	width: 60%;
	text-align: justify;
}

.ossn-video-item .video-meta-data .video-title {
	font-size: 18px;
	font-weight: bold;
}

/****************************************************
	Async Actions Upload Framework Block
*****************************************************/
#video-add .progress {
	position: relative;
	margin-top: 20px;
}

#video-add .progress span {
	position: absolute;
	display: block;
	width: 100%;
	color: #000;
	font-weight: bold;
}

#video-add .progress-bar {
	background-color: #33B762;
}

#video-add .conversion,
#video-add .video-upload {
	display: none;
}

/****************************************************
	Font Awesome Navigation Icon Injectors
*****************************************************/
.menu-section-videos i:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f03d";
}

.menu-section-item-videos-my:before,
.menu-section-item-videos-all:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0cb" !important;
}

.menu-section-item-videos-add:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f067" !important;
}

.menu-section-item-videos-pending:before {
	content: "\f1ce" !important;
}

.video-delete-btn {
	color: #ff1919 !important;
}

.video-delete-btn:before {
	content: "\f2ed" !important;
}

/****************************************************
	Modern Video Content Dashboard Grid Component
*****************************************************/
.ossn-videos-grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 25px;
	margin-bottom: 30px;
}

.ossn-video-card {
	background: var(--video-grid-bg);
	border: 1px solid var(--video-grid-border);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
	            box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ossn-video-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.video-card-thumbnail {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: #000000;
}

.video-thumbnail-link {
	display: block;
	width: 100%;
	height: 100%;
}

.video-image-bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.4s ease;
}

.video-play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.25s ease, background-color 0.25s ease;
}

.video-play-overlay i {
	margin-right: 0;	
}

.video-play-btn {
	width: 50px;
	height: 50px;
	background: #ffffff;
	color: #111111;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding-left: 3px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: scale(0.8);
	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ossn-video-card:hover .video-image-bg {
	transform: scale(1.05);
}

.ossn-video-card:hover .video-play-overlay {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.4);
}

.ossn-video-card:hover .video-play-btn {
	transform: scale(1);
	background: var(--video-overlay-color);
	color: #ffffff;
}

.video-card-meta {
	padding: 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.video-card-title {
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 8px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-card-title a {
	color: var(--video-grid-text);
	text-decoration: none !important;
	transition: color 0.2s;
}

.video-card-title a:hover {
	color: var(--video-overlay-color);
}

.video-card-description {
	font-size: 13px;
	color: var(--video-grid-muted);
	line-height: 1.5;
	margin: 0 0 15px 0;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.video-card-footer {
	border-top: 1px solid var(--video-grid-border);
	padding-top: 12px;
	margin-top: auto;
}

.video-card-footer .time-created {
	font-size: 12px;
	color: var(--video-grid-muted);
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.ossn-pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	width: 100%;
}

/****************************************************
	Modern Pending Conversion Component Layout
*****************************************************/
.video-conversion-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--video-text-main);
	margin: 0;
	line-height: 1.4;
}

/* Fallback for legacy layout structures */
.video-meta-data .video-conversion-title {
	font-size: 20px;
	font-weight: bold;
	color: #6b6b6b;
}

.video-pending {
	background: #f1f1f1;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

.video-pending-card {
	display: flex;
	background: var(--video-card-bg);
	border: 1px solid var(--video-card-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.3s ease;
}

.video-pending-preview {
	width: 160px;
	min-width: 160px;
	background: var(--video-preview-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-right: 1px solid var(--video-card-border);
}

.video-pending-preview.status-context-yes {
	background-color: var(--status-pending-bg);
}

.video-pending-preview.status-context-conversion {
	background-color: var(--status-processing-bg);
}

.video-processing-loader {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-processing-loader i {
	font-size: 24px;
	color: var(--status-processing-color);
	position: absolute;
}

.video-processing-loader i.text-pending-fallback {
	color: var(--status-pending-color);
	position: relative;
	font-size: 26px;
}

.video-processing-loader .spinner-ring {
	width: 50px;
	height: 50px;
	border: 3px solid rgba(96, 165, 250, 0.2);
	border-top-color: var(--status-processing-color);
	border-radius: 50%;
	animation: videoSpin 1.2s linear infinite;
}

@keyframes videoSpin {
	to { transform: rotate(360deg); }
}

.video-pending-body {
	flex-grow: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.video-pending-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 10px;
}

.btn-video-delete {
	color: #94a3b8;
	padding: 6px;
	font-size: 14px;
	border-radius: 6px;
	transition: background 0.2s, color 0.2s;
}

.btn-video-delete:hover {
	background: var(--status-failed-bg);
	color: var(--status-failed-color);
}

.status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 15px;
	align-self: flex-start;
}

.status-pending {
	background: var(--status-pending-bg);
	color: var(--status-pending-color);
}

.status-processing {
	background: var(--status-processing-bg);
	color: var(--status-processing-color);
}

.status-failed {
	background: var(--status-failed-bg);
	color: var(--status-failed-color);
}

.conversion-tracker {
	width: 100%;
}

.tracker-meta {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 6px;
}

.tracker-label {
	color: var(--video-text-muted);
}

.tracker-percentage {
	color: var(--status-processing-color);
}

.custom-progress-track {
	height: 6px;
	background: var(--video-card-border);
	border-radius: 10px;
	overflow: hidden;
}

.custom-progress-bar {
	height: 100%;
	background: linear-gradient(90deg, var(--status-processing-color) 0%, #3b82f6 100%);
	border-radius: 10px;
	width: 0%;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/****************************************************
	Responsive Structure Breakpoints
*****************************************************/
@media (max-width: 576px) {
	.video-pending-card {
		flex-direction: column;
	}

	.video-pending-preview {
		width: 100%;
		height: 100px;
		border-right: none;
		border-bottom: 1px solid var(--video-card-border);
	}
}

@media (max-width: 480px) {
	.ossn-video-item .video-meta-data {
		padding: 0px;
		width: 230px;
	}
}.custom-field-items label,
#ossn-home-signup label {
	font-weight:bold;
}.link-preview-item {
    margin-bottom: 10px;
}
.link-preview-item a {
	text-decoration:none;
}
.link-preview-item:hover {
    cursor: pointer;
    opacity: 0.5;
}
.link-preview-item-inner {
    border: 1px solid #eee;
    padding: 10px;
    background: #fff;
    border-bottom: 3px solid #eee;
    border-right: 2px solid #eee;
}
.link-preview-item-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    color: #313742;
}
.link-preview-item-contents-desc {
    color: #616161;
    font-size: 14px;
}
.link-preview-item-mage-preview {
    background: #eee;
    border: 2px solid #eee;
    text-align: center;
    margin-bottom: 10px;
}
.link-preview-item-mage-preview img {
    max-width: 80%;
    margin: 0 auto;
}

.ossn-wall-container-data .link-preview-container .link-preview-item-inner {
	margin-top:5px;
}
.ossn-wall-container-data .link-preview-container .ossn-loading {
    margin: 0 auto !important;
    margin-top: 10px !important;
}
.link-preview-link {
    color: #999;
    font-size: 13px;
}.menu-topbar-dropdown-reported_contents {
	    color: #ff1919 !important;
}
.ossn-report-this {
	color:red;
    cursor:pointer;
}	
.report-item {
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    background: #f3f3f3;
}
.report-item p {
    border-bottom: 1px solid #ccc;
    padding: 5px;	
}
.report-item-read {
	background:#fff;	
}
.report-item p span {
    margin-left: 5px;	
}
.report-item .btn {
	margin-right:5px;
}
.message-report {
	display:none;
}	
.message-box-recieved:hover .message-report {
	display: inline-block;
    font-size: 12px;
    color: red;
}
.ossn-notification-icon-report {
    display: inline-block;
}
.ossn-notification-icon-report:before {
    content: "\f024";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}.events {
	min-height:200px;
    margin-top:5px;
    border:1px solid #B2D3D6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background:#F5F9FB;
    padding-bottom: 10px;
}

.events .event-actions {
    margin-bottom: 5px;
    text-align: center;
}	
.events .event-actions .btn {
	border-radius:1px;
        padding: 3px 11px;
        text-shadow:none;
}
.events .image-event {
    border: 1px solid #ccc;
}
.events .image-event img {
	width: 100%;
 }
 .events .event-info p {
 	text-align: justify;
 }
 .events .event-manager {
 	background: #f9f9f9;
    border: 1px solid #eee;
    padding: 5px;
    margin-top: 5px;
 }
 .events .manager-control .controls {
 	margin-top:5px;
 }
 .events .manager-control .btn {
 	display:block;
    border-radius:1px;
    margin-bottom:5px;
 }
 .events .event-bottom-panel {
 	margin-top:10px;
 }
 .events .event-bottom-panel .title {
 	background: #f9f9f9;
    border: 1px solid #eee;
    font-weight:bold;
	padding:5px;
        text-align: center;
 }
 .event-basic-info {
  	text-align: center;
    padding: 15px;
 }
 .event-bottom-panel .counter {
     text-align: center;
    font-size: 24px;
    padding: 15px;
 }
 .event-bottom-panel .event-date .event-date-day {
    text-align: center;
    font-size: 15px;
    padding: 15px;
 }
 .event-list-item .title {
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px #eee;
    color: #808080;
    margin-bottom: 5px; 
 }
  .event-list-item  .image-event {
  	background:#eee;
  }
  .event-list-item  .image-event img {
	     vertical-align: middle;
   }
 .event-list-item .options .btn-info {
    float: right;
    border-radius: 1px;
    padding: 4px 12px;
  }
  .event-list-item .metadata li {
  		display:inline-block;
        margin-right: 5px;
  }
  .event-list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
        margin-top: 10px;
  }
  .event-list-item p {
      text-align: justify;
  }

  .wall-events {

    }
  .wall-events .image-event img {
        width: 100%;
  }


  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  	background:#eee;
  }
  .ossn-menu-search-event a:before {
    content: " ";
    background: url('https://arcoluna.getsandbox.net/themes/arcoluna/images/icons/metadata/Search Events.png');
    width: 17px !important;
    height: 17px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
    margin-top: 0px;
    margin-left: -5px;
    margin-right: 10px;
    float: left;
}
  .ossn-notification-icon-calander {
  	 display: inline-block;
  }

	.ossn-notification-icon-calander:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}
.event-wall-item {
	margin-bottom:10px;
}
.events .comments-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
}
.events-users-relations .btn {
	display:none;
}
.event-relation {
    cursor: pointer;
}
.menu-section-event i:before {
    font-family: FontAwesome;
    content: "\f073" !important;
}
.menu-section-item-events-all:before,
.menu-section-item-events-my:before {
    font-family: FontAwesome;
    content: "\f0cb" !important;
}
.menu-section-item-events-add:before {
    font-family: FontAwesome;
    content: "\f067" !important;
}
.events .top-cover {
	height:300px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.events .event-title .title {
    color: #45376C;
    font-weight: bold;
    font-size: 25px;
}
.events .event-sub-box {
    border-bottom: 2px solid #73AEB2;
    padding: 15px;
    border-top: 2px solid #73AEB2;
}
.events .event-sub-box-nt {
    border-bottom: 2px solid #73AEB2;
    padding: 15px;
    border-top: 2px solid rgba(255, 255, 255, 0);
        min-height: 50px
}
.ossn-event-sub-icon {
    width: 30px;
    height: 30px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e1.png');
}
.ossn-event-sub-icon2 {
    width: 25px;
    height: 25px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e2.png');
}
.ossn-event-sub-icon3 {
    width: 25px;
    height: 25px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e3.png');
}
.ossn-event-sub-icon4 {
    width: 25px;
    height: 25px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e4.png');
}
.ossn-event-sub-icon5 {
    width: 40px;
    height: 40px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e5.png');
}
.ossn-event-sub-icon7 {
    width: 40px;
    height: 40px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e7.png');
}
.ossn-event-sub-icon8 {
    width: 25px;
    height: 25px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e8.png');
}
.ossn-event-sub-icon9 {
    width: 40px;
    height: 40px;
    display:inline-block;
    float:left;
    background: url('https://arcoluna.getsandbox.net/components/Tweeks/images/e9.png');
}
.events .created-by a {
 color: #45376C;
}
.events .created-by {
    margin-left: 10px;
    margin-top: 5px;
    display: inline-block;
}
.events .events-buttons {
    margin-top: 20px;
}
.events .events-buttons .btn {
    padding: 7px 30px;
    padding-bottom: 4px;
}
.events .events-buttons .btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
    border-bottom: 2px solid #d58512;
 }
/** icon time **/

time.icon
{
    font-size: 1em;
    display: block;
    position: relative;
    width: 8em;
    height: 8em;
    background-color: #fff;
    margin: 0em auto;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd;
    border: 2px solid #797096;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #797096;
    border-bottom: #797096;
    box-shadow: 0 2px 0 #797096;
    text-transform: uppercase;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #45376C;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #45376C;
      margin-top: 7px;
}

.events .total-group span {
    display: inline-block;
    margin-top: 3px;
    margin-left: 5px;
}
.events  .ecount {
    min-height: 80px;
    padding: 25px;
}
.events .place-name {
	color:#45376C;
        margin-top: 5px;
        font-size: 12px;
}
.events .place-name p {
	    font-size: 12px;
}
.events .p-clock {
    font-size: 15px;
    font-weight: bold;
}
.events .price-cost {
    color: #45376C;
    margin-top: 5px;
    font-size: 22px !important;
    font-weight: bold;
}

.events .like-share, 
.events .comments-list, 
.events .menu-likes-comments-share {
    margin-left: 0px;
    margin-right: 0px;
}
.events .border-bottom-none {
	border-bottom:none;
}
.events .border-bottom-light {
	border-bottom:2px solid #BFDBDE;
}
.events .label {
    padding: 0.5em .6em .3em;
}
.event-controls {
	float:right;
}
.event-status {
    display: inline-block;
    float: right;
}
.note-recent-color {
    background-color: #6b78f7 !important;
    padding: 2px;
}
.family-members-list {
	margin-top: 10px;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

.family-members-list .item {
	margin-bottom: 10px;
}

.family-members-edit option {
	
}

.family-relation-privacy,
.family-relationship-edit,
.family-members-edit {
	border: 0;
	padding: 5px;  
}
.family-relation-privacy option {

}
.family-relation-privacy:focus-visible {
    outline: 0px !important;
}
.family-members-list .user-icon {
	border-radius: 100%;
	border: 1px solid #ccc;
	width: 52px;
	height: 52px;
	margin: 0 auto;
}

.family-members-list .user-details {
	margin-top: 5px;
}

.family-members-list .user-details i {
	margin-right: 0;
}

.family-members-list .user-details .edit {
	float: right;
	margin-left: 20px;
}

.family-members-list .user-details .privacy {
	float: right;
}

.family-members-list .user-details a {
	font-weight: bold;
}

.family-members-list .pending {
	color: red;
}

.family-members-list .user-icon img {
	border-radius: 100%;
}

.family-relationships-container {}

.family-member-request-item .ossn-loading {
	display: none;
}

.family-member-request-btn i {
	margin-right: 0;
}

.family-member-request-name {
	font-weight: bold;
}
.add-relationship-member,
.add-family-member {
	color: #337ab7;
}

.family-relationships-title {
	font-weight: bold;
}

.family-member-add-form {
	display: none;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.relation-member-add-form .token-input-input-token,
.family-member-add-form .token-input-input-token {
	width: 100%;
}

#token-input-relation-family-member,
#token-input-familysearch-family-member {
	width: 100% !important;
}

.relation-member-add-form {
	display: none;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.family-members-edit,
.family-relation-privacy {
    display: inline-block !important;
    padding: 2px  !important;
    width: 100px  !important;
    margin-right: 5px  !important;
}
.family-delete-btn {
	display: inline-block  !important;
    float: right !important;
    margin-top: 4px !important;
}.fbstories-outside-container {
	text-align:center;
}

.fbstories-items {
  height: 210px;
    overflow: hidden;
    overflow-x: scroll;
    cursor: pointer;
    white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */    
      
}
.fbstories-items::-webkit-scrollbar {
  display: none;
}

.fbstories-items .fbstories-item-add,
.fbstories-items .fbstories-item {
  width: 115px;
  height: 200px;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #dddfee;
  background: #333;
  cursor: pointer;
  margin-right: 10px;
  position:relative;
}

.fbstories-items .fbstories-item {
  width: 115px;
  height: 200px;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
  border:0px;
  background:#D9D9DFFF;
  margin-right: 10px;
}

.fbstories-items .fbstories-item .user-image {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid #3578e5;
  border-radius: 50%;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  z-index:9;
}
.fbstories-items .fbstories-item .user-name {
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
    text-overflow: ellipsis;
    width: 98px;
    flex-wrap: wrap;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    margin-top: 170px;
}
.fbstories-items .fbstories-item-add .image0th,
.fbstories-items .fbstories-item .image0th {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position:relative;
}

.fbstories-items .fbstories-item .image0th img {
	max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
    border:1px solid #D9D9DFFF;
    pointer-events: none;
    border-radius: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    left: 0;    
}
.fbstorie-item-delete {
    font-size: 15px;
    color: #fff;
    float: right;
    z-index: 3;
    position: relative;
    cursor: pointer;
    opacity: 1;
	margin-top: 5px;
    margin-right: 5px;    
}
.fbstories-items .fbstories-item .user-image img {
  border-radius: 50%;
}
.users-information {
  position: absolute;
  background: rgba(51, 51, 51, 0.29);
  width: 100%;
  left: 0;
  padding-top: 10px;
  z-index: 2;
  padding-bottom: 10px
}

.users-information-inner {
  padding-left: 10px;
  padding-right: 10px;
}

.users-information .user-image {
  border-radius: 100%;
  border: 1px solid #fff;
  display: inline-block;
  float: left;
}

.users-information .user-image img {
  border-radius: 100%;
}

.users-information .user-name-time {
  display: inline-block;
  color: #fff;
  margin-left: 8px;
  margin-top: 1px;
}

.users-information .user-name-time .name {
  display: block;
}

.users-information .user-name-time .time {
  font-size: 12px;
}

.fbstories-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: rgba(43, 43, 43, 0.75);
  cursor: auto;
  height: 100%;
}

.fbstories-container-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 60000;
}

.status-bar {
  background: #ccc !important;
  height: 5px !important;
  border-radius: 0 !important;
  border: 0 !important;
  z-index: 10 !important;
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  opacity:0.9;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.status-bar .ui-progressbar-value {
	border:0px !important;
    margin:0 !important;
        height: 6px !important;
        
}
.status-bar  .ui-progressbar .ui-progressbar-value {
	margin:0 !important;
}
.fbstories-container .slideshow-container {
  width: 300px;
  height: 500px;
  position: relative;
  margin: auto;
  background: #333;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
  padding-top: 0px;
}

.fbstories-container .slideshow-container .close {
  font-size: 15px;
  color: #fff;
  float: right;
  z-index: 3;
  position: relative;
  cursor: pointer;
  opacity: 1;
   margin-top: 7px;
}

.fbstories-container .slideshow-container .fbstories-slides img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0;
}

.fbstories-slides {
  display: none;
}

.fbstories-container .prev {
  left: 0;
}

.fbstories-container .next {
  right: 0;
}

.fbstories-container .prev,
.fbstories-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.fbstories-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.fbstories-container .prev:hover,
.fbstories-container .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.fbstories-container .text {
  color: #f2f2f2;
  font-size: 15px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background: rgba(51, 51, 51, 0.29);
  padding: 5px;
  padding-right: 0;
  padding-left: 0;
  left: 0;
  right: 0;
}

.fbstories-container .total-images {
  color: #f2f2f2;
  font-size: 12px;
  top: 0;
  z-index: 1;
  margin-top: 20px;
  float: right;
}

.fbstories-container .fadefbstories {
  -webkit-animation-name: fadefbstories;
  -webkit-animation-duration: 1.5s;
  animation-name: fadefbstories;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadefbstories {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}

@keyframes fadefbstories {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
.fbstories-paginate-item .story-viewed .user-image {
	border: 4px solid #d2d2d2;
}
@media only screen and (max-device-width: 480px) {
	
	.fbstories-items .fbstories-item-add,
	.fbstories-items .fbstories-item {
    	width: 100px;
    	height: 150px;
        margin-right:0px;
	}
	.fbstories-items {
    	height: 160px;
	}	
    .fbstories-items .fbstories-item .user-name {
        margin-top: 120px;
        width: 80px;
    }
}

.fbstories-add-story {
	color:#fff;
    font-size:20px;
}
.stories-container {
    margin-bottom: 10px;
}
.stories-container .title {
    font-weight: bold;
    margin-bottom: 5px;
}
.stories-view-all {
    float: right;
    padding-right: 15px;
}.verified-user {
	color: #5890FF;
    border-radius: 50%;
    margin-left: 5px;
    background: #fff;
    text-shadow: initial;
}
.newseed-uinfo .name {
	display:block;
}
.verified-title{
 	display: inline;
 	position: relative;
}
.ossn-users-list-item .verified-user { 
    	display: inline-block !important;
    	margin-top: 22px;
}	
.ossn-users-list-item .uinfo a {
		max-width:300px;
        width:initial;
}
.ossn-box-inner .ossn-list-users .uinfo .userlink {
		width:200px;
        float:none;
}
@media (max-width: 480px) {
		.ossn-search-page .ossn-users-list-item .uinfo a {
        		max-width:100px;
                width:initial;
        }
        .ossn-users-list-item .verified-user { 
    		margin-top: 10px;
		}	
}
@media only screen and (max-width: 1199px) { 
		.ossn-search-page .ossn-users-list-item .uinfo a {
        		max-width:200px;
                width:initial;
        }
}
.newseed-uinfo .verified-user,
.newseed-uinfo .name a {
	display:inline-block;
}