*{
	margin: 0;
	padding: 0; }
body {
    color: #242529;
    background: #fff;
    width: 100%;
    line-height: 1.3334;
    display: flex;
    flex-direction: column;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}
.m-disable-scrolling {
    overflow: hidden!important;
}
a:hover {
    color: rgb(0, 145, 234);
}
a:active, a:hover {
    outline: 0;
}
:focus {
    outline: none !important;
}
a {
    color: rgb(0, 175, 240);
    text-decoration: none;
    background-color: transparent;
}
strong {
    font-weight: 500;
}
.btn-secondary:hover{
    background-color: inherit;
}
.dropdown-toggle::after{
    margin-left: 0;
}
button:focus{
    outline: none;
}
button:focus-visible{
    outline: none;
}
.btn{
    font-size: inherit;
}
img {
    max-width: 100%;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.container {
    padding-top: 0;
    padding-bottom: 0;
}
.container:after, .container:before {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}
.row {
    margin-top: 0px;
    margin-bottom: 0px;
}
.m-mb-20 {
    margin-bottom: 20px !important;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
[role=button] {
    cursor: pointer;
}
/*---------------
::::  Main CSS
---------------*/
.main-wrapper {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.container.m-main-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.l-header {
    position: sticky;
    z-index: 98;
    flex: 0 1 0%;
}

/*---------Nav Css---------*/

.l-header__menu {
    display: flex;
    justify-content: space-between;
}
.l-header__menu__item.m-current:not(.g-btn) {
    color: #242529;
}
header__menu__item:not(.g-btn) {
    background: none;
    border: none;
    color: rgb(138, 150, 163);
}
@media (any-hover: hover){
.l-header__menu__item:not(.g-btn):not(.m-current):hover, .l-header__menu__item:not(.g-btn):not(.m-current):hover:focus {
    color: #0091ea;
}
}
.l-header__menu__item {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 0px;
    height:48px
}
.l-header__menu__item:not(.g-btn) {
    background: none;
    border: none;
    outline: none;
    color: #8a96a3;
}
.m-with-round-hover {
    position: relative;
}
header__menu__item__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    place-content: center;
    width: 36px;
    height: 36px;
}
header__menu__item__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    place-content: center;
    width: 36px;
    height: 36px;
}
.l-header__menu__item__icon .g-icon:not(.b-guest-avatar):not(.m-default-size):not(.b-default-avatar) {
    font-size: 33px;
}
svg:not(:root) {
    overflow: hidden;
}
.g-icon {
    font-size: 24px;
    width: 1em;
    height: 1em;
    min-width: 1em;
    display: inline-block;
    fill: currentcolor;
    line-height: 1;
}
.l-header:not(.m-narrow-width-header) .l-header__menu__item__text {
    font-size: 19px;
    line-height: 24px;
    font-weight: 500;
    margin-left: 21px;
}

.m-with-round-hover.m-size-lg-hover::after {
    height: 40px;
}
.m-with-round-hover.m-width-fluid-hover::after {
    width: 100%;
}
.m-with-round-hover::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    transition: opacity 0.15s ease 0s;
    pointer-events: none;
    opacity: 0;
    border-radius: 1000px;
    background-color: rgb(0, 145, 234);
    display: block;
}
.l-header__menu__item.m-current:not(.g-btn):hover {
    color: rgb(0, 145, 234);
}
.m-with-round-hover:hover::after {
    opacity: 0.06;
}

.g-btn.m-rounded {
    border-radius: 1000px;
}
.g-btn.m-lg {
    padding: 9px 16px;
    min-height: 48px;
}
.g-btn {
    border: none;
    padding: 9px 18px;
    font-size: 14px;
    color: #fefefe;
    font-weight: 500;
    background: #00aff0;
    min-width: 78px;
    transition: opacity .15s ease,background-color .15s ease,box-shadow .15s ease;
/*    display: inline-block;*/
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
}
.g-btn:hover {
    background: #0091ea;
    color: #fefefe;
}
.m-with-round-hover:not(.m-width-fluid-hover).m-size-lg-hover:after {
    width: 40px;
}

.l-header__menu__item__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}
.g-btn .g-icon {
    vertical-align: middle;
}


.g-avatar.m-w36 {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    font-size: 14px;
}

.g-avatar {
    border-radius: 1000px;
    display: block;
    position: relative;
    background-color: #fff;
}
.g-avatar__placeholder {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #00aff0;
    font-weight: 700;
    font-size: inherit;
    position: relative;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
}
.l-header__menu .g-avatar:before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 1;
    opacity: 0;
    transition: opacity .2s,transform .2s;
    border-radius: 1000px;
    border: 2px solid #0091ea;
    box-shadow: 0 0 0 6px rgb(0 145 234 / 6%);
    transform-origin: center;
    transform: scale(0);
}
.g-avatar__placeholder:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(rgba(138,150,163,.12),rgba(138,150,163,.12)),linear-gradient(rgba(138,150,163,.12),rgba(138,150,163,.12));
    border-radius: inherit;
    z-index: -1;
}
.max-width-inherit {
    max-width: inherit !important;
}
@media (any-hover: hover){
.l-header__menu .g-avatar:hover:before {
    opacity: 1;
    transform: scale(1);
}
}
/*-----------------
::: Header Content
-----------------*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
    width: 100%;
}
.b-tabs__nav.swiper-container {
    flex: 1 1 0%;
    min-width: 0px;
}
.g-page__header .b-tabs__nav {
    padding-top: 12px;
    margin-right: 16px;
}

.g-page__header .b-tabs__nav {
    margin: 0px auto 0px 0px;
    position: unset;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0px);
}
.b-tabs__nav .swiper-slide, .m-slide-width-auto .swiper-slide {
    width: auto;
}
.b-make-post__sort-btns {
    width: 72px;
    min-width: 72px;
    height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 4px;
    z-index: 2;
    padding: 0px 0px 48px;
}
.b-make-post__sort-btns.m-btn {
    border: none;
    padding: 0px;
    background: rgba(138, 150, 163, 0.12);
    border-radius: 6px;
    width: 60px;
    min-width: 60px;
    margin: 0px 4px;
    position: unset;
}
.b-dropzone__preview.m-loaded::before {
    opacity: 0;
}
.b-dropzone__preview::before {
    position: absolute;
    inset: 0px;
    content: "";
    background: rgba(138, 150, 163, 0.2);
    z-index: 2;
    pointer-events: none;
}
.b-make-post__sort-btn {
    display: flex;
}
.b-make-post__sort-btn, .b-make-post__sort-btns button.b-make-post__sort-btn.m-move-all {
    color: rgba(138, 150, 163, 0.7);
}
.b-make-post__sort-btns.m-btn:hover .b-make-post__sort-btn {
    color: rgb(0, 145, 234);
}














.m-text .b-tabs__nav__item {
    padding: 4px 1px 13px;
    font-size: 19px;
    color: rgba(138, 150, 163, 0.7);
}
.m-text .b-tabs__nav__item.m-current, .m-text .b-tabs__nav__item:hover {
    color: #242529;
}
.swiper-slide .b-tabs__nav__item:last-child {
    margin-right: 0px;
}
.m-text .b-tabs__nav__item.m-current {
    border-bottom-color: currentcolor;
}
.g-page__header .b-btns-group {
    margin-left: auto;
    align-self: flex-end;
    margin-bottom: 7px;
    margin-top: 7px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    min-height: 42px;
}
.b-search-form.m-with-tabs {
    margin-top: -56px;
    height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
}

/*
.b-search-form {
    padding: 0px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s ease 0s;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}
*/
/*
.b-search-form::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 1px;
    background-color: rgb(0, 175, 240);
}
*/
.g-page__header .b-search-form .g-page__header__btn:first-child {
    margin-left: -6px;
}
.b-search-form .g-page__header__btn:not([disabled]) {
    color: rgb(0, 175, 240);
}

.b-search-form .g-page__header__btn {
    color: rgba(138, 150, 163, 0.4);
    display: flex;
    align-items: center;
    place-content: center;
    margin: auto 0px;
    width: 36px;
    height: 36px;
}
.form-control {
    border-bottom: 1px solid rgba(138, 150, 163, 0.2);
    background-color: transparent;
    color: inherit;
    font: inherit;
    appearance: none;
    transition: border-bottom-color 0.3s ease 0s;
    vertical-align: top;
}
.b-search-form__input {
    border: none;
    height: 56px;
    flex: 1 1 0%;
}

.b-chats__list {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}
.b-compact-header {
    position: sticky;
    left: 0;
    right: 0;
    top: -56px;
    margin-bottom: -56px;
    transition: top .2s;
    z-index: 98;
}
.b-compact-header__wrapper {
    padding: 7px 40px 7px 52px;
    height: 56px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
}
.b-compact-header .g-page__header__btn {
    color: #fefefe;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 56px;
    padding: 0;
    margin: 0;
}
.b-compact-header__user {
    min-width: 0;
    flex: 1;
}
.b-compact-header .b-username-row {
    flex: 0 0 100%;
    max-width: 100%;
}
.b-compact-header:not(.m-sticky) .b-user-name__btn-edit, .b-compact-header:not(.m-sticky) .g-user-name {
    color: #fefefe;
}
.b-profile__sections {
    padding: 2px 0 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.b-profile__sections__item {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    display: inline-flex;
    align-content: center;
    align-items: center;
}
.b-profile__sections__link {
    color: #fefefe;
    display: flex;
    align-items: center;
}
.b-compact-header__settings {
    position: absolute !important;
    right: 7px;
    top: 10px;
}
.b-dropdown.m-light .dropdown-toggle, .b-dropdown.m-light .dropdown-toggle:hover, .dropdown-toggle.m-light, .dropdown-toggle.m-light:hover {
    color: #fefefe;
}
.b-compact-header:not(.m-sticky) .b-group-profile-btns, .b-compact-header:not(.m-sticky) .b-profile__user__status {
    display: none;
}
.b-compact-header .b-group-profile-btns {
    margin-right: 20px;
}
.b-group-profile-btns {
    display: flex;
    margin-left: auto;
}
.b-compact-header.m-sticky {
    top: 0;
    color: #242529;
    background-color: #fff;
    border-bottom: 1px solid rgba(138,150,163,.25);
}
.b-compact-header.m-sticky .dropdown-toggle, .b-compact-header.m-sticky .g-page__header__btn, .b-compact-header.m-sticky .g-user-name {
    color: #242529;
}
.b-compact-header.m-sticky .b-profile__sections {
    display: none;
}
.b-compact-header.m-sticky .b-compact-header__settings {
    right: 7px;
}
.b-compact-header.m-sticky .dropdown .dropdown-toggle .g-icon {
    color: #242529;
}
.b-compact-header.m-sticky .b-group-profile-btns{
    margin-right: 0;
}
.b-recommended__wrapper {
    position: relative;
}
.b-recommended .g-section__header {
    margin-right: 76px;
    justify-content: flex-start;
}

.g-section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 4px 0px;
    position: relative;
}
.b-recommended .g-section-title {
    margin-right: auto;
}
.g-section__header .g-section-title {
    padding: 0px;
}
.b-recommended .g-btn.m-icon {
    color: rgb(138, 150, 163);
    margin-left: 10px;
}


/*----------------
:::: Header Filter
----------------*/

.b-tabs__nav.m-tab-rounded.m-sm-mb {
    margin-bottom: 10px;
}
.b-tabs__nav.m-tab-rounded:not(.m-wrap) {
    flex-wrap: nowrap;
}

.b-tabs__nav.m-tab-rounded {
    margin-bottom: 17px;
    min-height: 32px;
}
.b-tabs__nav.m-single-current .swiper-container.m-left-gap-outside {
    margin-right: 10px;
}
.swiper-container.m-left-gap-outside {
    margin-left: -16px;
}

.swiper-container.m-gaps-inside {
    padding-left: 16px;
    padding-right: 16px;
}
.b-tabs__nav.m-single-current .swiper-container.m-left-gap-outside + .dropdown {
    margin-left: auto;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.m-tab-rounded.m-single-current .b-tabs__nav__item.m-current {
    background-color: rgba(0, 175, 240, 0.25);
}
.m-tab-rounded.m-single-current .b-tabs__nav__item {
    padding-left: 14px;
    padding-right: 14px;
}
.m-tab-rounded .b-tabs__nav__item {
    font-size: 14px;
    line-height: 16px;
    text-transform: none;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 1000px;
    margin-right: 12px;
    border: none;
    color: var(--text-color);
    background-color: rgba(138, 150, 163, 0.12);
    transition: background-color 0.1s ease 0s, color 0.1s ease 0s;
    display: inline-flex;
    min-height: 32px;
}
.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon:last-child, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon:last-child {
    margin-left: -14px;
    margin-right: -14px;
    width: 32px;
}
.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon {
    margin-left: -6px;
}

.m-tab-rounded.m-single-current .b-tabs__nav__item .g-icon, .m-tab-rounded.m-single-current .b-tabs__nav__item .v-icon.v-icon, .m-tab-rounded:not(.m-single-current) .b-tabs__nav__item .g-icon, .m-tab-rounded:not(.m-single-current) .b-tabs__nav__item .v-icon.v-icon {
    margin-left: -2px;
}
.m-tab-rounded .b-tabs__nav__item .g-icon, .m-tab-rounded .b-tabs__nav__item .v-icon.v-icon {
    font-size: 16px;
}
.m-tab-rounded .b-tabs__nav__item .g-icon {
    font-size: 16px;
}
.b-users-lists-wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}
.b-users-lists-wrapper .b-tabs__nav.m-tab-rounded.m-with-counter {
    margin-bottom: 14px;
}
.b-tabs__nav.m-tab-rounded.m-with-counter {
    margin-top: -8px;
}
.b-tabs__nav.m-tab-rounded.m-with-counter .swiper-container {
    padding-top: 8px;
}

.swiper-container.m-gaps-outside {
    margin-left: -16px;
    margin-right: -16px;
    flex: 0 0 calc(100% + 32px);
}
.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter {
    color: rgba(138, 150, 163, 0.75);
}
.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray {
    color: rgb(138, 150, 163);
}

.g-btn.m-icon:not(.m-colored):not(.m-with-text):not(.m-active) {
    color: rgba(138, 150, 163, 0.7);
}
.g-btn.m-icon:not(.m-colored) {
    background: none;
    transition: color 0.15s ease 0s;
}
.g-btn.m-icon.m-icon-only:not(.m-colored):hover .g-icon {
    color: rgb(0, 145, 234);
}
.b-content-filter .b-fans__filter {
    position: relative;
    right: auto;
    top: auto;
    margin-left: 4px;
}
.b-fans__filter {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
}
.b-fans__filter .b-dropdown.m-position-inline:not(:last-child) {
    margin-right: 4px;
}
.b-content-filter .b-fans__filter .b-dropdown, .b-content-filter .b-fans__filter .g-btn.m-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    place-content: center;
}
.dropdown-toggle::after{
    display: none;
}
.dropdown.m-active .dropdown-toggle {
    color: rgb(0, 175, 240);
}
/*-----------------
::: Message Content
-----------------*/
.swipeout-list {
    display: flex;
    flex-direction: column;
}
.has-story img {
    border: 1px solid #fff;
    position: relative;
}
.g-avatar.m-border-line-theme:not(.has-started-stream) {
    border: 2px solid #fff;
    background: #fff;
}
.b-chats__item .g-avatar {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: content-box;
}

.g-avatar.m-w50 {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    font-size: 18px;
}
.g-avatar.m-pointer {
    cursor: pointer;
}
.b-chats .swipeout-list-item {
    flex: unset;
    background: rgba(138, 150, 163, 0.12);
}
.swipeout-list-item {
    flex: 1 1 0%;
}

