.js-notification-open {
    position: relative;
    cursor: pointer;
}

.js-notification-open .more-dropdown.open {
    opacity: 1;
    visibility: visible;
    transition: .3s ease;
    cursor: auto;
}

.post-content img, .comment-content img, a.post-thumb img, div.post-thumb img {
    display: block;
    border-radius: 5px;
    max-height: 80vh;
    width: auto;
}

.post-block-photo:last-child {
    margin-bottom: 0;
}

.post-video .video-content {
    min-width: 200px;
}

img.mfp-img {
    max-height: calc(100vh - 40px);
}

.post-thumb+.btn {
    margin-top: 25px;
}

.open-post>.btn-prev-without, .open-post>.btn-next-without {
    width: 14px;
    height: 25px;
    fill: #515365;
}

.open-post>.btn-prev-without {
    left: 25px;
}

.open-post>.btn-next-without {
    right: 25px;
}

.header-responsive {
    padding: 0;
}

.main-header {
    max-width: 100%;
}

.color-logo {
    height: 34px;
    width: 34px;
}

.author-thumb .avatar {
    width: 36px;
    height: 36px;
}

.author-thumb .avatar-x34 {
    width: 34px;
    height: 34px;
}

.author-thumb .avatar-x42 {
    width: 42px;
    height: 42px;
}

.top-header-author .author-thumb {
    width: 136px;
    height: 136px;
}

.btn-control .triangle-top-right {
    top: calc(100% + 15px);
    bottom: auto;
}

.mCustomScrollbar > hr {
    border-color: #e6ecf5;
    border-style: solid;
    border-width: 1px;
}

.mobile-app-tabs {
    padding: 0 0 0 70px;
}

.hcenter {
    margin: auto;
}

.hidden {
    display: none;
}

.control-icon .more-dropdown {
    padding: 0;
    width: 400px;
}

.control-icon .mCustomScrollbar {
    max-height: 500px;
}

.control-icon .ps > .ps__scrollbar-y-rail, .control-icon .ps:hover > .ps__scrollbar-y-rail {
    top: 0 !important;
}

.notifications-placeholder,.chats-placeholder {
    padding: 25px;
    text-align: center;
}

.notification-list a {
    padding: 0;
}

.notification-event a {
    display: inline;
}

.notification-event img {
    max-height: 100px;
}

.notification-event {
    color: #252632;
    word-wrap: break-word; /* Internet Explorer */
    overflow-wrap: break-word;
}

.notifications li, .chats li {
    cursor: pointer;
}

.customize-feed {
    height: 12px;
    width: 12px;
    margin-top: 4px;
    fill: #888da8;
}

.cat-list__item:hover .customize-feed, .cat-list__item.active .customize-feed {
    fill: #fff;
}

.post-add-icon svg {
    margin-left: 8px;
    height: 20px;
}

a.post-add-icon [data-prefix="fas"] {
    fill: #ff5e3a;
    color: #ff5e3a;
}

.post-rating {
    color: #c2c5d9;
}

div.post-add-icon:hover {
    fill: #c2c5d9;
    color: #c2c5d9;
}

.post .post__date svg {
    color: #888da8;
    margin: 0 7px;
}

.post .post__date, .post .post__date a {
    color: #888da8;
    font-weight: 400;
}

.post .post__date a:hover {
    color: #ff5e3a;
}

.post-additional-info > *:last-child {
    margin: unset;
}

.post-additional-info > .comment-button:last-of-type {
    margin-right: 0;
    margin-left: auto;
}

.wrapped-text {
    word-wrap: break-word; /* Internet Explorer */
    overflow-wrap: break-word;
}

.post-title {
    display: inline-block;
    width: 100%;
}

.post-content, .comment-content{
    text-align: justify;
}

.cut-post .post-content, .cut-post .post-thumb {
    cursor: pointer;
}

.post-content a:hover {
    text-decoration-line: underline;
}

.post-content>p {
    text-indent: 1em;
    margin: 1em 0;
}

.post-content iframe, .comment-content iframe {
    max-width: 100%;
    display: block;
    margin: auto;
}

.post-content ul {
    list-style-type: disc;
    list-style-position: inside;
}

.post-content ul, .post-content ol {
    font-size: .875rem;
}

.post-tags {
    margin: 1em 0;
}

.post-tags a:not(:hover), #profile-tags a:not(:hover) {
    color: #888da8;
}

.blog-post-popup .post .post-title {
    display: inline-block;
}

.blog-post-popup .post-title {
    position: relative;
    top: 0;
    left: 0;
    color: #515365;
    -webkit-transform: none;
    transform: none;
    text-align: left;
    z-index: 0;
}

.blog-post-popup .post p {
    padding: 0;
}

.dot-divider {
    padding-right: .3em;
    padding-left: .3em;
}

.dot-divider::after {
    content: '\00B7';
}

.content-bg-wrap {
	background-size: auto 100%;
}

.country, .friend-about {
    color: #888da8;
}

.comment-additional-info {
    display: flex;
}

.comment-additional-info > *, .comment-additional-info .post-add-icon {
    margin-right: 15px;
}

#existing-comment-editor textarea {
    min-height: 264px;
}

li.cat-list__item > a {
    text-transform: none;
}

.comment-rating {
    color: #9a9fbf;
}

.comments-list + .alert {
    margin: 25px;
}

#search-popup>div {
    width: 770px;
}

#search-popup form {
    padding: 30px;
}