.swipeout {
    position: relative;
    overflow: hidden;
    display: flex;
}
.swipeout .swipeout-right {
    right: 0px;
    transform: translateX(100%);
}
.swipeout .swipeout-left, .swipeout .swipeout-right {
    position: absolute;
    height: 100%;
    display: flex;
    z-index: 1;
}
.b-chats__mark-as-read-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: rgb(138, 150, 163);
    font-size: 13px;
}
.b-chats .swipeout-list-item .swipeout-content {
    background: #fff;
}
.swipeout .swipeout-content {
    width: 100%;
}
.swipeout .swipeout-action, .swipeout .swipeout-content {
    transition: transform 0.2s ease 0s;
    will-change: transform;
}
.b-chats__item {
    position: relative;
    padding: 0px 0px 0px 80px;
    min-height: 80px;
    display: flex;
    align-content: center;
    align-items: center;
    cursor: pointer;
}
.b-chats__item__btn-clear {
    position: absolute;
    background: none;
    border: none;
    padding: 0px;
    right: 12px;
    z-index: 10;
    top: 16px;
    width: 24px;
    height: 24px;
    color: rgba(138, 150, 163, 0.75);
    display: flex;
    align-items: center;
    place-content: center;
}
.b-chats__item__link {
    display: block;
    color: inherit;
    margin: 0px;
    padding: 0px 16px 0px 0px;
    flex: 1 1 0%;
    width: calc(100% - 80px);
}
.b-chats__item__user.b-username-row {
    margin-bottom: 0px;
}
.b-username-row {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 2px;
}

.b-chats__item__user {
    padding: 0px 30px 5px 0px;
    white-space: nowrap;
}
.b-chats__item__body {
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.b-username-row .b-username.m-flex {
    display: flex;
    align-content: center;
    align-items: center;
}
.b-username-row .b-username {
    min-width: 0px;
    display: block;
}
.b-username-row .g-user-name, .b-username-row .g-user-username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.b-username-row .g-user-name {
    display: block;
}

.g-user-name.m-md-size, .g-user-username.m-md-size {
    font-size: 16px;
    line-height: 20px;
}
.g-user-name {
    font-weight: 500;
    color: #242529;
    position: relative;
}
.g-user-name, .g-user-username {
    user-select: text;
}
.b-chats .b-username-row .g-icon.m-verified-icon {
    margin-left: 4px;
    font-size: 16px;
}
b-chats__item__user .g-user-username {
    margin-left: 5px;
}
.g-user-username {
    font-size: 14px;
    color: rgb(138, 150, 163);
}
.b-chats__item.m-unread .b-chats__item__last-message {
    font-weight: 400;
}
.b-chats__item__last-message {
    margin-right: auto;
    padding-right: 14px;
    min-width: 0px;
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 14px;
    flex: 1 1 0%;
}
.m-unread:not(.m-unread-muted) .b-chats__item__time {
    color: rgb(0, 175, 240);
}
.b-chats__item__time {
    color: rgb(138, 150, 163);
    font-size: 14px;
    margin-right: 3px;
}
.b-chats__item__uread-count {
    color: rgb(254, 254, 254);
    background: rgb(0, 175, 240);
    border-radius: 8px;
    width: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 3px;
    height: 10px;
}
.b-icon-state-dialog:empty {
    display: none;
}
.b-icon-state-dialog {
    font-size: 16px;
    color: rgb(138, 150, 163);
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
    align-content: center;
}
.b-chats__item__last-message__icons {
    display: inline-flex;
    align-content: center;
    align-items: center;
    position: relative;
}
.b-chats__item::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 80px;
    height: 1px;
    background-color: rgba(138, 150, 163, 0.25);
}
.dropdown-menu a.dropdown-item:hover::after, .dropdown-menu button.dropdown-item:hover::after, .m-with-rectangle-hover:hover::after {
    opacity: 1;
}
.m-with-round-hover:not(.m-width-fluid-hover).m-size-sm-hover::after {
    width: 24px;
}
.m-with-round-hover.m-size-sm-hover::after {
    height: 24px;
}
.g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class .g-avatar__live-label, .g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class .g-avatar__mute-label, .g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class::after {
    border-color: #fff;
}

.online_status_class.online::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 1px;
    right: 1px;
    background: rgb(53, 208, 99);
    z-index: 2;
    box-sizing: content-box;
}
.b-chats__item__user .g-user-username {
    margin-left: 5px;
}
.b-chats__item__last-message__content, .b-chats__item__last-message__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.b-chats__item__last-message__content {
    min-width: 0px;
    line-height: 16px;
}
.b-icon-state-dialog:empty {
    display: none;
}
.b-chats__item__link:hover {
    color: inherit;
}
.b-chats__item__btn-clear .g-icon {
    font-size: 16px;
}
.l-header__menu__item__count:not(:empty), .l-header__menu__item__hasDraft {
    position: absolute;
    background: rgb(0, 175, 240);
    min-width: 16px;
    height: 16px;
    line-height: 17px;
    border-radius: 1000px;
    padding: 0px 5px;
    top: -1px;
    right: -4px;
    box-shadow: 0 0 0 2px var(--bg-color);
    z-index: 1;
}

.l-header__menu__item__count:not(:empty) {
    color: rgb(254, 254, 254);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

/*-----------------
::: Area Wrapper Content
-----------------*/
#content > .g-sides-gaps:not(.m-exception-height) {
    min-height: calc(var(--vh, 1vh)*100);
}
#content .l-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
}
.l-wrapper__content {
    max-width: 100%;
    flex: 0 0 100%;
}
.g-sides-gaps {
    padding-left: 16px;
    padding-right: 16px;
}
.b-chats__conversations .b-page-content:not(.m-chat-footer) {
    flex: 1 1 0%;
    min-height: 370px;
    position: relative;
}
.m-height-scroller {
    flex: 1 1 0%;
}
.b-feed__wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.b-feed {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.b-feed:not(:empty) {
    flex: 1 1 0%;
}
.container .g-page__header.m-real-sticky:not(.m-reset-sides-gaps) {
    margin-left: -16px;
    margin-right: -16px;
}


/*-----------------
::: Main Content
-----------------*/
#content, #content>.container {
    flex: 1;
    display: flex;
    flex-direction: column;
}
#content {
    width: 100%;
    min-height: 100%;
}
.l-container {
    position: relative;
}

.l-sidebar-column.m-l-side {
    right: auto;
    left: 0;
}

.l-sidebar-column {
    width: calc(33.29% - 16px);
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
}
.g-page__header.m-reset-mb {
    margin-bottom: 0;
}

.g-page__header.m-real-sticky {
    top: 0;
    position: sticky;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
    z-index: 5;
}
.g-page__header {
    position: relative;
    margin: 0 0 8px;
    display: flex;
    min-height: 56px;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.g-page__header__btn {
    padding: 4px;
    border: none;
    background: none;
    color: inherit;
    position: relative;
    margin-left: -6px;
    margin-right: 2px;
}
.g-page__header .g-page-title {
    padding: 15px 4px 16px;
    margin-right: auto;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    flex: 1;
    text-align: left;
}

.g-page-title.m-scroll-top {
    cursor: pointer;
}
.g-page-title {
    color: #242529;
    font-size: 19px;
    padding: 0 4px 14px;
}
.g-page-title, .g-section-subtitle, .g-section-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.g-page__header:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .25;
    background: #8a96a3;
}
.m-native-custom-scrollbar.m-scrollbar-y, .mention-container>ul.m-scrollbar-y {
    overflow-y: auto;
}
.b-tabs__nav.m-inside-sidebar {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 0;
}
.b-tabs__nav.m-row-item {
    justify-content: space-between;
}
.b-tabs__nav {
    margin: 0 0 8px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    padding: 0;
}
.b-tabs__nav__item:not([href]) {
    padding: 0;
    border: none;
}
.b-tabs__nav__item {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    color: #8a96a3;
    font-weight: 500;
    font-size: 0;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    display: flex;
    align-content: center;
    align-items: center;
    transition: color .3s ease,border-color .3s ease;
}
.b-settings__nav .b-tabs__nav__link {
    padding: 17px 4px 17px 0;
}

.m-row-item .b-tabs__nav__link {
    flex: 1;
}
.b-tabs__nav__link {
    text-transform: inherit;
    background: none;
    padding: 6px 4px 16px;
    color: inherit;
    display: flex;
    align-items: center;
    border: none;
    border-bottom: 2px solid transparent;
    transition: color .3s ease,border-color .3s ease;
    z-index: 1;
    cursor: pointer;
}

.b-tabs__nav__text {
    position: relative;
}
.m-row-item .b-tabs__nav__link:not(.m-disabled):not([disabled]).m-current, .m-row-item .m-current .b-tabs__nav__link:not(.m-disabled):not([disabled]) {
    color: #242529;
}
.m-row-item .m-current .b-tabs__nav__text:after {
    background-color:  #242529;
}
.m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container>ul.m-invisible-scrollbar {
    scrollbar-width: none;
}
.m-native-custom-scrollbar, .mention-container>ul {
    scroll-behavior: smooth;
    scrollbar-color: hsla(0,0%,66.7%,.6) var(--bg-color);
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.g-page-title.m-light {
    color: #8a96a3;
}
.post-sorting-dropdown {
    margin-right: -4px;
    margin-left: 12px;
}
.dropdown {
    position: relative;
}
.dropdown-toggle {
    background: none;
    border: none;
    padding: 4px;
    color: rgba(138,150,163,.75);
    position: relative;
}
.empty-message.m-light-text {
    color: rgba(138,150,163,.4);
    font-size: 16px;
    line-height: 24px;
}
.empty-message.m-show {
    display: block;
}
.empty-message {
    display: none;
    font-size: 18px;
    font-weight: 500;
    color: rgba(138,150,163,.7);
    margin: auto;
    padding: 10px 0;
    text-align: center;
}
.empty-message.m-light-text .g-icon {
    color: rgba(138,150,163,.25);
}
.empty-message .g-icon {
    display: block;
    font-size: 48px;
    margin: 0 auto 2px;
}
.modal .modal-footer {
    border-top: 0;
}
.modal-body .modal-footer {
    margin: 0 -16px;
    padding: 10px;
}
/*-----------------
::: Chat Content
-----------------*/
.b-chats {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
/*    overflow: hidden;*/
}
.scroll-list-chats {
    height: 100px;
}
.b-chats__conversations {
    display: flex;
    flex-grow: 1;
}
.b-chats__conversations-content {
    max-width: 100%;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.conversations-start {
    margin: auto;
    text-align: center;
    padding: 16px;
}
.conversations-start__title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 38px;
}
/*-----------------
::: Setting Content
-----------------*/
.g-input__wrapper {
    padding: 0px 0px 20px;
    position: relative;
}
.b-settings .m-profile-images .b-profile__header::after {
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.12;
    pointer-events: none;
    content: "";
}

/*-----Profile Cover -----*/
.b-settings .m-profile-images .b-profile__header {
    position: relative;
    border-radius: 0px;
}
.b-profile__header {
    height: 180px;
    position: relative;
}
.b-profile__header__cover-img {
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.b-profile__header__cover__btns {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}
.g-btn.m-icon.m-icon-only .g-icon {
    margin: 0px auto;
}
.m-with-round-hover.m-light::after {
    background-color: rgb(254, 254, 254);
}

.b-profile__header__cover__btns .g-btn {
    color: rgba(254, 254, 254, 0.75);
    background: none;
    margin: 0px 8px;
}
input[type="file"].file_input, input[type="file"].input_file {
    display: none;
}
label {
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
/*----Profile ----*/
.b-settings .m-profile-images .b-profile__header__user {
    margin-top: -50px;
}
.b-profile__header__user {
    position: relative;
    margin-top: -38px;
}
.b-profile__user {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
}
.b-settings .m-profile-images .g-avatar {
    overflow: hidden;
}
.b-profile__user .g-avatar {
    position: relative;
    flex-shrink: 0;
    margin-left: -2px;
    margin-right: 14px;
    z-index: 1;
}
.g-avatar.m-w150 {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    font-size: 36px;
}
.g-avatar img {
    border-radius: inherit;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.b-settings .m-profile-images .g-avatar::after {
    position: absolute;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.12;
    pointer-events: none;
    content: "";
    z-index: 2;
}
.b-profile__user .b-profile__header__cover__btns .g-btn {
    margin: 0px 4px;
}
.g-btn.m-icon {
    min-width: unset;
    padding: 6px 4px;
}
/*-----------------
::: Label CSS
-----------------*/
.g-btn.m-icon.m-icon-only.m-sm-size {
    width: 36px;
    height: 36px;
    min-height: 36px;
    flex: 0 0 36px;
}
.b-profile__header__cover__btns .g-btn:not(.m-with-icon) {
    padding: 0px;
}
.g-btn.m-icon.m-icon-only {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    padding: 0px;
    display: inline-flex;
    place-content: center;
    align-items: center;
}
.v-text-field--outlined .v-label {
    top: 14px;
}
.theme--light.v-label {
    color: rgba(0, 0, 0, 0.6);
}
.v-input .v-label {
    height: 20px;
    line-height: 20px;
    letter-spacing: normal;
}
.v-text-field--outlined .v-label--active {
    transform: translateY(-24px) scale(0.75);
}
.v-text-field--outlined .v-label {
    top: 18px;
}

.v-text-field .v-label--active {
    max-width: 133%;
    transform: translateY(-18px) scale(0.75);
}
.v-text-field .v-label {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 6px;
    white-space: nowrap;
    pointer-events: none;
}

.v-input label {
    margin: 0px;
    transform-origin: left top;
}
.v-input--has-state.error--text .v-label, .v-label {
    animation: 0s ease 0s 1 normal none running none;
}
.v-label {
    transition: transform 0.1s ease 0s;
}
.v-label {
    font-size: 16px;
    line-height: 1;
    min-height: 8px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) 0s;
}
.b-settings .g-input__wrapper.m-checkbox__toggle .g-input__label {
    text-transform: unset;
    font: unset;
    color: unset;
    padding: 0px 48px 0px 0px;
}

.g-input__wrapper.m-checkbox__toggle .g-input__label {
    display: flex;
    align-items: center;
}
.g-input__label {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(138, 150, 163);
    padding: 0px 6px;
    margin: 0px;
}
.b-settings .g-input__wrapper.m-checkbox__toggle .checkbox + .b-checkbox-switcher {
    top: 16px;
    right: 20px;
}

.g-input__wrapper.m-checkbox__toggle .checkbox + .b-checkbox-switcher {
    position: absolute;
    top: 2px;
    right: 8px;
    margin: 0px;
}
.checkbox + .b-checkbox-switcher {
    position: relative;
    padding: 0px;
    cursor: pointer;
    background: none;
    border: none;
    margin: 0px 2px 0px 0px;
    display: block;
}
.checkbox + .b-checkbox-switcher .b-input-ripple {
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    top: -2px;
    left: -1px;
    position: absolute;
}

.b-input-ripple {
    position: absolute;
    inset: -2px;
}
.checkbox + .b-checkbox-switcher::before {
    width: 32px;
    height: 16px;
    border-radius: 8px;
    display: block;
    background-color: rgba(138, 150, 163, 0.4);
    transition: background-color 0.3s ease 0s;
}

.checkbox + .b-checkbox-switcher::after {
    top: -2px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    background: #fff;
    transition: all 0.2s ease 0s;
    position: absolute;
    border: 2px solid rgba(138, 150, 163, 0.7);
}

.checkbox + .b-checkbox-switcher::after, .checkbox + .b-checkbox-switcher::before {
    content: "";
}
.b-input-ripple::before {
    box-shadow: rgb(0 175 240 / 6%) 0px 0px 0px 8px;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.1s ease 0s, opacity 0.1s ease 0s;
    z-index: 0;
}

.b-input-ripple::after, .b-input-ripple::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 1000px;
}
.b-input-ripple::after {
    z-index: 1;
}
.checkbox {
    display: none;
}
.checkbox + .b-checkbox-switcher:hover .b-input-ripple::before {
    opacity: 1;
    transform: scale(1);
}
.checkbox + .b-checkbox-switcher:hover::after {
    border-color: rgb(0, 145, 234);
}
.b-input-ripple::before {
    box-shadow: rgb(0 175 240 / 6%) 0px 0px 0px 8px;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.1s ease 0s, opacity 0.1s ease 0s;
    z-index: 0;
}
/*-----------------
::: Filter CSS
-----------------*/
.m-border-full-width {
    padding-left: 16px;
    padding-right: 16px;
}
@media (any-hover: hover){
    .m-tab-rounded .b-tabs__nav__item:not(.m-disabled):not([disabled]):hover {
        background-color: rgba(0, 145, 234, 0.18);
        color: rgb(0, 145, 234);
    }
}
.dropdown-toggle:hover {
    color: rgb(0, 145, 234);
}
.b-content-filter {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(138, 150, 163);
    position: relative;
}
.b-content-filter__title {
    text-transform: uppercase;
    font-weight: 500;
    color: inherit;
    font-size: 16px;
    margin: 0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b-content-filter__group-btns {
    margin-left: auto;
    margin-right: -4px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}
.b-content-filter__btn {
     margin-left: 4px; 
    width: 36px;
    height: 36px;
    display: inline-flex;
    place-content: center;
    align-items: center;
}
/*-----------------
::: Lists CSS
-----------------*/
.b-users-lists__item {
    color: inherit;
    display: flex;
    padding: 0px 6px;
    align-items: center;
    height: 72px;
    position: relative;
    z-index: 0;
    transition: max-width 0.1s ease 0s;
    max-width: 100%;
}
.b-users-lists__item::before {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
}
.b-users-lists__item__text {
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 0px;
}
.b-users-lists__item__name.m-size-lg-text {
     font-size: 19px; 
    line-height: 24px;
    margin-bottom: 6px;
}
.b-users-lists__item__name {
    font-size: 18px;
    font-weight: 400;
    margin: 0px 0px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.b-users-lists__item__count {
    font-size: 14px;
    color: rgb(138, 150, 163);
    display: flex;
    align-content: center;
    align-items: center;
}
.b-settings__block ul {
    margin: 0px;
    list-style: none;
}





/*----------------
:::: Right Header
----------------*/
.g-page__header .b-btns-group:not(.m-sm-gaps-between-btns) .g-btn.m-flat {
    margin-left: 18px;
}
.b-btns-group:not(.m-sm-gaps-between-btns) .g-btn:first-child {
    margin-left: 0px;
}
.b-btns-group:not(.m-sm-gaps-between-btns) .g-btn {
    margin-left: 12px;
}
.g-btn.m-flat.m-text {
    color: #242529;
}

.g-page__header .g-btn:not(.m-btn-back) {
    margin-left: 12px;
}

/*-----------------
::: Form CSS
-----------------*/
.modal .modal-title {
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    flex: 1;
    color: #242529;
    display: block;
}
.modal .modal-header {
    margin-left: 0;
    margin-right: 0;
    padding: 14px 16px;
    align-content: center;
    align-items: center;
    border-bottom: 0;
}
.modal .modal-body {
    padding: 15px 16px;
}
.m-tip-modal .b-header-userinfo {
    margin-top: -7px;
}
.b-header-userinfo {
    position: relative;
    min-height: 51px;
    padding-left: 60px;
    padding-top: 4px;
    margin-bottom: 28px;
}
.b-header-userinfo .g-avatar {
    position: absolute;
    top: 1px;
    left: 0;
}
@media (min-width: 560px) {
    .modal .modal-dialog.modal-sm {
        max-width: 344px;
    }
}
.b-settings .g-input__fieldset {
    padding: 0px;
}
.g-input__fieldset {
    padding: 0px 6px;
}
.form_input{
    position: relative;
    display: flex;
    align-items: center;
}
.form-group input{
    border-color: rgb(138 150 163 / 50%);
}
.form-group input.username{
    padding-left: 34px;
}
.form-group input.tip_amount{
    padding-left: 34px;
}
.tip_amount_prefix{
    display: none;
}
.form-group input.tip_amount:focus  ~ .tip_amount_prefix {
    display: block;
}
.form-group input:focus{
    box-shadow: none;
    border-color: #00aff0;
}
.form-group input:focus ~ label,
.form-group input:valid ~ label,
.form-group select ~ label{
    top: -13px;
    color: #00aff0;
    font-size: 13px;
    background: #fff;
}
.form-group label{
    font-size: 16px;
    color: rgb(138 150 163);
    position: absolute;
    left: 15px;
    pointer-events: none;
    margin-bottom: 0;
}
.form-group label.input_prefix{
    left: 40px;
}
.b-attach-file {
    position: absolute;
    right: 10px;
}
.b-attach-file .attach_file{
    color: #242529;
}
.b-attach-file .attach_file .g-icon{
    font-size: 22px;
}
.form-group .input_field_prefix{
    font-size: 17px;
    color: #242529;
    position: absolute;
    transition: all, .3s;
}
.form-group .input_help {
    text-align: left;
    font-size: 12px;
    color: rgb(138 150 163 / 75%);
    display: block;
    margin-left: 15px;
}
.input_help.input_field__details{
    text-align: right;
    margin-left: 0;
    margin-right: 15px;
}
.g-input__label.m-mb {
    margin-bottom: 10px;
}
.select2-container .select2-selection--single {
    height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.select2-search--dropdown{
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    right: 10px;
}
.b-settings__menu, .b-settings__menu ul {
    list-style: none;
    margin: 0px;
}
.b-settings__content > .b-settings__menu.m-border-top ul {
    margin-top: 1px;
    position: relative;
}
.b-settings__content > .b-settings__menu ul, .b-settings__menu ul {
    border-top: 8px solid #f6f7f8
}
.b-settings__menu__item > a:not(.b-offer-join__content), .b-settings__menu__item > span:not(.b-offer-join__content) {
    display: flex;
    align-items: center;
}
.b-settings__content > .row, .b-settings__wrapper > .row {
    display: block;
}
.b-settings__menu__item > span {
    font-weight: 400;
}
.b-settings__menu__item__sub {
    font-size: 12px;
    color: rgb(138, 150, 163);
    display: block;
    line-height: 20px;
}
.b-settings .g-switcher-wrapper.m-no-border {
    border: none;
}
.b-settings__menu__item > a, .b-settings__menu__item > span {
    min-height: 48px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
    padding: 10px 40px 10px 16px;
    position: relative;
    color: inherit;
}
.b-settings__menu__item > a.b-settings__menu__item__two-rows {
    min-height: 60px;
}
.b-settings__menu__item > a {
    z-index: 1;
}
.b-settings__menu__item > a > .custom_icon, .b-settings__menu__item > span > .custom_icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
        font-size: 24px;
    color: rgb(138, 150, 163);
}
.dropdown-menu a.dropdown-item:hover::after, .dropdown-menu button.dropdown-item:hover::after, .m-with-rectangle-hover:hover::after {
    opacity: 1;
}
.b-profile-search-form {
    position: relative;
    background: #fff;
    margin-top: -16px;
    padding-top: 16px;
    padding-bottom: 8px;
}
.b-profile-search-form.search_form{
    margin-top: 0;
}
.b-search-form.m-default-form {
    position: relative;
}
.b-search-form.m-default-form {
    margin-bottom: 16px;
    z-index: 2;
}
.b-search-form {
    padding: 0px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s ease 0s;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}
/*------------
::: Setting-
-----------*/
.b-settings {
    line-height: 24px;
}
.b-settings__header__left-col {
    display: flex;
    align-items: center;
    align-content: center;
    height: 100%;
}
.b-settings__block {
    border-top: 8px solid #f6f7f8;
    width: 100%;
}
.b-settings__menu__item.m-current>a.m-with-rectangle-hover:after {
    opacity: 1;
}
.b-settings__menu__item>span a {
    color: inherit;
}
.b-settings__menu__item>span a:hover {
    text-decoration: underline;
    color: #0091ea;
}
.b-settings .g-section-title {
    font-style: unset;
    font-variant: unset;
    font-stretch: unset;
    font-size: unset;
    line-height: unset;
    font-family: unset;
    color: unset;
    font-weight: 500;
    text-transform: unset;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
    padding: 12px 16px 11px;
}

.g-section-title {
    font-size: 15px;
    color: rgb(138, 150, 163);
    padding: 0px 4px 10px;
}
.b-settings .g-input__wrapper.m-checkbox__toggle {
    padding: 12px 16px 11px;
    min-height: 48px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
}
.b-settings__block > .g-input__wrapper {
    padding: 16px 16px 12px;
}
.g-input__wrapper.m-checkbox__toggle {
    position: relative;
    text-align: left;
    padding-right: 44px;
}

/*-----------------
::: Right Content
-----------------*/

.l-main-content.m-empty-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.l-main-content {
    width: 100%;
    min-height: 100%;
}

/*-----------------
::: Error Content
-----------------*/

#content>.g-sides-gaps:not(.m-exception-height) {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
}
.b-wrapper-404 {
    margin: auto;
    display: flex;
    flex-direction: column;
}
.b-404 {
    text-align: center;
    margin: auto;
}
.b-404__title {
    font-size: 30px;
    margin: 0 0 10px;
    font-weight: 500;
}
.b-404__subtitle {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 500;
}
.b-404__description, .l-footer {
    color: #8a96a3;
}
.g-btn.m-flat {
    color: #00aff0;
    padding: 0;
    background-color: transparent;
    font: inherit;
    min-width: unset;
    text-transform: unset;
}
/*-----------------
::: Following CSS
-----------------*/
.b-users__item__cover.m-size-sm {
    height: 80px;
}
.b-users__item__cover {
    height: 120px;
    width: calc(100% + 32px);
    display: block;
    object-fit: cover;
    margin: 0px -16px;
    border-radius: 6px 6px 0px 0px;
}
.g-btn.m-flex.m-space-between.m-lg {
    padding-left: 22px;
    padding-right: 22px;
}

.g-btn.m-profile.m-border {
    flex-wrap: wrap;
}
.g-btn.m-flex.m-space-between, .g-btn.m-flex.m-space-between .b-wrap-btn-text {
    justify-content: space-between;
}
.g-btn.m-profile {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 12px;
    white-space: unset;
    min-height: 48px;
}
.g-btn.m-border {
    background-color: transparent;
    box-shadow: rgb(138 150 163 / 25%) 0px 0px 0px 1px inset;
    color: rgb(0, 175, 240);
    transition: color 0.15s ease 0s, background-color 0.15s ease 0s, box-shadow 0.15s ease 0s;
    position: relative;
}
.g-btn.m-flex {
    display: flex;
    width: 100%;
    align-items: center;
    align-content: center;
}
.b-users__item.m-subscriptions .b-profile__user {
    padding-bottom: 0px;
    margin: -42px 0px 6px 2px;
}
.b-users__item__cover__wrapper {
    position: relative;
}
.b-users__item__cover__wrapper::before {
    background: linear-gradient(rgba(0, 0, 0, 0.12), transparent);
    top: 0px;
}
.b-users__item__cover__wrapper::after, .b-users__item__cover__wrapper::before {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0px;
    border-radius: 6px 6px 0px 0px;
}
.b-users__item__cover__wrapper::after {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    top: auto;
    height: 50%;
}
.b-users__item__inner {
    width: 100%;
    border-radius: 6px;
    position: relative;
    padding: 0px 16px 16px;
    display: flex;
    flex-direction: column;
}
.b-users__item.m-subscriptions {
    width: 100%;
}

.b-users__item.m-model-card {
    margin-bottom: 16px;
    align-self: flex-start;
}
.b-users__item {
    display: flex;
    margin: 0px 0px 12px;
}
.b-users__item__controls {
    position: absolute;
    right: 6px;
    top: 10px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    z-index: 2;
}
.g-btn.m-flat.m-light, .g-btn.m-flat.m-light.disabled, .g-btn.m-flat.m-light:hover, .g-btn.m-flat.m-light[disabled] {
    color: rgb(254, 254, 254);
}
.g-btn.m-flat .g-icon.m-default-size {
    font-size: 24px;
}
.g-btn.m-flat .g-icon {
    font-size: 18px;
    transition: transform 0.15s ease 0s;
}
.m-with-round-hover:not(.m-width-fluid-hover).m-size-md-hover::after {
    width: 36px;
}
.m-with-round-hover.m-size-md-hover::after {
    height: 36px;
}
.b-users__item__controls .g-btn:not(:hover)::before {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 36px;
    pointer-events: none;
}

.b-users__item__controls .b-dropdown.m-btn-vertical-dots .dropdown-toggle:not(:hover)::before, .b-users__item__controls .g-btn:not(:hover)::before {
    content: "";
    position: absolute;
    background: radial-gradient(at center center, rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%);
    opacity: 0.12;
    border-radius: 24px;
    width: 36px;
    transition: opacity 0.15s ease 0s;
    z-index: -1;
}
.b-users__item__controls .b-dropdown {
    margin-left: 12px;
}
.m-btn-vertical-dots .dropdown-toggle.btn-link {
    width: 24px;
    height: 36px;
}

.b-dropdown.m-light .dropdown-toggle, .b-dropdown.m-light .dropdown-toggle:hover, .dropdown-toggle.m-light, .dropdown-toggle.m-light:hover {
    color: rgb(254, 254, 254);
}
.b-users__item__controls .b-dropdown.m-btn-vertical-dots .dropdown-toggle:not(:hover)::before {
    left: -9px;
    top: 5px;
    transform: rotate(90deg);
    height: 24px;
}
.m-btn-vertical-dots .dropdown-toggle.btn-link::after {
    left: -9px;
    top: 5px;
    transform: rotate(90deg) translateY(0px);
}

.m-hover-vertical .dropdown-toggle.btn-link::after {
    transform: rotate(90deg);
}
.b-action-panel .dropdown-toggle.btn-link::after, .b-profile__user__status .dropdown-toggle.btn-link::after, .m-btn-vertical-dots:not(.m-default-hover-color) .dropdown-toggle.btn-link::after, .m-light-hover .dropdown-toggle.btn-link::after {
    background-color: rgb(254, 254, 254);
}
.dropdown-toggle.btn-link::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 24px;
    transition: opacity 0.1s ease 0s;
    pointer-events: none;
    opacity: 0;
    border-radius: 24px;
    z-index: 0;
    background-color: rgb(0, 175, 240);
}
.m-btn-vertical-dots .dropdown-toggle .g-icon {
    transform: rotate(90deg) translateY(7px);
    margin-left: auto;
    position: relative;
    z-index: 1;
}
.dropdown-toggle .g-icon {
    vertical-align: top;
    position: relative;
    z-index: 1;
}
.b-users__item.m-subscriptions .b-profile__user__info {
    padding-top: 50px;
    padding-bottom: 0px;
    position: relative;
}

.b-profile__user__info {
    flex-grow: 1;
    padding-top: 2px;
    padding-bottom: 2px;
    min-width: 0px;
}
.b-users__item.m-subscriptions .b-profile__user__status {
     margin: 0px; 
    position: absolute;
    left: 0px;
    bottom: 62px;
}

.b-profile__user__status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
}
.b-profile__user__status__text {
    font-size: 14px;
    line-height: 18px;
    color: rgb(254, 254, 254);
    padding: 0px 0px 2px;
}
.b-profile__wrapper-name {
    display: flex;
}
.b-users__item.m-subscriptions .b-profile__names {
    max-width: 100%;
}

.b-profile__names {
    max-width: calc(100% - 70px);
}
.g-user-name.m-verified, .g-user-username.m-verified {
    position: relative;
    padding-right: 22px;
}
.g-user-name.m-lg-size, .g-user-username.m-lg-size {
    font-size: 19px;
    line-height: 24px;
}
.g-user-name.m-lg-size .g-icon.m-verified, .g-user-username.m-lg-size .g-icon.m-verified {
    font-size: inherit;
}
.g-icon.m-verified {
    color: inherit;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}
.b-username-row:last-child {
    margin-bottom: 0px;
}
.g-user-realname__wrapper.m-nowrap-text {
    display: inline-flex;
    min-width: 0px;
}

.g-user-realname__wrapper {
    max-width: 100%;
}
.g-user-realname__wrapper.m-nowrap-text .g-user-realname, .g-user-realname__wrapper.m-nowrap-text .g-user-username {
    min-width: 0px;
}
.g-user-realname__wrapper .g-user-realname, .g-user-realname__wrapper .g-user-username {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    align-self: center;
}
.m-subscriptions .b-users__item__add-to-lists-btns {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 12px;
}

.b-users__item__add-to-lists-btns {
    margin: 0px 0px 10px;
}
.b-users__item__add-to-lists-btns .swiper-container {
    padding: 0px 16px;
}
.b-users__item__add-to-lists-btns .swiper-slide {
    width: auto;
    display: flex;
    align-content: center;
    align-items: center;
}
.b-users__item__add-to-lists-btns .swiper-slide:last-child .g-btn.m-add-to-lists {
    margin-right: 0px;
}
.g-btn.m-add-to-lists {
    font-size: 14px;
    line-height: 24px;
    min-height: 24px;
    color: var(--text-color);
    padding: 0px;
    background: none;
    display: flex;
    align-items: center;
    font-weight: 400;
    min-width: unset;
    text-transform: none;
    position: relative;
}
.g-btn.m-add-to-lists .m-add-to-lists-icon {
    margin-right: 9px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    position: relative;
}
.b-users__item__add-to-lists-btns .g-btn.m-add-to-lists .g-icon {
    margin-right: 0px;
}
.g-btn.m-add-to-lists .g-icon {
    font-size: 15px;
    color: rgb(0, 175, 240);
    margin: 0px 5px 0px 0px;
}
.b-users__item .b-tabs__nav {
    margin-bottom: 0px;
}
.b-users__item.m-subscriptions .b-tabs__nav.m-tab-rounded {
    margin-bottom: 16px;
}
.g-btn.m-border.m-active, .g-btn.m-border:hover {
    box-shadow: rgb(0 145 234 / 75%) 0px 0px 0px 1px inset;
    color: rgb(0, 145, 234);
    background-color: rgba(0, 145, 234, 0.06);
}
.g-btn.m-add-to-lists:hover {
    color: rgb(0, 145, 234);
}
.g-btn.m-add-to-lists:hover .m-add-to-lists-text {
    text-decoration: underline;
}
.g-user-realname__wrapper[href].m-nowrap-text:hover .g-user-name, .g-user-realname__wrapper[href].m-nowrap-text:hover .g-user-realname, .g-user-realname__wrapper[href].m-nowrap-text:hover .g-user-username, .g-user-realname__wrapper[href]:not(.m-nowrap-text):hover {
    text-decoration: underline;
}

.g-user-realname__wrapper[href]:hover .g-user-realname, .g-user-realname__wrapper[href]:hover .g-user-username {
    color: inherit;
}
.b-username.m-like-link:hover .g-user-name, .b-username.m-like-link:hover .g-user-username, .b-username[href]:hover .g-user-name, .b-username[href]:hover .g-user-username {
    text-decoration: underline;
}
.dropdown-toggle.btn-link.m-light:hover::after, .m-light-hover .dropdown-toggle.btn-link:hover::after {
    opacity: 0.12;
}
.dropdown-toggle.btn-link:not(.m-light):hover::after {
    opacity: 0.06;
}
.m-single-current.b-tabs__nav:after{
    display: none;
}
.b-users__item__inner::after {
    position: absolute;
    inset: 0px;
    box-shadow: rgb(138 150 163 / 25%) 0px 0px 0px 1px inset;
    border-radius: 6px;
    content: "";
    pointer-events: none;
}
/*--------------
::: Profile CSS
-------------*/
.b-profile-search-form+.b-profile-list {
    padding-top: 8px;
}
.b-profile__content__list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.m-my-profile .b-profile__content__item:last-child {
    border-bottom: none;
}

.b-profile__content__item {
    position: relative;
}
.l-wrapper__sidebar .b-profile__content__item:not(.m-subscribe-item):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}
.b-profile__content__item__title .b-profile__bio__link {
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    text-align: left;
    padding: 14px 52px 14px 16px;
    font-weight: 500;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.b-profile__content__item__title .b-profile__bio__link__arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    margin: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}