#search-popup .form-group {
    margin-bottom: 0;
}

.jumbotron {
    background-color: inherit;
}

.markdown-for-editor {
    text-align: center;
    font-size: 15px;
    padding-bottom: 1em;
}

.markdown-for-editor a {
    color: #9a9fbf;
}

.markdown-for-editor a:hover {
    color: #ff5e3a;
}

.selectize-control {
    margin-bottom: 1.4rem;
}

.selectize-input {
    border: 1px solid #e6ecf5;
    border-radius: 0.25rem;
}

.selectize-input > input {
    border: none;
    overflow: visible;
}

.selectize-input.has-items {
    padding: calc(1.1rem - 3px) calc(1.1rem - 3px) calc(1.1rem - 6px);
}

.selectize-input.has-items > * {
    padding: 3px 10px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}

.selectize-input.has-items > span {
    background-color: #ff5e3a;
    border-radius: 3px;
    color: #fff;
}

.selectize-input.has-items > input {
    background-color: transparent;
    height: 100%;
    border: none;
}

.selectize-dropdown {
    background-color: #fff;
    z-index: 50;
    border: 1px solid #e6ecf5;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.selectize-dropdown-content > * {
    cursor: pointer;
    padding: 10px 1.5rem;
    border-bottom: 1px solid #e6ecf5;
    display: block;
    position: relative;
    transition: all .3s ease;
    color: #888da8;
    line-height: 1.75;
}

.selectize-dropdown-content > :hover {
    background-color: #f8f9fa;
}

.hint {
    margin: 0 1.1rem;
    color: #888da8;
    display: block;
}

.switcher-block + .hint {
    margin-top: -19px;
    margin-bottom: 19px;
}

.editor-tags a:not(:hover) {
    color: #888da8;
}

#attached-images {
    display: block;
    width: 100%;
}

#attached-images img {
    margin: 11px;
    max-width: calc(100% / 5 - 25px);
    height: auto;
    display: inline-block;
}

#notification-settings {
    width: 100%;
}

#notification-settings th:not(:first-child) {
    padding-left: 5px;
    padding-bottom: 20px;
}

.invite {
    padding: 1.1rem;
}

.ignored-user {
    border-top: 1px solid #e6ecf5;
}

.removed {
    opacity: 0.4;
}

.remove-user {
    float: right;
}

div.top-header-thumb::after {
    box-shadow: inset 0 -6vw 3vw -1.5vw rgba(0,0,0,0.5);
}

div.profile-section {
    padding: 30px 0;
    min-height: 80px;
}

#open-dialog {
    font-size: .875rem;
    line-height: 1.3;
}

.chats li.message-unread, .comments-list .comment-item.message-unread {
    background-color: #e6ecf5;
}

#chat-wrapper .comments-list .comment-item {
    border-bottom: none;
}

#chat-wrapper p {
    margin-bottom: 0;
}

#chat-block {
    margin-bottom: 0;
    height: calc(100vh - 70px);
}

.chat-fixed {
    position: fixed;
    z-index: 3;
    background-color: #fff;
    margin-left: -1px;
}

@media (min-width: 1400px)                         { .chat-fixed { width: 620px } }
@media (min-width: 1200px) and (max-width: 1399px) { .chat-fixed { width: 525px } }
@media (min-width: 1024px) and (max-width: 1199px) { .chat-fixed { width: 570px } }
@media (min-width:  800px) and (max-width: 1023px) { .chat-fixed { width: 650px } }
@media (min-width:  600px) and (max-width:  799px) { .chat-fixed { width: 570px } }
@media                         (max-width:  599px) { .chat-fixed { width: calc(100vw - 32px) } }

#chat-title {
    padding-top: 93px;
    top: 0;
}

.always-animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform,opacity;
}

.always-animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

.always-animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}

#chat-wrapper {
    padding-bottom: calc(83px + 7rem);
    padding-top: calc(49px + 1rem);
    background-color: #fafbfd;
    min-height: 100%;
}

#messages-placeholder {
    position: absolute;
    bottom: calc(83px + 7rem);
    width: calc(100% - 32px);
    padding: 25px;
    text-align: center;
    color: #888da8;
}

#message-form {
    bottom: 0;
    padding: 25px;
}

#message-form textarea {
    min-height: 65px;
}

#message-form button {
    float: right;
    margin-bottom: 0;
    margin-right: 15px;
}

.label-avatar.messages-counter {
    top: calc(50% - 9px);
    right: 27px;
}

.label-avatar.messages-counter.hidden {
    display: none;
}

.calendar-more-posts {
    background-color: #ff5e3a;
    color: #fff !important;
    border-radius: 3px;
    padding: 2px 5px;
}

.fc-button {
    background-color: #9a9fbf !important;
    border-color: #9a9fbf !important;
}

.fc-button span {
    color: #ffffff !important;
}

.fc-button:disabled span {
    color: #ffffff;
}

.fc-button:active {
    background-color: #ffffff !important;
    border-color: #e6ecf5 !important;
}

.fc-button:active:not(:disabled) span {
    color: #515365 !important;
}

.fc-button:active:disabled {
    background-color: #7b81ab !important;
    border-color: #737aa6 !important;
}

.w-last-photo.js-zoom-gallery {
    margin-right: -4px;
}

#feed.js-zoom-gallery {
    margin: -0.25rem;
}

.user-badge {
    cursor: pointer;
}