.b-profile__content__item.active .g-icon.m-button-arrow {
    transform: rotate(180deg);
}
.b-profile__bio__link .g-icon.m-button-arrow {
    margin: 0 0 0 4px;
}
.b-profile__content__item__title .b-profile__bio__link__arrow .g-icon {
    margin: 0;
}

.b-profile__bio__link .g-icon {
    font-size: 24px;
    transition: transform .2s ease-in-out;
}
.b-profile__content__item__title .g-icon {
    margin-right: 8px;
    color: #8a96a3;
}
.b-wrapper-spotify {
    overflow: hidden;
}
.g-btn.m-spotify.m-with-icon.m-flex {
    margin-bottom: 0;
}
.g-btn.m-spotify {
    background: #1db954;
    padding: 12px;
    width: 100%;
}
.g-btn.m-with-icon.m-flex {
    margin-bottom: 12px;
}

.g-btn.m-flex:not(.m-space-between) {
    justify-content: center;
}
.g-btn.m-with-icon {
    position: relative;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
}
.g-btn.m-spotify .g-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.g-btn.m-with-icon>.g-icon {
    color: #fefefe;
    margin-right: 6px;
}
.g-btn.m-flex .g-icon {
    margin: 0 10px 0 0;
}

.search_btn{
    position: absolute;
    right: 6px;
}
.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray {
    color: #8a96a3;
}
.g-btn.m-icon.m-icon-only.m-sm-size {
    width: 36px;
    height: 36px;
    min-height: 36px;
    flex: 0 0 36px;
}
.b-profile-search-form__btn > .icofont-search{
    font-size: 19px;
}
.b-profile-search-form__row .form-control{
    max-height: 48px;
    padding-top: 14px;
    padding-bottom: 14px;
    height: 100%;
    border-color: rgb(138 150 163 / 25%);
}
.l-profile-page .b-profile__header:after {
    content: "";
    background: linear-gradient(#000,rgba(138,150,163,0));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 144px;
    pointer-events: none;
    opacity: .4;
}
.l-profile-page .b-profile__header__user {
    margin-top: -32px;
    padding-top: 48px;
}
.l-profile-page .b-profile__user {
    flex-wrap: wrap;
    margin-bottom: 11px;
}
.b-profile__content.m-over-gap {
    margin-top: 23px;
}
.l-profile-page .b-profile__user .g-avatar {
    margin-top: -50px;
}
.l-profile-page .b-group-profile-btns {
    max-width: calc(100% - 100px);
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
}
.l-profile-page .b-profile__names {
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 14px;
}
.b-group-profile-btns .g-btn:first-child {
    margin-left: 0;
}
.g-btn.m-flex.m-fluid-width {
    width: auto;
}
.b-group-profile-btns .g-btn {
    margin-left: 8px;
}
.b-group-profile-btns .g-btn {
    margin-left: 8px;
}
.b-username-row.m-gap-lg {
    margin-bottom: 4px;
}
.b-profile__user__status.m-separator {
    position: relative;
}
.b-profile__user__status.m-nowrap {
    white-space: nowrap;
}

.b-compact-header .b-profile__user__status, .l-profile-page .b-profile__user__status {
    margin-bottom: auto;
    font-size: 14px;
}
.b-compact-header .b-profile__user__status__text, .l-profile-page .b-profile__user__status__text {
    color: #8a96a3;
    padding-bottom: 0;
}
.b-profile__user__status.m-separator:before {
    content: "\2022";
    font-size: 14px;
    color: rgba(138,150,163,.75);
    margin-left: 8px;
    margin-right: 8px;
}
.dropdown-toggle.m-user-status {
    padding: 6px 0;
    margin-top: -6px;
    margin-bottom: -6px;
    color: #8a96a3;
    display: inline-flex;
    align-content: center;
}
.dropdown-toggle.m-user-status .b-icon-dropdown {
    width: 16px;
    margin-left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dropdown-toggle.m-user-status .b-icon-dropdown .custom_icon {
    font-size: 14px;
    top: 5px;
}
.dropdown-toggle .custom_icon {
    vertical-align: top;
    position: relative;
    z-index: 1;
}
.b-tabs__nav.m-mb-reset {
    margin-bottom: 0;
}
.b-tabs__nav.m-over-separator {
    border-top: 1px solid rgba(138,150,163,.25);
    padding-top: 8px;
}
.b-tabs__nav.m-over-separator:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
    background-color: #f6f7f8;
}
.b-tabs__nav:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(138,150,163,.25);
    z-index: 0;
}
.b-tabs__nav.m-tabs-default.m-size-md .b-tabs__nav__item {
    font-size: 14px;
}

.m-tabs-default.m-flex-width .b-tabs__nav__item {
    flex: 1;
    justify-content: center;
}
.m-tabs-default .b-tabs__nav__item {
    margin-right: 0;
}
.b-tabs__nav__item:not([href]) {
    padding: 0;
    border: none;
}
.m-tabs-default.m-size-md .b-tabs__nav__link {
    padding: 2px 4px 0;
    height: 48px;
}
.m-tabs-default.m-flex-width .b-tabs__nav__link {
    flex: 1;
    justify-content: center;
}

.m-disabled.m-current .b-tabs__nav__link {
    opacity: 1;
}
.b-tabs__nav__link.m-disabled, .b-tabs__nav__link[disabled], .m-disabled .b-tabs__nav__link {
/*    pointer-events: none;*/
    color: #8a96a3;
    opacity: .4;
}
.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]).m-current, .m-tabs-default .m-current .b-tabs__nav__link:not(.m-disabled):not([disabled]) {
    color: #242529;
}

.nav-tabs li a.active .hello_hello{
    background: red;
}

.m-disabled.m-current.b-tabs__nav__link {
    opacity: 1;
    color: #242529;
}
.user_posts {
    padding: 14px 0 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.m-tabs-default .b-tabs__nav__item.m-current:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #242529;
}
.no-posts {
    flex: 1;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.b-posts-empty-feed {
    width: 64%;
    display: block;
    margin-top: 30px;
}
.b-profile-section-btns {
    position: relative;
}
.b-profile__bio__link {
    display: flex;
    align-items: center;
    color: #8a96a3;
    background: none;
    border: none;
    position: relative;
    padding: 0 0 0 30px;
    z-index: 1;
}
.custom_icon{
    font-size: 24px;
}
.g-input__wrapper.m-reset-bottom-gap {
    padding-bottom: 0;
}
.b-profile-search-form__row {
    position: relative;
}
.g-btn.m-profile-edit {
    height: 48px;
}
.b-profile__sections__count {
    font-weight: 500;
    margin-right: 4px;
}
.m-break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.b-user-info__detail .g-icon, .b-user-info__text .g-icon {
    font-size: 16px;
    top: 1px;
    left: 0;
    position: absolute;
}
.b-user-info__detail a, .b-user-info__text a {
    color: #8a96a3;
}
.b-profile-info-card.m-friend-card {
    padding: 16px 12px;
}
.m-friend-card .b-users__item__cover__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.m-friend-card .b-users__item__cover {
    height: 64px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.b-profile__friends__list .b-users__item__cover__wrapper::before{
    display: none;
}.m-friend-card .b-users__item__cover__wrapper:after {
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(#000,rgba(138,150,163,0));
    opacity: .25;
}
.has-story:before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    background: linear-gradient(
0deg
,#ff6060,#ff9060) 100% no-repeat;
    border-radius: 1000px;
    opacity: .5;
}







/*------------
::: Homepage CSS
------------*/
.b-story-item.m-gradient-overlay {
    color: rgb(254, 254, 254);
}
.b-story-item {
    border-radius: 6px;
    flex: 0 0 128px;
    width: 128px;
    height: 128px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-right: 8px;
}
.add-story-item {
    border-radius: 6px;
    flex: 0 0 128px;
    width: 128px;
    height: 128px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-right: 8px;
}
.add-story-item .g-avatar__placeholder, .add-story-item img {
    position: absolute;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.b-story-item::after {
    content: "";
    pointer-events: none;
    inset: 0px;
    border: 1px solid rgba(138, 150, 163, 0.25);
    position: absolute;
    z-index: 1;
    border-radius: inherit;
}
.m-default-bg {
/*    background: url(img/background.png) 50% center / cover;*/
    background: #f0f2f4;
}
.b-story-item__pos-avatar {
    position: absolute;
    z-index: 2;
    left: 14px;
    top: 14px;
    box-sizing: content-box;
}
.b-story-item .g-avatar__placeholder, .b-story-item img {
    position: absolute;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.b-story-item__text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    order: 1;
    font-weight: 500;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.b-story-item__text-name .g-user-name {
    color: rgb(254, 254, 254);
}
.b-story-item__inside {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 11px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: inherit;
}






/*------------
::: Snapgram
-------------*/
.stories.snapgram .story > .item-link {
  text-decoration: none;
  color: #333;
}
.stories.snapgram .story > .item-link > .item-preview {
  border-radius: 50%;
  padding: 2px;
  background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}
.stories.snapgram .story > .item-link > .item-preview img {
  border-radius: 50%;
  border: 3px solid #fff;
}

.stories.snapgram .story.seen {
  opacity: 0.75;
}
.stories.snapgram .story.seen > a > .item-preview {
  background: #999;
}
.stories.snapgram .story.seen > a {
  color: #999 !important;
}



/*------
::: Post CSS
---------*/
.b-comments__list {
    padding-top: 10px;
}
.b-comments__item {
    margin: 0px 0px 16px;
    position: relative;
    padding: 0px 32px 0px 52px;
    animation: 0.5s ease 0s 1 normal none running opacity;
}
.b-comments__item .g-avatar {
    position: absolute;
    left: 0px;
    top: 2px;
}
.b-username-row.m-inline {
    display: inline-flex;
}
.b-comments__item .b-username-row {
    margin: 0px;
}
.b-comments__item-text {
    display: inline;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    margin-left: 4px;
}
.b-comments__item__actions {
    color: rgb(138, 150, 163);
    display: flex;
    align-items: center;
}
.b-comments__item__like.m-with-round-hover {
    position: absolute;
}
.b-comments__item__like {
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    padding: 2px 0px;
    background: none;
    color: rgb(138, 150, 163);
}
.b-comments__item__like .g-icon {
    display: block;
    font-size: 16px;
}
.b-comments__item__actions__item.m-comment-date {
    opacity: 0.75;
}

.b-comments__item__actions__item {
    margin: 0px 16px 0px 0px;
    display: flex;
    align-items: center;
}
.b-comments__item__actions__item.g-btn {
    color: inherit;
}
.b-comments__item__actions__item.g-btn:hover {
    color: rgb(0, 145, 234);
    text-decoration: underline;
}
.b-comments__end {
    order: 2;
    margin: 0px 0px -14px;
}
.b-comments__load-more-btn.btn-hide, .b-comments__load-more-btn.btn-more {
    margin-bottom: 8px;
}

.b-comments__load-more-btn.btn-hide {
    margin-top: 8px;
}
.b-comments__end .b-comments__load-more-btn {
    margin: 15px 0px 15px 1px;
}
.b-comments__load-more-btn {
    margin-left: 1px;
}
.b-comments__load-more-btn .g-btn.m-flat {
    color: #8a96a3;
}

.b-comments__load-more-btn .g-btn.m-flat, .b-comments__load-more-btn .g-gray-text {
    margin-top: 6px;
    margin-bottom: 6px;
}
.b-comments__load-more-btn .g-btn.m-flat:hover {
    color: rgb(0, 145, 234);
    text-decoration: underline;
}
.b-comments__form {
    position: sticky;
    bottom: 0px;
    padding: 0px 52px 5px;
    background: #f6f7f8;
    border-top: 1px solid rgba(138, 150, 163, 0.25);
    margin: 0px -16px;
    font-size: 16px;
    line-height: 24px;
    z-index: 2;
    transition: z-index 0s linear 0.3s;
}
.b-comments__input {
    border-radius: 0px;
    border: none;
    padding: 12px 16px !important;
    resize: none;
    min-height: 45px;
    max-height: 125px;
}
.b-post .post-comments-tips-likes-count__item:first-child:before{
    display: none;
}
.b-post .post-comments-tips-likes-count__item:before {
    content: "\2022";
    color: #242529;
    opacity: .75;
    font-size: 14px;
    margin-left: 6px;
    margin-right: 6px;
}
.b-comments__btn-submit {
    position: absolute;
    right: 16px;
    bottom: 10px;
}
.b-comments__form .g-avatar {
    position: absolute;
    left: 16px;
    bottom: 10px;
}
.online_status_class.online.m-w36::after {
    right: -1px;
    bottom: -1px;
}

.b-comments__form .online_status_class.online::after {
    border-color: #f6f7f8;
}
.b-comments__form__tools {
    margin: 0px -36px;
    padding: 11px 0px 0px;
}
.b-comments__giphy .g-input {
    margin-top: 8px;
}
.b-comments__emoji-history-list {
    position: absolute;
    top: 6px;
    right: 41px;
    left: 50px;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    overflow: hidden;
}
.b-comments__emoji-history-list .g-btn.m-icon.m-icon-only.m-sm-size {
    width: 34px;
    height: 34px;
    min-height: 34px;
    flex: 0 0 34px;
    line-height: 34px;
    user-select: none;
    font-size: 20px;
    color: inherit;
}
.b-comments__input:focus{
    background: inherit;
}
.b-emoji-popover {
    right: 7px;
    top: 5px;
    position: absolute;
    width: 36px;
    height: 36px;
}
.b-emoji-popover .b-comment-form__emoji-btn {
    position: relative;
    bottom: auto;
    right: auto;
}
.b-comment-form__emoji-btn, .b-comment-form__submit, .b-comment-form__type-privacy {
    border: none;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 6px;
}
.b-comment-form__emoji-btn, .b-comment-form__type-privacy {
    background: none;
}
.b-comment-form__emoji-btn {
    right: 6px;
}
.b-comment-form__emoji-btn .g-icon, .b-comment-form__submit .g-icon, .b-comment-form__type-privacy .g-icon {
    font-size: 22px;
}
.g-icon.m-aligned-top {
    vertical-align: top;
}
.b-comments__giphy__btn-add .g-icon {
    display: block;
}
.b-comments__giphy__btn-add {
    color: #00aff0;
    border: none;
    background: none;
    padding: 0;
    position: relative;
}

.b-comments__form .form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 7px 6px 8px;
    background-image: none;
    border: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out;
}
.b-comments__form .form-control:focus {
    background: inherit;
    border-bottom: 1px solid #0091ea;
}






.b-post {
    padding: 4px 0px 0px;
    margin: 0px;
}
.b-post__header {
    padding: 3px 0px 0px 60px;
    min-height: 48px;
    position: relative;
    margin: 0px 0px 14px;
}
.b-post__avatar {
    position: absolute;
    top: 3px;
    left: 2px;
}
.b-post__header .b-username-row.m-gap-lg {
    margin-bottom: 5px;
}
.b-post__price, .b-post__profile-details {
    display: flex;
    align-items: center;
    align-content: center;
}

.b-post__profile-details {
    flex-direction: row;
    margin-left: auto;
    padding-left: 10px;
    white-space: nowrap;
    margin-right: -1px;
}
.b-post__date {
    font-size: 14px;
    color: rgb(138, 150, 163);
    margin: 0px 0px 0px auto;
    white-space: nowrap;
    text-align: right;
}
.b-post .b-post__header .dropdown {
    margin: -5px -5px -6px 8px;
}
.dropdown-toggle.m-post-btn {
    padding: 0px 4px;
}
.b-post__text {
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}
.g-truncated-text {
    overflow: hidden;
}
.b-post__text p {
    margin-bottom: 0px;
}
.video-wrapper {
    position: relative;
    background: rgb(0, 0, 0);
    overflow: hidden;
    z-index: 1;
}
.post_media .video-wrapper {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
}
.b-post__text + .b-profile__restricted, .b-post__text + .post_media {
    margin-top: 12px;
}
.post_media, .post_media .b-post__slideshow, .post_media .video-wrapper, .post_media figure, .post_media video {
    max-height: calc(100vh - 120px);
}

.post_media {
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
}
.b-post__media__item-inner {
    height: 100%;
}
/*---------
::: Video CSS
---------*/
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    position: relative;
    padding: 0px;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal;
}

.video-js {
    width: 300px;
    height: 150px;
}
.blurred-poster {
    position: absolute;
    inset: -5px;
    background-position: 50% center;
    background-size: cover;
    filter: blur(5px) opacity(80%);
    z-index: -1;
}
.video-wrapper .video-js {
    height: 100% !important;
}
.post_media .video-js {
    width: 100%;
}

.video-js {
    margin: 0px auto;
    max-width: 100%;
    background-color: transparent;
    height: auto !important;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0px;
    left: 0px;
}
.video-js *, .video-js ::after, .video-js ::before {
    box-sizing: inherit;
}
.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%;
}.b-post .video-js .vjs-big-play-button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.post_media.m-video .vjs-big-play-button {
    transition: background 0.3s ease 0s;
}
.video-js .vjs-big-play-button {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;
    border: none !important;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 32px;
    border-radius: 1000px !important;;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.7;
    color: rgb(254, 254, 254);
    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s;
    z-index: 1;
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0px;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid rgb(255, 255, 255);
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s ease 0s;
}
.video-js .vjs-big-play-button .g-icon{
    font-size: 40px;
}
.video-js button {
    background: 0px 0px;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none 0s ease 0s;
    appearance: none;
}
.post_media.m-video:hover .vjs-big-play-button {
    background: rgb(0, 145, 234);
    opacity: 1;
}
.video-js .vjs-control-text {
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}
.b-chat__footer .media-file, .b-make-post .media-file {
    height: 144px;
    display: flex;
    cursor: pointer;
}
.b-dropzone__preview.m-loaded .b-dropzone__preview__media {
    opacity: 1;
}
.b-make-post .b-dropzone__preview__media.m-video {
    object-position: center center;
}
.b-make-post .b-dropzone__preview__edit {
    position: absolute;
    right: 8px;
    bottom: 8px;
    border: none;
    background: rgba(0, 0, 0, 0.44);
    color: rgb(255, 255, 255);
    z-index: 10;
    height: 20px;
    border-radius: 1000px;
    text-align: left;
    padding: 0px 28px 0px 10px;
}
.b-make-post .b-dropzone__preview__edit .g-icon {
    font-size: 18px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.b-dropzone__preview__play-btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 1000px;
    transition: background-color 0.3s ease 0s;
    pointer-events: none;
}
.b-dropzone__preview__play-btn .g-icon {
    color: rgb(255, 255, 255);
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}













.placeholder-preview {
    vertical-align: top;
    max-height: calc(100vh - 120px);
    position: static !important;
    height: auto !important;
}

.post_media img:not(.m-img-not-fluid) {
    width: 100%;
}
.placeholder-preview > img {
    height: auto;
    object-fit: contain;
}
.post_media img {
    display: inline-block;
    max-height: calc(100vh - 100px);
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.b-post__mentioned-users-list {
    flex-grow: 0;
    margin-top: 12px;
    margin-bottom: -12px;
}
.row_flex {
    display: flex;
    flex-wrap: wrap;
}
.b-profile-info-card.m-friend-recommended {
    padding: 14px;
    width: auto;
    height: 128px;
    margin-bottom: 16px;
}

.b-profile-info-card {
    flex: 0 0 128px;
    width: 128px;
    height: 168px;
    position: relative;
    cursor: pointer;
    display: block;
    border-radius: 6px;
/*    overflow: hidden;*/
}
.b-profile-info-card::after {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: inherit;
    border: 1px solid rgba(138, 150, 163, 0.25);
    z-index: 2;
    pointer-events: none;
}
.m-friend-recommended .b-users__item__cover__wrapper {
    position: absolute;
    inset: 0px;
}

.m-friend-recommended .b-friend__content {
    padding: 11px 11px 11px 128px;
    border-radius: 0px 0px 6px 6px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.25);
}

.b-friend__content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.m-friend-recommended .b-users__item__cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0px;
    border-radius: 0px;
}
.m-friend-recommended .b-users__item__cover__wrapper::after {
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.12;
    background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0));
}
.m-friend-recommended .b-friend__avatar {
    position: absolute;
    left: 14px;
    bottom: 14px;
}

.b-friend__avatar {
    margin: 0px auto;
}
.m-friend-recommended .b-friend__content .b-username-row {
    justify-content: flex-start;
}
.b-friend__content .b-username-row {
    margin-bottom: 0px;
    flex: 0 0 100%;
    justify-content: center;
    max-width: 100%;
}
.m-friend-recommended .b-friend__content .g-user-name {
    font-size: 19px;
    line-height: 24px;
}

.m-friend-recommended .b-friend__content .g-user-name, .m-friend-recommended .b-friend__content .g-user-username {
    color: rgb(254, 254, 254);
}
.m-friend-recommended .b-friend__content .g-user-username {
    font-size: 14px;
    line-height: 18px;
}
.b-friend__content .g-user-username {
    font-size: 12px;
    line-height: 16px;
}
.b-post__tools {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 0px 0px;
    display: flex;
    position: relative;
}
.b-post__tools__item.m-first {
    margin-left: -6px;
}
.b-post__tools__item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: rgb(138, 150, 163);
    margin-right: 4px;
}
.b-post__tools__item.m-last {
    margin-left: auto;
    margin-right: -5px;
}
.g-btn.m-icon:not(.m-colored).m-with-text {
    color: rgb(138, 150, 163);
    padding-right: 17px;
    padding-left: 6px;
}
.b-post .post-comments-tips-likes-count {
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 14px;
    margin-top: 6px;
}
.b-post .post-comments-tips-likes-count__item {
    position: relative;
    display: inline-flex;
    text-transform: lowercase;
    color: #242529;
}
.b-post .post-comments-tips-likes-count__item__text {
    display: inline-flex;
}
.b-post .post-comments-tips-likes-count span:not(.post-comments-tips-likes-count__item__text) {
    font-weight: 400;
    margin-right: 4px;
}
.b-post .post-comments-tips-likes-count + .b-comments {
    margin-top: 4px;
}
.b-comments {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
}
.b-post.is-not-post-page::after {
    content: "";
    width: calc(100% + 32px);
    border-bottom: 1px solid rgba(138, 150, 163, 0.2);
    display: block;
    margin: 14px -16px 10px;
}
.b-recommended__list {
    padding: 13px 0px 17px;
    position: relative;
}
.profile_slider .owl-nav{
    position: absolute;
    right: 0;
    top: -43px;
}
.profile_slider .owl-nav button span{
    font-size: 24px;
    color: rgb(138 150 163);
}
.profile_slider.owl-carousel .owl-nav button.owl-next{
    padding-left: 10px !important;
}
.profile_slider .owl-nav button span:hover{
    color: rgb(0 175 240);
}
.profile_slider .owl-dots{
    text-align: center;
}
.owl-dots button.owl-dot.active {
    background: rgba(138, 150, 163, 0.7);
    border-color: transparent;
}
.owl-dots button.owl-dot{
    background: none;
    opacity: 1;
    width: 6px;
    height: 6px;
    margin: 0px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(138, 150, 163, 0.7);
    transition: all 0.1s ease 0s;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
}
/*
.swiper-container{
    overflow: visible;
}
*/
.m-friend-recommended .b-users__item__cover__wrapper {
    position: absolute;
    inset: 0px;
}
.m-friend-recommended .b-users__item__cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0px;
    border-radius: 0px;
}
.m-friend-recommended .b-users__item__cover__wrapper::after {
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.12;
    background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0));
}
.m-friend-recommended .b-users__item__cover__wrapper::before{
    display: none;
}
.b-free-label {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 6px;
    position: absolute;
    top: 11px;
    left: 11px;
    color: rgb(254, 254, 254);
    z-index: 3;
    text-transform: capitalize;
}
.b-post__mentioned-posts-item .b-post__fundraising {
    margin-left: 12px;
    margin-right: 12px;
}
.b-post__fundraising {
    border: 1px solid rgba(138, 150, 163, 0.2);
    border-radius: 6px;
    margin: 14px 0px 0px;
}
.b-post__fundraising__progress-wrapper {
    border-bottom: 1px solid rgba(138, 150, 163, 0.2);
    padding: 5px;
    position: relative;
}
.b-post__fundraising .g-btn__wrapper {
    padding: 14px 12px 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.b-post__fundraising__progress-data {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 10px 14px 10px 11px;
    position: relative;
}
.b-post__fundraising__progress {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 6px;
    background: rgba(0, 175, 240, 0.12);
    pointer-events: none;
}
.b-post__fundraising__progress-data .m-icon-fundraising.m-pointer {
    cursor: pointer;
}
.b-post__fundraising__progress-data .m-icon-fundraising {
    margin: auto 11px auto 0px;
    height: 24px;
}
.b-post__fundraising__summ {
    font-weight: 500;
    margin-right: auto;
    font-size: 18px;
}
.b-post__fundraising__target {
    color: rgb(138, 150, 163);
    font-size: 16px;
    margin: 0px 1px 0px 0px;
}
.b-post__fundraising__progress-data .g-icon-info {
    margin-left: 10px;
}
.g-icon-info.m-with-round-hover::after {
    width: 23px;
    height: 23px;
}
.b-post__fundraising .g-btn__wrapper .g-btn:first-child {
    margin-left: 0px;
}
.b-post__fundraising .g-btn__wrapper .g-btn {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 0px;
    margin-left: 9px;
}




/*---------
::: Sidebar
----------*/
.l-sidebar {
    position: absolute;
}
.l-sidebar__menu__item {
    display: flex;
    align-items: center;
    color: #242529;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
    border: none;
    background: none;
    width: 100%;
    transition: color 0.1s ease 0s, background-color 0.1s ease 0s;
    position: relative;
    border-radius: 18px;
    margin-bottom: 8px;
    cursor: pointer;
}
.l-sidebar__inner {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 57px;
    z-index: 100;
    background: #fff;
    transition: transform .1s ease;
    padding: 16px 10px 18px 10px;
    transform: translate(100%);
    overflow-x: hidden;
    width: 282px;
    box-shadow: none;
    overflow-y: overlay;
    overflow: hidden;
}
.l-sidebar__avatar {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
}
.connected-accounts-switcher {
    position: relative;
}
.l-sidebar__username {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 13px 36px 11px 6px;
    max-width: 100%;
}
.connected-accounts-switcher .dropdown {
    position: absolute !important;
    right: 0px;
    top: 6px;
    width: auto;
}
.l-sidebar .dropdown-toggle.m-arrow {
    align-items: center;
    place-content: center;
    width: 36px;
    height: 36px;
    margin: 0px;
    padding: 0px;
}

.connected-accounts-switcher .dropdown-toggle {
    width: auto;
    margin-right: 0px;
    margin-left: auto;
}
.l-sidebar .dropdown-toggle {
    width: calc(100% + 12px);
    text-align: left;
    margin: -6px;
    padding: 6px;
    display: flex;
    align-items: center;
    color: inherit;
}
.b-username-row.m-width-limit {
    max-width: 100%;
}
.l-sidebar__username .b-username-row {
    font-size: 16px;
    margin-bottom: 5px;
}
.l-sidebar__username .b-username-row {
    font-size: 16px;
    margin-bottom: 5px;
}
.l-sidebar__user-data {
    padding: 0px 0px 5px 6px;
}
.l-sidebar__user-data__item {
    color: #242529;
    font-size: 14px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.l-sidebar__user-data__item:last-child {
    margin: 0px;
}
.l-sidebar__user-data__item__count {
    font-weight: 400;
}
.l-sidebar__user-data__item__text {
    margin-left: 4px;
}
.l-sidebar__user-data__item::before {
    content: "•";
    font-size: 14px;
    opacity: 0.75;
    color: #242529;
    margin-left: 6px;
    margin-right: 6px;
}
.l-sidebar__user-data__item:first-child::before{
    display: none;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.l-sidebar__menu {
    padding: 0px;
}
.l-sidebar__menu__item .l-sidebar__menu__icon {
    margin: 0px 10px 0px 0px;
    transition: color 0.1s ease 0s;
}
@media (any-hover: hover){
    .l-sidebar__menu__item:hover {
        color: rgb(0, 145, 234);
        background-color: rgba(0, 145, 234, 0.06);
    }
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{
    box-shadow: none;
}
.l-sidebar .dropdown {
    width: 100%;
}
.l-sidebar__menu__item .b-icon-arrow {
    margin-left: auto;
    padding-left: 10px;
}
.l-sidebar__wrapper-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 264px;
    z-index: 101;
    transform: translate(100%);
    transition: transform .1s ease;
}
.m-sidebar-visible .l-sidebar__wrapper-close {
    transform: translate(0);
}
.l-sidebar__btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    background: none;
    color: #8a96a3;
    transition: color .1s ease;
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
}
.l-sidebar__btn-close.m-with-round-hover {
    position: absolute;
}
.l-sidebar__inner-overlay {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 101;
}

.l-sidebar__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    transition: opacity .1s ease;
}

.m-sidebar-visible .l-sidebar__inner-overlay {
    right: 264px;
}
.m-sidebar-visible .l-sidebar__overlay {
    opacity: 1;
    pointer-events: auto;
}
.m-sidebar-visible .l-sidebar__inner {
    transform: translate(0);
}
.l-sidebar__btn-close .custom_icom{
    font-size: 24px;
}
.checkbox.m-btn:checked+.b-checkbox-switcher:before, .checkbox:not(.m-btn):checked+.b-checkbox-switcher:before {
    background-color: rgba(0,175,240,.4);
}
.checkbox.m-btn:checked+.b-checkbox-switcher:after, .checkbox:not(.m-btn):checked+.b-checkbox-switcher:after {
    left: 13px;
    border-color: transparent;
    background-color: #00aff0;
}

.b-settings .b-settings__spacer.g-input__fieldset, .b-settings .b-settings__spacer.g-input__wrapper {
    padding: 24px 16px 19px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
}
.b-settings .b-settings__spacer {
    padding: 14px 16px;
}
.b-settings .g-btn__wrapper {
    padding: 10px 16px;
}
.g-btn__wrapper, .g-btn__wrapper-aligner {
    align-items: flex-start;
    align-content: flex-start;
}

.g-btn__wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 8px 6px 48px;
}
.g-btn.m-profile.m-sm {
    min-height: unset;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 400;
}
.input_field_prefix.input_field_prefix_text{
    left: 15px;
}
.input_field_prefix.input_field_checkmark{
    right: 13px;
    left: auto;
    color: rgb(0 175 240);
}
.b-settings .g-btn__wrapper > .g-btn__wrapper.w-100 .g-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.form-group{
    margin-bottom: 0;
}
.b-settings__block.m-border-bottom.m-password {
    padding-bottom: 12px;
}
.b-settings__block.m-border-bottom {
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
}
.b-settings .b-settings__spacer > p {
    margin: 0px 0px 20px;
}
.b-text-attention {
    margin-bottom: 20px;
    color: rgb(255, 96, 96);
    font-size: 16px;
}
.b-compact-header__settings> .dropdown-menu{
    transform: translate3d(-155px, 26px, 0px) !important;
    text-align: center;
    min-width: 150px;
}
.b-compact-header__settings> .dropdown-menu > a{
    padding: 2px 5px;
}
.l-sidebar__menu__item.m-lang-item > .dropdown > .dropdown-menu{
    left: 14px !important;
}
.g-input__wrapper.m-checkbox__toggle .g-input__help {
    padding: 6px 0px 0px;
}
.g-input__help:not(:empty) {
    padding: 1px 16px 0px;
}

.g-input__help {
    font-size: 12px;
    line-height: 16px;
    color: rgba(138, 150, 163, 0.75);
    margin: 0px;
    min-height: 16px;
}
.b-settings .g-input__wrapper.m-checkbox__toggle.m-disabled {
    opacity: 1;
}

.g-input__wrapper.m-disabled:not(.m-click-enabled) {
    opacity: 0.4;
    pointer-events: none;
}
.b-settings .g-input__wrapper.m-checkbox__toggle.m-disabled > * {
    opacity: 0.4;
}
.b-settings .g-switcher-wrapper {
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
    padding: 12px 16px 11px;
    width: 100%;
}
.b-settings .g-switcher-wrapper .b-input-radio__wrapper.g-input__wrapper {
    padding: 0px;
}
.g-input__wrapper.b-input-radio__wrapper, .g-input__wrapper .b-input-radio__wrapper {
    padding: 0px 8px 22px;
}
.b-input-radio__wrapper {
    display: flex;
    align-items: flex-start;
}
.b-input-radio__container {
    position: relative;
    display: inline-block;
    margin: 0px;
}
.b-input-radio__text {
    padding-left: 32px;
    margin-bottom: 0px;
    text-align: left;
    position: relative;
    z-index: 1;
    color: inherit;
    flex: 1 1 0%;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
.b-input-radio__label {
    width: 20px;
    height: 20px;
    border-radius: 1000px;
    border: 2px solid rgba(138, 150, 163, 0.4);
    transition: background-color 0.3s ease 0s, border 0.3s ease 0s;
    margin: 0px 10px 0px 0px;
    min-width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
}
.b-input-radio__container .b-input-radio {
    display: block;
    width: 1px;
    height: 1px;
    left: 50%;
    bottom: 0px;
    position: absolute;
    opacity: 0;
}
.b-input-radio__label .g-icon {
    display: none;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: rgb(254, 254, 254);
    font-size: 18px;
}
.b-input-radio__container .b-input-radio[type="checkbox"]:checked:not(.m-only-by-class) ~ .b-input-radio__label {
    background-color: rgb(0, 175, 240);
    border-color: rgb(0, 175, 240);
}
.b-input-radio__container .b-input-radio[type="checkbox"]:checked:not(.m-only-by-class) ~ .b-input-radio__label .g-icon {
    display: block;
}
.g-btn__wrapper-aligner {
    display: inline-flex;
    flex-wrap: wrap;
}
.g-btn__wrapper-aligner .g-btn {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 10px;
}
.g-danger-text {
    color: rgb(231, 108, 108);
}

/*-----------
::: New Post
------------*/
.has-advanced-upload {
    position: relative;
}
.b-make-post {
    margin: 0px -16px 12px;
}
.b-make-post__wrapper {
    position: relative;
}
.b-dropzone__label {
    position: absolute;
    pointer-events: none;
    background: rgba(0, 175, 240, 0.5);
    opacity: 0;
    inset: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 500;
    z-index: 10;
}
.b-make-post__actions {
    display: flex;
    align-items: center;
    padding: 7px 0px 9px;
    margin-left: 9px;
    margin-right: 9px;
}
#cm_fileupload_photo, #fileupload_photo, .chat-last-mess-hidden {
    display: none;
}
.custom-datepicker {
    font-family: Roboto, sans-serif;
}
.custom-datepicker .vdatetime-input {
    cursor: pointer;
}
.b-make-post__datepicker-input .vdatetime-input {
    display: none;
}
.b-make-post__actions .g-btn.m-flat:not(.b-chat__btn-submit) {
    padding: 6px;
    margin: 0px 4px 0px 0px;
    color: rgb(138, 150, 163);
}
.b-make-post__actions .g-btn .g-icon {
    font-size: 24px;
}
.b-make-post__actions .g-btn.m-flat:not(.b-chat__btn-submit):last-child {
    margin: 0px;
}
.form-control:focus{
    box-shadow: none;
}
.b-make-post__text-input {
    border: none;
    border-radius: 0px;
    padding: 16px;
    min-height: 75px;
    background: #fff;
    resize: none;
    max-height: 215px;
    font-size: 16px;
    line-height: 24px;
}



/*--------------
::: Notifications
--------------*/

.g-page__header.m-real-sticky.m-with-tabs + .b-tabs__nav {
    position: sticky;
    z-index: 2;
    top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
}
.b-notifications__list__item:first-child {
    border-top: none;
}

.b-notifications__list__item {
    margin: 0px 0px 15px 60px;
    position: relative;
    padding: 14px 0px 0px;
    border-top: 1px solid rgba(138, 150, 163, 0.2);
}
.b-notifications__list__item .g-avatar {
    position: absolute;
    top: 12px;
    left: -60px;
}
.b-notifications .g-page__header:after{
    display: none;
}
.g-page__header.m-with-tabs {
    margin: 0px 0px -5px;
}



/*--------------
::: Bookmarks CSS
--------------*/
.b-btn-sort {
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
    color: rgba(138, 150, 163, 0.7);
    margin-right: 5px;
}
.b-btn-sort:hover {
    color: rgb(0, 145, 234);
}
.post_voting {
    margin: 16px 0px 0px;
    font-size: 13px;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, 0.2);
}
.post_voting .vote-button-wrapper {
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.2);
}
.post-vote-button {
    border: none;
    background: none;
    padding: 8px 15px 9px;
    font-size: 14px;
    color: rgb(0, 175, 240);
    font-weight: 500;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    text-align: left;
    border-radius: 24px;
    transition: background-color 0.5s linear 0s;
    display: flex;
    position: relative;
}
.post_voting_due {
    display: flex;
    align-items: center;
    background-color: rgba(138, 150, 163, 0.08);
    font-size: 14px;
    padding: 11px 15px;
}
.post_voting_due__item {
    position: relative;
    color: rgb(138, 150, 163);
}
.post_voting_due__item:not(.m-votes) {
    color: rgba(138, 150, 163, 0.75);
}
.post_voting_due__item:first-child::before{
    display: none;
}
.post_voting_due__item::before {
    content: "•";
    margin-left: 6px;
    margin-right: 3px;
    color: rgb(138, 150, 163);
    opacity: 0.75;
    font-size: 14px;
}
.b-settings .g-btn.m-google, .b-settings .g-btn.m-twitter {
    margin: 8px 0px 0px;
}
.g-btn.m-twitter {
    padding: 12px 22px 12px 12px;
    width: 100%;
    display: flex;
    align-items: center;
    background: rgb(29, 161, 242);
}
.b-settings .g-btn__wrapper .g-btn .g-icon {
    margin: 0px;
}
.g-btn.m-twitter span {
    margin: 0px auto;
    padding-left: 6px;
}
.g-btn.m-twitter:hover {
    background: rgb(0, 145, 234);
}
.connected-twitter-link {
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid rgba(138, 150, 163, 0.25);
    height: 48px;
    padding: 12px;
    color: rgb(0, 175, 240);
}
.b-session-row {
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
    padding: 12px 16px 7px;
}
.b-sessions-list .g-btn__wrapper {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
}
.b-sessions-list .session-time.m-online {
    color: rgb(0, 175, 240);
}
.b-sessions-list .session-time {
    float: right;
    padding: 1px 0px 0px 10px;
    text-align: right;
    font-size: 14px;
    color: rgb(138, 150, 163);
}
.b-session-location {
    font-size: 14px;
    color: rgb(138, 150, 163);
}
.connected-twitter-link .g-icon {
    color: rgb(0, 175, 240);
    margin: 0px 7px 0px 6px;
}
.g-section {
    padding: 0px 4px;
}
.g-section p {
    margin: 0px 0px 5px;
}
.g-btn__wrapper_vcenter {
    align-items: center;
}
.g-btn__wrapper__small {
    padding: 8px 6px;
}
.g-icon-info.m-inline {
    vertical-align: middle;
}
.g-icon-info {
    display: inline-flex;
    place-content: center;
    align-items: center;
    color: rgb(138, 150, 163);
    font-size: 18px;
    cursor: pointer;
    margin-left: 6px;
}
.g-btn__wrapper .g-icon {
    margin: 6px;
}
.g-icon-info .g-icon {
    font-size: inherit;
}
.post-purchase {
    color: rgb(138, 150, 163);
    position: relative;
    margin: 0px -16px;
}
.b-purchase {
    padding: 16px;
    display: flex;
    align-items: center;
    place-content: center;
}
.b-purchase .purchase-block {
    color: rgb(138, 150, 163);
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid rgba(138, 150, 163, 0.25);
    border-radius: 6px;
    padding: 16px;
}
.b-purchase .purchase-block .content-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -1px -1px 0px;
    padding-bottom: 2px;
}
.b-purchase__list {
    list-style: none;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    min-width: 0px;
    overflow: hidden;
}
.b-purchase .purchase-block .locked-icon {
    margin-left: auto;
    font-size: 12px;
    font-weight: 500;
}
.b-purchase__list-item {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.b-purchase__list-item .g-icon {
    font-size: 16px;
    margin-right: 4px;
}
.b-post__price {
    color: rgb(138, 150, 163);
    font-size: 14px;
    line-height: 16px;
}
.b-post__price .g-icon {
    font-size: 16px;
    margin-left: 4px;
}
.b-post__tools__item .g-icon {
    color: inherit;
}
.g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active {
    color: rgb(0, 175, 240);
}
.post-vote-button.m-voting-hover:hover {
    background-color: rgba(0, 175, 240, 0.06);
    color: rgb(0, 145, 234);
}
.m-row-item .m-current .b-tabs__nav__text:after {
    background-color: currentColor;
}

/*----------
::: Payment CSS
-----------*/

.b-payout-type.credits-add-block {
    border: 1px solid rgba(138, 150, 163, 0.25);
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: visible;
}
.b-payout-type {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
.b-payout-type.credits-add-block .b-payout-type__header {
    background: none;
    border-bottom: inherit;
    padding: 12px 15px;
}
.g-section__header.m-credits {
    flex-wrap: wrap;
}
.b-payout-type__header {
    background: rgba(0, 175, 240, 0.12);
    padding: 17px 16px;
    position: relative;
}
.b-payout-type.credits-add-block .b-payout-type__content {
    padding: 18px 15px;
}
.b-payout-type__content {
    padding: 14px 18px 18px;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}
.b-wallet__add-funds-label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: rgb(138, 150, 163);
    margin: -2px 0px 18px;
}
.g-btn__group.m-credits-add.top-up-buttons-wrapper {
    margin-bottom: 10px;
    justify-content: center;
}

.g-btn__group {
    display: flex;
}
.b-payout-type.credits-add-block .g-btn {
    padding-bottom: 9px;
    margin-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.g-btn__group.m-credits-add .g-btn {
    min-width: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.g-btn__group.m-justify .g-btn {
    flex: 1 1 0%;
    margin-bottom: 12px;
}
.b-payout-type__content .g-btn {
    margin-top: auto;
}
.g-btn__group.m-credits-add .g-btn + .g-btn {
    margin-left: 16px;
}
.b-payout-type.credits-add-block .g-input__wrapper:not(.m-reset-bottom-gap) {
    padding-bottom: 12px;
}
.b-payout-type.credits-add-block .g-input__wrapper {
    margin-top: 13px;
    margin-right: -7px;
}
.b-payout-type.credits-add-block .g-input__wrapper .g-input__label {
    text-transform: unset;
    color: inherit;
    font: inherit;
    padding: 0px;
    letter-spacing: -0.16px;
}
.transactions-block {
    overflow: hidden;
    margin-bottom: 12px;
}
.b-cards-row {
    display: flex;
    flex-wrap: wrap;
}
.b-cards-row .b-card-col {
    display: flex;
}
.b-card-box {
    border: 1px solid rgba(138, 150, 163, 0.2);
    border-radius: 6px;
    padding: 0px 11px;
    margin: 0px 0px 12px;
    width: 100%;
}
.b-card-box.m-default .b-card-box__header {
    border-bottom-color: rgb(0, 175, 240);
}
.b-card-box__header {
    border-bottom: 1px solid rgba(138, 150, 163, 0.2);
    min-height: 47px;
    display: flex;
    flex-wrap: wrap;
}
.b-card-box__header__row {
    padding: 5px 4px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(138, 150, 163, 0.25);
    justify-content: space-between;
    width: 100%;
}
.b-card-box__header__row:last-child {
    border-bottom: none;
}
.b-card-box__brand, .b-card-box__number {
    font-weight: 600;
}
.b-card-box__icon {
    font-size: 36px;
    width: 1em;
    height: 1em;
}
.b-card-box__verification-status {
    font-size: 13px;
}
.b-card-box__exp-date {
    font-size: 13px;
    color: rgb(138, 150, 163);
}
.b-card-box__content {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0px;
    align-items: center;
}
.b-card-box__content .g-btn__wrapper {
    margin: 0px -12px;
    padding: 10px 0px 0px;
    width: calc(100% + 24px);
}
.alert-info, .alert-success {
    background-color: rgba(138, 150, 163, 0.12);
    color: rgb(138, 150, 163);
}
.alert {
    display: block;
    border: none;
    border-radius: 6px;
    padding: 14px 16px 15px;
    margin: 0px 0px 12px;
}
.g-section + .alert {
    margin-top: 10px;
}
.b-credit-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0px 0px;
}
.b-credit-cards img {
    margin: 0px 1px;
    height: auto;
    max-width: 48px;
}
p.b-subscribe__bottom-text {
    margin-bottom: 26px;
}
.b-subscribe__bottom-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: rgb(138, 150, 163);
}
.g-section .g-section-title {
    padding: 0px 0px 5px;
}
.card_detail_desc {
    visibility: hidden;
}
.b-card-box.payments-card-box.m-error, .b-card-box.payments-card-box.m-error .b-card-box__header {
    border-color: rgba(231, 108, 108, 0.2);
}

.b-card-box.payments-card-box.m-error {
    background-color: rgba(231, 108, 108, 0.12);
}
.payments-card-box .b-card-box__header {
    display: flex;
    justify-content: space-between;
    padding-top: 7px;
    padding-bottom: 9px;
}
.payments-card-box .b-card-box__content {
    font-size: 13px;
    padding: 9px 4px;
}
.payments-card-box .datetime .date, .payments-card-box .datetime .time {
    display: block;
}
.payments-card__date .date {
    color: rgb(138, 150, 163);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.payments-card__date .time {
    font-size: 13px;
    font-weight: 500;
    color: #242529;
}
.payments-card__amount {
    text-align: right;
}
.payments-card__amount_title {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: rgba(138, 150, 163, 0.7);
}
.payments-card__amount_value {
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.payments-card__content {
    display: flex;
    width: 100%;
}
.payments-card-box .b-card-box__content .g-icon {
    font-size: 18px;
}
.payments-card__msg {
    flex-grow: 1;
    padding-right: 10px;
}
.g-icon.m-danger {
    color: rgb(231, 108, 108);
}
.payments-card__icon {
    font-size: 18px;
    margin-right: 6px;
    color: rgb(138, 150, 163);
}
.alert-danger, .alert-warning {
    background-color: rgba(231, 108, 108, 0.12);
    color: rgb(231, 108, 108);
}







/*------------
::: Dropdown CSS
--------------*/
.dropdown-menu {
    border: 1px solid rgba(138,150,163,.25);
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 100%;
    min-width: 220px;
    max-width: 256px;
    z-index: 101;
    top: 0;
    display: none;
    cursor: auto;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0;
    min-height: 48px;
    left: auto !important;
    right: 0 !important;
}
.dropdown-menu button:focus{
    background: none;
    color: inherit;
}
.dropdown-item.active, .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}
.dropdown-menu a:hover .dropdown_icon:after {
    border: 2px solid #00aff0;
}
.l-sidebar .dropdown-toggle {
    width: calc(100% + 12px);
    text-align: left;
    margin: -6px;
    padding: 6px;
    display: flex;
    align-items: center;
    color: inherit;
}
.dropdown-menu li span.dropdown_header {
    text-transform: uppercase;
    padding-left: 14px;
    color: rgb(138 150 163);
    font-size: 16px;
}
.dropdown-menu a {
    font-size: 16px;
    color: #000;
    display: block;
    position: relative;
    padding: 8px 18px 8px 48px;
    transition: all, .3s;
}
.dropdown-menu a.active .dropdown_icon {
    background: #00aff0;
}
.dropdown_icon {
    background: #fff;
    display: block;
    height: 10px;
    position: absolute;
    left: 19px;
    top: 15px;
    width: 10px;
    border-radius: 50%;
}
.dropdown-menu a.active .dropdown_icon:after {
    border: 2px solid #00aff0;
}
.dropdown-menu a .dropdown_icon:after {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: 2px solid #000;
    transition: all, .3s;
}
.dropdown-menu a.dropdown-item, .dropdown-menu button.dropdown-item, .m-with-rectangle-hover {
    position: relative;
    cursor: pointer;
}
.dropdown-menu .dropdown-item {
    white-space: normal;
    line-height: 19px;
    padding: 14px 16px 15px;
    position: relative;
    z-index: 1;
    text-align: left;
}
.dropdown-menu>dl>dd>a, .dropdown-menu>dl>dd>button, .dropdown-menu>li>a, .dropdown-menu>li>button, .dropdown-menu>ul>li>a, .dropdown-menu>ul>li>button {
    color: #242529;
    border: none;
    background: none;
    text-align: left;
    width: 100%;
    display: block;
    font-weight: 400;
}
.dropdown-menu a.dropdown-item.m-tb-sm:after, .dropdown-menu a.dropdown-item:after, .dropdown-menu button.dropdown-item.m-tb-sm:after, .dropdown-menu button.dropdown-item:after, .m-with-rectangle-hover.m-tb-sm:after {
    top: 4px;
    bottom: 4px;
}
.dropdown-menu a.dropdown-item:after, .dropdown-menu button.dropdown-item:after, .m-with-rectangle-hover:after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border-radius: 4px;
    background-color: rgba(0,145,234,.06);
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s;
    z-index: -1;
}
.dropdown-menu a.dropdown-item:hover, .dropdown-menu button.dropdown-item:hover {
    color: #0091ea;
}
.dropdown-menu .dropdown-item:hover {
    color: #242529;
}
.b-users__item__controls  .dropdown-menu.show{
    transform: translate3d(-0, 32px, 0px) !important;
}
.dropdown-menu.show .b-profile-info-card{
    overflow:visible;
}
.dropdown-menu .m-user-data-item .g-avatar {
    margin-top: -3px;
    margin-bottom: -3px;
}

.g-avatar.m-border-line:not(.has-started-stream) {
    border: 2px solid #fefefe;
    background: #fefefe;
}
.g-avatar.m-w24 {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    font-size: 10px;
}
.dropdown-menu .m-user-data-item .b-username-row {
    margin-left: 12px;
    max-width: calc(100% - 50px);
}
.dropdown-menu .m-user-data-item .g-user-username {
    color: #242529;
    text-decoration: none;
}
.dropdown-menu .m-user-data-item .dropdown-item {
    align-items: center;
    align-content: center;
    display: flex;
}
.dropdown-menu .m-danger a.dropdown-item:hover, .dropdown-menu .m-danger button.dropdown-item:hover {
    color: #ff6060;
}
.dropdown-menu .m-danger a.dropdown-item:after, .dropdown-menu .m-danger button.dropdown-item:after {
    background-color: rgba(255,96,96,.06);
}
.dropdown-menu.show{
    transform: translate3d(-4px, 24px, 0px) !important;
}
.profile_dropdown .dropdown-menu.show{
    transform: translate3d(-9px, 26px, 0px) !important;
    min-width: 174px;
}
.profile_card_last_dropdown .dropdown-menu.show {
    transform: translate3d(0, -223px, 0px) !important;
}
.home_filter_dropdown .dropdown-menu.show{
    min-width: 225px;
    transform: translate3d(-9px, 26px, 0px) !important;
}
.l-sidebar__menu__item.m-lang-item > .dropdown > .dropdown-menu{
    transform: translate3d(-6px, -409px, 0px) !important;
}

/*image preview
--------------*/
.b-make-post__media-slider 
.swiper-slide:not(:empty) {
    padding: 4px 8px 12px;
}
.b-dropzone__previews-scroller
.swiper-slide {
    width: unset !important;
    flex: 0 0 auto;
    display: flex;
}
.b-make-post .b-dropzone__preview__media {
    min-width: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
    max-width: 100%;
}
.b-chat .b-dropzone__preview__media, .b-make-post .b-dropzone__preview__media {
    height: 144px;
}
.b-dropzone__preview__media {
    height: 96px;
    display: block;
    opacity: .6;
}
.button-add-media {
    cursor: pointer;
    background: rgba(138,150,163,.12);
    border-radius: 6px;
    width: 80px;
    min-width: 80px;
    min-height: 144px;
    margin: 0 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a96a3;
    padding: 0;
    border: none;
}
.button-add-media .custom_icon{
     color: #0091ea;
}

.b-dropzone__preview__delete {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
}
.b-btn-remove {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #00aff0;
    position: relative;
    padding: 0;
    border: none;
    transition: background-color .15s;
}
.b-dropzone__preview__delete.b-btn-remove {
    position: absolute;
}
/*.b-make-post .files */
.b-dropzone__preview:first-child {
    margin-left: 0;
}
/*.b-make-post .files */
.b-dropzone__preview {
    height: 144px !important;
}
/*.b-make-post__media-slider */
.b-dropzone__preview {
    flex: 0 0 auto;
}

.b-make-post__media-slider .swiper-slide:not(:empty) {
    padding: 4px 8px 12px;
}
.b-make-post__media {
    overflow: hidden;
    padding: 4px 8px 12px;
}


.b-make-post .owl-item.active {
    max-width: 200px;
}
.b-make-post .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    min-width: 80px;
    min-height: 144px;
    background: rgba(138,150,163,.12);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.b-make-post .owl-nav button span{
    font-size: 24px;
}
.b-make-post__media-button{
    width: 80px;
    padding-left: 10px;
}


/*-----Poll CSS-----*/
.b-make-post__voting-wrapper {
    display: flex;
}
.b-dropzone__previews {
    position: relative;
}
.b-make-post__voting {
    padding: 6px;
    font-size: 13px;
    height: auto;
    background: rgba(138,150,163,.12);
    margin: 8px auto 8px 16px;
    min-width: 303px;
    max-width: calc(100% - 32px);
}

.b-dropzone__preview {
    position: relative;
    margin: 0 4px;
    border-radius: 6px;
    height: 96px;
    max-width: 220px;
    overflow: hidden;
    flex: 0 0 auto;
    min-width: 120px;
}
.b-make-post__voting__header {
    display: flex;
    align-items: center;
    padding-right: 30px;
}
.new_vote_options {
    padding: 6px 0 0;
}
.b-make-post__voting .new_vote_add_option {
    font-weight: 500;
}
.b-make-post__voting__header>.g-icon {
    margin: 0 6px 0 0;
    color: #00aff0;
    vertical-align: middle;
}
.b-make-post__voting__duration.g-btn {
    font-weight: 500;
    color: #242529;
    margin: 0 0 0 auto;
}
.new_vote_options .vote-input {
    margin-bottom: 8px;
    position: relative;
}
.b-make-post__voting .vote-input .form-control {
    background-color: #fff;
    border-radius: 1000px;
    border: 1px solid rgba(138,150,163,.4);
}
.new_vote_options .form-control {
    padding: 5px 40px 7px 12px;
    height: 30px;
}
.new_vote_options.minimal .delete-vote-option {
    pointer-events: none;
    opacity: .5;
}
.new_vote_options .delete-vote-option {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 6px;
    background: none;
    color: rgba(138,150,163,.7);
}
.b-dropzone__preview__delete i{
    color: #fff;
}

.b-make-post__voting.b-dropzone__preview{
    height: auto !important;
}





.b-create-post-form .b-make-post__media-slider {
    padding-top: 4px;
}
.b-dropzone__previews-scroller.swiper-container {
    margin-left: 0;
    z-index: unset;
}
.b-dropzone__previews-scroller {
    display: flex;
    align-items: stretch;
    align-content: stretch;
}
.b-make-post__media-photos {
    display: flex;
    flex: 0 0 auto;
    min-width: 80px;
}
.b-dropzone__preview img{
    width: 100%
}
.b-dropzone__preview .file_icon{
    font-size: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.b-btn-remove .custom_icon {
    font-size: 18px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: #fefefe;
}
.b-card-info {
    position: relative;
}
.swiper-container.m-reset-center {
    margin-left: 0px;
    margin-right: 0px;
    flex: 0 0 100%;
    width: 100%;
}



.popup_image{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}
.popup_image .popup_close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
.popup_image img{
    width: 500px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border-radius: 5px;
}
.b-dropzone__previews-scroller.swiper-container .swiper-wrapper {
    z-index: unset;
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0px auto;
}


#post_video{
    width: inherit;
    height: inherit;
}

/*Swiper Slider CSS
-------------------*/
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 26px;
    color: #fff;
}

.g-btn.m-flat .g-icon.m-default-size {
    font-size: 24px;
}
.p-posts-index-index .b-comments__end {
    margin: 0 0 56px;
    padding: 0 0 11px;
    order: unset;
}
.l-wrapper__sidebar .b-profile__content__item:not(:last-child) {
    overflow: hidden;
}
.b-profile-list .b-photos {
    padding: 0 16px 16px;
    margin: 0;
}
.b-photos:not(.g-negative-sides-gaps) {
    margin-left: -1px;
    margin-right: -1px;
}
.b-photos {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.b-profile-list .b-photos__item:first-child {
    margin-left: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 6px;
}
.b-profile-list .b-photos__item.m-col-4 {
    width: calc(25% - 1px);
    padding-top: 25%;
}
.b-profile-list .b-photos__item {
    overflow: hidden;
    margin: 0 0 0 1px;
}
.b-photos__item.m-col-4 {
    width: calc(25% - 2px);
    padding-top: calc(25% - 2px);
}
.b-photos__item {
    margin: 0 1px 2px;
    position: relative;
    width: calc(33.33% - 2px);
    padding-top: calc(33.33% - 2px);
    height: 0;
}
.b-photos__item__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .3s;
    z-index: 0;
}
.l-wrapper__sidebar .g-btn.m-profile {
    min-height: 36px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.b-chats__conversations-list {
    max-width: 100%;
}
.conversations-start__content {
    font-size: 15px;
    color: #8a96a3;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
.g-btn.m-fix-width {
    max-width: 244px;
}
.g-btn.m-aligned-center {
    margin-left: auto;
    margin-right: auto;
}
.b-chats .b-content-filter:not(.m-reset-sides-gaps) {
    padding-left: 16px;
    padding-right: 16px;
}
.b-tabs__nav .swiper-container:not(.m-gaps-outside):not(.m-left-gap-outside) {
    margin-left: 0;
    margin-right: 0;
}

/*Message CSS
----------------*/

.b-chat {
    display: flex;
    flex-direction: column;
}
.b-chats .b-chat {
    width: 100%;
}
.m-create-chat .b-chats__conversations-content .g-page__header {
    text-transform: uppercase;
}
.b-chat__header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
    flex-shrink: 0;
}
.chat-users-section {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.chat-users-section .b-users-lists-wrapper {
    flex: 1;
    max-height: calc(100% - 38px);
}
.b-chats__search-users-wrapper~.chat-users-section .b-users-lists-wrapper .b-chats__available-users__list {
    min-height: 33px;
}
.b-chats__available-users__list {
    flex: 1;
    position: relative;
    min-height: 50px;
}
.ps {
    position: relative;
}
.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
.b-chats__available-users__item {
    padding: 0 0 0 80px;
    border: none;
    position: relative;
    width: 100%;
    background: none;
    text-align: left;
    display: block;
    min-height: 72px;
}
.g-avatar.m-border-line-theme:not(.has-started-stream) {
    border: 2px solid #fff;
    background: #fff;
}

.b-chats__available-users__item .g-avatar {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.b-chats__available-users__value {
    padding-right: 50px;
}
.b-chats__available-users__item:after {
    content: "";
    background-color: rgba(138,150,163,.25);
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
}
.b-chat__messages {
    margin-top: auto;
    position: relative;
    margin-right: -6px;
    padding-right: 6px;
    padding-top: 10px;
}
.b-chats__search-users-wrapper {
    position: relative;
    border-top: 1px solid rgba(138,150,163,.25);
    background-color: rgba(138,150,163,.08);
}
.b-chats__header+.b-chats__search-users-wrapper, .b-chats__header+.b-search-users-form__wrapper {
    border-top: none;
}
.b-chats__search-users-form {
    position: relative;
}
.b-chats__search-users-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(138,150,163,.7);
}
.b-chats__search-users-input {
    color: #242529;
    height: 56px;
    border: 0;
    background-color: transparent;
    padding: 17px 50px 17px 52px;
    font-size: 16px;
}
.b-chats__search-users-clear {
    padding: 0;
    border: none;
    background: none;
    color: rgba(138,150,163,.7);
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.g-invisible {
    visibility: hidden!important;
    opacity: 0!important;
    pointer-events: none!important;
}
.b-chats__search-users-input:focus{
    background: inherit;
}
.b-chats__header {
    margin-bottom: 0;
}
.b-profile__sections__item:not(:last-child):after {
    content: "\2022";
    color: hsla(0,0%,99.6%,.75);
    margin-left: 7px;
    margin-right: 8px;
}
.b-profile__sections__link:not(.m-no-hover) {
    cursor: pointer;
}
.b-profile__sections__link:not(.m-no-hover):hover {
    text-decoration: underline;
}
.b-user-info {
    font-size: 16px;
    margin-bottom: 19px;
    line-height: 1.5;
}
.g-truncated-text.m-collapsed, .g-truncated-text.m-collapsed-check {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.link-trunc {
    color: #00aff0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}
.link-trunc:hover {
    color: #0091ea;
    text-decoration: underline;
}
.g-truncated-text.m-collapsed .b-user-info__detail, .g-truncated-text.m-collapsed .b-user-info__text {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: initial;
    hyphens: manual;
}
.b-user-info__detail {
    color: #8a96a3;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
}
.b-user-info__text>p {
    display: inline;
}
p {
    margin: 0 0 10px;
}
.b-profile-section-btns.m-over-separator {
    border-top: 1px solid rgba(138,150,163,.25);
    padding-top: 8px;
}
.b-profile-section-btns.m-over-separator:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
    background-color: #f6f7f8;
}
.l-profile-page .list-offers, .l-wrapper__sidebar .list-offers, .list-offers.m-reset-mb {
    margin-bottom: 0;
}
.list-offers {
    margin-bottom: 24px;
}
.b-offer-wrapper.m-reset-mb, .b-offer-wrapper:last-child, .m-offer-bottom-gap-reset>.b-offer-wrapper {
    margin-bottom: 0;
}
.b-offer-wrapper {
    margin-bottom: 16px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.b-offer-wrapper .b-offer-join {
    padding-left: 16px;
    padding-right: 16px;
}
.b-offer-join {
    flex: 1;
    position: relative;
    max-width: 100%;
}
.b-offer-join>.g-btn:last-child[role=button], .m-guest .b-offer-join>.g-btn:last-child {
    margin-bottom: 16px;
}
.g-btn.m-flex .b-wrap-btn-text {
    display: flex;
    flex: 1;
}
.b-btn-text__small {
    text-transform: lowercase;
}
.g-btn__new-line-text {
    display: inline-block;
}
.Language a {
    font-size: 16px;
    color: #000;
    display: block;
    position: relative;
    padding: 8px 18px 8px 48px;
    transition: all, .3s;
}
.Language a.active .dropdown_icon:after {
    border: 2px solid #00aff0;
}
.Language a .dropdown_icon:after {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: 2px solid #000;
    transition: all, .3s;
}
.Language a.active .dropdown_icon {
    background: #00aff0;
}
.b-settings .Language .g-switcher-wrapper {
    border-bottom: 1px solid rgba(138,150,163,.25);
    padding: 3px 5px 3px;
    width: 100%;
}
.b-input-radio__container:not(.m-disabled):hover .b-input-radio__label {
    border-color: rgb(0, 145, 234);
}
.label_theme_light{
    color: rgb(138 150 163) !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgb(138 150 163 / 50%);
}
.select2-container--default .select2-selection--single:hover{
    border: 1px solid rgb(138 150 163)
}
.l-wrapper__sidebar .b-search-form{
    opacity: 1;
}

.swiper_button {
    background: #fff;
    height: 45px;
    width: 45px;
    border-radius: 50%;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
    color: red;
}
.media_item img{
    max-width: 130px;
}

.media_tab_content{
    padding: 6px 5px;
}
.g-btn.m-transparent-bg {
    padding: 9px 16px;
    border-radius: 18px;
    color: #00aff0;
    background-color: transparent;
}
.g-btn.m-transparent-bg.disabled, .g-btn.m-transparent-bg[disabled] {
    background-color: transparent;
    background: none;
    color: #8a96a3;
    opacity: .4;
}
.g-btn.m-transparent-bg:hover {
    color: #0091ea;
    background-color: rgba(0,145,234,.06);
}
.b-story-item_add_story{
    color: #242529;
    display: flex;
    align-items: center;
    justify-content: center;
}
.b-chat__header__wrapper {
    display: flex;
    width: 100%;
    align-items: center;
}
.b-chat__subheader {
    width: 100%;
    padding-left: 40px;
    display: flex;
    align-items: center;
    margin: -5px 0 0;
}
.b-chat__user-status {
    margin-right: 21px;
}
.b-chat__user-status {
    color: #8a96a3;
    font-size: 13px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.b-chat__subheader>* {
    position: relative;
    margin-right: 21px;
    margin-left: 0!important;
}
.b-chat__user-status span:not([class]) {
    margin-left: 3px;
}
.b-chat__add-to-favorites__btn.g-btn.m-flat {
    line-height: 0;
}
.b-chat__add-to-favorites__btn.g-btn.m-flat .g-icon {
    font-size: 12px;
}
.b-chat__header__search-btn.g-btn.m-flat {
    font-size: 13px;
    display: flex;
    align-items: center;
}
.g-btn.m-flat.m-gray {
    color: #8a96a3;
}
.b-chat__header__search-btn.g-btn.m-flat .g-icon {
    font-size: 12px;
    margin: 0 4px 0 0;
}
.g-btn.m-flat:hover {
    color: #0091ea;
}
.b-header-conversation {
    min-height: 78px;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 0;
}
.b-chat__messages__timeline {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: #8a96a3;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    z-index: 0;
}
.b-chat__messages__timeline:before {
    content: "";
    border-top: 1px solid rgba(138,150,163,.2);
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
}
.b-chat__messages__time {
    background-color: #fff;
    padding: 0 12px;
    position: relative;
    z-index: 5;
}
.b-chat__message {
    margin: 0 36px 1px 44px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.b-chat__message__body {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.b-chat__message__time {
    font-size: 11px;
    color: #8a96a3;
    white-space: nowrap;
    width: 100%;
    margin: 2px 0 15px;
    display: flex;
    align-items: center;
    height: 14px;
}
.b-chat__message .g-avatar {
    position: absolute;
    bottom: 0;
    left: -44px;
}
.b-chat__message__text:not(:empty) {
    padding: 8px 12px;
}
.b-chat__message__text {
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: start;
    background: rgba(138,150,163,.12);
    border-radius: 6px 6px 6px 0;
    margin-right: auto;
    max-width: 100%;
    position: relative;
}
.b-chat__message .dropdown {
    position: absolute;
    right: -26px;
    bottom: 2px;
}
.b-chat__message__text p {
    margin-bottom: 0;
}
.b-chat__btn-submit {
    margin-left: auto;
}
.b-make-post.m-chats-footer {
    margin-bottom: 0;
}
.m-chats-footer .b-make-post__text-input {
    min-height: 48px;
}




















/*--------------
::: Story 2 CSS
---------------*/
.l-stories {
    overflow: hidden;
    outline: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75);
    font-size: 14px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    transition: .25s;
    transform-origin: top left;
    transform: scale(0);
}
.l-stories.m-animated {
    transform: scale(1);
}
.slider {
    position: absolute;
}
.slider, .story-viewer {
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube {
    overflow: visible !important;
}
/*.b-story-header, */
.b-story-header::after {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.b-story-header::after {
    content: "";
    height: 120px;
    background: linear-gradient(rgba(0, 0, 0, 0.66), transparent);
    z-index: 1;
    pointer-events: none;
}
.b-story-header {
    padding: 18px 16px 0px;
}
.b-story-header__author {
    position: relative;
    padding-left: 46px;
    min-height: 38px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    color: rgb(254, 254, 254);
    font-size: 13px;
    z-index: 2;
}
.b-stories-slides {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.b-stories-slides__item {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}
.b-stories-slides__media {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    zoom: 1;
    overflow: hidden;
    z-index: 1;
    transition: opacity 0.1s ease 0s;
    object-fit: contain;
    align-self: center;
}
.b-action-panel {
    color: rgb(254, 254, 254);
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 10px;
}


.b-action-panel.m-shadow-gradient {
    z-index: 98;
}
.b-streaming__actions__overlay {
    position: fixed;
    inset: 0px;
    background-color: rgb(0, 0, 0);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease 0s;
}

.b-action-panel__item {
/*    flex: 0 1 25%;*/
    display: inline-flex;
}
.b-action-panel__el:not(.m-fluid-width) {
    width: 36px;
}
.b-action-panel__el {
    padding: 0px;
    display: inline-flex;
    align-items: center;
    place-content: center;
    font-size: 13px;
    white-space: nowrap;
    border: none;
    background: none;
    color: inherit;
    height: 46px;
    margin-top: -5px;
    margin-bottom: -5px;
}
.b-action-panel__el.m-fluid-width {
    padding-right: 16px;
    padding-left: 8px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
.b-action-panel__item.m-free-size.m-right-part.m-dots-btn {
    margin-right: -4px;
}
.b-action-panel__item.m-free-size.m-right-part:last-child {
    margin-right: 0px;
}
.b-action-panel__item.m-space-distance:last-child {
    margin-right: 0px;
}

.b-action-panel__item.m-space-distance {
    margin-left: auto;
    margin-right: 12px;
}
.b-post__tools__more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: static;
}
.dropdown-toggle.m-center {
    display: flex;
    align-content: center;
    align-items: center;
}
.b-action-panel.m-shadow-gradient::after {
    content: "";
    position: fixed;
    left: 0px;
    pointer-events: none;
    right: 0px;
    bottom: 0px;
    height: 120px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.66));
    z-index: -1;
}
.m-disable-selection :not([type="text"]) {
    outline: none;
    -webkit-user-drag: none;
    user-select: none;
}
.b-story-header .b-modal__close {
    z-index: 2;
    top: 16px;
}
.b-modal__close {
    background: none;
    border: 0;
    padding: 0;
    z-index: 20;
    top: 11px;
    right: 16px;
    color: rgba(138,150,163,.75);
}
.b-modal__close.light {
    color: #fefefe;
}
.b-modal__close.m-with-round-hover {
    position: absolute;
}
.b-story-header__author .g-avatar {
    position: absolute;
    left: 0px;
    top: 0px;
}
.b-story-header__author__title {
    font-weight: 500;
}
.m-fluid-width .b-action-panel__el__text {
    margin-left: 8px;
}

@media (min-width: 768px) {
    .b-action-panel__item.m-free-size:not(.m-right-part) {
        margin-right: 5%;
    }

    .b-action-panel__item.m-free-size {
        flex: 0 0 auto;
    }
}

img {
  max-width: 100%;
  display: block;
}
.slide {
  max-width: 500px;
  display: grid;
}

.slide-items {
  position: relative;
  grid-area: 1/1;
  border-radius: 5px;
  overflow: hidden;
}

.slide-nav {
  grid-area: 1/1;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}

.slide-nav button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
}

.slide-items > * {
  position: absolute;
  top: 0px;
  opacity: 0;
  pointer-events: none;
}

.slide-items > .active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}

.slide-thumb {
  display: flex;
  grid-column: 1 / 3;
}

.slide-thumb > span {
  flex: 1;
  display: block;
  height: 3px;
  background: rgba(0, 0, 0, 0.4);
  margin: 5px;
  border-radius: 3px;
  overflow: hidden;
}

.slide-thumb > span.active::after {
  content: '';
  display: block;
  height: inherit;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  transform: translateX(-100%);
  animation: thumb 5s forwards linear;
}

@keyframes thumb {
  to {
    transform: initial;
  }
}


/* ----------New CSS ------- */
.ps--active-y{
    overflow-y: auto;
}
::-webkit-scrollbar{
    width: 4px;
}
::-webkit-scrollbar-thumb{
    background-color: #aaa;
    border-radius: 6px;
}
.custom_height{
	min-height: 100vh;
}
.m-align-tabs .b-tabs__nav__item:not(:last-child) {
    margin-right: 19px;
}
.b-tabs__nav.m-inside-sidebar {
    padding-bottom: 1px;
}
.m-align-tabs .b-tabs__nav__item:nth-child(2):last-child, .m-align-tabs .b-tabs__nav__item:nth-child(3):last-child, .m-align-tabs .b-tabs__nav__item:nth-child(4):last-child, .m-align-tabs .b-tabs__nav__item:nth-child(5):last-child, .m-align-tabs .b-tabs__nav__item:nth-child(6):last-child {
    margin-right: auto;
}
.bookmarks_tabs:after{
	display: none;
}
.b-chats .form-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.b-chat__message.m-from-me {
    margin-left: 76px;
    margin-right: 4px;
    text-align: end;
    justify-content: flex-end;
}
.m-from-me .b-chat__message__body, .m-not-paid-yet .b-chat__message__body {
    cursor: unset;
}
.b-chat__message.m-from-me .b-chat__message__text {
    position: relative;
    background: rgba(0,175,240,.12);
    border-radius: 6px 6px 0 6px;
    margin-left: auto;
    margin-right: 0;
}
.b-chat__message.m-from-me .b-chat__message__time {
    justify-content: flex-end;
}
.b-chat__message__time>.g-icon {
    font-size: 18px;
    margin: -2px 0 -2px 3px;
    opacity: .7;
}
.b-chat__message.m-from-me .b-chat__message__media-wrapper {
    margin-left: auto;
}
.b-chat__message.m-has-media .b-chat__message__media-wrapper {
    position: relative;
    margin-top: 3px;
    margin-bottom: 3px;
}
.b-chat__message__media-wrapper {
    max-width: 100%;
}
.b-chat__message.m-from-me .b-chat__message__media {
    border-radius: 6px 6px 0 6px;
    margin-right: 0;
    margin-left: auto;
}
.b-chat__message__media {
    position: relative;
    border-radius: 6px 6px 6px 0;
    overflow: hidden;
    max-height: calc(100vh - 144px);
    max-width: 100%;
}
.b-chat__message__media .post_media {
    max-width: 100%;
}
.b-chat__message__media .post_img_big, .b-chat__message__media .post_img_block, .b-chat__message__media .swiper-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.post_img_block {
    cursor: pointer;
    position: relative;
}
.b-chat__message__media .b-post__media__item-inner {
    width: 100%;
    height: 100%;
}
.b-chat__message__media img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: 100%;
    display: block;
}