@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

@font-face {
    font-family: "Calibri";
    src: url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.eot");
    /* IE9*/
    src: url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.woff2") format("woff2"),
        /* chrome firefox */
        url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.woff") format("woff"),
        /* chrome firefox */
        url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.ttf") format("truetype"),
        /* chrome firefox opera Safari, Android, iOS 4.2+*/
        url("fonts/calibri/a78cfad3beb089a6ce86d4e280fa270b.svg#Calibri") format("svg");
    /* iOS 4.1- */
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@media (min-width: 767px) {
    #section-header {
        margin-bottom: 0px;
        height: auto;
    }

    .sticky-bar>.sticky-bar-inner .site-logo-block {
        display: none;
    }

    .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        flex: none;
        order: -1;
        border-left: 0;
        border-right: 0;
        padding: 0;
        min-width: 48px;
        display: flex !important;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner .search-panel {
        margin-right: 8px;
    }

    .sticky-bar>.sticky-bar-inner .search-panel {
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .sticky-bar>.sticky-bar-inner .search-panel {
        flex: 2;
        display: flex;
        justify-content: flex-end;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        margin-right: 0;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        z-index: 2;
        position: absolute;
        left: 0;
        right: 0;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        border-left: 0;
        flex: 2;
    }

    html[dir="ltr"] .header_search_form .form-control-feedback.btn-mask-action {
        left: 50% !important;
    }

    .sticky-bar>.sticky-bar-inner .header_search_form .form-group.has-feedback {
        justify-content: flex-start;
    }

    .sticky-bar>.sticky-bar-inner .search-panel {
        flex: 2;
        display: flex;
        justify-content: flex-end;
    }
}

@media (min-width: 767px) {
    .sticky-bar>.sticky-bar-inner .search-panel {
        flex: none;
    }

    .sticky-bar>.sticky-bar-inner .search-panel .clear_input_div {
        visibility: hidden;
        max-width: 0;
    }

    .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        flex: 2;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        margin-right: 48px;
    }

    html[dir="rtl"] .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        margin-left: 48px;
    }

    .sticky-bar>.sticky-bar-inner.overlap .btn-nav-toggle {
        max-width: 0;
        padding: 0;
        margin: 0;
        border: none;
        margin: 0 !important;
        display: none !important;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        flex: 2;
        border-left: 1px solid #dcdcdc;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel .clear_input_div {
        width: 100%;
        visibility: visible;
        max-width: 100%;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel .form-control-feedback {
        color: #9740D5;
        background-color: #E8DAF2;
    }

    html[dir='rtl'] .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        border-left: 0;
        border-right: 1px solid #dcdcdc;
    }

    .sticky-bar>.sticky-bar-inner.overlap .form-control-feedback.btn-mask-action {
        display: none;
    }

    .sticky-bar>.sticky-bar-inner.overlap .btn-globalsearch-return {
        display: flex;
    }
}

@media (min-width: 767px) {
    .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        border-left: 0;
    }
}

@media (min-width: 767px) {
    html[dir='rtl'] .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        border-right: 0;
    }
}

@media screen and (min-width: 767px) {
    .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        flex: none;
        order: -1;
        border-left: 0;
        border-right: 0;
        padding: 0;
        min-width: 48px;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        margin-right: 0;
    }

    html[dir="rtl"] .sticky-bar>.sticky-bar-inner .btn-nav-toggle {
        margin-left: 0;
    }

    .sticky-bar>.sticky-bar-inner .btn-nav-toggle span,
    .sticky-bar>.sticky-bar-inner .btn-nav-toggle .ico,
    .sticky-bar>.sticky-bar-inner .btn-nav-toggle .fa {
        display: none;
    }

    .sticky-bar>.sticky-bar-inner .search-panel {
        flex: 2;
        display: flex;
        justify-content: flex-end;
    }

    .sticky-bar>.sticky-bar-inner .header_search_form {
        width: 100%;
    }

    .sticky-bar>.sticky-bar-inner .header_search_form .form-group.has-feedback {
        justify-content: flex-end;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner.overlap {
        padding-left: 0;
    }

    html[dir="rtl"] .sticky-bar>.sticky-bar-inner.overlap {
        padding-right: 0;
    }

    .sticky-bar>.sticky-bar-inner.overlap .site-logo-block {
        display: none;
    }
}

@media screen {
    .sticky-bar>.sticky-bar-inner .site-logo-block {
        display: none;
    }

    body._is_guest_user .sticky-bar>.sticky-bar-inner.setting-hide-menu .site-logo-block {
        display: block;
    }

    body._is_guest_user .sticky-bar>.sticky-bar-inner.setting-hide-menu .site-logo-block .site-logo {
        min-width: 80px;
    }

    body._is_guest_user .sticky-bar>.sticky-bar-inner.setting-hide-menu .site-logo-block .site-logo .site-logo-link .site-logo-icon>i {
        height: 24px;
    }

    .sticky-bar>.sticky-bar-inner .search-panel {
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner .search-panel {
        margin-right: 8px;
    }

    html[dir="rtl"] .sticky-bar>.sticky-bar-inner .search-panel {
        margin-left: 8px;
    }

    .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        z-index: 2;
        position: absolute;
        left: 0;
        right: 0;
    }

    html[dir="ltr"] .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        margin-right: 0;
    }

    html[dir="rtl"] .sticky-bar>.sticky-bar-inner.overlap .search-panel {
        margin-left: 0;
    }

    .sticky-bar>.sticky-bar-inner .header_search_form .form-group.has-feedback {
        justify-content: flex-start;
    }

    .user-sticky-bar ul.user-sticky-bar-items {
        position: static;
    }

    html[dir='rtl'] .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu {
        margin-right: 0;
        margin-left: -16px;
    }
}

/*=====  End of HEADER STICKY BAR  ======*/

.dropdown-overflow a[data-toggle="dropdown"]:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    left: 50%;
    border-bottom: 8px solid #ffffff;
    bottom: 0;
    z-index: 1012;
    margin-top: -20px;
    transition: all 150ms linear;
    transform: translate3d(-50%, -20px, 0);
    visibility: hidden;
    display: block;
    opacity: 0;
}

.dropdown-overflow.open a[data-toggle="dropdown"]:after {
    transform: translate3d(-50%, 1px, 0);
    margin-top: 0;
}

/*=============================================
=            HEADER MAIN NAVIGATION            =
=============================================*/

.navbar-collapse .site_menu .login-menu-btns-xs {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.navbar-collapse .site_menu .login-menu-btns-xs .div01,
.navbar-collapse .site_menu .login-menu-btns-xs .div02 {
    margin-left: 8px;
    margin-right: 8px;
}

.navbar-collapse .site_menu .login-menu-btns-xs .div01 .btn .fa,
.navbar-collapse .site_menu .login-menu-btns-xs .div02 .btn .fa,
.navbar-collapse .site_menu .login-menu-btns-xs .div01 .btn .ico,
.navbar-collapse .site_menu .login-menu-btns-xs .div02 .btn .ico {
    margin-right: 4px;
}

html[dir='rtl'] .navbar-collapse .site_menu .login-menu-btns-xs .div01 .btn .fa,
html[dir='rtl'] .navbar-collapse .site_menu .login-menu-btns-xs .div02 .btn .fa,
html[dir='rtl'] .navbar-collapse .site_menu .login-menu-btns-xs .div01 .btn .ico,
html[dir='rtl'] .navbar-collapse .site_menu .login-menu-btns-xs .div02 .btn .ico {
    margin-right: 0;
    margin-left: 4px;
}

@media screen and (min-width: 767px) {
    .navbar.main-navigation {
        background-color: #9740D5;
        height: 40px;
        min-height: 0;
    }

    .navbar.main-navigation .navbar-collapse {
        margin-left: -20px;
        margin-right: -20px;
    }

    .navbar.main-navigation .site-menu {
        display: flex;
        flex-flow: wrap;
        margin: 0 -8px;
        padding-right: 60px;
        height: 40px;
        position: relative;
        overflow: hidden;
    }

    .navbar.main-navigation .site-menu .overlay {
        position: absolute;
        top: 0;
        width: 200px;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(to right, rgba(38, 129, 213, 0) 0%, rgba(38, 129, 213, 0.7) 25%, #2681d5 100%);
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu .overlay {
        right: 0;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu .overlay {
        left: 0;
    }

    .navbar.main-navigation .site-menu>li>.dropdown-menu {
        min-width: 175px;
        max-width: 250px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        max-height: calc(100vh - 90px);
        overflow-x: visible;
        overflow-y: auto;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu>li>.dropdown-menu {
        right: 0;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu>li>.dropdown-menu {
        left: 0;
    }

    .navbar.main-navigation .site-menu>li>.dropdown-menu:after {
        transform: none;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu>li>.dropdown-menu:after {
        right: 8px;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu>li>.dropdown-menu:after {
        left: 8px;
    }

    .navbar.main-navigation .site-menu>li>.dropdown-menu a {
        padding: 9px 16px;
        line-height: normal;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        display: flex;
        align-items: center;
        white-space: normal;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu>li>.dropdown-menu a .ico,
    html[dir="ltr"] .navbar.main-navigation .site-menu>li>.dropdown-menu a .fa {
        margin-right: 8px;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu>li>.dropdown-menu a .ico,
    html[dir="rtl"] .navbar.main-navigation .site-menu>li>.dropdown-menu a .fa {
        margin-left: 8px;
    }

    .navbar.main-navigation .site-menu .site_sub_menu {
        display: none;
    }

    .navbar.main-navigation .site-menu>li {
        position: relative;
    }

    .navbar.main-navigation .site-menu>li.menu-has-sub .site_sub_menu,
    .navbar.main-navigation .site-menu>li.menu-overflow .site_sub_menu {
        display: block;
    }

    .navbar.main-navigation .site-menu>li.menu-has-sub {
        display: inline-flex;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu>li.menu-has-sub .menu-link-item {
        padding-right: 0;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu>li.menu-has-sub .menu-link-item {
        padding-left: 0;
    }

    .navbar.main-navigation .site-menu>li.menu-overflow .menu-link-sub-more {
        display: none;
    }

    .navbar.main-navigation .site-menu>li.menu-overflow .dropdown-menu-sub {
        position: static;
        box-shadow: none;
        background: none;
        width: 100%;
        padding: 0;
        margin-top: -1px !important;
    }

    .navbar.main-navigation .site-menu>li.menu-overflow .dropdown-menu-sub:after {
        display: none;
    }

    .navbar.main-navigation .site-menu>li.menu-overflow .dropdown-menu-sub a {
        min-height: 32px;
        font-size: 13px;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu>li.menu-overflow .dropdown-menu-sub a {
        padding-left: 32px;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu>li.menu-overflow .dropdown-menu-sub a {
        padding-right: 32px;
    }

    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item i.fa,
    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item .ico {
        display: block !important;
        font-size: 14px;
    }

    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item i.fa:before,
    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item .ico:before {
        font-family: 'lineficon' !important;
        content: "\eaa5";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item span,
    .navbar.main-navigation .site-menu>li.menu-home:first-of-type>a.menu-link-item:after {
        display: none;
    }

    .navbar.main-navigation .site-menu>li>a {
        color: #D5A9FF;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        min-height: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        position: relative;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .navbar.main-navigation .site-menu>li>a:not([data-toggle='dropdown']):after {
        content: "";
        height: 4px;
        width: 35%;
        background: #950FCD;
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        border-radius: 2px;
    }

    .navbar.main-navigation .site-menu>li>a.menu_is_selected,
    .navbar.main-navigation .site-menu>li>a:hover {
        color: #FFF;
    }

    .navbar.main-navigation .site-menu>li>a.menu_is_selected:after {
        opacity: 1;
    }

    .navbar.main-navigation .site-menu>li.dropdown>a span.ico {
        display: block;
        font-size: 16px;
    }

    .navbar.main-navigation .site-menu>li.dropdown:hover>a span.ico:before {
        content: "\eac8";
    }

    .navbar.main-navigation .site-menu>li.menu-overflow.open>a span.ico:before {
        content: "\eac8";
    }

    .navbar.main-navigation .site-menu>li.open>a {
        color: #fff;
    }

    .navbar.main-navigation .site-menu>li.open .dropdown-menu {
        margin-top: 0;
    }
}

@keyframes main-nav-animation {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media screen and (min-width: 767px) {
    body.overlap {
        height: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: auto;
    }

    body.overlap #section-header {
        position: static !important;
    }

    .navbar.main-navigation {
        width: 80%;
        max-width: 384px;
        background: #FFF;
        position: fixed;
        top: -100;
        bottom: 0;
        z-index: 1000000000;
        overflow: visible;
        transform: translateZ(0);
        transform-style: preserve-3d;
        transition-delay: .15s;
        transition-duration: .3s;
        transition-property: transform, left;
        transition-timing-function: ease-out;
        transform: translateY(-100%);
        animation: main-nav-animation 1s;
    }

    html[dir="ltr"] .navbar.main-navigation {
        left: calc((100% - 450px) / 2) !important;

    }

    html[dir="rtl"] .navbar.main-navigation {
        right: 0;
    }

    html[dir='rtl'] .navbar.main-navigation {
        transform: translateY(-2000px);
    }

    .navbar.main-navigation .site-menu-small {
        position: absolute;
        left: 0;
        top: 88px;
        right: 0;
        padding: 16px;
        padding-bottom: 100px;
    }

    html[dir="ltr"] .navbar.main-navigation .site-menu-small {
        padding-right: 32px;
    }

    html[dir="rtl"] .navbar.main-navigation .site-menu-small {
        padding-left: 32px;
    }

    .navbar.main-navigation .site-logo {
        height: 88px;
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding: 24px;
    }

    .navbar.main-navigation .site-logo .site-logo-link .site-logo-icon>i {
        height: 44px;
    }
}

.nav-mask-modal {
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    opacity: .1;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 999;
    position: fixed;
    transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 50ms;
}

html[dir="ltr"] .nav-mask-modal {
    left: 0;
}

html[dir="rtl"] .nav-mask-modal {
    right: 0;
}

.nav-mask-modal.in {
    transition-delay: 0;
    opacity: .1;
    visibility: visible;
}

.navbar.main-navigation.in {
    transform: translateY(0) !important;
}

.navbar.main-navigation.in .btn-close {
    opacity: 1;
}

.btn-close {
    position: absolute;
    left: calc(100% - 80px);
    z-index: 1000000000;
    padding: 16px;
    pointer-events: auto;
    opacity: 0;
    color: #9740D5;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

html[dir='rtl'] .btn-close {
    left: auto;
    right: 100%;
}

.site-menu-small {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
}

.site-menu-small li {
    position: relative;
}

.site-menu-small li:before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    border-bottom: 0px solid #dcdcdc;
}

html[dir='ltr'] .site-menu-small li:before {
    left: 52px;
    right: 0;
}

html[dir='rtl'] .site-menu-small li:before {
    right: 52px;
    left: 0;
}

.site-menu-small li.menu-has-sub {
    display: flex;
    flex-flow: wrap;
}

.site-menu-small li.menu-has-sub .dropdown-backdrop {
    display: none;
}

.site-menu-small li.menu-has-sub .menu-link-item {
    flex: 1;
    min-width: 0;
}

.site-menu-small li.menu-has-sub .menu-link-sub-more {
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.site-menu-small li.menu-has-sub.open .site_sub_menu {
    display: block;
}

.site-menu-small li.menu-has-sub.open .menu-link-sub-more .ico,
.site-menu-small li.menu-has-sub.open .menu-link-sub-more .fa {
    transform: rotate(180deg);
}

.site-menu-small li.menu-has-sub .site_sub_menu {
    width: 100%;
    display: none;
    position: relative;
    z-index: 9999;
}

html[dir="ltr"] .site-menu-small li.menu-has-sub .site_sub_menu li:before {
    left: 0;
}

html[dir="rtl"] .site-menu-small li.menu-has-sub .site_sub_menu li:before {
    right: 0;
}

html[dir="ltr"] .site-menu-small li.menu-has-sub .site_sub_menu li:before {
    right: 0;
}

html[dir="rtl"] .site-menu-small li.menu-has-sub .site_sub_menu li:before {
    left: 0;
}

html[dir="ltr"] .site-menu-small li.menu-has-sub .site_sub_menu {
    padding-left: 48px;
}

html[dir="rtl"] .site-menu-small li.menu-has-sub .site_sub_menu {
    padding-right: 48px;
}

.site-menu-small li.menu-has-sub .site_sub_menu li a {
    font-size: 14px;
}

.site-menu-small li.menu-has-sub .site_sub_menu .ico,
.site-menu-small li.menu-has-sub .site_sub_menu .fa {
    width: 24px;
    height: 24px;
    font-size: 14px;
}

html[dir="ltr"] .site-menu-small li.menu-has-sub .site_sub_menu .ico,
html[dir="ltr"] .site-menu-small li.menu-has-sub .site_sub_menu .fa {
    margin-right: 8px;
}

html[dir="rtl"] .site-menu-small li.menu-has-sub .site_sub_menu .ico,
html[dir="rtl"] .site-menu-small li.menu-has-sub .site_sub_menu .fa {
    margin-left: 8px;
}

.site-menu-small li a {
    color: #555555;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.site-menu-small li a:not(.menu-link-sub-more) .fa,
.site-menu-small li a:not(.menu-link-sub-more) .ico {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

html[dir='rtl'] .site-menu-small li a:not(.menu-link-sub-more) .fa,
html[dir='rtl'] .site-menu-small li a:not(.menu-link-sub-more) .ico {
    margin-right: 0;
    margin-left: 12px;
}

.site-menu-small li a span {
    padding: 12px 0;
    display: block;
    flex: 1;
}

.site-menu-small li a.menu_is_selected {
/*    color: #9740D5;*/
    color: #9740D5;
}

.site-menu-small li a.menu_is_selected:not(.menu-link-sub-more) .fa,
.site-menu-small li a.menu_is_selected:not(.menu-link-sub-more) .ico {
    color: #FFF;
/*    background-color: #9740D5;*/
    background-color: #9740D5;
}

.site-menu-small li:last-of-type:before {
    display: none;
}

/*=====  End of HEADER MAIN NAVIGATION  ======*/

.app-addnew-block {
    position: relative;
    z-index: 9;
}

@media (min-width: 1200px) {
    .app-addnew-block {
        width: 1200px;
        margin: auto;
    }
}

.app-addnew-block .dropdown-menu {
    background-color: #9740D5;
}

.app-addnew-block .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    border-bottom: 8px solid #9740D5;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] .app-addnew-block .dropdown-menu:after {
    left: auto;
    right: 12px;
}

html[dir="rtl"] .app-addnew-block .dropdown-menu:after {
    left: 12px;
    right: auto;
}

.app-addnew-block .dropdown-menu>li {
    padding-bottom: 4px;
    margin-bottom: 4px;
    position: relative;
}

.app-addnew-block .dropdown-menu>li>a {
    color: #FFF;
    border-left: 0;
}

.app-addnew-block .dropdown-menu>li>a .ico,
.app-addnew-block .dropdown-menu>li>a .fa {
    display: inline-block;
    display: none !important;
}

html[dir="ltr"] .app-addnew-block .dropdown-menu>li>a .ico,
html[dir="ltr"] .app-addnew-block .dropdown-menu>li>a .fa {
    margin-right: 8px;
}

html[dir="rtl"] .app-addnew-block .dropdown-menu>li>a .ico,
html[dir="rtl"] .app-addnew-block .dropdown-menu>li>a .fa {
    margin-left: 8px;
}

.app-addnew-block .dropdown-menu>li>a:hover,
.app-addnew-block .dropdown-menu>li>a:focus {
    background-color: #950FCD;
}

.app-addnew-block .dropdown-menu>li:before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}

.app-addnew-block .dropdown-menu>li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.app-addnew-block .dropdown-menu>li:last-of-type:before {
    display: none;
}

div#breadcrumbs_menu {
    position: relative;
    z-index: 98;
}

.btn-app-addnew {
    position: absolute;
    bottom: -8px;
}

html[dir="ltr"] .btn-app-addnew {
    right: 16px;
}

html[dir="rtl"] .btn-app-addnew {
    left: 16px;
}

@media (min-width: 767px) {
    .btn-app-addnew {
        bottom: -56px;
    }
}

@media (min-width: 767px) {
    .btn-app-addnew {
        position: fixed;
        bottom: 16px !important;
        z-index: 9999;
    }

    html[dir="ltr"] .btn-app-addnew {
        right: 16px !important;
    }

    html[dir="rtl"] .btn-app-addnew {
        left: 16px !important;
    }

    .btn-app-addnew .dropdown-menu {
        bottom: 100%;
        top: auto;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .btn-app-addnew .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 8px solid transparent;
        position: absolute;
        border-top: 8px solid #9740D5;
        top: 100%;
        bottom: auto;
    }

    html[dir="ltr"] .btn-app-addnew .dropdown-menu:after {
        left: auto;
        right: 12px;
    }

    html[dir="rtl"] .btn-app-addnew .dropdown-menu:after {
        left: 12px;
        right: auto;
    }
}

@media (min-width: 767px) {
    .btn-app-addnew {
        bottom: 8px !important;
    }

    html[dir="ltr"] .btn-app-addnew {
        right: 8px !important;
    }

    html[dir="rtl"] .btn-app-addnew {
        left: 8px !important;
    }
}

.btn-app-addnew a.btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.btn-app-addnew a.btn span.ico {
    color: #fff;
}

#js_block_border_core_breadcrumb+.breadcrumbs_right_section .btn-app-addnew {
    bottom: -18px;
}

#js_block_border_core_menusub+#js_block_border_core_breadcrumb+.breadcrumbs_right_section .btn-app-addnew {
    bottom: 20px;
}

#js_block_border_core_menusub+.breadcrumbs_right_section .btn-app-addnew {
    bottom: -8px;
}

._is_profile_view .app-addnew-block,
._is_groups_view .app-addnew-block,
._is_pages_view .app-addnew-block {
    position: relative;
    width: auto;
    margin: 0;
    z-index: 1;
}

html[dir="ltr"] ._is_profile_view .app-addnew-block,
html[dir="ltr"] ._is_groups_view .app-addnew-block,
html[dir="ltr"] ._is_pages_view .app-addnew-block {
    padding-left: 16px;
}

html[dir="rtl"] ._is_profile_view .app-addnew-block,
html[dir="rtl"] ._is_groups_view .app-addnew-block,
html[dir="rtl"] ._is_pages_view .app-addnew-block {
    padding-right: 16px;
}

html[dir="ltr"] ._is_profile_view .app-addnew-block,
html[dir="ltr"] ._is_groups_view .app-addnew-block,
html[dir="ltr"] ._is_pages_view .app-addnew-block {
    padding-right: 16px;
}

html[dir="rtl"] ._is_profile_view .app-addnew-block,
html[dir="rtl"] ._is_groups_view .app-addnew-block,
html[dir="rtl"] ._is_pages_view .app-addnew-block {
    padding-left: 16px;
}

._is_profile_view .app-addnew-block .btn-app-addnew,
._is_groups_view .app-addnew-block .btn-app-addnew,
._is_pages_view .app-addnew-block .btn-app-addnew {
    position: static !important;
}

._is_profile_view .app-addnew-block .dropdown-menu,
._is_groups_view .app-addnew-block .dropdown-menu,
._is_pages_view .app-addnew-block .dropdown-menu {
    margin-top: 0;
    top: 100%;
    bottom: auto;
    margin-top: 10px;
    margin-bottom: 0;
}

html[dir="ltr"] ._is_profile_view .app-addnew-block .dropdown-menu,
html[dir="ltr"] ._is_groups_view .app-addnew-block .dropdown-menu,
html[dir="ltr"] ._is_pages_view .app-addnew-block .dropdown-menu {
    margin-right: 16px;
}

html[dir="rtl"] ._is_profile_view .app-addnew-block .dropdown-menu,
html[dir="rtl"] ._is_groups_view .app-addnew-block .dropdown-menu,
html[dir="rtl"] ._is_pages_view .app-addnew-block .dropdown-menu {
    margin-left: 16px;
}

._is_profile_view .app-addnew-block .dropdown-menu:after,
._is_groups_view .app-addnew-block .dropdown-menu:after,
._is_pages_view .app-addnew-block .dropdown-menu:after {
    bottom: 100%;
    top: auto;
    border-bottom: 8px solid #47C366;
    border-top-color: transparent;
}

body._is_login_page .fixed-main-navigation {
    display: none !important;
}

.fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a {
    font-size: 14px;
}

html[dir="ltr"] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a {
    padding-left: 48px;
}

html[dir="rtl"] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a {
    padding-right: 48px;
}

.fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .ico,
.fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .fa {
    font-size: 14px;
}

html[dir='ltr'] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .ico,
html[dir='ltr'] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .fa {
    margin-right: 4px;
}

html[dir='rtl'] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .ico,
html[dir='rtl'] .fixed-main-navigation .dropdown-menu.site_menu .site_sub_menu li a .fa {
    margin-left: 4px;
}

._is_login_page .breadcrumbs_right_section:first-child .app-addnew-block {
    height: 40px;
}

/*=============================================
=            MENU BLOCK            =
=============================================*/

html[dir='rtl'] #js_block_border_core_menusub ul.action>li>a {
    border: 0;
}

._block.location_6 #js_block_border_core_menusub.block {
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

._block.location_6 #js_block_border_core_menusub.block .title {
    display: none;
}

._block.location_6 #js_block_border_core_menusub.block .content {
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 1200px) {
    ._block.location_6 #js_block_border_core_menusub.block .content {
        width: 1200px;
    }
}

._block.location_6 #js_block_border_core_menusub.block .content .action {
    display: flex;
    flex-flow: wrap;
}

._block.location_6 #js_block_border_core_menusub.block .content .action>li {
    border-bottom: 0;
}

._block.location_6 #js_block_border_core_menusub.block .content .action>li>a {
    padding: 0;
    line-height: normal;
    font-size: 12px;
    min-height: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .content .action>li>a {
    margin-right: 16px;
}

html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .content .action>li>a {
    margin-left: 16px;
}

@media (min-width: 767px) {
    ._block.location_6 #js_block_border_core_menusub.block .content .action>li>a:hover {
        color: #9740D5;
    }
}

._block.location_6 #js_block_border_core_menusub.block .content .action>li>a:hover .count-item {
    color: #fff;
    background: #9E9AB1;
    border-color: #9740D5;
}

._block.location_6 #js_block_border_core_menusub.block .content .action>li.active>a {
    color: #9740D5;
}

._block.location_6 #js_block_border_core_menusub.block .content .action>li.active>a .count-item {
    color: #fff;
    background: #9E9AB1;
    border-color: #9740D5;
}

._block.location_6 #js_block_border_core_menusub.block .content .count-item {
    font-size: 12px;
    background: #eeeeee;
    border: 1px solid #e2e2e2;
    color: #a2a2a2;
    padding: 2px 4px;
    border-radius: 10px;
    text-align: center;
    min-width: 20px;
    height: 20px;
    font-weight: normal;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .content .count-item {
    margin-left: 4px;
}

html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .content .count-item {
    margin-right: 4px;
}

._block.location_6 #js_block_border_core_menusub.block .content .dropdown-menu li.active .count-item {
    background: #9740D5;
    color: #FFF;
    border-color: #950FCD;
}

@media (min-width: 767px) {
    ._block.location_6 #js_block_border_core_menusub.block .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .sub-section-menu {
        flex: 1;
        min-width: 0;
    }

    html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .content .action {
        padding-right: 0;
    }

    html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .content .action {
        padding-left: 0;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .action li {
        width: 100%;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .action li a {
        line-height: 40px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .action li:not(.active) {
        display: none;
    }
}

@media (min-width: 767px) {
    ._block.location_6 #js_block_border_core_menusub.block {
        background: #9740D5 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .action>li>a {
        color: #E8DAF2;
        font-size: 14px;
        min-height: 40px;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content .action>li.active>a {
        color: #FFF;
    }
}

@media (min-width: 767px) and (min-width: 481px) {
    ._block.location_6 #js_block_border_core_menusub.block {
        background: #950FCD;
    }
}

@media (min-width: 601px) {
    ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile {
        display: none;
    }
}

html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li>a {
    padding-right: 16px;
}

html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li>a {
    padding-left: 16px;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu {
    display: flex;
    align-items: center;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background: #9740D5;
    height: 48px;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
}

html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    margin-right: 16px;
}

html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    margin-left: 16px;
}

@media (min-width: 767px) and (min-width: 480px) {
    ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
        display: flex;
    }
}

html[dir='rtl'] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin-right: -16px;
    border-right: 0;
}

html[dir="ltr"] html[dir='rtl'] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    margin-left: 16px;
}

html[dir="rtl"] html[dir='rtl'] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
    margin-right: 16px;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile {
    position: static;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .btn-toggle {
    color: #FFF;
    font-size: 18px;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .btn-toggle:after {
    border: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    right: 0;
    left: auto;
}

html[dir='rtl'] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .btn-toggle:after {
    right: auto;
    left: 0;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu {
    left: 0;
    right: 0;
    border-radius: 0;
    margin-top: -1px;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    position: absolute;
    border-bottom: 10px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu:after {
    left: auto;
    right: 16px;
}

html[dir="rtl"] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu:after {
    left: 16px;
    right: auto;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li a {
    font-size: 16px;
    font-weight: bold;
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
    white-space: normal;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li a .count-item {
    margin-left: 4px;
}

html[dir='rtl'] ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li a .count-item {
    margin-left: 0;
    margin-right: 4px;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li a:hover {
    background-color: #f8f8f8;
    color: #950FCD;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li:last-of-type a {
    border-bottom: 0;
}

._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile .dropdown-menu li.active a {
    background-color: #E8DAF2;
    color: #950FCD;
}

._block.location_6 .sub-section-menu>ul {
    height: 40px;
    overflow: hidden;
    padding-right: 40px;
}

._block.location_6 .sub-section-menu>ul>li span.ico {
    display: none;
}

._block.location_6 .sub-section-menu>ul li.explorer {
    width: auto;
}

._block.location_6 .sub-section-menu>ul li.explorer>a {
    margin-right: 0;
}

._block.location_6 .sub-section-menu>ul li.explorer>a span {
    display: block;
}

._block.location_6 .sub-section-menu>ul li.explorer ul.dropdown-menu {
    top: 40px;
    margin-top: 5px;
    position: absolute;
    padding: 4px 0;
}

._block.location_6 .sub-section-menu>ul li.explorer ul.dropdown-menu li a {
    padding: 9px 16px;
    line-height: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

._block.location_6 .sub-section-menu>ul li.explorer ul.dropdown-menu li a:before {
    display: none;
}

._block.location_6 .sub-section-menu>ul li.explorer ul.dropdown-menu li a:hover,
._block.location_6 .sub-section-menu>ul li.explorer ul.dropdown-menu li a:focus {
    background-color: #f3f8fd;
    color: #1e67aa;
}

@media screen and (min-width: 767px) {
    ._block.location_6 .sub-section-menu>ul div.overlay {
        position: absolute;
        top: 0;
        width: 200px;
        bottom: 0;
        z-index: 1;
        background: transparent;
    }

    html[dir="ltr"] ._block.location_6 .sub-section-menu>ul div.overlay {
        right: 0;
    }

    html[dir="rtl"] ._block.location_6 .sub-section-menu>ul div.overlay {
        left: 0;
    }

    html[dir="ltr"] ._block.location_6 .sub-section-menu>ul div.overlay {
        right: 0;
    }

    html[dir="rtl"] ._block.location_6 .sub-section-menu>ul div.overlay {
        left: 0;
    }
}

@media (min-width: 767px) {

    .layout-left #js_block_border_core_menusub,
    .layout-right #js_block_border_core_menusub {
        display: none;
    }
}

.layout-left #js_block_border_core_menusub .content,
.layout-right #js_block_border_core_menusub .content {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

.layout-left #js_block_border_core_menusub .content .sub-section-menu-mobile,
.layout-right #js_block_border_core_menusub .content .sub-section-menu-mobile {
    display: none;
}

.layout-left .sub-section-menu ul,
.layout-right .sub-section-menu ul {
    margin-left: -16px;
    margin-right: -16px;
}

.layout-left .sub-section-menu ul>li,
.layout-right .sub-section-menu ul>li {
    border-bottom: 0;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .layout-left .sub-section-menu ul>li span.ico,
html[dir="ltr"] .layout-right .sub-section-menu ul>li span.ico {
    margin-right: 8px;
}

html[dir="rtl"] .layout-left .sub-section-menu ul>li span.ico,
html[dir="rtl"] .layout-right .sub-section-menu ul>li span.ico {
    margin-left: 8px;
}

.layout-left .sub-section-menu ul>li a,
.layout-right .sub-section-menu ul>li a {
    line-height: 40px;
    padding: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.layout-left .sub-section-menu ul>li:hover,
.layout-right .sub-section-menu ul>li:hover,
.layout-left .sub-section-menu ul>li.open,
.layout-right .sub-section-menu ul>li.open,
.layout-left .sub-section-menu ul>li.active,
.layout-right .sub-section-menu ul>li.active {
    background-color: #E8DAF2;
    color: #950FCD;
}

.layout-left .sub-section-menu ul>li:hover a,
.layout-right .sub-section-menu ul>li:hover a,
.layout-left .sub-section-menu ul>li.open a,
.layout-right .sub-section-menu ul>li.open a,
.layout-left .sub-section-menu ul>li.active a,
.layout-right .sub-section-menu ul>li.active a {
    color: #950FCD;
}

.layout-left .sub-section-menu ul>li:hover:before,
.layout-right .sub-section-menu ul>li:hover:before,
.layout-left .sub-section-menu ul>li.open:before,
.layout-right .sub-section-menu ul>li.open:before,
.layout-left .sub-section-menu ul>li.active:before,
.layout-right .sub-section-menu ul>li.active:before {
    opacity: 1;
}

.layout-left .sub-section-menu ul>li:after,
.layout-right .sub-section-menu ul>li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    border-bottom: 1px solid #eeeeee;
}

.layout-left .sub-section-menu ul>li:before,
.layout-right .sub-section-menu ul>li:before {
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 4px;
    background: #950FCD;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir='rtl'] .layout-left .sub-section-menu ul>li:before,
html[dir='rtl'] .layout-right .sub-section-menu ul>li:before {
    right: auto;
    left: 100%;
}

.layout-left .sub-section-menu ul>li:last-child:after,
.layout-right .sub-section-menu ul>li:last-child:after {
    display: none;
}

/*=====  End of MENU BLOCK  ======*/
/*=============================================
=            CATEGORY BLOCK            =
=============================================*/

.core-block-categories {
    margin-top: -8px;
    margin-bottom: -8px;
}

.core-block-categories ul.action {
    margin-left: -16px;
    margin-right: -16px;
}

.core-block-categories ul.action li {
    border-bottom: 0;
    position: relative;
}

.core-block-categories ul.action li>ul {
    padding: 0;
    border-top: 0;
    padding-left: 16px;
    padding-right: 16px;
}

html[dir="ltr"] .core-block-categories ul.action li>ul>li {
    padding-left: 16px;
}

html[dir="rtl"] .core-block-categories ul.action li>ul>li {
    padding-right: 16px;
}

.core-block-categories ul.action li>ul>li:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.core-block-categories ul.action li>ul>li:last-of-type a {
    border-bottom: 0;
}

.core-block-categories ul.action li>ul>li.active>a {
    color: #950FCD;
}

.core-block-categories ul.action li>ul>li>a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding-left: 0 !important;
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: unset;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-block-categories ul.action li>ul>li>a:hover {
    color: #950FCD;
}

.core-block-categories ul.action li>ul>li>a:before {
    display: none;
}

.core-block-categories ul.action li.category:after {
    content: "";
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    opacity: 0;
}

.core-block-categories ul.action li.category:hover:after,
.core-block-categories ul.action li.category.open:after,
.core-block-categories ul.action li.category.active:after {
    opacity: 1;
}

.core-block-categories ul.action li.category:hover .category-item,
.core-block-categories ul.action li.category.open .category-item,
.core-block-categories ul.action li.category.active .category-item {
    background-color: rgba(153, 251, 166, 0.5);
}

.core-block-categories ul.action li.category:hover .category-item .name,
.core-block-categories ul.action li.category.open .category-item .name,
.core-block-categories ul.action li.category.active .category-item .name {
    border-color: transparent;
    color: #950FCD;
}

.core-block-categories ul.action li.category:hover .category-item .core-btn-collapse,
.core-block-categories ul.action li.category.open .category-item .core-btn-collapse,
.core-block-categories ul.action li.category.active .category-item .core-btn-collapse {
    color: #950FCD;
}

.core-block-categories ul.action li.category:hover .category-item:before,
.core-block-categories ul.action li.category.open .category-item:before,
.core-block-categories ul.action li.category.active .category-item:before {
    opacity: 1;
}

.core-block-categories ul.action li .category-item {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    /* &:before{
					content: "";
					height: 100%;
					position: absolute;
					right: 100%;
					width: 4px;
					background: @brand-primary-dark;
					opacity: 0;
					.transition(all 300ms ease);
					html[dir='rtl'] &{
						right: auto;
						left: 100%;
					}
				} */
}

.core-block-categories ul.action li .category-item .name {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 40px;
    display: flex;
    color: #555555;
    align-items: center;
}

html[dir="ltr"] .core-block-categories ul.action li .category-item.has_sub_menu {
    padding-right: 32px;
}

html[dir="rtl"] .core-block-categories ul.action li .category-item.has_sub_menu {
    padding-left: 32px;
}

.core-block-categories ul.action li .category-item.category_show_more_less_link {
    overflow: visible;
}

.core-block-categories ul.action li .core-btn-collapse {
    display: block;
    width: 24px;
    position: absolute;
    bottom: -1px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 12px;
    cursor: pointer;
}

html[dir="ltr"] .core-block-categories ul.action li .core-btn-collapse {
    right: 8px;
}

html[dir="rtl"] .core-block-categories ul.action li .core-btn-collapse {
    left: 8px;
}

.core-block-categories ul.action li .core-btn-collapse i.ico {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-block-categories ul.action li .core-btn-collapse[aria-expanded="true"] i.ico {
    transform: rotate(180deg);
    color: #9740D5;
}

.core-block-categories ul.action li:last-of-type {
    border-radius: 0 0 6px 0px;
}

.core-block-categories ul.action li:last-of-type .name {
    border-bottom: 0;
}

.core-block-categories ul.action li:last-of-type .category-item {
    border-radius: 0 0 6px 0px;
}

.core-block-categories ul.action li:last-of-type .category-item:before {
    border-radius: 0 0 0 6px;
}

/*=====  End of CATEGORY BLOCK  ======*/
/*=============================================
=     SEARCH FOR MODULE  & FILTER HOLDER     =
=============================================*/

.header_bar_search {
    margin-left: -16px;
    margin-right: -16px;
}

html[dir="ltr"] .header_bar_search .header_bar_search_inner {
    padding-right: 0;
}

html[dir="rtl"] .header_bar_search .header_bar_search_inner {
    padding-left: 0;
}

html[dir="ltr"] .header_bar_search .header-bar-advanced-search .input-group .form-control {
    padding-right: 80px;
}

html[dir="rtl"] .header_bar_search .header-bar-advanced-search .input-group .form-control {
    padding-left: 80px;
}

.header_bar_search input.form-control {
    height: 56px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    border-radius: 6px 6px 0 0 !important;
    background: #f8f8f8;
    padding: 16px;
    font-size: 16px;
}

.header_bar_search input.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c8c8c8;
}

.header_bar_search input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #c8c8c8;
}

.header_bar_search input.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #c8c8c8;
}

.header_bar_search input.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #c8c8c8;
}

.header_bar_search input.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.header_bar_search .form-control-feedback {
    height: auto;
    bottom: 0;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .header_bar_search .form-control-feedback {
    right: 16px;
}

html[dir="rtl"] .header_bar_search .form-control-feedback {
    left: 16px;
}

.header_bar_search .form-control-feedback:hover {
    color: #9740D5;
}

.header-filter-holder {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 8px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: -13px;
    background-color: #fff;
}

.header-filter-holder .filter-options {
    position: relative;
    margin-bottom: 8px;
}

html[dir="ltr"] .header-filter-holder .filter-options {
    margin-right: 8px;
}

html[dir="rtl"] .header-filter-holder .filter-options {
    margin-left: 8px;
}

@media (max-width: 320px) {
    .header-filter-holder .filter-options {
        position: static;
    }
}

.header-filter-holder .filter-options a.dropdown-toggle {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    border: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    cursor: pointer;
    border-radius: 3px;
}

.header-filter-holder .filter-options a.dropdown-toggle span.ico {
    font-size: 14px;
}

html[dir="ltr"] .header-filter-holder .filter-options a.dropdown-toggle span.ico {
    margin-left: 8px;
}

html[dir="rtl"] .header-filter-holder .filter-options a.dropdown-toggle span.ico {
    margin-right: 8px;
}

.header-filter-holder .filter-options ul.dropdown-menu {
    min-width: 112px;
    width: 150px;
    min-width: fit-content;
}

@media (min-width: 767px) {
    .header-filter-holder .filter-options ul.dropdown-menu {
        width: 112px;
    }
}

@media (max-width: 320px) {
    .header-filter-holder .filter-options ul.dropdown-menu {
        left: 0;
        top: auto;
        right: 0;
        width: 100%;
        margin-top: 4px;
    }

    .header-filter-holder .filter-options ul.dropdown-menu:after {
        display: none;
    }
}

/*=====  End of SEARCH FOR MODULE  ======*/

@media (min-width: 768px) {
    #page_search_index #section-header #js_block_border_core_menusub {
        display: none;
    }
}

.header_bar_search .advance_search_form {
    margin-top: -12px !important;
}

.header_bar_search .advance_search_form:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #e6e6e6;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    border-right: 0;
    border-bottom: 0;
}

#js_block_border_pages_profile .content,
#js_block_border__apps__groups_block_groupprofile .content {
    overflow: visible;
}

._block.location_11 {
    position: relative;
    z-index: 6;
}

._is_profile_view .profiles_banner {
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    height: 400px;
    margin-top: 0;
    z-index: 2;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner {
        background-color: #a2a2a2;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner:after {
        content: "";
        width: 100%;
        height: 60%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 90%);
        pointer-events: none;
    }
}

._is_profile_view .profiles_banner.editing .profiles_banner_bg {
    z-index: 2;
}

._is_profile_view .profiles_banner.editing .profiles_info,
._is_profile_view .profiles_banner.editing .profile_image {
    opacity: 0;
    visibility: hidden;
}

._is_profile_view .profiles_banner.editing .profile-info-block .profile-image {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner.editing .profile-info-block .profile-info {
        opacity: 0;
        visibility: hidden;
    }
}

._is_profile_view .profiles_banner .profiles_banner_bg {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profiles_banner_bg {
        border-radius: 0 0 0 0;
    }
}

._is_profile_view .profiles_banner .profiles_banner_bg .cover>span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

._is_profile_view .profiles_banner.cover-uploading #cover_bg_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(85, 85, 85, 0.8);
}

._is_profile_view .profiles_banner.cover-uploading .profile-info-block {
    display: none;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner {
        height: auto;
        flex-direction: column;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    ._is_profile_view .profiles_banner::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 248px;
        background: #a2a2a2;
        border-radius: 6px 6px 0 0;
    }

    ._is_profile_view .profiles_banner .profiles_banner_bg {
        height: 248px;
    }
}

._is_profile_view .profiles_banner .change-cover-block {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
}

._is_profile_view .profiles_banner .change-cover-block a[data-toggle="dropdown"] {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: none;
}

._is_profile_view .profiles_banner .change-cover-block a[data-toggle="dropdown"]:hover {
    border: none !important;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .change-cover-block .cover_section_menu_item.reposition {
        display: none;
    }
}

._is_profile_view .profiles_banner .change-cover-block .dropdown-menu {
    margin-top: 12px;
}

._is_profile_view .profiles_banner .change-cover-block .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    border-bottom: 8px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
    right: auto;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .change-cover-block .dropdown-menu:after {
    left: auto;
    right: 12px;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .change-cover-block .dropdown-menu:after {
    right: 12px;
}

html[dir='rtl'] ._is_profile_view .profiles_banner .change-cover-block {
    right: 8px;
    left: auto;
}

._is_profile_view .profiles_banner .profile-info-block {
    position: relative;
    width: 100%;
    height: auto;
    align-items: flex-end;
    display: flex;
    color: #FFF;
    padding: 16px;
    padding-top: 0;
    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity: 1;
    z-index: 1;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block {
    padding-right: 8px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block {
    padding-left: 8px;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block {
        background-image: none;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -128px;
    }
}

._is_profile_view .profiles_banner .profile-info-block.groups-profile .profile-info {
    margin-left: 0;
}

._is_profile_view .profiles_banner .profile-info-block h1 a {
    color: #FFF;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image {
    position: relative;
    width: 160px;
    height: 160px;
    z-index: 1;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image .profile_image_holder {
    border-radius: 100%;
    background: #dcdcdc;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    border: 4px solid #FFF;
    overflow: hidden;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image .profile_image_holder img,
._is_profile_view .profiles_banner .profile-info-block .profile-image .profile_image_holder .no_image_user {
    height: 100%;
    width: 100%;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image .img-wrapper {
    width: 100%;
    height: 100%;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image form {
    position: absolute;
    top: 7px;
    left: 0;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image form label {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border: 2px solid #FFF;
    font-size: 16px;
    cursor: pointer;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image form label:hover {
    border-width: 0;
}

._is_profile_view .profiles_banner .profile-info-block .profile-image form input {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
}

html[dir='rtl'] ._is_profile_view .profiles_banner .profile-info-block .profile-image form {
    right: 0;
    left: auto;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-image form {
        text-align: left;
    }

    html[dir='rtl'] ._is_profile_view .profiles_banner .profile-info-block .profile-image form {
        text-align: right;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-image .profile_image_holder {
        box-shadow: 0px 6px 12px 0px rgba(200, 200, 200, 0.4);
        overflow: hidden;
        position: relative;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-image form {
        left: 50% !important;
        right: auto !important;
        bottom: -18px;
        transform: translateX(-50%);
        width: 48px;
        z-index: 2;
        top: auto;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-image form label {
        border: none;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, 0.5);
        font-size: 14px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-image form label .ico {
        position: relative;
        top: -10px;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info {
    margin-left: 16px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info {
    margin-right: 16px;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info {
        position: static;
        margin-top: 8px;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info:before {
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    top: 0;
    left: -192px;
    right: -8px;
    margin-top: -20px;
}

html[dir='rtl'] ._is_profile_view .profiles_banner .profile-info-block .profile-info:before {
    left: -8px;
    right: -192px;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info {
    flex: 1;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
    font-weight: bold;
    margin-bottom: 6px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 24px;
    text-overflow: ellipsis;
    line-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 56px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    position: relative;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-left: 12px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-right: 12px;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
        display: inline-block;
        display: -webkit-inline-box;
        margin-bottom: 0;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 100%;
    top: 2px;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    left: 0;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    right: 0;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline i,
._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online i {
    display: none;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    background: #9740D5;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline {
    background: #c8c8c8;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail {
    color: #c8c8c8;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail a {
    color: #c8c8c8;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail b {
    font-weight: normal;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info span.category span {
    color: #FFF;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info span.followers {
    color: #FFF;
    font-weight: bold;
    text-transform: capitalize;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions {
    display: flex;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions {
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request {
        margin-bottom: 8px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request+.profile-action-block {
        margin-bottom: 8px;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request .btn {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:hover .ico {
        color: #9740D5;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a[data-toggle="dropdown"] .ico-gear-o {
        color: #FFF;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        position: absolute;
        top: -40px;
        right: 0;
        left: auto;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn:hover .ico {
        color: #FFF;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn {
        background: #9740D5 !important;
        border-color: #9740D5 !important;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn .ico {
        color: #FFF;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-top: 6px solid #ffffff;
        top: 100%;
        bottom: auto;
    }

    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: auto;
        right: 14px;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: 14px;
        right: auto;
    }

    html[dir='rtl'] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        right: auto;
        left: 0;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    border-radius: 100%;
    width: 40px;
    font-size: 16px;
    box-shadow: none;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
        color: #FFF;
        background: transparent;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block {
    display: flex;
    flex-flow: wrap;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block .dropup.open a[data-toggle="dropdown"] {
    background: #9740D5;
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-left: 8px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-right: 8px;
}

@media (min-width: 767px) {

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"],
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"][data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join) {
        width: 32px;
    }
}

html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    right: 14px;
}

html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    left: 14px;
}

@media (min-width: 767px) {
    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        right: 10px;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        left: 10px;
    }
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request {
    display: inline-block;
    margin-right: 4px;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request a[data-toggle="dropdown"] {
    width: auto;
}

._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir='rtl'] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: 0;
    right: auto;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        position: absolute;
        top: 88px;
    }

    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        right: 8px;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        left: 8px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn .ico {
        color: #fff;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
        color: #555555;
        background-color: #FFF;
        border: 1px solid #555555 !important;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #e6e6e6 !important;
        border-color: #cccccc;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:hover,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:hover,
    .open>.dropdown-toggle._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:focus,
    .open>.dropdown-toggle._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active.focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active.focus,
    .open>.dropdown-toggle._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #d4d4d4;
        border-color: #cccccc;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        background-image: none;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled],
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:hover,
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:focus,
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].focus,
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:active,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:active,
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.active,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].active,
    fieldset[disabled] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn .badge {
        color: #ffffff;
        background-color: #333333;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #9740D5;
        background-color: #FFF;
        border-color: #9740D5 !important;
        box-shadow: 0px 4px 12px 0px rgba(7, 167, 28, 0.3);
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active {
        background-color: #E8DAF2 !important;
        color: #950FCD !important;
        border-color: #D5A9FF !important;
        box-shadow: 0px 2px 8px 0px rgba(153, 251, 166, 0.5);
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled {
        opacity: 1;
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover {
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-left: 8px;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-right: 8px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-bottom: 6px solid #ffffff;
        bottom: 100%;
        top: auto;
    }

    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: auto;
        right: 10px;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: 10px;
        right: auto;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles_banner .profile-info-block .profile-info {
        flex-direction: column;
        align-items: center;
    }

    html[dir="ltr"] ._is_profile_view .profiles_banner .profile-info-block .profile-info {
        margin-left: 0;
    }

    html[dir="rtl"] ._is_profile_view .profiles_banner .profile-info-block .profile-info {
        margin-right: 0;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info:before {
        display: none;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info {
        margin-bottom: 8px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 a {
        color: #555555;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .open a[data-toggle="dropdown"] {
        color: #FFF !important;
        border-color: #9740D5 !important;
        background: #9740D5 !important;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"] {
        border: 1px solid #555555 !important;
        color: #555555;
        font-size: 12px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu {
        top: 100%;
        bottom: auto;
        margin-top: 8px;
    }

    ._is_profile_view .profiles_banner .profile-info-block .profile-info .profile-actions .dropup.open .dropdown-menu {
        transform: translate3d(0, 1px, 0);
    }
}

._is_profile_view .profiles-menu {
    margin-bottom: 24px;
    background: #FFF;
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 767px) {
    ._is_profile_view .profiles-menu {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    ._is_profile_view .profiles-menu {
        border-radius: 0 0 0 0;
    }
}

._is_profile_view .profiles-menu>ul {
    display: flex;
}

._is_profile_view .profiles-menu>ul>li {
    border-right: 1px solid #f8f8f8;
}

._is_profile_view .profiles-menu>ul>li>a {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    color: #a2a2a2;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._is_profile_view .profiles-menu>ul>li>a:hover,
._is_profile_view .profiles-menu>ul>li>a.active {
    color: #950FCD;
}

._is_profile_view .profiles-menu>ul>li>a .ico {
    font-size: 18px;
    margin-bottom: 8px;
}

._is_profile_view .profiles-menu>ul>li>a span span {
    font-weight: normal;
}

._is_profile_view .profiles-menu>ul>li .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 190px;
    margin-top: -2px;
}

html[dir="ltr"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu:after {
    right: 16px;
}

html[dir="rtl"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu:after {
    left: 16px;
}

._is_profile_view .profiles-menu>ul>li .dropdown-menu a {
    justify-content: space-between;
}

._is_profile_view .profiles-menu>ul>li .dropdown-menu a .ico,
._is_profile_view .profiles-menu>ul>li .dropdown-menu a .fa {
    min-width: 24px;
    display: inline-block;
}

html[dir="ltr"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="ltr"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-right: 8px;
}

html[dir="rtl"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="rtl"] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-left: 8px;
}

html[dir='rtl'] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir='rtl'] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .fa {
    float: right;
}

._is_profile_view .profiles-menu>ul>li .dropdown-menu a .badge_number {
    color: #a2a2a2;
    font-size: 12px;
}

@media screen {
    ._is_profile_view .profiles-menu>ul {
        position: static;
    }

    ._is_profile_view .profiles-menu>ul .dropdown-overflow {
        position: static;
    }

    ._is_profile_view .profiles-menu>ul .dropdown-overflow .dropdown-menu {
        width: auto;
        left: 0;
        right: 0;
    }

    ._is_profile_view .profiles-menu>ul .dropdown-overflow .dropdown-menu:after {
        display: none;
    }
}

.profile-joined-group .group-item {
    display: flex;
    margin-bottom: 16px;
}

.profile-joined-group .group-item .group-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.profile-joined-group .group-item .group-avatar .img-wrapper,
.profile-joined-group .group-item .group-avatar .no_image_user {
    border-radius: 3px;
}

.profile-joined-group .group-item .group-avatar .js_hover_info:before,
.profile-joined-group .group-item .group-avatar .img-wrapper:before {
    border-radius: 3px !important;
}

.profile-joined-group .group-item:hover .group-avatar {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.profile-joined-group .group-item:hover .group-avatar .js_hover_info:before,
.profile-joined-group .group-item:hover .group-avatar .img-wrapper:before {
    border-color: #9740D5;
}

.profile-joined-group .group-item .group-info {
    flex: 1;
    overflow: hidden;
}

.profile-joined-group .group-item .group-info .group-title {
    margin-bottom: 2px;
}

.profile-joined-group .group-item .group-info .group-title .user_profile_link_span a {
    font-weight: 400 !important;
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-joined-group .group-item .group-info .group-title .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.profile-joined-group .group-item .group-info .group-membercount {
    font-size: 12px;
    color: #a2a2a2;
}

#page_profile_info #content-holder ._block_content {
    margin-top: -16px;
}

.profile-basic-info-edit {
    display: flex;
    flex-flow: wrap;
    margin: 0 -12px;
    margin-bottom: 24px;
}

.profile-basic-info-edit .item-info {
    width: 50%;
    padding: 0 12px;
    border-bottom: 0;
}

@media (min-width: 767px) {

    .empty-left .profile-basic-info-edit .item-info,
    .empty-right .profile-basic-info-edit .item-info {
        width: 100%;
    }

    .empty-left.empty-right .profile-basic-info-edit .item-info {
        width: 100%;
    }

    body#page_user_profile .empty-left.empty-right .profile-basic-info-edit .item-info {
        width: 100%;
    }

    .privacy-block-content .item-outer {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .profile-basic-info-edit .item-info.date {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {
    .profile-basic-info-edit .item-info.date .select_date {
        display: flex;
    }

    .profile-basic-info-edit .item-info.date .select_date .form-control {
        width: 33.33%;
        margin: 0 12px 0 0;
    }
}

@media screen {
    .profile-basic-info-edit .item-info.date .select_date {
        flex-direction: column;
    }

    .profile-basic-info-edit .item-info.date .select_date select,
    .profile-basic-info-edit .item-info.date .select_date .form-control {
        width: 100%;
        margin: 0;
    }

    .profile-basic-info-edit .item-info.date .select_date .js_datepicker_day,
    .profile-basic-info-edit .item-info.date .select_date .js_datepicker_year {
        margin-top: 12px;
    }
}

@media (min-width: 767px) {
    .profile-basic-info-edit .item-info {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .profile-basic-info-edit .item-info {
        width: 100%;
    }
}

.profile-basic-info-edit #js_password_info input {
    margin-bottom: 8px;
}

html[dir="ltr"] .profile-basic-info-edit #js_password_info input {
    margin-right: 8px;
}

html[dir="rtl"] .profile-basic-info-edit #js_password_info input {
    margin-left: 8px;
}

.profile-basic-info-edit .form-sub-group {
    width: 100%;
}

.profile-basic-info-edit .form-sub-group+.form-sub-group {
    margin-top: 8px;
}

.profile-basic-info-edit .form-sub-group .sub-group-title {
    font-size: 16px;
    line-height: 21px;
    color: #585858;
    padding: 0 12px;
}

.profile-basic-info-edit .form-sub-group .sub-group-desc {
    font-size: 14px;
    line-height: 18px;
    color: #a2a2a2;
    margin-top: 4px;
    padding: 0 12px;
}

.profile-basic-info-edit .form-sub-group .sub-group-elems {
    margin-top: 16px;
    display: flex;
    flex-flow: wrap;
}

.profile-basic-info-edit .item-password {
    margin-left: 12px;
    margin-right: 12px;
}

.accout-setting-form:last-child .from-group-button {
    margin-bottom: 0;
}

.accout-setting-form:last-child .from-group-button+.form-group {
    margin-top: 16px;
}

.accout-setting-form .profile-basic-info-edit {
    margin-bottom: 0;
}

.accout-setting-form .help-block {
    font-size: 12px;
}

.accout-setting-form .help-block input[type="radio"],
.accout-setting-form .help-block input[type="checkbox"] {
    margin: 0;
}

.accout-setting-form .from-group-button {
    margin-bottom: 32px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

.accout-setting-form .profile-edit-radio-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.accout-setting-form .profile-edit-radio-holder .item_label {
    flex: 1;
}

html[dir="ltr"] .accout-setting-form .profile-edit-radio-holder .item_label {
    margin-left: 16px;
}

html[dir="rtl"] .accout-setting-form .profile-edit-radio-holder .item_label {
    margin-right: 16px;
}

html[dir="ltr"] .accout-setting-form .profile-edit-radio-holder .item_label {
    margin-right: 0;
}

html[dir="rtl"] .accout-setting-form .profile-edit-radio-holder .item_label {
    margin-left: 0;
}

.accout-setting-form .profile-edit-radio-holder .item_is_active_holder {
    height: auto;
    min-width: 56px;
    position: relative;
}

html[dir="ltr"] .accout-setting-form .profile-edit-radio-holder .item_is_active_holder {
    margin-right: 8px;
}

html[dir="rtl"] .accout-setting-form .profile-edit-radio-holder .item_is_active_holder {
    margin-left: 8px;
}

.profile-edit-headline {
    margin: 0 -16px 16px;
    padding-left: 16px;
    padding-right: 16px;
    background: #f8f8f8;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    position: relative;
    top: -1px;
}

.profile-edit-headline .content {
    height: 40px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border-bottom: 1px solid #555555;
    position: relative;
    top: 1px;
}

html[dir="ltr"] .profile-edit-headline .content span.ico {
    margin-right: 8px;
}

html[dir="rtl"] .profile-edit-headline .content span.ico {
    margin-left: 8px;
}

#relation_with {
    display: block;
}

#relation_with #sFriendImage {
    width: 32px;
    height: 32px;
    left: 4px;
    top: 4px;
    border: none;
}

#relation_with #sFriendImage img {
    border-radius: 100%;
    max-width: 100%;
    max-height: 100%;
}

html[dir='rtl'] #relation_with #sFriendImage {
    left: auto;
    right: 4px;
}

#relation_with #sFriendInput {
    text-indent: 32px;
}

body#page_user_privacy .page_section_menu {
    margin-top: -16px;
}

@media screen and (min-width: 767px) {
    body#page_user_privacy .page_section_menu .nav.nav-tabs {
        padding-left: 8px;
        padding-right: 8px;
    }

    body#page_user_privacy .page_section_menu .nav.nav-tabs>li.active a {
        background: transparent !important;
    }

    body#page_user_privacy .page_section_menu .nav.nav-tabs>li a {
        border-right: 0 !important;
    }
}

.privacy-block-headline {
    background: #D5A9FF4d;
    margin: -16px -16px 0 -16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    min-height: 96px;
    margin-bottom: 8px;
}

.privacy-block-headline svg {
    fill: #950FCD;
    min-width: 74px;
    max-width: 74px;
}

html[dir="ltr"] .privacy-block-headline svg {
    margin-right: 24px;
}

html[dir="rtl"] .privacy-block-headline svg {
    margin-left: 24px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .privacy-block-headline svg {
        /* IE10+ CSS */
        height: 74px;
    }
}

.privacy-block-headline .privacy-block-headline-description {
    color: #950FCD;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.privacy-block-headline .privacy-block-headline-description h3 {
    font-size: 30px;
    color: #950FCD;
    margin: 0;
    border: 0;
    padding: 0;
    font-weight: bold;
    margin-bottom: 4px;
}

@media (min-width: 767px) {
    .privacy-block-headline {
        padding-left: 16px;
        padding-right: 16px;
    }

    .privacy-block-headline svg {
        min-width: 56px;
        max-width: 56px;
    }

    .privacy-block-headline .privacy-block-headline-description {
        font-size: 12px;
    }

    .privacy-block-headline .privacy-block-headline-description h3 {
        font-size: 20px;
    }
}

html[dir="ltr"] #js_privacy_block_notifications .form-group label {
    padding-right: 40px;
}

html[dir="rtl"] #js_privacy_block_notifications .form-group label {
    padding-left: 40px;
}

#js_privacy_block_blocked .privacy-block-headline {
    background: #c8c8c8;
}

#js_privacy_block_blocked .privacy-block-headline svg {
    fill: #555555;
}

#js_privacy_block_blocked .privacy-block-headline .privacy-block-headline-description {
    color: #555555;
}

#js_privacy_block_blocked .privacy-block-headline .privacy-block-headline-description h3 {
    color: #555555;
}

#js_privacy_block_blocked .form-group .user_profile_link_span {
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#js_privacy_block_blocked .form-group label.btn input {
    display: none;
}

.activity-point-container .item-total {
    display: flex;
    margin-bottom: 24px;
}

.activity-point-container .item-total .item-total-info {
    color: #a2a2a2;
    display: flex;
}

.activity-point-container .item-total .item-total-info+.item-total-info {
    position: relative;
}

html[dir="ltr"] .activity-point-container .item-total .item-total-info+.item-total-info {
    margin-left: 32px;
}

html[dir="rtl"] .activity-point-container .item-total .item-total-info+.item-total-info {
    margin-right: 32px;
}

.activity-point-container .item-total .item-total-info+.item-total-info:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
    width: 1px;
    background: #eeeeee;
}

html[dir='rtl'] .activity-point-container .item-total .item-total-info+.item-total-info:before {
    left: auto;
    right: -16px;
}

.activity-point-container .item-total .item-total-info i.ico {
    font-size: 48px;
}

html[dir="ltr"] .activity-point-container .item-total .item-total-info i.ico {
    margin-right: 16px;
}

html[dir="rtl"] .activity-point-container .item-total .item-total-info i.ico {
    margin-left: 16px;
}

.activity-point-container .item-total .item-total-info .item-number {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.activity-point-container .item-total .item-total-info .item-number>span {
    font-size: 32px;
    color: #9740D5;
    line-height: 32px;
}

.activity-point-container .item-total .item-purchase {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.activity-point-container .item-detail-container {
    display: flex;
    flex-flow: wrap;
    margin: 0 -8px;
}

.activity-point-container .item-detail-container .item-info {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    margin-bottom: 16px;
}

@media (max-width: 479px) {
    .activity-point-container .item-detail-container .item-info {
        width: 100%;
    }
}

.activity-point-container .item-detail-container .item-info .item-info-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
}

.activity-point-container .item-detail-container .item-info .item-info-outer .item-title {
    display: flex;
    align-items: center;
}

.activity-point-container .item-detail-container .item-info .item-info-outer .item-title i.ico {
    color: #a2a2a2;
    display: inline-block;
    width: 32px;
    font-size: 16px;
    line-height: 21px;
}

.activity-point-container .item-detail-container .item-info .item-info-outer .item-count {
    color: #a2a2a2;
}

.activity-point-container .item-detail-container .item-info .item-info-outer .item-count .item-number {
    font-weight: bold;
    color: #555555;
}

.activity-point-container .item-detail-container .item-info:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid #eeeeee;
}

html[dir="ltr"] .activity-point-container .item-detail-container .item-info:before {
    left: 8px;
}

html[dir="rtl"] .activity-point-container .item-detail-container .item-info:before {
    right: 8px;
}

html[dir="ltr"] .activity-point-container .item-detail-container .item-info:before {
    right: 8px;
}

html[dir="rtl"] .activity-point-container .item-detail-container .item-info:before {
    left: 8px;
}

html[dir="ltr"] #js_privacy_block_invisible .privacy-block-content .item-outer label {
    padding-right: 40px;
}

html[dir="rtl"] #js_privacy_block_invisible .privacy-block-content .item-outer label {
    padding-left: 40px;
}

.profile-block-action {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 16px;
}

.profile-block-action .item-info-main {
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile-block-action .item-info-main .item-image {
    margin-bottom: 8px;
}

.profile-block-action .item-info-main .item-image .img-wrapper,
.profile-block-action .item-info-main .item-image .no_image_user {
    width: 56px;
    height: 56px;
}

.profile-block-action .item-info-main .item-info {
    margin-bottom: 8px;
    max-width: 100%;
}

.profile-block-action .item-info-main .item-info .item-title {
    color: #9740D5;
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.profile-block-action .item-info-main .item-btn-user button {
    outline: none;
}

.profile-block-action .item-info-main .item-btn-user span.ico-caret-down {
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .profile-block-action .item-info-main .item-btn-user span.ico-caret-down {
    margin-left: 8px;
}

html[dir="rtl"] .profile-block-action .item-info-main .item-btn-user span.ico-caret-down {
    margin-right: 8px;
}

.profile-block-action .item-action {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #eeeeee;
}

.profile-block-action .item-action>li {
    margin-bottom: 16px;
}

.profile-block-action .item-action>li:last-child {
    margin-bottom: 0;
}

.profile-block-action .item-action>li a {
    color: #a2a2a2;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.profile-block-action .item-action>li a span.ico {
    display: inline-block;
    width: 22px;
}

@media (min-width: 767px) {
    .relationship-edit-profile {
        margin: 0 -16px !important;
    }
}

@media (min-width: 767px) {

    ._is_profile_view .container .row div[class^="col-"],
    ._is_pages_view .container .row div[class^="col-"],
    ._is_groups_view .container .row div[class^="col-"] {}
}

@media (min-width: 767px) {

    ._is_profile_view #section-header,
    ._is_pages_view #section-header,
    ._is_groups_view #section-header {
        margin-bottom: 0;
    }
}

.js_custom_groups .form-group:last-child {
    margin-bottom: 24px;
}

.js_custom_groups:first-child .profile-edit-headline {
    margin-top: -12px;
}

._is_profile_view .profiles-menu>ul {
    flex-flow: wrap;
    overflow: hidden;
    height: 64px;
    position: relative;
}

._is_profile_view .profiles-menu>ul div.overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

html[dir='rtl'] ._is_profile_view .profiles-menu>ul div.overlay {
    left: 0;
    right: auto;
}

._is_profile_view .profiles-menu>ul>li>a .badge_number_inline {
    display: inline !important;
}

._is_profile_view .profiles-menu>ul>li>a .badge_number {
    display: none;
}

._is_profile_view .profiles-menu>ul>li .dropdown-menu a {
    justify-content: flex-start;
}

html[dir='ltr'] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .badge_number {
    margin-left: auto;
    margin-right: 0;
}

html[dir='rtl'] ._is_profile_view .profiles-menu>ul>li .dropdown-menu a .badge_number {
    margin-right: auto;
    margin-left: 0;
}

._is_profile_view .profiles_banner.editing .change-cover-block {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 767px) {
    .profile_change_photo_pseudo {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        border-radius: 100%;
    }
}

@-moz-document url-prefix() {
    @media (min-width: 767px) {
        html[dir="ltr"] .profiles-menu [data-component="menu"] {
            padding-right: 16px;
        }

        html[dir="rtl"] .profiles-menu [data-component="menu"] {
            padding-left: 16px;
        }
    }
}

body._is_profile_view .profiles-menu .profile-image-holder .img-wrapper,
body._is_profile_view .profiles-menu .profile-image-holder .no_image_user {
    width: 32px;
    height: 32px;
}

/*=============================================
=            FOOTER            =
=============================================*/

#section-footer {
    background: transparent;
}

#section-footer .footer-holder {
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dcdcdc;
    margin-top: 60px;
    padding-top: 24px;
    padding-bottom: 80px;
}

@media (min-width: 767px) {
    #section-footer .footer-holder {
        flex-direction: column;
    }
}

#section-footer .footer-holder .copyright {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

#section-footer .footer-holder .copyright a {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #000;
}

#section-footer .footer-holder .copyright a:hover,
#section-footer .footer-holder .copyright a:focus {
    color: #000;
}

html[dir='rtl'] #section-footer .footer-holder .copyright a {
    display: inline-block;
}

#section-footer .footer-holder .footer-menu {
    font-size: 12px;
    margin: 0;
}

#section-footer .footer-holder .footer-menu li {
    padding: 0;
}

#section-footer .footer-holder .footer-menu li+li:before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #dcdcdc;
    padding: 0;
    display: inline-block;
    margin-left: 6px;
    margin-right: 8px;
    position: relative;
    bottom: 2px;
}

html[dir='rtl'] #section-footer .footer-holder .footer-menu li+li:before {
    margin-left: 8px;
    margin-right: 6px;
}

#section-footer .footer-holder .footer-menu li a {
    color: #000;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#section-footer .footer-holder .footer-menu li a:hover {
    color: #000;
}

#section-footer .footer-holder .footer-menu li a:before {
    display: none;
}

/*=====  End of FOOTER  ======*/

#feed_view_more {
    text-align: center;
}

#feed_view_more a.btn {
    min-width: 120px;
    width: auto;
    display: inline-flex;
}

.js_feed_content .comment_mini_content_border {
    position: static;
}

.js_feed_content .comment_mini_content_border .item-options-holder {
    top: 4px;
}

html[dir="ltr"] .js_feed_content .comment-mini-content-commands .activity_like_holder {
    padding-right: 0;
}

html[dir="rtl"] .js_feed_content .comment-mini-content-commands .activity_like_holder {
    padding-left: 0;
}

.activity-feed-status-form {
    margin-bottom: 8px;
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .activity-feed-status-form {
        border-radius: 0;
    }
}

.activity-feed-status-form.activity-feed-status-form-active {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
}

.activity-feed-status-form .activity_feed_form_share {
    margin-bottom: 0;
    background: #f8f8f8;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #eeeeee;
    padding-left: 16px;
    padding-right: 16px;
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a {
    font-weight: 700;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: capitalize;
    border-bottom-width: 2px;
    color: #555555;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    bottom: -1px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    letter-spacing: inherit;
}

@media (min-width: 767px) {
    .activity-feed-status-form ul.activity_feed_form_attach>li>a {
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .activity-feed-status-form ul.activity_feed_form_attach>li>a:before {
        margin: 0 !important;
    }

    .activity-feed-status-form ul.activity_feed_form_attach>li>a>div {
        display: none;
    }

    .activity-feed-status-form ul.activity_feed_form_attach>li>a .activity-feed-form-tab {
        display: none;
    }
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a.active,
.activity-feed-status-form ul.activity_feed_form_attach>li>a:hover {
/*    color: #9740D5;*/
    color: #9b59b6;
}
ul.activity_feed_form_attach > li > a.active {
    border-color: #9b59b6;
}
.activity-feed-status-form ul.activity_feed_form_attach>li>a:before {
    font-family: 'lineficon' !important;
    content: '\ec1c';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
    font-size: 16px;
}

html[dir='rtl'] .activity-feed-status-form ul.activity_feed_form_attach>li>a:before {
    margin-right: 0;
    margin-left: 6px;
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a.active:before {
    content: "\ec1d";
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a[rel="global_attachment_status"]:before {
    content: "\e977";
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a[rel="global_attachment_photo"]:before {
    content: "\ea23";
}

.activity-feed-status-form ul.activity_feed_form_attach>li>a[rel="global_attachment_photo"].active:before {
    content: "\ea24";
}

.activity-feed-status-form .activity_feed_form {
    margin-bottom: 0;
    border-radius: 0 0 6px 6px;
}

.activity-feed-status-form .activity_feed_form #global_attachment_status {
    line-height: 11px;
}

.activity-feed-status-form .activity_feed_form textarea {
    min-height: 21px;
    height: 21px;
    font-size: 16px;
    line-height: 21px;
}

.activity-feed-status-form .activity_feed_form textarea::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 21px;
}

.activity-feed-status-form .activity_feed_form textarea::placeholder {
    color: #c8c8c8;
}

.activity-feed-status-form .activity_feed_form textarea.focus {
    margin-bottom: 16px;
    min-height: 42px;
    height: 42px;
}

.activity-feed-status-form .activity_feed_form .contenteditable {
    font-size: 16px;
    line-height: 21px;
}

.activity-feed-status-form .activity_feed_form .contenteditable:before {
    color: #c8c8c8 !important;
    opacity: 1 !important;
    font-size: 16px;
    line-height: 21px;
}

.activity-feed-status-form .activity_feed_form .contenteditable.focus {
    margin-bottom: 16px;
}

.activity-feed-status-form .activity_feed_form .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-bottom: 6px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] .activity-feed-status-form .activity_feed_form .dropdown-menu:after {
    left: auto;
    right: 12px;
}

html[dir="rtl"] .activity-feed-status-form .activity_feed_form .dropdown-menu:after {
    left: 12px;
    right: auto;
}

.activity-feed-status-form .activity_feed_form .activity_feed_form_holder {
    position: relative;
}

.activity-feed-status-form .activity_feed_form .activity_feed_form_holder .chooseFriend {
    margin-top: 0;
}

.activity-feed-status-form .activity-posting-as {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
}

.activity-feed-status-form .activity-posting-as a[data-toggle="dropdown"] {
    height: 40px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.activity-feed-status-form .activity-posting-as a[data-toggle="dropdown"]:hover {
    color: #555555;
}

.activity-feed-status-form .activity-posting-as a[data-toggle="dropdown"] span.txt-prefix {
    padding-right: 5px;
}

.activity-feed-status-form .activity_feed_form_button_position {
    border-top: 1px solid #eeeeee;
    margin: -16px;
    margin-top: 0;
    padding: 8px;
    display: inline-block;
    display: block;
}

.activity-feed-status-form .activity_feed_form_button_position:before,
.activity-feed-status-form .activity_feed_form_button_position:after {
    content: " ";
    display: table;
}

.activity-feed-status-form .activity_feed_form_button_position:after {
    clear: both;
}

.activity-feed-status-form .activity_feed_form_button_position:before,
.activity-feed-status-form .activity_feed_form_button_position:after {
    content: " ";
    display: table;
}

.activity-feed-status-form .activity_feed_form_button_position:after {
    clear: both;
}

.activity-feed-status-form .activity_feed_form_button_position .video_form_processing {
    display: none;
}

.activity-feed-status-form .activity_feed_form_button_position .btn {
    font-size: 14px;
}

.activity-feed-status-form .activity_feed_form_button_position .btn#activity_feed_submit,
.activity-feed-status-form .activity_feed_form_button_position .btn.process-video-upload {
    font-weight: bold;
    padding-left: 21px !important;
    padding-right: 21px !important;
    text-transform: capitalize;
    min-width: 0;
    letter-spacing: 0.3px;
    height: 40px;
}

@media (min-width: 767px) {

    .activity-feed-status-form .activity_feed_form_button_position .btn#activity_feed_submit,
    .activity-feed-status-form .activity_feed_form_button_position .btn.process-video-upload {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

.activity-feed-status-form .activity_feed_form_button_position .btn#activity_feed_submit:focus,
.activity-feed-status-form .activity_feed_form_button_position .btn.process-video-upload:focus {
    outline: 0;
}

.activity-feed-status-form .activity_feed_form_button_position .btn.process-video-upload+#activity_feed_submit {
    display: none !important;
}

html[dir="ltr"] .activity-feed-status-form .activity_feed_form_button_position .activity_feed_form_button_position_button {
    margin-left: 8px;
}

html[dir="rtl"] .activity-feed-status-form .activity_feed_form_button_position .activity_feed_form_button_position_button {
    margin-right: 8px;
}

@media (min-width: 767px) {
    .activity-feed-status-form .activity_feed_form_button_position .activity_feed_form_button_position_button button span {
        display: none;
    }

    .activity-feed-status-form .activity_feed_form_button_position .activity_feed_form_button_position_button button span.ico {
        display: block !important;
    }
}

.activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini {
    float: right;
}

.activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini.open a.btn {
    background: #E8DAF2;
    color: #950FCD;
    border-color: #D5A9FF !important;
}

html[dir='rtl'] .activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini {
    float: left;
}

html[dir='rtl'] .activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini .dropdown-menu {
    left: 0;
    right: auto;
}

@media (min-width: 767px) {
    .activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini a[data-toggle="dropdown"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .activity-feed-status-form .activity_feed_form_button_position .privacy_setting_mini a[data-toggle="dropdown"]>span {
        display: none;
    }
}

.activity-feed-status-form .activity_feed_checkin {
    float: left;
    display: flex;
}

.activity-feed-status-form .activity_feed_checkin a {
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.activity-feed-status-form .activity_feed_checkin a:hover,
.activity-feed-status-form .activity_feed_checkin a.is_active {
    color: #555555;
    background-color: transparent !important;
}

.activity-feed-status-form .activity_feed_checkin a.js_btn_display_with_friend.is_active .ico-user1-plus-o:before {
    content: "\eae9";
}

.activity-feed-status-form .activity_feed_checkin a.js_btn_display_with_schedule.is_active .ico-clock-o:before {
    content: "\ea9c";
}

.activity-feed-status-form .activity_feed_checkin a.is_loading {
    pointer-events: none;
    color: #dcdada;
}

html[dir='rtl'] .activity-feed-status-form .activity_feed_checkin {
    float: right;
}

.feed-sort-order {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
    margin-top: 16px;
}

.feed-sort-order .feed-sort-order-link {
    font-size: 12px;
    height: 24px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    background: #f8f8f8;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feed-sort-order .feed-sort-order-link:hover {
    background: #eeeeee;
}

html[dir="ltr"] .feed-sort-order .feed-sort-order-link .ico {
    margin-left: 8px;
}

html[dir="rtl"] .feed-sort-order .feed-sort-order-link .ico {
    margin-right: 8px;
}

.js_feed_view_more_entry_holder .feed-stream-content,
.js_feed_comment_border .feed-stream-content {
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    position: relative;
}

@media (min-width: 767px) {

    .js_feed_view_more_entry_holder .feed-stream-content,
    .js_feed_comment_border .feed-stream-content {
        border-radius: 0;
    }
}

.js_feed_view_more_entry_holder .feed-stream-content .row_first,
.js_feed_comment_border .feed-stream-content .row_first {
    padding: 0;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header,
.js_feed_comment_border .feed-stream-content .activity_feed_header {
    margin-bottom: 12px;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info {
    color: #888;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_at,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_at {
    color: #a2a2a2;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_name .ico,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_name .ico {
    color: #a2a2a2;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_name a,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_location_name a {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_tagged_user .user_profile_link_span a,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_tagged_user .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: normal !important;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_tagged_user .user_profile_link_span a:hover,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity_feed_tagged_user .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .feed_info,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .feed_info {
    color: #888;
}

html[dir='rtl'] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .feed_info .user_profile_link_span,
html[dir='rtl'] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .feed_info .user_profile_link_span {
    display: inline-block;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .ico.ico-caret-right,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .ico.ico-caret-right {
    color: #a2a2a2;
    position: relative;
    top: 1px;
}

html[dir="ltr"] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .user_profile_link_span,
html[dir="ltr"] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .user_profile_link_span {
    padding-right: 0;
}

html[dir="rtl"] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .user_profile_link_span,
html[dir="rtl"] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .user_profile_link_span {
    padding-left: 0;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

html[dir="ltr"] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time,
html[dir="ltr"] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time {
    margin-right: 8px;
}

html[dir="rtl"] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time,
html[dir="rtl"] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time {
    margin-left: 8px;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time a,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time a {
    color: #999;
}

html[dir='rtl'] .js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time a,
html[dir='rtl'] .js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block time a {
    display: inline-block;
}

.js_feed_view_more_entry_holder .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block span.ico,
.js_feed_comment_border .feed-stream-content .activity_feed_header .activity_feed_header_info .activity-feed-time-privacy-block span.ico {
    font-size: 12px;
}

.js_feed_view_more_entry_holder .activity_feed_content,
.js_feed_comment_border .activity_feed_content {
    padding-left: 16px;
    padding-right: 16px;
}

.js_feed_view_more_entry_holder .comment_mini_content,
.js_feed_comment_border .comment_mini_content {
    margin-left: 44px;
}

.js_feed_view_more_entry_holder .comment_mini_content>.user_profile_link_span,
.js_feed_comment_border .comment_mini_content>.user_profile_link_span {
    font-size: 14px;
    line-height: 18px;
}

html[dir='rtl'] .js_feed_view_more_entry_holder .comment_mini_content,
html[dir='rtl'] .js_feed_comment_border .comment_mini_content {
    margin-left: 0;
    margin-right: 44px;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini .comment_mini_content,
.js_feed_comment_border .comment_mini_child_content div.comment_mini .comment_mini_content {
    margin-left: 38px;
}

html[dir='rtl'] .js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini .comment_mini_content,
html[dir='rtl'] .js_feed_comment_border .comment_mini_child_content div.comment_mini .comment_mini_content {
    margin-left: 0;
    margin-right: 38px;
}

.js_feed_view_more_entry_holder .activity_feed_content_text,
.js_feed_comment_border .activity_feed_content_text {
    margin: 0;
    padding: 0;
    display: block;
    border: none;
    /* margin-bottom: 12px; */
}

.js_feed_view_more_entry_holder .feed_comments_wrapper,
.js_feed_comment_border .feed_comments_wrapper {
    background: #f8f8f8;
}

.js_feed_view_more_entry_holder .activity_feed_image,
.js_feed_comment_border .activity_feed_image {
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 2;
}

.js_feed_view_more_entry_holder .activity_feed_image .img-wrapper,
.js_feed_comment_border .activity_feed_image .img-wrapper,
.js_feed_view_more_entry_holder .activity_feed_image .no_image_user,
.js_feed_comment_border .activity_feed_image .no_image_user {
    width: 48px;
    height: 48px;
}

.js_feed_view_more_entry_holder .comment_mini:not(.comment_mini_end),
.js_feed_comment_border .comment_mini:not(.comment_mini_end) {
    padding-top: 12px;
    padding-bottom: 12px !important;
}

.js_feed_view_more_entry_holder .comment_mini:not(:last-child),
.js_feed_comment_border .comment_mini:not(:last-child) {
    border-color: #eeeeee;
}

.js_feed_view_more_entry_holder .comment_mini:hover>.item-options-holder.comment-options-holder,
.js_feed_comment_border .comment_mini:hover>.item-options-holder.comment-options-holder {
    opacity: 1;
}

.js_feed_view_more_entry_holder .comment_mini .comment_mini_image,
.js_feed_comment_border .comment_mini .comment_mini_image {
    top: 12px;
    width: 32px;
    height: 32px;
}

.js_feed_view_more_entry_holder .comment_mini .comment_mini_image .no_image_user,
.js_feed_comment_border .comment_mini .comment_mini_image .no_image_user {
    width: 32px;
    height: 32px;
}

.js_feed_view_more_entry_holder .comment_mini .comment_mini_image .no_image_user span,
.js_feed_comment_border .comment_mini .comment_mini_image .no_image_user span {
    margin-left: 1px;
    letter-spacing: 1px;
    font-size: 12px;
}

html[dir='rtl'] .js_feed_view_more_entry_holder .comment_mini .comment_mini_image .no_image_user span,
html[dir='rtl'] .js_feed_comment_border .comment_mini .comment_mini_image .no_image_user span {
    margin-left: 0;
    margin-right: 1px;
}

.js_feed_view_more_entry_holder .comment_mini .comment_mini_image:after,
.js_feed_comment_border .comment_mini .comment_mini_image:after {
    display: none;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini,
.js_feed_comment_border .comment_mini_child_content div.comment_mini {
    border-bottom: 0;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini .comment_mini_image,
.js_feed_comment_border .comment_mini_child_content div.comment_mini .comment_mini_image {
    top: 12px;
    z-index: 1;
    width: 28px;
    height: 28px;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini .comment_mini_image a.no_image_user,
.js_feed_comment_border .comment_mini_child_content div.comment_mini .comment_mini_image a.no_image_user {
    width: 28px;
    height: 28px;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini .comment_mini_image a.no_image_user>span,
.js_feed_comment_border .comment_mini_child_content div.comment_mini .comment_mini_image a.no_image_user>span {
    font-size: 10px;
}

.js_feed_view_more_entry_holder .comment_mini_child_content div.comment_mini:last-child,
.js_feed_comment_border .comment_mini_child_content div.comment_mini:last-child {
    padding-bottom: 0 !important;
}

html[dir="ltr"] .activity_feed_header_info.feed-has-dropdown-menu {
    padding-right: 16px;
}

html[dir="rtl"] .activity_feed_header_info.feed-has-dropdown-menu {
    padding-left: 16px;
}

.comment_mini_content_border {
    margin: -16px;
    margin-top: 0;
    position: relative;
}

.comment_mini_content_border .feed-options-holder,
.comment_mini_content_border .comment-options-holder {
    position: absolute;
    top: 0px;
}

html[dir="ltr"] .comment_mini_content_border .feed-options-holder,
html[dir="ltr"] .comment_mini_content_border .comment-options-holder {
    right: 8px;
}

html[dir="rtl"] .comment_mini_content_border .feed-options-holder,
html[dir="rtl"] .comment_mini_content_border .comment-options-holder {
    left: 8px;
}

.comment_mini_content_border .feed-options-holder a[data-toggle="dropdown"],
.comment_mini_content_border .comment-options-holder a[data-toggle="dropdown"] {
    font-size: 16px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment_mini_content_border .feed-options-holder a[data-toggle="dropdown"]:hover,
.comment_mini_content_border .comment-options-holder a[data-toggle="dropdown"]:hover {
    color: #555555;
}

.comment_mini_content_border .dropdown-menu {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0;
}

.comment_mini_content_border .dropdown-menu span.ico {
    font-size: 16px;
}

.comment_mini_content_border .item-options-holder.comment-options-holder {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .comment_mini_content_border .item-options-holder.comment-options-holder {
    right: 0;
}

html[dir="rtl"] .comment_mini_content_border .item-options-holder.comment-options-holder {
    left: 0;
}

.comment_mini_content_border .item-options-holder.comment-options-holder.open {
    opacity: 1 !important;
}

@media (min-width: 480px) {
    .comment_mini_content_border .item-options-holder.comment-options-holder {
        opacity: 0;
    }
}

.comment_mini_content_border .item-options-holder.comment-options-holder a[data-toggle="dropdown"] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #555555;
}

.comment_mini_content_border .item-options-holder.comment-options-holder a[data-toggle="dropdown"]:hover {
    color: #000000;
}

.comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu {
    min-width: 96px;
}

html[dir='rtl'] .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu:after {
    left: 7px;
    right: auto;
}

html[dir='ltr'] .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu:after {
    right: 7px;
    left: auto;
}

.comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu a {
    font-size: 12px;
}

.comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu a .ico {
    font-size: 12px;
}

.comment_mini_action>ul {
    display: flex;
    align-items: center;
}

.comment_mini_action>ul .total-like {
    font-weight: bold;
}

.comment_mini_action>ul .js_comment_feed_new_reply {
    font-weight: bold;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}

.comment_mini_action>ul>li {
    position: relative;
    margin-top: 2px;
}

.comment_mini_action>ul>li:before {
    content: "" !important;
    width: 3px;
    height: 3px;
    background: #ccc;
    display: inline-block;
    border-radius: 100%;
    margin: 2px 6px;
}

.comment_mini_action>ul>li:first-of-type+li:before {
    margin-left: 6px;
}

html[dir='rtl'] .comment_mini_action>ul>li:first-of-type+li:before {
    margin-left: 0;
    margin-right: 6px;
}

.comment_mini_action .total-like {
    color: #9740D5;
    float: right;
    margin-top: 2px;
    margin-left: 2px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment_mini_action .total-like:hover {
    color: #950FCD;
}

html[dir='rtl'] .comment_mini_action .total-like {
    float: left;
    margin-left: 0;
    margin-right: 2px;
}

.comment_mini_action .js_like_link_toggle {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.comment_mini_action .js_like_link_toggle span {
    display: none;
}

.comment_mini_action .js_like_link_toggle:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
}

.comment_mini_action .js_like_link_toggle.unlike:before {
    animation: button-unlike 300ms ease;
}

.comment_mini_action .js_like_link_toggle.liked:before {
    content: '\ea9d';
    animation: button-like 300ms ease;
}

.load_more_comments,
.load_more_comments:hover {
    height: 40px;
    text-transform: none;
    color: #9740D5;
    border-color: #eeeeee;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 13px;
}

.load_more_comments:hover,
.load_more_comments:hover:hover {
    color: #950FCD;
}

html[dir="ltr"] .load_more_comments:before,
html[dir="ltr"] .load_more_comments:hover:before {
    padding-right: 8px;
}

html[dir="rtl"] .load_more_comments:before,
html[dir="rtl"] .load_more_comments:hover:before {
    padding-left: 8px;
}

.js_feed_comment_form,
.feed_comments_end {
    background: transparent;
    padding: 12px 0;
}

.comment_mini_child_content div.comment_mini {
    padding-bottom: 0;
    border-bottom: 0;
}

.comment_mini_child_holder_padding {
    padding-bottom: 0;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder {
    position: static;
    margin-top: 12px;
    margin-bottom: 6px;
    width: auto;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .comment_mini_child_holder_padding .comment_mini_child_view_holder {
    margin-left: 40px;
}

html[dir="rtl"] .comment_mini_child_holder_padding .comment_mini_child_view_holder {
    margin-right: 40px;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #eeeeee;
    display: block;
    top: -8px;
    position: relative;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder a {
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    text-transform: lowercase;
    display: inline-block;
    background: #f8f8f8;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    z-index: 1;
}

html[dir="ltr"] .comment_mini_child_holder_padding .comment_mini_child_view_holder a {
    padding-right: 8px;
}

html[dir="rtl"] .comment_mini_child_holder_padding .comment_mini_child_view_holder a {
    padding-left: 8px;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder a .ico {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-left: 4px;
    position: relative;
    top: 2;
}

html[dir='rtl'] .comment_mini_child_holder_padding .comment_mini_child_view_holder a .ico {
    margin-left: 0;
    margin-right: 4px;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder a:hover {
    color: #950FCD;
}

.comment_mini_child_holder_padding .comment_mini_child_view_holder a:hover .ico {
    color: #950FCD;
}

.js_feed_comment_form {
    border-top: 1px solid #eeeeee;
    margin-top: -1px;
}

.js_feed_comment_form div.comment_mini_image {
    top: 0 !important;
}

.js_feed_comment_form .comment_mini_textarea_holder {
    border: none;
}

.js_feed_comment_form .js_comment_feed_textarea {
    min-height: 32px;
    padding-top: 8px;
    font-size: 14px;
}

.js_feed_comment_form .js_comment_feed_textarea::placeholder {
    color: #dcdcdc;
}

div.comment_mini_image {
    width: 32px;
    height: 32px;
}

.comment_mini_text {
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 18px;
}

.comment_mini_text [id*=js_quick_edit_idjs_comment_text_] {
    border: 1px solid #eeeeee;
    padding-left: 0;
    min-height: 32px;
    border-radius: 3px;
    background: #FFF;
    position: relative;
    z-index: 1;
}

.comment_mini_text [name="quick_edit_input"] {
    background: #FFF;
    color: #555555;
    font-size: 12px;
    padding: 0;
    width: 100%;
    line-height: 16px;
    min-height: 26px;
    border: none;
    padding-top: 6px;
}

html[dir="ltr"] .comment_mini_text [name="quick_edit_input"] {
    padding-left: 8px;
}

html[dir="rtl"] .comment_mini_text [name="quick_edit_input"] {
    padding-right: 8px;
}

.comment_mini_text .comment-edit-help-block {
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
    color: #c8c8c8;
}

.comment-limit>.comment_mini .js_feed_comment_process_form>i,
div[id^=js_feed_comment_view_more_]>.comment_mini .js_feed_comment_process_form>i {
    top: 50%;
    margin-top: -6px;
}

html[dir="ltr"] .comment-limit>.comment_mini .js_feed_comment_process_form>i,
html[dir="ltr"] div[id^=js_feed_comment_view_more_]>.comment_mini .js_feed_comment_process_form>i {
    right: 8px;
}

html[dir="rtl"] .comment-limit>.comment_mini .js_feed_comment_process_form>i,
html[dir="rtl"] div[id^=js_feed_comment_view_more_]>.comment_mini .js_feed_comment_process_form>i {
    left: 8px;
}

.comment-limit>.comment_mini.has-replies:before,
div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    bottom: 12px;
    top: 24px;
    background: #eeeeee;
}

html[dir="ltr"] .comment-limit>.comment_mini.has-replies:before,
html[dir="ltr"] div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies:before {
    left: 16px;
}

html[dir="rtl"] .comment-limit>.comment_mini.has-replies:before,
html[dir="rtl"] div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies:before {
    right: 16px;
}

.comment-limit>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini,
div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini {
    padding-top: 0;
}

.comment-limit>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini:before,
div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini:before {
    top: 14px;
}

.comment-limit>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini .comment_mini_image,
div[id^=js_feed_comment_view_more_]>.comment_mini.has-replies .comment_mini_child_holder .comment_mini+.comment_mini .comment_mini_image {
    top: 0;
}

.comment-limit>.comment_mini .comment_mini:before,
div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini:before {
    content: "";
    display: block;
    background: #eeeeee;
    height: 1px;
    position: absolute;
    top: 26px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-limit>.comment_mini .comment_mini:before,
html[dir='rtl'] div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini:before {
    left: auto;
    right: -24px;
}

.comment-limit>.comment_mini .comment_mini.comment_mini_end:after,
div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini.comment_mini_end:after {
    content: "";
    display: block;
    background: #f8f8f8;
    position: absolute;
    top: 27px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-limit>.comment_mini .comment_mini.comment_mini_end:after,
html[dir='rtl'] div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini.comment_mini_end:after {
    left: auto;
    right: -24px;
}

.comment-limit>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:after,
div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:after {
    content: "";
    display: block;
    background: #f8f8f8;
    position: absolute;
    top: 15px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-limit>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:after,
html[dir='rtl'] div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:after {
    left: auto;
    right: -24px;
}

.comment-limit>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:first-child:after,
div[id^=js_feed_comment_view_more_]>.comment_mini .comment_mini_child_holder:last-child .comment_mini:last-child:first-child:after {
    top: 27px;
}

.comment-mini-content-commands {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
}

@media (max-width: 768px) and (min-width: 768px) {

    #main.empty-right:not(.empty-left) .comment-mini-content-commands,
    #main.empty-left:not(.empty-right) .comment-mini-content-commands,
    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands {
        flex-flow: wrap;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands {
        flex-flow: wrap;
    }
}

@media (min-width: 767px) {
    .comment-mini-content-commands {
        flex-flow: wrap;
    }
}

@media (min-width: 767px) {
    .comment-mini-content-commands {
        flex-flow: wrap;
        padding-bottom: 4px;
    }
}

.comment-mini-content-commands .feed-like-link a.js_like_link_toggle span {
    display: none;
}

.comment-mini-content-commands .feed-like-link a.js_like_link_toggle.unlike:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: button-unlike 300ms ease;
}

.comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked {
    background-color: #9740D5;
    color: #fff;
}

.comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked:before {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: button-like 300ms ease;
}

.comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked:hover {
    background-color: #950FCD;
    color: #fff;
}

.comment-mini-content-commands .feed-comment-share-holder>a:before {
    font-family: 'lineficon' !important;
    content: '\ead4';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.comment-mini-content-commands .feed-comment-share-holder>a i.fa {
    display: none;
}

.comment-mini-content-commands .button-like-share-block {
    display: flex;
}

@media (min-width: 767px) {
    .comment-mini-content-commands .button-like-share-block {
        width: 100%;
        border-top: 1px solid #f8f8f8;
        border-bottom: 1px solid #f8f8f8;
    }

    .comment-mini-content-commands .button-like-share-block .feed-like-link,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        flex: 1;
    }

    .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-like-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-share-holder {
        width: 33.33%;
    }

    .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-like-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-comment-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-comment-share-holder {
        width: 50%;
    }

    .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-like-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-comment-link,
    .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-comment-share-holder {
        width: 100%;
    }
}

.comment-mini-content-commands .button-like-share-block .feed-like-link .counter {
    cursor: pointer;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link .counter:hover {
    color: #9740D5;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link,
.comment-mini-content-commands .button-like-share-block .feed-comment-link,
.comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    display: flex;
    align-items: center;
}

html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-like-link,
html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-link,
html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    margin-right: 16px;
}

html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-like-link,
html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-link,
html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    margin-left: 16px;
}

@media (min-width: 767px) {

    .comment-mini-content-commands .button-like-share-block .feed-like-link,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-like-link,
    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        margin-right: 0;
    }

    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-like-link,
    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        margin-left: 0;
    }

    .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        width: 1px;
        background: #eeeeee;
    }

    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    html[dir="ltr"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        left: 0;
    }

    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    html[dir="rtl"] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        right: 0;
    }

    .comment-mini-content-commands .button-like-share-block .feed-like-link>a,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link>a,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a {
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        color: #a2a2a2 !important;
        font-size: 14px !important;
    }

    .comment-mini-content-commands .button-like-share-block .feed-like-link>a:hover,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:hover,
    .comment-mini-content-commands .button-like-share-block .feed-like-link>a.liked,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link>a.liked,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a.liked {
        color: #9740D5 !important;
    }
}

.comment-mini-content-commands .button-like-share-block .feed-like-link .counter,
.comment-mini-content-commands .button-like-share-block .feed-comment-link .counter,
.comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter {
    color: #a2a2a2;
    font-weight: bold;
    font-size: 14px;
    margin-left: 6px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link .counter:empty,
.comment-mini-content-commands .button-like-share-block .feed-comment-link .counter:empty,
.comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter:empty {
    display: none;
}

html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-like-link .counter,
html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-comment-link .counter,
html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter {
    margin-right: 6px;
    margin-left: 0;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link>a,
.comment-mini-content-commands .button-like-share-block .feed-comment-link>a,
.comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a {
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #a2a2a2;
    font-size: 16px;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link>a:hover,
.comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover,
.comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:hover {
    box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    background-color: #E8DAF2;
    color: #9740D5;
}

@media (min-width: 767px) {

    .comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:hover,
    .comment-mini-content-commands .button-like-share-block .feed-comment-link>a:focus,
    .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:focus {
        color: #555555 !important;
    }
}

@media (min-width: 767px) {
    .comment-mini-content-commands .button-like-share-block>div:nth-child(1):before {
        display: none;
    }
}

@media (max-width: 768px) and (min-width: 768px) {

    #main.empty-right:not(.empty-left) .comment-mini-content-commands .js_comment_like_holder,
    #main.empty-left:not(.empty-right) .comment-mini-content-commands .js_comment_like_holder,
    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands .js_comment_like_holder {
        width: 100%;
        padding: 0;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #f8f8f8;
    }

    #main.empty-right:not(.empty-left) .comment-mini-content-commands .js_comment_like_holder .activity_like_holder,
    #main.empty-left:not(.empty-right) .comment-mini-content-commands .js_comment_like_holder .activity_like_holder,
    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands .js_comment_like_holder .activity_like_holder {
        height: auto;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-right):not(.empty-left) .comment-mini-content-commands .js_comment_like_holder {
        width: 100%;
        padding: 0;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #f8f8f8;
    }

    #main:not(.empty-right):not(.empty-left) .comment-mini-content-commands .js_comment_like_holder .activity_like_holder {
        height: auto;
    }
}

@media (min-width: 767px) {
    .comment-mini-content-commands .js_comment_like_holder {
        width: 100%;
        padding: 0;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #f8f8f8;
    }

    .comment-mini-content-commands .js_comment_like_holder .activity_like_holder {
        height: auto;
    }
}

@media (min-width: 767px) {
    .comment-mini-content-commands .js_comment_like_holder {
        padding: 0;
        margin-top: 4px;
        border-top: 0;
    }
}

.comment-mini-content-commands .activity_like_holder {
    color: #a2a2a2;
    font-size: 13px;
}

html[dir="ltr"] .comment-mini-content-commands .activity_like_holder {
    padding-right: 32px;
}

html[dir="rtl"] .comment-mini-content-commands .activity_like_holder {
    padding-left: 32px;
}

.comment-mini-content-commands .activity_like_holder .people-liked-feed {
    color: #a2a2a2;
}

html[dir='ltr'] .comment-mini-content-commands .activity_like_holder:before {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #9740D5;
    margin-right: 4px;
}

html[dir='rtl'] .comment-mini-content-commands .activity_like_holder:after {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #9740D5;
    margin-left: 4px;
}

@media (min-width: 767px) {
    .comment-mini-content-commands .activity_like_holder {
        display: block;
    }
}

.comment-mini-content-commands .activity_like_holder.activity_not_like:before {
    display: none;
}

.comment-mini-content-commands .activity_like_holder a {
    font-weight: 400 !important;
}

.comment-mini-content-commands span.people-liked-feed {
    color: #555555;
}

.comment-mini-content-commands span.people-liked-feed .user_profile_link_span a {
    color: #9740D5 !important;
}

@media (min-width: 767px) {
    html[dir="ltr"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-mini-content-commands .button-like-share-block {
        padding-right: 24px;
    }

    html[dir="rtl"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-mini-content-commands .button-like-share-block {
        padding-left: 24px;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-mini-content-commands .button-like-share-block>div {
        width: auto !important;
        flex: 1;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-mini-content-commands .button-like-share-block.comment-has-1-actions>div {
        justify-content: flex-start;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .feed-options-holder>a {
        position: relative;
        width: 40px !important;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .feed-options-holder>a:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        width: 1px;
        background: #eeeeee;
    }

    html[dir="ltr"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .feed-options-holder>a:before {
        left: 0;
    }

    html[dir="rtl"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .feed-options-holder>a:before {
        right: 0;
    }
}

@media (min-width: 767px) {

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment,
    #page_v_play .item-comment,
    #page_photo_album .item-comment {
        display: flex;
        flex-direction: column;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: 0 !important;
        margin: 0 !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .comment_mini_content_border,
    #page_v_play .item-comment .comment_mini_content_border,
    #page_photo_album .item-comment .comment_mini_content_border {
        margin: 0 -16px !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .comment_mini_content_border .comment-mini-content-commands,
    #page_v_play .item-comment .comment_mini_content_border .comment-mini-content-commands,
    #page_photo_album .item-comment .comment_mini_content_border .comment-mini-content-commands {
        padding: 0 16px !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div,
    #page_v_play .item-comment>div,
    #page_photo_album .item-comment>div {
        height: 32px;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div .button-like-share-block,
    #page_v_play .item-comment>div .button-like-share-block,
    #page_photo_album .item-comment>div .button-like-share-block {
        border-top: 0;
    }

    html[dir="ltr"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div .button-like-share-block,
    html[dir="ltr"] #page_v_play .item-comment>div .button-like-share-block,
    html[dir="ltr"] #page_photo_album .item-comment>div .button-like-share-block {
        padding-right: 0 !important;
    }

    html[dir="rtl"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div .button-like-share-block,
    html[dir="rtl"] #page_v_play .item-comment>div .button-like-share-block,
    html[dir="rtl"] #page_photo_album .item-comment>div .button-like-share-block {
        padding-left: 0 !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div .button-like-share-block>div,
    #page_v_play .item-comment>div .button-like-share-block>div,
    #page_photo_album .item-comment>div .button-like-share-block>div {
        flex: 1;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment>div .button-like-share-block.comment-has-1-actions>div,
    #page_v_play .item-comment>div .button-like-share-block.comment-has-1-actions>div,
    #page_photo_album .item-comment>div .button-like-share-block.comment-has-1-actions>div {
        justify-content: center !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view,
    #page_v_play .item-comment .item-total-view,
    #page_photo_album .item-comment .item-total-view {
        position: static !important;
        text-align: center;
        padding-bottom: 16px;
        padding-top: 16px;
        display: block;
        max-height: 48px;
        transform: none !important;
        margin: 0 !important;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2),
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2),
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2),
    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2)~span,
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2)~span,
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2)~span {
        position: relative;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2):first-child:before,
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2):first-child:before,
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2):first-child:before,
    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2)~span:first-child:before,
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2)~span:first-child:before,
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2)~span:first-child:before {
        display: none;
    }

    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #eeeeee;
    }

    html[dir="ltr"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="ltr"] #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="ltr"] #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="ltr"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    html[dir="ltr"] #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    html[dir="ltr"] #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before {
        left: 0;
    }

    html[dir="rtl"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="rtl"] #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="rtl"] #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2):before,
    html[dir="rtl"] body[id*=_view]:not(._is_groups_view):not(._is_pages_view) .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    html[dir="rtl"] #page_v_play .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before,
    html[dir="rtl"] #page_photo_album .item-comment .item-total-view span:first-child:nth-last-child(2)~span:before {
        right: 0;
    }
}

.js_mini_feed_comment div.comment_mini_end {
    margin-top: 12px;
    background: transparent;
}

.js_mini_feed_comment div.comment_mini_end.comment_mini:before {
    top: 16px;
}

.js_mini_feed_comment div.comment_mini_end.comment_mini:after {
    top: 17px !important;
}

.js_mini_feed_comment div.comment_mini_end .comment_mini_textarea_holder {
    border-color: #eeeeee;
    padding-left: 0;
    min-height: 32px;
    border-radius: 3px;
    background: #FFF;
    position: relative;
    z-index: 1;
}

.js_mini_feed_comment div.comment_mini_end .comment_mini_textarea_holder .js_comment_feed_textarea {
    padding-top: 8px;
}

.js_mini_feed_comment div.comment_mini_end .comment_mini_textarea_holder .js_comment_feed_textarea::placeholder {
    color: #dcdcdc;
}

.comment_mini_textarea_holder .comment-emoticon {
    position: absolute;
    right: 0;
    bottom: 8px;
}

.comment_mini_textarea_holder .comment-emoticon a {
    font-size: 20px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment_mini_textarea_holder .comment-emoticon a:hover {
    color: #555555;
}

html[dir='rtl'] .comment_mini_textarea_holder .comment-emoticon {
    right: auto;
    left: 0;
}

.comment_mini_textarea_holder.comment_mini_content .comment-emoticon {
    right: 4px;
    bottom: 4px;
}

html[dir='rtl'] .comment_mini_textarea_holder.comment_mini_content .comment-emoticon {
    right: auto;
    left: 4px;
}

@keyframes button-like {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.2, 1.2);
    }
}

@keyframes button-unlike {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(0.9, 0.9);
    }
}

.activity_feed_content_link .activity_feed_content_image img {
    width: auto;
    border: none;
}

.activity_feed_content_link .activity_feed_content_image>a {
    position: relative;
    display: inline-block;
}

.feed_share_holder {
    border: 1px solid #eeeeee;
    background: #fff;
    border-left-width: 4px;
    margin-top: 16px;
    padding: 12px 16px;
    border-left-color: #D5A9FF;
}

.feed_share_holder.feed_share_user_status .activity_feed_content_link {
    padding: 0 !important;
}

.feed_share_holder .feed_share_header {
    margin-bottom: 8px;
    color: #888;
}

html[dir='rtl'] .feed_share_holder .feed_share_header .user_profile_link_span {
    display: inline-block;
}

.feed_share_holder .feed_share_header .activity_feed_tagged_user .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: normal !important;
}

.feed_share_holder .feed_share_header .activity_feed_tagged_user .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.feed_share_holder .feed_share_header+div {
    background: #fff;
}

.feed_share_holder .feed_share_header+div.activity_feed_content_link {
    padding: 8px;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link {
    display: flex;
}

@media (min-width: 767px) {
    .feed_share_holder.feed_share_friend .activity_feed_content_link {
        flex-direction: column;
        align-items: center;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image {
    min-width: 96px;
}

html[dir="ltr"] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image {
    margin-right: 16px;
}

html[dir="rtl"] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image {
    margin-left: 16px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image {
        margin-right: 0;
    }

    html[dir="rtl"] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image {
        margin-left: 0;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image>a:before {
    display: none;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image .img-wrapper,
.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image .no_image_user {
    width: 96px;
    height: 96px;
}

@media (min-width: 767px) {

    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image .img-wrapper,
    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_image .no_image_user {
        width: 120px;
        height: 120px;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float {
    position: relative;
}

@media (min-width: 767px) {
    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float {
        text-align: center;
        position: static;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_link_title {
    font-size: 16px;
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-weight: bold !important;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_link_title:hover {
    color: #950FCD !important;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom {
    margin-top: 0;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .btn-addfriend {
    position: absolute;
    top: 0;
    left: -48px;
}

html[dir='rtl'] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .btn-addfriend {
    left: auto;
    right: -48px;
}

@media (min-width: 767px) {
    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .btn-addfriend span.ico {
        font-size: 18px;
    }

    html[dir='ltr'] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .btn-addfriend {
        right: auto;
        top: 0;
        left: calc(50% + 32px);
    }

    html[dir='rtl'] .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .btn-addfriend {
        left: auto;
        top: 0;
        right: calc(50% + 32px);
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .friend-info {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 767px) {
    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .friend-info {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .mutual-friends .friend-info .mutual-friends-list .user_profile_link_span {
    display: inline;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .gender-location {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 767px) {
    .feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .gender-location {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .gender-location .item-gender {
    display: inline;
}

.feed_share_holder.feed_share_friend .activity_feed_content_link .activity_feed_content_float .activity_feed_content_display_custom .gender-location .item-location {
    display: inline;
}

html[dir='rtl'] .feed_share_holder {
    border-left-width: 0;
    border-right-width: 4px;
    border-right-color: #D5A9FF;
}

.activity-feed-status-form div[id^="js_location_feedback"] {
    margin-bottom: 8px;
    text-align: left;
    font-style: normal;
    color: #a2a2a2;
    font-size: 12px;
}

html[dir='rtl'] .activity-feed-status-form div[id^="js_location_feedback"] {
    text-align: right;
}

.activity-feed-status-form .feed-location-info:empty {
    margin-bottom: 0;
    display: none;
}

.activity-feed-status-form .feed-location-info.active:before {
    margin-right: 4px;
    font-family: 'lineficon' !important;
    content: "\eaaf";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir='rtl'] .activity-feed-status-form .feed-location-info.active:before {
    margin-right: 0;
    margin-left: 4px;
}

.activity-feed-status-form div[id^="js_location_input"] a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #a2a2a2;
}

.activity-feed-status-form div[id^="js_location_input"] a:hover {
    color: #9740D5;
}

.pf-feed-map {
    margin-top: 16px;
}

.activity_feed_location {
    padding-top: 0;
    margin: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 0;
    color: #999;
    position: relative;
}

.activity_feed_location a {
    color: #9740D5 !important;
    font-weight: 400 !important;
}

.activity_feed_location a:hover {
    color: #950FCD !important;
    font-weight: 400 !important;
}

.activity_feed_location+.activity_feed_location {
    border-top: 0;
    margin-top: -4px;
    padding-top: 0;
}

.activity_feed_location+.activity_feed_location:before {
    display: none;
}

.js_box_holder .activity-feed-status-form {
    margin-bottom: 0;
    box-shadow: none;
    padding: 0;
}

.js_box_holder .activity_feed_form_holder textarea,
.js_box_holder .activity_feed_form_holder .contenteditable {
    margin-bottom: 16px;
}

.js_box_holder .activity-feed-status-form .activity_feed_form {
    padding: 0;
}

.feed-with {
    font-weight: bold;
    color: #a2a2a2;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 10px;
}

html[dir="ltr"] .feed-with {
    padding-right: 8px;
}

html[dir="rtl"] .feed-with {
    padding-left: 8px;
}

.feed_compose_extra .feed_tagged_item {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    color: #9740D5;
    background: #FFF;
    border: 1px solid #9740D5;
    border-radius: 3px;
    padding: 2px 7px 2px;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    margin-right: 4px;
    margin-bottom: 2px;
    margin-top: 2px;
    float: left;
}

html[dir="ltr"] .feed_compose_extra .feed_tagged_item {
    padding-right: 24px;
}

html[dir="rtl"] .feed_compose_extra .feed_tagged_item {
    padding-left: 24px;
}

html[dir='rtl'] .feed_compose_extra .feed_tagged_item {
    margin-right: 0;
    margin-left: 4px;
    float: right;
}

.feed_compose_extra .feed_tagged_item:hover {
    background: #950FCD;
    color: #FFF;
}

.feed_compose_extra .feed_tagged_item:hover>a {
    color: #FFF;
}

.feed_compose_extra .feed_tagged_item>a {
    color: #9740D5;
    width: 23px;
    height: 23px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 22px;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    border-radius: 0 3px 3px 0;
}

.feed_compose_extra .feed_tagged_item>a .fa.fa-times:before {
    font-family: 'lineficon' !important;
    content: "\eab2";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir='rtl'] .feed_compose_extra .feed_tagged_item>a {
    right: auto;
    left: 0;
}

html[dir='rtl'] .feed_compose_extra .feed_tagged_item {
    float: right;
    margin-right: 0;
    margin-left: 4px;
}

.tagged_review {
    margin: 12px 0;
    font-size: 12px;
    color: #a2a2a2;
}

.tagged_review:before {
    margin-right: 4px;
    font-family: 'lineficon' !important;
    content: "\eaaf";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir='rtl'] .tagged_review:before {
    margin-right: 0;
    margin-left: 4px;
}

.tagged_review:empty {
    display: none;
}

.feed-table-tagging {
    width: 100%;
}

.feed-table-tagging .feed_compose_extra {
    display: inline-block;
    display: block;
}

.feed-table-tagging .feed_compose_extra:before,
.feed-table-tagging .feed_compose_extra:after {
    content: " ";
    display: table;
}

.feed-table-tagging .feed_compose_extra:after {
    clear: both;
}

.feed-table-tagging .feed_compose_extra:before,
.feed-table-tagging .feed_compose_extra:after {
    content: " ";
    display: table;
}

.feed-table-tagging .feed_compose_extra:after {
    clear: both;
}

.feed-table-tagging .feed_compose_extra .feed-box {
    display: flex;
    align-items: center;
    border-top: 1px solid #eeeeee;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    background: #f8f8f8;
}

.feed-table-tagging .feed_compose_extra .feed-tagging-input-box {
    width: 100%;
}

.feed-table-tagging .feed_compose_extra .feed_input_tagging_wrapper {
    float: left;
}

.feed-table-tagging .feed_compose_extra .feed_input_tagging_wrapper input {
    background: transparent !important;
    padding: 0;
    border: none !important;
    height: auto;
    height: 29px;
    font-size: 12px;
}

.feed-table-tagging .feed_compose_extra .feed_input_tagging_wrapper input:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

html[dir='rtl'] .feed-table-tagging .feed_compose_extra .feed_input_tagging_wrapper {
    float: right;
}

.feed-table-schedule {
    width: 100%;
}

.feed-table-schedule .feed_compose_extra {
    display: inline-block;
    display: block;
}

.feed-table-schedule .feed_compose_extra:before,
.feed-table-schedule .feed_compose_extra:after {
    content: " ";
    display: table;
}

.feed-table-schedule .feed_compose_extra:after {
    clear: both;
}

.feed-table-schedule .feed_compose_extra:before,
.feed-table-schedule .feed_compose_extra:after {
    content: " ";
    display: table;
}

.feed-table-schedule .feed_compose_extra:after {
    clear: both;
}

.feed-table-schedule .feed_compose_extra .feed-box {
    display: flex;
    align-items: center;
    border-top: 1px solid #eeeeee;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    background: #f8f8f8;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box {
    width: 100%;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .form-control {
    height: 32px;
    line-height: 32px;
    padding: 4px 8px;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_selects {
    display: inline-flex;
    padding: 0;
    align-items: center;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_selects .select-date-separator {
    padding: 0 6px;
}

html[dir="ltr"] .feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_holder {
    margin-right: 8px;
}

html[dir="rtl"] .feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_holder {
    margin-left: 8px;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_holder .js_datepicker_image {
    top: 7px;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_holder .js_date_picker {
    background: #fff;
}

.feed-table-schedule .feed_compose_extra .feed-schedule-input-box .js_datepicker_core_schedule {
    display: flex;
    align-items: center;
    padding: 8px 0;
}

.chooseFriend {
    position: absolute;
    width: auto !important;
    z-index: 50;
    cursor: pointer;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(85, 85, 85, 0.2);
    border: none;
    max-height: 300px;
    overflow-y: auto;
    display: inline-block;
    display: block;
    padding: 8px;
    left: -16px;
    right: -16px;
    max-width: none;
    border-radius: 0 0 10px 10px;
    margin-top: 6px;
}

.chooseFriend:before,
.chooseFriend:after {
    content: " ";
    display: table;
}

.chooseFriend:after {
    clear: both;
}

.chooseFriend:before,
.chooseFriend:after {
    content: " ";
    display: table;
}

.chooseFriend:after {
    clear: both;
}

.chooseFriend .tagFriendChooser {
    width: 50%;
    float: left;
    clear: none;
}

@media (min-width: 767px) {
    .chooseFriend .tagFriendChooser {
        width: 100%;
    }
}

html[dir='rtl'] .chooseFriend .tagFriendChooser {
    float: right;
}

html[dir="ltr"] .chooseFriend .tagFriendChooserImage {
    margin-right: 8px;
}

html[dir="rtl"] .chooseFriend .tagFriendChooserImage {
    margin-left: 8px;
}

.chooseFriend .tagFriendChooserImage img {
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.chooseFriend .tagFriendChooser {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    padding: 8px;
    margin: 0;
    height: auto;
    line-height: normal;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chooseFriend .tagFriendChooser>span {
    color: #555555;
    font-size: 12px;
}

.chooseFriend .tagFriendChooser:hover {
    background-color: #cffdd5;
}

.chooseFriend .tagFriendChooser:hover .tagFriendChooserImage img {
    border-color: #9740D5;
}

.chooseFriend .tagFriendChooser:hover .js_hover_info,
.chooseFriend .tagFriendChooser:hover .img-wrapper {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.chooseFriend .tagFriendChooser:hover .js_hover_info:before,
.chooseFriend .tagFriendChooser:hover .img-wrapper:before {
    border-color: #9740D5;
}

.chooseFriend .tagFriendChooser a.no_image_user>span {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

#page_pages_view .activity-feed-status-form #activity_feed_share_this_one,
#page_groups_view .activity-feed-status-form #activity_feed_share_this_one {
    float: left;
}

#page_pages_view .activity-feed-status-form #activity_feed_share_this_one #btn_display_with_friend,
#page_groups_view .activity-feed-status-form #activity_feed_share_this_one #btn_display_with_friend {
    display: none;
}

@media (min-width: 767px) {

    #page_pages_view .activity-feed-status-form .activity_feed_form_button_position_button,
    #page_groups_view .activity-feed-status-form .activity_feed_form_button_position_button {
        float: right;
    }
}

._app_user_cover .activity_feed_content_image img,
._app_pages_cover_photo .activity_feed_content_image img,
._app_groups_cover_photo .activity_feed_content_image img {
    max-width: 100%;
    max-height: 500px;
}

/*=============================================
=            BLOCK FRIEND IN PROFILE            =
=============================================*/

.user_rows_mini.core-friend-block {
    margin: 0 -8px;
    display: flex;
    flex-direction: column;
}

.user_rows_mini.core-friend-block:before,
.user_rows_mini.core-friend-block:after {
    display: block;
}

.user_rows_mini.core-friend-block .user_rows {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 16px;
    border: 0;
    display: flex;
    overflow: visible;
}

.user_rows_mini.core-friend-block .user_rows:last-child {
    margin-bottom: 0;
}

.user_rows_mini.core-friend-block .user_rows:hover .item-hide {
    opacity: 1;
}

.user_rows_mini.core-friend-block .user_rows:hover .user_rows_image {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.user_rows_mini.core-friend-block .user_rows:hover .user_rows_image .js_hover_info:before,
.user_rows_mini.core-friend-block .user_rows:hover .user_rows_image .img-wrapper:before {
    border-color: #950FCD;
}

.user_rows_mini.core-friend-block .user_rows:hover .user_rows_inner .user_profile_link_span a {
    color: #950FCD !important;
}

.user_rows_mini.core-friend-block .user_rows:hover .user_rows_inner .friend-info {
    color: #555555;
}

.user_rows_mini.core-friend-block .user_rows:hover .user_rows_inner .friend-info .mutual-friends-list>a {
    color: #555555;
}

.user_rows_mini.core-friend-block .item-hide {
    width: 24px;
    height: 24px;
    background: #fff;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .user_rows_mini.core-friend-block .item-hide {
    left: 0;
}

html[dir="rtl"] .user_rows_mini.core-friend-block .item-hide {
    right: 0;
}

.user_rows_mini.core-friend-block .item-hide .ico {
    font-size: 8px;
}

@media (max-width: 1024px) {
    .user_rows_mini.core-friend-block .item-hide {
        opacity: 1;
    }
}

.user_rows_mini.core-friend-block .btn-addfriend {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .user_rows_mini.core-friend-block .btn-addfriend {
    right: 0;
}

html[dir="rtl"] .user_rows_mini.core-friend-block .btn-addfriend {
    left: 0;
}

.user_rows_mini.core-friend-block .btn-addfriend:hover>a span.ico:before {
    content: "\eae9";
}

.user_rows_mini.core-friend-block .btn-addfriend>a {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: #9740D5;
    background: none !important;
    box-shadow: none !important;
    font-size: 16px;
}

.user_rows_mini.core-friend-block .btn-addfriend>a span.ico {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user_rows_mini.core-friend-block .btn-addfriend>a:before {
    opacity: 0 !important;
}

.user_rows_mini.core-friend-block .btn-addfriend>a:hover {
    color: #950FCD;
}

.user_rows_mini.core-friend-block .user_rows_image {
    background: transparent;
    overflow: visible !important;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    min-width: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user_rows_mini.core-friend-block .user_rows_image .img-wrapper,
.user_rows_mini.core-friend-block .user_rows_image .no_image_user {
    width: 40px;
    height: 40px;
}

.user_rows_mini.core-friend-block .user_rows_image .no_image_user span.js_hover_info {
    position: absolute !important;
    margin-top: 0 !important;
}

.user_rows_mini.core-friend-block .user_rows_image .no_image_user>span {
    margin-top: 0 !important;
    position: absolute !important;
    font-size: 14px !important;
}

.user_rows_mini.core-friend-block .user_rows_image:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.user_rows_mini.core-friend-block .user_rows_image:hover .js_hover_info:before,
.user_rows_mini.core-friend-block .user_rows_image:hover .img-wrapper:before {
    border-color: #950FCD;
}

.user_rows_mini.core-friend-block .user_rows_inner {
    margin-left: 12px;
    flex: 1;
    max-width: calc(100% - 75px);
}

html[dir='rtl'] .user_rows_mini.core-friend-block .user_rows_inner {
    margin-left: 0;
    margin-right: 12px;
}

.user_rows_mini.core-friend-block .user_profile_link_span {
    margin-top: 3px !important;
}

.user_rows_mini.core-friend-block .user_profile_link_span a {
    font-weight: normal !important;
    color: #9740D5 !important;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user_rows_mini.core-friend-block .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.user_rows_mini.core-friend-block .friend-info {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
    margin-top: 3px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user_rows_mini.core-friend-block .friend-info *:first-child {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user_rows_mini.core-friend-block .friend-info .mutual-friends-list>a {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user_rows_mini.core-friend-block .friend-info .mutual-friends-list>a:hover {
    color: #9740D5 !important;
}

.user_rows_mini.core-friend-block.friend-online-block {
    flex-direction: row;
    flex-flow: wrap;
    margin: 0 -6px;
}

.user_rows_mini.core-friend-block.friend-online-block .user_rows {
    width: 25%;
    overflow: visible;
    padding: 0 6px;
    margin-bottom: 0;
    margin-top: 8px;
}

.user_rows_mini.core-friend-block.friend-online-block .user_rows:nth-child(-n+4) {
    margin-top: 0;
}

.user_rows_mini.core-friend-block.friend-online-block .user_rows>.user_rows_image>a.no_image_user {
    width: 100%;
}

@media (min-width: 767px) {
    .user_rows_mini.core-friend-block.friend-online-block .user_rows {
        width: 40px;
        padding: 0;
        margin-top: 8px !important;
    }

    html[dir="ltr"] .user_rows_mini.core-friend-block.friend-online-block .user_rows {
        margin-right: 16px;
    }

    html[dir="rtl"] .user_rows_mini.core-friend-block.friend-online-block .user_rows {
        margin-left: 16px;
    }
}

.user_rows_mini.core-friend-block .view-friend-more>a {
    background: #E8DAF2;
    border-radius: 100%;
    height: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user_rows_mini.core-friend-block .view-friend-more>a:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

/*=====  End of BLOCK FRIEND PROFILE  ======*/

.feed-stream-content._app_friend .activity_feed_header {
    position: relative;
}

.feed-stream-content._app_friend .activity_feed_header:before {
    content: "";
    width: 2px;
    position: absolute;
    top: 99%;
    border-left: 1px dashed #dcdcdc;
    height: 96px;
}

html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_header:before {
    left: 40px;
}

html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_header:before {
    right: 40px;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_header:before {
        display: none;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text {
    position: relative;
}

html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text {
    padding-left: 64px;
}

html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text {
    padding-right: 64px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text {
        padding-left: 0;
    }

    html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text {
        padding-right: 0;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend {
    position: absolute;
    top: 0;
    left: -48px;
}

@media (min-width: 767px) {
    html[dir='ltr'] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend {
        right: auto;
        top: 0;
        left: calc(50% + 32px);
    }

    html[dir='rtl'] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend {
        left: auto !important;
        top: 0;
        right: calc(50% + 32px) !important;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend a.btn {
    font-size: 18px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend a.btn .ico {
    position: relative;
    left: 2px;
}

html[dir='rtl'] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend a.btn .ico {
    left: auto;
    right: 2px;
}

html[dir='rtl'] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .btn-addfriend {
    left: auto;
    right: -48px;
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:before {
    content: "";
    height: 2px;
    position: absolute;
    width: 64px;
    top: 60%;
    border-bottom: 1px dashed #dcdcdc;
}

html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:before {
    left: 24px;
}

html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:before {
    right: 24px;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:before {
        display: none;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 64px;
    height: 40px;
    top: 60%;
    margin-top: 2px;
    background: #FFF;
}

html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:after {
    left: 0;
}

html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:after {
    right: 0;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text:after {
        display: none;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_link {
    display: flex;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_link {
        flex-direction: column;
        align-items: center;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image {
    max-width: none;
    min-width: 96px;
    width: auto;
}

html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image {
    margin-right: 16px;
}

html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image {
    margin-left: 16px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image {
        margin-right: 0;
    }

    html[dir="rtl"] .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image {
        margin-left: 0;
    }
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image>a:before {
    border: none;
}

.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image .img-wrapper,
.feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image .no_image_user {
    width: 96px;
    height: 96px;
}

@media (min-width: 767px) {

    .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image .img-wrapper,
    .feed-stream-content._app_friend .activity_feed_content .activity_feed_content_text .activity_feed_content_image .no_image_user {
        width: 120px;
        height: 120px;
    }
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content {
    flex: 1;
    position: relative;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .feed_block_title_content {
        text-align: center;
        position: static;
    }
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_link_title {
    font-size: 16px;
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_link_title:hover {
    color: #950FCD !important;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom {
    color: #a2a2a2;
    margin-top: 4px;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .mutual-friends {
    margin-bottom: 4px;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .mutual-friends b {
    color: #555555;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .mutual-friends .friend-info {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .mutual-friends .friend-info {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .mutual-friends .friend-info .mutual-friends-list .user_profile_link_span {
    display: inline;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .gender-location {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 767px) {
    .feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .gender-location {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .gender-location .item-gender {
    display: inline;
}

.feed-stream-content._app_friend .activity_feed_content .feed_block_title_content .activity_feed_content_display_custom .gender-location .item-location {
    display: inline;
}

#js_block_content_profile_friend.user_rows_block_content {
    overflow: visible;
}

.friend_list_holder .item_bar .item_bar_action_holder:hover .item_bar_action,
.friend_list_holder .item_bar .item_bar_action_holder.open .item_bar_action {
    color: #555555;
}

.friend_list_holder .item_bar .item_bar_action_holder:hover .item_bar_action span.ico:before,
.friend_list_holder .item_bar .item_bar_action_holder.open .item_bar_action span.ico:before {
    content: "\ea88";
}

.friend_list_holder .item_bar .item_bar_action_holder .item_bar_action {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #a2a2a2;
}

.friend_list_holder .item_bar .item_bar_action_holder .item_bar_action span.ico {
    display: block;
    padding: 0;
}

.wrapper-items .user-item .no_image_user span {
    position: absolute;
    margin-top: 0;
}

@media (min-width: 767px) {

    #main.empty-left .item-container.user-listing .user-item,
    #main.empty-right .item-container.user-listing .user-item {
        width: 33.33%;
    }

    #main.empty-left.empty-right .item-container.user-listing .user-item {
        width: 25%;
    }
}

@media (min-width: 1200px) {

    #main.empty-left .item-container.user-listing .user-item,
    #main.empty-right .item-container.user-listing .user-item {
        width: 25%;
    }

    #main.empty-left.empty-right .item-container.user-listing .user-item {
        width: 20%;
    }
}

@media (min-width: 768px) and (min-width: 767px) {

    #main.empty-left .item-container.user-listing .user-item,
    #main.empty-right .item-container.user-listing .user-item {
        width: 50%;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    body:not(._is_guest_user) .item-container.user-listing .user-item .item-outer .item-inner {
        min-height: 298px;
    }
}

.item-container.user-listing {
    margin: 0 -12px;
    display: flex;
    flex-flow: wrap;
}

@media (min-width: 767px) {
    .item-container.user-listing {
        margin: 0 -4px;
    }
}

.item-container.user-listing .user-item {
    padding: 0 12px;
    width: 33.33%;
    margin-bottom: 24px;
    position: relative;
}

@media (max-width: 1199px) {
    .item-container.user-listing .user-item {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .item-container.user-listing .user-item {
        width: 50%;
        padding: 0 4px;
        margin-bottom: 8px;
    }

    .item-container.user-listing .user-item .item-inner .item-media .img-wrapper,
    .item-container.user-listing .user-item .item-inner .item-media .no_image_user {
        width: 96px;
        height: 96px;
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a {
        width: 100%;
        border-radius: 0;
        border: 0 !important;
        border-top: 1px solid #eeeeee !important;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        display: block !important;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a.has-caret {
        padding: 0 32px !important;
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a .ico {
        font-size: 12px;
        font-weight: bold;
    }

    html[dir='rtl'] .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-check {
        display: inline-block;
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-check:before {
        content: "\eb4e";
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-caret-down {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html[dir="ltr"] .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-caret-down {
        right: 0;
    }

    html[dir="rtl"] .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-caret-down {
        left: 0;
    }

    .item-container.user-listing .user-item .item-inner .friend-actions>a .ico-caret-down:before {
        content: "\eab6";
    }
}

.item-container.user-listing .user-item .item-outer {
    height: 100%;
}

.item-container.user-listing .user-item .item-inner {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .item-container.user-listing .user-item .item-inner {
        padding-bottom: 0;
    }
}

.item-container.user-listing .user-item .item-inner:hover {
    background: #E8DAF2;
    border-color: #D5A9FF;
    box-shadow: 0px 6px 12px 0px rgba(153, 251, 166, 0.4);
}

.item-container.user-listing .user-item .item-inner:hover .item-media:before {
    opacity: 1;
}

.item-container.user-listing .user-item .item-inner .img-wrapper,
.item-container.user-listing .user-item .item-inner .no_image_user {
    width: 130px;
    height: 130px;
    margin: auto;
    margin-bottom: 16px;
}

.item-container.user-listing .user-item .item-media {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
}

.item-container.user-listing .user-item .item-media:before {
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background: rgba(153, 251, 166, 0.4);
    opacity: 0.4;
    position: absolute;
    top: -24px;
    left: -50%;
    transform: rotate(25deg);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir='rtl'] .item-container.user-listing .user-item .item-media:before {
    left: auto;
    right: -50%;
}

.item-container.user-listing .user-item .user-info {
    max-height: 72px;
    flex: 1;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
    flex-basis: auto;
}

.item-container.user-listing .user-item .user-info .user-title {
    font-size: 16px;
    margin-bottom: 8px;
}

.item-container.user-listing .user-item .user-info .user-title .user_profile_link_span a {
    font-weight: normal !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-container.user-listing .user-item .user-info .user-title .user_profile_link_span a:hover {
    color: #9740D5 !important;
}

.item-container.user-listing .user-item .user-info .friend-info {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 8px;
}

.item-container.user-listing .user-item .user-info .user-location {
    color: #a2a2a2;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}

.item-container.user-listing .user-item .user-info .user-joined {
    color: #a2a2a2;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-container.user-listing .user-item .user-info .user-gender {
    color: #a2a2a2;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}

.item-container.user-listing .user-item .user-info .dropdown.admin-actions {
    position: absolute;
    right: 4px;
    top: 120px;
}

html[dir="rtl"] .item-container.user-listing .user-item .user-info .dropdown.admin-actions {
    right: auto;
    left: 4px;
}

@media (min-width: 767px) {
    .item-container.user-listing .user-item .user-info .dropdown.admin-actions {
        top: 80px;
    }
}

.item-container.user-listing .user-item .user-info .dropdown.admin-actions a.btn {
    color: #a2a2a2;
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.user-listing .user-item .user-info .dropdown.admin-actions a.btn:hover {
    color: #555555;
}

.item-container.user-listing .user-item .user-info .dropdown.admin-actions.open a.btn {
    color: #555555;
}

.item-container.user-listing .user-item .user-info .dropdown.admin-actions.open a.btn span.ico.ico-gear-o:before {
    content: "\ea88";
}

.item-container.user-listing .user-item .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-bottom: 6px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] .item-container.user-listing .user-item .dropdown-menu:after {
    left: auto;
    right: 10px;
}

html[dir="rtl"] .item-container.user-listing .user-item .dropdown-menu:after {
    left: 10px;
    right: auto;
}

.item-container.user-listing .user-item .dropdown-menu .ico {
    font-size: 16px;
}

.item-container.user-listing .user-item .friend-actions .btn .ico {
    font-size: 16px;
}

.item-container.user-listing .user-item .friend-actions .dropdown-menu .add_to_list a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 300px !important;
}

@media (min-width: 767px) {
    .item-container.user-listing .user-item .friend-actions .dropdown-menu .add_to_list a {
        max-width: 50vw !important;
    }
}

.item-container.user-listing .user-item .dropup .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-top: 6px solid #ffffff;
    top: 100%;
    bottom: auto;
}

html[dir="ltr"] .item-container.user-listing .user-item .dropup .dropdown-menu:after {
    left: calc(50% - 3px);
    right: auto;
}

html[dir="rtl"] .item-container.user-listing .user-item .dropup .dropdown-menu:after {
    left: auto;
    right: calc(50% - 3px);
}

.item-container.user-listing .user-item .item-featured {
    background: #9740D5;
    position: absolute;
    top: 0px;
    right: 18px;
    color: #FFF;
    width: 24px;
    padding: 4px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 6px 12px 0px rgba(162, 162, 162, 0.4);
}

html[dir='rtl'] .item-container.user-listing .user-item .item-featured {
    right: auto;
    left: 18px;
}

.item-container.user-listing .user-item .item-featured:before {
    content: "";
    border: 6px solid transparent;
    border-left: 12px solid #9740D5;
    border-right: 12px solid #9740D5;
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
}

#js_block_border_user_featured {
    position: relative;
}

#js_block_border_user_featured .sticky-featured-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] #js_block_border_user_featured .sticky-featured-icon {
    right: 16px;
}

html[dir="rtl"] #js_block_border_user_featured .sticky-featured-icon {
    left: 16px;
}

.member-listing.featured-members .item-listing {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eeeeee;
}

.member-listing.featured-members .item-listing:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.member-listing.featured-members .item-outer {
    display: flex;
}

.member-listing.featured-members .item-outer .item-media {
    min-width: 40px;
}

html[dir='ltr'] .member-listing.featured-members .item-outer .item-media {
    margin-right: 12px;
}

html[dir='rtl'] .member-listing.featured-members .item-outer .item-media {
    margin-left: 12px;
}

.member-listing.featured-members .item-outer .item-media .img-wrapper,
.member-listing.featured-members .item-outer .item-media .no_image_user {
    width: 40px;
    height: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0);
}

.member-listing.featured-members .item-outer:hover .item-media .img-wrapper,
.member-listing.featured-members .item-outer:hover .item-media .no_image_user {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.member-listing.featured-members .item-outer:hover .item-inner .pages_link_span a,
.member-listing.featured-members .item-outer:hover .item-inner .user_profile_link_span a {
    color: #950FCD !important;
}

.member-listing.featured-members .item-outer:hover .item-inner .friend-info {
    color: #555555;
}

.member-listing.featured-members .item-outer:hover .item-inner .friend-info .mutual-friends-list a {
    color: #555555;
}

.member-listing.featured-members .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.member-listing.featured-members .item-outer .item-inner .pages_link_span,
.member-listing.featured-members .item-outer .item-inner .user_profile_link_span {
    display: block;
    margin-bottom: 2px;
}

.member-listing.featured-members .item-outer .item-inner .pages_link_span a,
.member-listing.featured-members .item-outer .item-inner .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: 400 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.member-listing.featured-members .item-outer .item-inner .pages_link_span a:hover,
.member-listing.featured-members .item-outer .item-inner .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.member-listing.featured-members .item-outer .item-inner .user-location,
.member-listing.featured-members .item-outer .item-inner .user-joined {
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-listing.featured-members .item-outer .item-inner .user-location span,
.member-listing.featured-members .item-outer .item-inner .user-joined span {
    color: #a2a2a2;
}

.member-listing.featured-members .item-outer .item-inner .friend-info {
    color: #a2a2a2;
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.member-listing.featured-members .item-outer .item-inner .friend-info .mutual-friends-list a {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.member-listing.featured-members .item-outer .item-inner .friend-info .mutual-friends-list a:hover {
    color: #9740D5;
}

.member-listing.featured-members .item-outer .item-inner .friend-info .friend-info {
    margin-bottom: 2px;
}

#page_user_remove .table-responsive table {
    display: table;
    table-layout: fixed;
    white-space: nowrap;
}

#page_user_remove .table-responsive table tr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
}

#page_user_remove .table-responsive table tr td {
    width: 33.33%;
    border-top: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_user_remove .table-responsive table tr td>a {
    width: 80px;
    display: block;
}

@media screen and (min-width: 767px) {
    #page_user_remove .table-responsive table tr td {
        width: 50%;
    }
}

@media screen {
    #page_user_remove .table-responsive table tr td {
        width: 100%;
    }
}

#page_user_remove .table-responsive .img-wrapper,
#page_user_remove .table-responsive .no-image-user {
    width: 80px;
    height: 80px;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing {
    display: inline-block;
    display: block;
    display: flex;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing:before,
#js_friend_sort_holder.ui-sortable .item-container.user-listing:after {
    content: " ";
    display: table;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing:after {
    clear: both;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing:before,
#js_friend_sort_holder.ui-sortable .item-container.user-listing:after {
    content: " ";
    display: table;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing:after {
    clear: both;
}

#js_friend_sort_holder.ui-sortable .item-container.user-listing .user-item {
    float: left;
}

html[dir='rtl'] #js_friend_sort_holder.ui-sortable .item-container.user-listing .user-item {
    float: right;
}

body#page_core_index-visitor {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
}

body#page_core_index-visitor #main.login-only #js_block_border_user_register {
    width: 100% !important;
    border-radius: 8px;
}

body#page_core_index-visitor #main.login-only.empty-left.empty-right {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

body#page_core_index-visitor #main.welcome-only .welcome-bg-image {
    flex: auto !important;
}

body#page_core_index-visitor .landing-background {
    position: absolute;
    top: 48px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(2px);
}

@media (min-width: 767px) {
    body#page_core_index-visitor .landing-background {
        filter: none;
    }
}

body#page_core_index-visitor .landing-background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

body#page_core_index-visitor #section-header {
    position: relative;
}

body#page_core_index-visitor #main {
    /* @heigh-top-bot: 309px;
        min-height: ~"calc(100vh -"@heigh-top-bot~")"; */
    position: relative;
}

body#page_core_index-visitor #main .container.row_image {
    background-image: none !important;
}

@media (min-width: 767px) {
    body#page_core_index-visitor #main .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

body#page_core_index-visitor #main #content-holder {
    max-width: 100%;
}

body#page_core_index-visitor #main #content-holder #content-stage, body#page_user_landing #main #content-holder #content-stage{
    background: transparent !important;
    box-shadow: none;
    padding: 0;
}

body#page_core_index-visitor .layout-main ._block.location_2 {
    display: flex;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    flex-flow: wrap;
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main ._block.location_2 {
        border-radius: 0;
    }
}

body#page_core_index-visitor .layout-main ._block.location_2>div:not(.welcome-bg-image):not(#js_block_border_user_register) {
    width: 100%;
    order: 3;
}

body#page_core_index-visitor .layout-main ._block.location_2 .welcome-bg-image {
    order: 1;
}

body#page_core_index-visitor .layout-main ._block.location_2 #js_block_border_user_register {
    order: 2;
}

body#page_core_index-visitor .layout-main ._block.location_2 #welcome_message {
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: #FFF;
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
}

body#page_core_index-visitor .layout-main ._block.location_2 #welcome_message:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

body#page_core_index-visitor .layout-main ._block.location_2 #welcome_message .custom_flavor_content {
    position: relative;
    padding: 32px;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 8px 0 0 8px;
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main ._block.location_2 #welcome_message {
        min-height: 250px;
    }

    body#page_core_index-visitor .layout-main ._block.location_2 #welcome_message .custom_flavor_content {
        max-height: 250px;
        padding: 16px;
    }
}

body#page_core_index-visitor .layout-main .welcome-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
    overflow: hidden;
}

html[dir='ltr'] body#page_core_index-visitor .layout-main .welcome-bg-image {
    border-radius: 8px 0 0 8px;
}

html[dir='rtl'] body#page_core_index-visitor .layout-main .welcome-bg-image {
    border-radius: 0 8px 8px 0;
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main .welcome-bg-image {
        border-radius: 0 !important;
    }
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main .welcome-bg-image {
        margin-bottom: 0;
        min-height: 600px;
    }
}

body#page_core_index-visitor .layout-main #js_block_border_user_register {
    width: 344px;
    min-width: 344px;
    background: #FFF;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 0;
}

html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    padding-left: 48px;
}

html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    padding-right: 48px;
}

html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    padding-right: 24px;
}

html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    padding-left: 24px;
}

html[dir='ltr'] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    border-radius: 0 8px 8px 0;
}

html[dir='rtl'] body#page_core_index-visitor .layout-main #js_block_border_user_register {
    border-radius: 8px 0 0 8px;
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main #js_block_border_user_register {
        border-radius: 0 !important;
    }
}

body#page_core_index-visitor .layout-main #js_block_border_user_register .block:not(#js_block_border_user_register) {
    display: none;
}

@media (max-width: 1024px) {
    html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-left: 56px;
    }

    html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-right: 56px;
    }

    html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-right: 56px;
    }

    html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-left: 56px;
    }
}

@media (min-width: 767px) {
    html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-left: 24px;
    }

    html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-right: 24px;
    }

    html[dir="ltr"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-right: 24px;
    }

    html[dir="rtl"] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-left: 24px;
    }
}

@media (min-width: 767px) {
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 {
        flex-direction: column;
    }

    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image {
        min-height: 275px;
        border-radius: 8px 8px 0 0;
    }

    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message {
        min-height: 275px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content {
        max-height: 275px;
    }

    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        width: 100%;
        min-width: auto;
    }
}

@media (min-width: 767px) and (min-width: 481px) {
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        border-radius: 0 0 8px 8px !important;
    }
}

@media (min-width: 767px) and (min-width: 1025px) {
    html[dir='ltr'] body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        padding-left: 96px;
        padding-right: 72px;
    }

    html[dir='rtl'] body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        padding-right: 96px;
        padding-left: 72px;
    }
}

@media (min-width: 768px) and (min-width: 767px) {

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main ._block.location_2,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main ._block.location_2,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 {
        flex-direction: column;
    }

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main ._block.location_2 .welcome-bg-image,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image {
        min-height: 275px;
        border-radius: 8px 8px 0 0;
    }

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main ._block.location_2 .welcome-bg-image #welcome_message,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message {
        min-height: 275px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content {
        max-height: 275px;
    }

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main #js_block_border_user_register,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main #js_block_border_user_register,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        width: 100%;
        min-width: auto;
    }
}

@media (min-width: 768px) and (min-width: 767px) and (min-width: 481px) {

    body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main #js_block_border_user_register,
    body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main #js_block_border_user_register,
    body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        border-radius: 0 0 8px 8px !important;
    }
}

@media (min-width: 768px) and (min-width: 767px) and (min-width: 1025px) {

    html[dir='ltr'] body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main #js_block_border_user_register,
    html[dir='ltr'] body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main #js_block_border_user_register,
    html[dir='ltr'] body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        padding-left: 96px;
        padding-right: 72px;
    }

    html[dir='rtl'] body#page_core_index-visitor #main.empty-left:not(.empty-right) .layout-main #js_block_border_user_register,
    html[dir='rtl'] body#page_core_index-visitor #main.empty-right:not(.empty-left) .layout-main #js_block_border_user_register,
    html[dir='rtl'] body#page_core_index-visitor #main:not(.empty-left):not(.empty-right) .layout-main #js_block_border_user_register {
        padding-right: 96px;
        padding-left: 72px;
    }
}

@media (min-width: 767px) {
    body#page_core_index-visitor .layout-main ._block.location_2 {
        flex-direction: column;
    }

    body#page_core_index-visitor .layout-main ._block.location_2 .welcome-bg-image {
        min-height: 275px;
        border-radius: 8px 8px 0 0;
    }

    body#page_core_index-visitor .layout-main ._block.location_2 .welcome-bg-image #welcome_message {
        min-height: 275px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body#page_core_index-visitor .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content {
        max-height: 275px;
    }

    body#page_core_index-visitor .layout-main #js_block_border_user_register {
        width: 100%;
        min-width: auto;
    }
}

@media (min-width: 767px) and (min-width: 481px) {
    body#page_core_index-visitor .layout-main #js_block_border_user_register {
        border-radius: 0 0 8px 8px !important;
    }
}

@media (min-width: 767px) and (min-width: 1025px) {
    html[dir='ltr'] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-left: 96px;
        padding-right: 72px;
    }

    html[dir='rtl'] body#page_core_index-visitor .layout-main #js_block_border_user_register {
        padding-right: 96px;
        padding-left: 72px;
    }
}

body#page_core_index-visitor #section-footer .footer-holder {
    border-top-color: rgba(255, 255, 255, 0.2);
}

body#page_core_index-visitor #section-footer .footer-holder .copyright {
    color: #FFF;
}

body#page_core_index-visitor #section-footer .footer-holder .copyright a {
    color: #FFF;
}

body#page_core_index-visitor #section-footer .footer-holder .footer-menu li:before {
    background-color: #FFF;
}

body#page_core_index-visitor #section-footer .footer-holder .footer-menu li a {
    color: #FFF;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
}

body#page_core_index-visitor #section-footer .footer-holder .footer-menu li a:hover {
    border-bottom-color: #FFF;
}

._block.location_2 #js_block_border_user_register .title {
    color: #555555 !important;
    font-size: 24px !important;
    line-height: 40px !important;
    font-weight: 700;
    position: relative;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 32px !important;
    border-bottom: 0 !important;
    min-height: auto !important;
}

@media (min-width: 767px) {
    ._block.location_2 #js_block_border_user_register .title {
        margin-bottom: 16px !important;
    }
}

._block.location_2 #js_block_border_user_register .title:after {
    content: "";
    width: 32px;
    height: 4px;
    background: #9740D5;
    display: block;
    position: absolute;
    bottom: 0;
}

html[dir="ltr"] ._block.location_2 #js_block_border_user_register .title:after {
    left: 0;
}

html[dir="rtl"] ._block.location_2 #js_block_border_user_register .title:after {
    right: 0;
}

._block.location_2 #js_block_border_user_register .content {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 460px;
    overflow-y: auto;
    border-top: 0;
}

html[dir="ltr"] ._block.location_2 #js_block_border_user_register .content {
    padding-right: 24px;
}

html[dir="rtl"] ._block.location_2 #js_block_border_user_register .content {
    padding-left: 24px;
}

@media (min-width: 767px) {
    ._block.location_2 #js_block_border_user_register .content {
        max-height: none;
        padding: 0 !important;
    }
}

html[dir="ltr"] ._block.location_2 #js_block_border_user_register .content:not(.mCS_no_scrollbar) {
    padding-right: 0;
}

html[dir="rtl"] ._block.location_2 #js_block_border_user_register .content:not(.mCS_no_scrollbar) {
    padding-left: 0;
}

.register-upload-photo label {
    color: #555555;
}

.register-upload-photo input[type="file"] {
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #dcdcdc;
}

.register-upload-photo p.help-block {
    font-size: 12px;
    color: #c8c8c8;
}

.register-accept-block {
    font-size: 12px;
    color: #a2a2a2;
}

.register-accept-block label {
    flex-flow: wrap;
    line-height: 16px;
}

.register-accept-block label input {
    margin-top: 4px !important;
}

.register-accept-block label span,
.register-accept-block label a {
    padding: 0 4px;
}

.form-button-group {
    display: flex;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

.form-button-group .form-group {
    flex: 1;
    margin-bottom: 0;
}

.form-button-group .form-group.already-member,
.form-button-group .form-group.new-member {
    font-size: 12px;
    color: #9740D5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 2px;
    padding-bottom: 2px;
}

.form-button-group .form-group.already-member a,
.form-button-group .form-group.new-member a {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.form-button-group.register-form-button-group {
    flex-flow: wrap;
}

.form-button-group.register-form-button-group .form-group {
    flex: none;
    width: auto;
    max-width: 100%;
    margin-bottom: 8px;
}

.form-button-group.register-form-button-group .form-group #js_registration_submit {
    display: inline-block !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html[dir='ltr'] .form-button-group.register-form-button-group .form-group.already-member {
    margin-left: auto;
    text-align: right;
}

html[dir='rtl'] .form-button-group.register-form-button-group .form-group.already-member {
    margin-right: auto;
    text-align: left;
}

.form-group.remember-box {
    font-size: 12px;
    color: #a2a2a2;
}

.form-group.remember-box .checkbox label {
    align-items: center;
}

.form-group.remember-box .checkbox label input[type="checkbox"] {
    margin-top: 0;
}

.sign-up-invitation .help-block {
    color: #555555;
    margin-top: 16px;
    margin-bottom: 16px;
}

.sign-up-invitation button {
    width: 100%;
}

.js_box_holder .visitor_form {
    max-width: 400px;
    background: #FFF;
}

@media (max-width: 375px) {
    .js_box_holder .visitor_form .g-recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.js_box_holder .visitor_form .js_box_title {
    box-shadow: none;
    border-bottom: 0;
    padding: 0;
    padding-bottom: 10px;
    position: relative;
    background: transparent;
    padding-top: 32px;
    margin-left: 48px;
    margin-right: 48px;
}

.js_box_holder .visitor_form .js_box_title:before {
    content: "";
    width: 32px;
    height: 2px;
    background: #9740D5;
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 1;
}

html[dir="ltr"] .js_box_holder .visitor_form .js_box_title:before {
    left: 0;
}

html[dir="rtl"] .js_box_holder .visitor_form .js_box_title:before {
    right: 0;
}

.js_box_holder .visitor_form .js_box_title:empty:before {
    opacity: 0;
}

.js_box_holder .visitor_form .js_box_close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px;
}

html[dir="ltr"] .js_box_holder .visitor_form .js_box_close {
    right: 8px;
}

html[dir="rtl"] .js_box_holder .visitor_form .js_box_close {
    left: 8px;
}

.js_box_holder .visitor_form .js_box_close a i.fa {
    font-size: 14px;
}

.js_box_holder .visitor_form .js_box_content {
    padding: 0;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 32px;
    padding-bottom: 32px;
}

@media (min-width: 767px) {
    .js_box_holder .visitor_form .js_box_title {
        margin-left: 24px;
        margin-right: 24px;
    }

    .js_box_holder .visitor_form .js_box_content {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.login-as-page-items .item-outer {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
}

.login-as-page-items .item-outer:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.login-as-page-items .item-inner {
    display: flex;
}

.login-as-page-items .item-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-as-page-items .item-info a {
    font-weight: bold;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 20px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 40px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.form-login-custom-fb {
    display: flex;
    flex-direction: column;
    border-top: 0 !important;
}

.form-login-custom-fb .custom-fb-or {
    font-size: 14px;
    color: #a2a2a2;
    text-transform: uppercase;
    position: relative;
    display: flex;
    justify-content: center;
}

.form-login-custom-fb .custom-fb-or>span {
    width: 40px;
    background: #fff;
    text-align: center;
    display: block;
    z-index: 1;
}

.form-login-custom-fb .custom-fb-or:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #eeeeee;
    bottom: 50%;
}

.form-login-custom-fb .custom_fb {
    margin-top: 12px;
}

.form-login-custom-fb .custom_fb .fb_login_go {
    width: 100%;
    height: 40px;
}

.guest-login-small .facebook-login-header {
    border-left: 1px solid #dcdcdc;
}

html[dir="ltr"] .guest-login-small .facebook-login-header {
    margin-left: 8px;
}

html[dir="rtl"] .guest-login-small .facebook-login-header {
    margin-right: 8px;
}

html[dir="ltr"] .guest-login-small .facebook-login-header {
    padding-left: 8px;
}

html[dir="rtl"] .guest-login-small .facebook-login-header {
    padding-right: 8px;
}

@media (min-width: 767px) {
    .guest-login-small .facebook-login-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

html[dir='rtl'] .guest-login-small .facebook-login-header {
    border-left: 0;
    border-right: 1px solid #dcdcdc;
}

@media (min-width: 767px) {
    .guest-login-small .facebook-login-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html[dir="ltr"] .guest-login-small .facebook-login-header {
        padding-right: 8px;
    }

    html[dir="rtl"] .guest-login-small .facebook-login-header {
        padding-left: 8px;
    }
}

.guest-login-small .fb_login_go {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-indent: 2px;
}

.guest-login-small .fb_login_go .facebook-login-label {
    display: none;
}

.guest-login-small .fb_login_go span.ico {
    margin: 0 !important;
}

#page_user_login #content .form-login-custom-fb .custom_fb .fb_login_go,
#page_user_register #content .form-login-custom-fb .custom_fb .fb_login_go {
    width: 250px;
}

#page_user_login #content .form-login-custom-fb .custom-fb-or,
#page_user_register #content .form-login-custom-fb .custom-fb-or {
    justify-content: flex-start;
}

.layout-right #js_register_capthca_image.recaptcha,
.layout-left #js_register_capthca_image.recaptcha {
    transform: scale(0.75);
    transform-origin: left;
}

html[dir='rtl'] .layout-right #js_register_capthca_image.recaptcha,
html[dir='rtl'] .layout-left #js_register_capthca_image.recaptcha {
    transform-origin: right;
}

.mixin-core-visit-page-column-stlye .layout-main ._block.location_2 {
    flex-direction: column;
}

.mixin-core-visit-page-column-stlye .layout-main ._block.location_2 .welcome-bg-image {
    min-height: 275px;
    border-radius: 8px 8px 0 0;
}

.mixin-core-visit-page-column-stlye .layout-main ._block.location_2 .welcome-bg-image #welcome_message {
    min-height: 275px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mixin-core-visit-page-column-stlye .layout-main ._block.location_2 .welcome-bg-image #welcome_message .custom_flavor_content {
    max-height: 275px;
}

.mixin-core-visit-page-column-stlye .layout-main #js_block_border_user_register {
    width: 100%;
    min-width: auto;
}

@media (min-width: 481px) {
    .mixin-core-visit-page-column-stlye .layout-main #js_block_border_user_register {
        border-radius: 0 0 8px 8px !important;
    }
}

@media (min-width: 1025px) {
    html[dir='ltr'] .mixin-core-visit-page-column-stlye .layout-main #js_block_border_user_register {
        padding-left: 96px;
        padding-right: 72px;
    }

    html[dir='rtl'] .mixin-core-visit-page-column-stlye .layout-main #js_block_border_user_register {
        padding-right: 96px;
        padding-left: 72px;
    }
}

.js_box_holder {
    background: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
    -webkit-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}

.js_box_holder:not(.hidden)+.js_box_holder {
    background: transparent;
}

.js_box_holder .js_box {
    border-radius: 10px;
    max-height: none !important;
    position: absolute !important;
    overflow: visible !important;
}

.js_box_holder .js_box input[type="text"],
.js_box_holder .js_box input[type="email"],
.js_box_holder .js_box input[type="password"],
.js_box_holder .js_box textarea,
.js_box_holder .js_box input:focus,
.js_box_holder .js_box textarea:focus,
.js_box_holder .js_box select {
    background: #FFF;
}

.js_box_holder .js_box_title {
    padding-left: 16px;
    padding-right: 16px;
    min-height: 45px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    background: #f8f8f8;
    border-radius: 10px 10px 0 0;
}

.js_box_holder .js_box_content {
    border-radius: 10px;
}

.js_box_holder .js_box_close {
    z-index: 2;
    top: 16px;
    display: block;
}

html[dir="ltr"] .js_box_holder .js_box_close {
    right: 16px;
}

html[dir="rtl"] .js_box_holder .js_box_close {
    left: 16px;
}

.js_box_holder .js_box_close+.js_box_content {
    border-radius: 0 0 10px 10px;
}

.js_box_holder .js_box_close a {
    -webkit-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.js_box_holder .js_box_close a i.fa {
    font-size: 16px;
}

.js_box_holder .js_box_close a i.fa:before {
    font-family: 'lineficon' !important;
    content: "\eab2";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#js-confirm-popup-wrapper .ui-widget-overlay {
    background: none;
}

#js-confirm-popup-wrapper .ui-dialog-title {
    margin: 0;
}

#js-confirm-popup-wrapper .js_box {
    background: #FFF;
    overflow: hidden !important;
    min-width: 288px;
}

#js-confirm-popup-wrapper .ui-dialog-buttonpane {
    margin: 0;
    padding: 12px;
    background: #FFF;
    border: none;
    border-top: 1px solid #eeeeee;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-content {
    padding: 12px 16px;
    font-size: 14px;
}

#js-confirm-popup-wrapper .ui-dialog-buttonset {
    display: flex;
    float: none;
    justify-content: flex-end;
    text-align: center;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
    min-width: 60px;
    font-size: 14px;
    height: 32px;
    display: inline-block !important;
    text-align: center;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success {
    box-shadow: 0px 1px 2px 0px rgba(9, 216, 36, 0.5) !important;
    color: #ffffff !important;
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.btn-gradient {
    background-size: 100% !important;
    position: relative !important;
    z-index: 1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.btn-gradient:before {
    border-radius: inherit !important;
    background-image: linear-gradient(-90deg, #9740D5, #0dea35) !important;
    content: '' !important;
    display: block !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    width: 100% !important;
    z-index: -1 !important;
    -webkit-transition: opacity 400ms ease !important;
    -o-transition: opacity 400ms ease !important;
    transition: opacity 400ms ease !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.btn-gradient:hover:before {
    opacity: 1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:hover {
    background-color: #950FCD !important;
    box-shadow: 0px 6px 12px 0px rgba(7, 167, 28, 0.4) !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:focus {
    background-color: #9300C5 !important;
    box-shadow: 0px 2px 8px 0px rgba(5, 118, 20, 0.4), inset 0px 0px 2px 0px rgba(7, 167, 28, 0.8) !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.focus {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:hover {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active,
.open>.dropdown-toggle#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active:hover,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active:hover,
.open>.dropdown-toggle#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:hover,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active:focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active:focus,
.open>.dropdown-toggle#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active.focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active.focus,
.open>.dropdown-toggle#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.focus {
    color: #ffffff !important;
    background-color: #068516 !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active,
.open>.dropdown-toggle#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success {
    background-image: none !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled],
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled:hover,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled]:hover,
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:hover,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled:focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled]:focus,
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled.focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled].focus,
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.focus,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled:active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled]:active,
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success:active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.disabled.active,
#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success[disabled].active,
fieldset[disabled] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success.active {
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button.btn-success .badge {
    color: #9740D5 !important;
    background-color: #ffffff !important;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button:focus {
    outline: 0;
}

#js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button:last-child {
    order: -1;
}

html[dir="ltr"] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button:last-child {
    margin-right: 8px;
}

html[dir="rtl"] #js-confirm-popup-wrapper .ui-dialog .ui-dialog-buttonpane button:last-child {
    margin-left: 8px;
}

#js-confirm-popup-wrapper .js_box_close {
    top: 24px;
    padding: 0;
}

#js-confirm-popup-wrapper .js_box_close:after {
    font-family: 'lineficon' !important;
    content: "\eab2";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#js-confirm-popup-wrapper .js_box_close:hover:after {
    color: #555555;
}

#js-confirm-popup-wrapper .js_box_content {
    min-height: 50px !important;
}

.js_user_tool_tip_holder .js_user_tool_tip_body {
    width: 368px;
    border-radius: 6px;
    overflow: hidden;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_cover {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #a2a2a2;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_cover:before {
    content: "";
    display: block;
    padding-bottom: 35.3%;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%);
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner {
    display: flex;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-top: -60px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_image {
    position: static;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_image .no_image_user,
.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_image .img-wrapper {
    width: 96px;
    height: 96px;
    border: 4px solid #fff;
    box-sizing: content-box;
    color: #fff;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info {
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2;
}

html[dir="ltr"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info {
    padding-left: 8px;
}

html[dir="rtl"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info {
    padding-right: 8px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up {
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user {
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status {
    display: inline;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_online,
.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_offline {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    box-sizing: content-box;
    margin-bottom: 2px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_online i,
.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_offline i {
    display: none;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_online {
    background: #9740D5;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .user_tooltip_info_user .user_tooltip_status .user_is_offline {
    background: #a2a2a2;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .user_tooltip_info_up .total-friends {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .bottom-info {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    color: #a2a2a2;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .bottom-info li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .bottom-info li:before {
    display: none;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .bottom-info li:nth-child(-n+2) {
    display: block;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_inner .user_tooltip_info .bottom-info li:nth-child(1) {
    margin-bottom: 4px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 0;
    display: flex;
    flex-flow: wrap;
    color: #555555;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li:first-child {
    margin-left: 4px;
}

html[dir="rtl"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li:first-child {
    margin-right: 4px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li:after {
    content: ",";
    padding-right: 4px;
    margin-left: -4px;
}

html[dir='rtl'] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li:after {
    padding-left: 4px;
    padding-right: 0;
    margin-right: -4px;
    margin-left: 0;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li a {
    color: #9740D5 !important;
    font-weight: normal;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li a:hover {
    color: #950FCD !important;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>li:last-child:after {
    display: none;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual>span {
    font-weight: normal;
    color: #a2a2a2;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual .user_viewmore {
    font-weight: normal;
    color: #9740D5;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_mutual .user_viewmore:hover {
    color: #950FCD;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user {
    position: relative;
    margin: 0;
    background: #f8f8f8;
    border-top: 1px solid #eeeeee;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-end;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul {
    display: flex;
}

html[dir="ltr"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul>li:not(.item-tooltip-viewmore-button) {
    margin-left: 8px;
}

html[dir="rtl"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul>li:not(.item-tooltip-viewmore-button) {
    margin-right: 8px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: -8px;
}

html[dir='rtl'] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button {
    margin-right: 0;
    margin-left: -8px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button>a {
    color: #a2a2a2;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button .dropdown-menu:after {
    right: 10px;
}

html[dir="rtl"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button .dropdown-menu:after {
    right: auto;
    left: 10px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button .dropdown-menu a {
    color: #555555;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user>ul .item-tooltip-viewmore-button .dropdown-menu a:hover {
    color: #950FCD;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .btn-default {
    color: #555555;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .btn-primary {
    color: #fff;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .friend_request_sent {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    font-style: oblique;
}

html[dir="ltr"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .friend_request_sent {
    left: 16px;
}

html[dir="rtl"] .js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .friend_request_sent {
    right: 16px;
}

.js_user_tool_tip_holder .js_user_tool_tip_body .user_tooltip_action_user .friend_request_sent+ul {
    height: 48px;
}

.item-user-request-outer {
    margin: -16px;
    padding-bottom: 16px;
}

.item-user-request-outer .item-user-request-cover {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    background-color: #a2a2a2;
}

.item-user-request-outer .item-user-request-cover:before {
    content: "";
    display: block;
    padding-bottom: 35%;
}

.item-user-request-outer .item-user-request-cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%);
}

.item-user-request-outer .user-request-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-user-request-outer .user-request-main .item-user-request-image .img-wrapper,
.item-user-request-outer .user-request-main .item-user-request-image .no_image_user {
    width: 96px;
    height: 96px;
    border: 4px solid #fff;
    box-sizing: content-box;
    margin-top: -88px;
}

.item-user-request-outer .user-request-main .item-user-request-info {
    text-align: center;
    margin-top: 8px;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-alert {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-alert a {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-mutualfriend {
    font-size: 12px;
    line-height: 16px;
    color: #555555;
    font-weight: bold;
    margin-bottom: 4px;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-request-info-button {
    display: flex;
    justify-content: center;
}

.item-user-request-outer .user-request-main .item-user-request-info .item-user-request-info-button input {
    margin: 0 2px;
}

.item-user-request-outer .item-user-request-action {
    text-align: center;
}

.item-user-request-outer .item-user-request-action #container_submit_friend_request {
    margin-bottom: 16px;
}

.item-user-request-outer .item-user-request-action #friend_request_alert {
    max-height: 40px;
    margin-bottom: 16px;
}

.item-user-request-outer .item-user-request-action input {
    width: auto;
}

.js_box_content .poke-image .no_image_user,
.js_box_content .poke-image .img-wrapper {
    width: 40px;
    height: 40px;
}

.js_box_content .poke-image .no_image_user span {
    font-size: 12px;
}

html[dir="ltr"] .js_box .js_box_content .action_contain {
    right: 0;
}

html[dir="rtl"] .js_box .js_box_content .action_contain {
    left: 0;
}

/*========================================
=            All Notification            =
========================================*/

#js_notification_holder .notification_holder .notification_date:not(:first-child) {
    margin-top: 16px;
}

#js_notification_holder .notification_holder .notification_date {
    font-weight: bold;
    color: #a2a2a2;
    margin-bottom: 16px;
}

#js_notification_holder .notification_holder .all-notification-item {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#js_notification_holder .notification_holder .all-notification-item.is_new {
    background: #E8DAF2;
}

#js_notification_holder .notification_holder .all-notification-item.is_new+.all-notification-item:not(.is_new):after {
    opacity: 1;
}

#js_notification_holder .notification_holder .all-notification-item.is_new:after {
    opacity: 1;
}

@media (min-width: 767px) {
    #js_notification_holder .notification_holder .all-notification-item.is_new:hover {
        background: #D5A9FF;
    }

    #js_notification_holder .notification_holder .all-notification-item.is_new:hover:before,
    #js_notification_holder .notification_holder .all-notification-item.is_new:hover:after {
        background-color: #D5A9FF;
    }

    #js_notification_holder .notification_holder .all-notification-item.is_new:hover+.all-notification-item.is_new:after {
        background-color: #D5A9FF;
    }

    #js_notification_holder .notification_holder .all-notification-item.is_new:hover:after {
        opacity: 1;
    }
}

#js_notification_holder .notification_holder .all-notification-item:hover .notification_delete {
    opacity: 1 !important;
}

@media (min-width: 767px) {
    #js_notification_holder .notification_holder .all-notification-item:hover {
        background: #f8f8f8;
    }

    #js_notification_holder .notification_holder .all-notification-item:hover:before,
    #js_notification_holder .notification_holder .all-notification-item:hover:after {
        background-color: #f8f8f8;
    }

    #js_notification_holder .notification_holder .all-notification-item:hover:after {
        opacity: 1;
    }
}

#js_notification_holder .notification_holder .all-notification-item:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    background: #dcdcdc;
}

#js_notification_holder .notification_holder .all-notification-item:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    background: #dcdcdc;
    opacity: 0;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer {
    display: flex;
    width: 100%;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-avatar {
    margin-right: 12px;
    min-width: 40px;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-avatar .no_image_user,
#js_notification_holder .notification_holder .all-notification-item .item-outer .item-avatar .img-wrapper {
    width: 40px;
    height: 40px;
}

html[dir='rtl'] #js_notification_holder .notification_holder .all-notification-item .item-outer .item-avatar {
    margin-right: 0;
    margin-left: 12px;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner .main_link {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    background: none;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner .main_link .drop_data_user {
    font-weight: bold;
    color: #555555;
    font-size: 14px;
    line-height: 18px;
}

html[dir='rtl'] #js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner .main_link .drop_data_user {
    display: inline-block;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner .extra_info {
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .item-inner .main-link-bg-click {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .notification_delete {
    position: absolute;
    top: 8px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] #js_notification_holder .notification_holder .all-notification-item .item-outer .notification_delete {
    right: 8px;
}

html[dir="rtl"] #js_notification_holder .notification_holder .all-notification-item .item-outer .notification_delete {
    left: 8px;
}

#js_notification_holder .notification_holder .all-notification-item .item-outer .notification_delete>a {
    color: #a2a2a2;
    font-size: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 767px) {
    #js_notification_holder .notification_holder .all-notification-item .item-outer .notification_delete {
        display: block !important;
        position: static;
        opacity: 1;
    }
}

#js_notification_holder .table_clear_button {
    position: absolute;
    top: -60px;
}

html[dir="ltr"] #js_notification_holder .table_clear_button {
    right: 0;
}

html[dir="rtl"] #js_notification_holder .table_clear_button {
    left: 0;
}

#js_notification_holder .table_clear_button li {
    margin-top: 0;
}

#js_notification_holder .table_clear_button input {
    background: none;
    color: #9740D5;
    padding: 0 !important;
}

@media (min-width: 767px) {
    #js_notification_holder .table_clear_button input {
        font-size: 12px;
    }
}

#js_notification_holder .table_clear_button input:focus {
    background: none !important;
    border: 0 !important;
    outline: none;
}

/*=====  End of All Notification  ======*/
/*========================================
=            Incoming request            =
========================================*/

.item-container-friends-incoming .friend-incoming-item {
    margin: 0 -16px;
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item {
    padding-right: 16px;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item {
    padding-left: 16px;
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item {
    padding-left: 64px;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item {
    padding-right: 64px;
}

@media screen {
    html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item {
        padding-left: 48px;
    }

    html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item {
        padding-right: 48px;
    }
}

.item-container-friends-incoming .friend-incoming-item.friend-request-accepted {
    background-color: #D5A9FF;
}

.item-container-friends-incoming .friend-incoming-item.friend-request-accepted:hover {
    background-color: #D5A9FF;
}

.item-container-friends-incoming .friend-incoming-item.friend-request-accepted .item-info {
    color: #555555 !important;
}

.item-container-friends-incoming .friend-incoming-item .moderation_row {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item .moderation_row {
    left: 0;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item .moderation_row {
    right: 0;
}

.item-container-friends-incoming .friend-incoming-item:first-child .item-outer {
    border-top: none;
}

.item-container-friends-incoming .friend-incoming-item:last-child .item-outer {
    border-bottom: 1px solid #eeeeee;
}

.item-container-friends-incoming .friend-incoming-item.is_new {
    background: #cafdd0 !important;
}

.item-container-friends-incoming .friend-incoming-item:hover .item-outer,
.item-container-friends-incoming .friend-incoming-item.active .item-outer {
    border-color: #dcdcdc;
}

.item-container-friends-incoming .friend-incoming-item:hover .item-outer .item-inner .item-title .user_profile_link_span a,
.item-container-friends-incoming .friend-incoming-item.active .item-outer .item-inner .item-title .user_profile_link_span a {
    color: #950FCD !important;
}

.item-container-friends-incoming .friend-incoming-item:hover+.friend-incoming-item .item-outer,
.item-container-friends-incoming .friend-incoming-item.active+.friend-incoming-item .item-outer {
    border-top-color: #dcdcdc;
}

@media (min-width: 767px) {

    .item-container-friends-incoming .friend-incoming-item:hover,
    .item-container-friends-incoming .friend-incoming-item.active {
        background: #f8f8f8;
    }
}

.item-container-friends-incoming .friend-incoming-item:hover .js_hover_info:before,
.item-container-friends-incoming .friend-incoming-item.active .js_hover_info:before,
.item-container-friends-incoming .friend-incoming-item:hover .img-wrapper:before,
.item-container-friends-incoming .friend-incoming-item.active .img-wrapper:before {
    border: 1px solid #950FCD;
}

.item-container-friends-incoming .friend-incoming-item:hover .img-wrapper,
.item-container-friends-incoming .friend-incoming-item.active .img-wrapper,
.item-container-friends-incoming .friend-incoming-item:hover .no_image_user,
.item-container-friends-incoming .friend-incoming-item.active .no_image_user {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.item-container-friends-incoming .friend-incoming-item .item-outer {
    display: flex;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #eeeeee;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src {
    min-width: 56px;
}

@media screen {
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src {
        min-width: 32px;
    }
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .no_image_user,
.item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .img-wrapper {
    width: 56px;
    height: 56px;
}

@media screen {

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .no_image_user,
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .img-wrapper {
        width: 32px;
        height: 32px;
    }

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .no_image_user>span,
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-media-src .img-wrapper>span {
        font-size: 12px;
    }
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    position: relative;
    padding-right: 230px;
}

@media screen {
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
        padding-right: 100px;
    }

    html[dir='rtl'] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
        padding-right: 0 !important;
        padding-left: 100px !important;
    }
}

html[dir='rtl'] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
    padding-right: 0;
    padding-left: 230px;
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
    margin-left: 16px;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner {
    margin-right: 16px;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-title .user_profile_link_span a {
    font-weight: bold !important;
    font-size: 14px;
    line-height: 18px;
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-title .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-info .user-joined {
    white-space: normal;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-info a {
    color: #555555 !important;
}

html[dir='rtl'] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .item-info a {
    display: inline-block;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content {
    position: absolute;
    top: -8px;
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content {
    right: 0;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content {
    left: 0;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_user>.dropdown.open a.btn {
    background: #E8DAF2;
    color: #950FCD;
    border-color: #D5A9FF !important;
}

.item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li {
    margin: 0;
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li {
    margin-left: 8px;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li {
    margin-right: 8px;
}

@media screen {
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button {
        display: inline-flex !important;
    }

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li a {
        width: 32px;
        height: 32px;
    }

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li a .ico,
    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li a .fa {
        margin: 0;
    }

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li a.btn-delete .ico {
        display: block !important;
    }

    .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .drop_data_action .table_clear_button li a .item-text {
        display: none;
    }
}

html[dir="ltr"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .caret {
    margin-left: 8px;
}

html[dir="rtl"] .item-container-friends-incoming .friend-incoming-item .item-outer .item-inner .drop_data_content .caret {
    margin-right: 8px;
}

#page_friend_accept ._block_top {
    height: 56px;
    margin-top: -16px;
    padding-top: 12px;
}

/*=====  End of Incoming request  ======*/

.fixed-main-navigation {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    display: inline-flex;
}

html[dir='ltr'] .fixed-main-navigation:hover [data-toggle='dropdown'] {
    border-right-color: #a2a2a2;
}

html[dir='rtl'] .fixed-main-navigation:hover [data-toggle='dropdown'] {
    border-left-color: #a2a2a2;
}

.fixed-main-navigation .open [data-toggle='dropdown'] {
    border-color: #a2a2a2;
    color: #555555;
}

.fixed-main-navigation [data-toggle='dropdown'] {
    cursor: pointer;
    width: 32px;
    height: 32px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #a2a2a2;
    transition: all 300ms ease;
}

html[dir='ltr'] .fixed-main-navigation [data-toggle='dropdown'] {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

html[dir='rtl'] .fixed-main-navigation [data-toggle='dropdown'] {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fixed-main-navigation [data-toggle='dropdown']:hover {
    border-color: #a2a2a2;
    color: #555555;
}

.fixed-main-navigation .dropdown-menu.site_menu {
    background: rgba(9, 216, 36, 0.9);
    min-width: 224px;
    max-height: 320px;
    overflow: auto;
}

.fixed-main-navigation .dropdown-menu.site_menu:after {
    border-bottom-color: rgba(9, 216, 36, 0.9);
}

.fixed-main-navigation .dropdown-menu.site_menu li a {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 16px;
}

.fixed-main-navigation .dropdown-menu.site_menu li a:hover,
.fixed-main-navigation .dropdown-menu.site_menu li a:focus,
.fixed-main-navigation .dropdown-menu.site_menu li a.menu_is_selected {
    background: #950FCD;
}

@media screen and (min-width: 767px) {
    .fixed-main-navigation {
        display: none !important;
    }
}

.fixed-main-navigation .js-btn-collapse-main-nav {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #555555;
    padding: 0 12px;
    height: 32px;
    border: 1px solid #dcdcdc;
    background-color: #f8f8f8;
    cursor: pointer;
    transition: all 300ms ease;
    line-height: 32px;
    display: inline-block;
}

html[dir='rtl'] .fixed-main-navigation .js-btn-collapse-main-nav {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 0;
}

html[dir='ltr'] .fixed-main-navigation .js-btn-collapse-main-nav {
    border-left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fixed-main-navigation .js-btn-collapse-main-nav>a {
    color: #555555;
    display: flex;
    align-items: center;
}

.fixed-main-navigation .js-btn-collapse-main-nav span {
    display: inline-block;
}

.fixed-main-navigation .js-btn-collapse-main-nav .fa,
.fixed-main-navigation .js-btn-collapse-main-nav .ico {
    margin-right: 12px;
    margin-bottom: 2px;
}

html[dir='rtl'] .fixed-main-navigation .js-btn-collapse-main-nav .fa,
html[dir='rtl'] .fixed-main-navigation .js-btn-collapse-main-nav .ico {
    margin-right: 0;
    margin-left: 12px;
}

.fixed-main-navigation .js-btn-collapse-main-nav:hover {
    border-color: #a2a2a2;
    background-color: #eeeeee;
}

.fixed-main-navigation .js-btn-collapse-main-nav:empty {
    display: none;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fixed-header body[data-header="fixed"] {
    padding-top: 48px;
}

.fixed-header body[data-header="fixed"] .sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
}

.fixed-header body[data-header="fixed"][data-mainmenu="fixed"] .fixed-main-navigation {
    opacity: 1;
    visibility: visible;
}

.fixed-app-menu body[data-submenu="fixed"] ._block.location_6 {
    min-height: 40px;
    display: flex;
    flex-direction: column;
}

.fixed-app-menu body[data-submenu="fixed"] #js_block_border_core_menusub.block {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f8f8f8;
}

.fixed-app-menu body[data-submenu="fixed"] #js_block_border_core_breadcrumb {
    padding-top: 40px;
}

.fixed-app-menu body[data-submenu="fixed"] .breadcrumbs_right_section#breadcrumbs_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    top: 40px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .fixed-app-menu body[data-submenu="fixed"] .breadcrumbs_right_section#breadcrumbs_menu:not(:nth-child(2)) {
        top: 40px;
    }
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu.set_to_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    background: #f8f8f8 !important;
    box-shadow: 0px 2px 8px 0px rgba(162, 162, 162, 0.4), inset 0px 0px 2px 0px rgba(162, 162, 162, 0.8);
    padding-left: calc(50vw - 578px - 16px);
    padding-right: calc(50vw - 578px - 16px);
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    height: 48px;
}

html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    padding-left: 8px;
}

html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    padding-right: 8px;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li {
    border-right: 0;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a {
    height: 48px;
    color: #a2a2a2;
    flex-direction: row;
    transition: all 300ms ease-in-out;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a:hover {
    color: #555555;
    background-color: #eeeeee;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-bottom: 0;
}

html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-right: 8px;
}

html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-left: 8px;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] {
    border-left: 1px solid #eeeeee;
}

html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] .ico {
    margin-right: 0;
}

html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] .ico {
    margin-left: 0;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.active>a {
    border-bottom: 2px solid #9740D5;
    color: #9740D5;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.dropdown-overflow.open a[data-toggle="dropdown"]:after {
    opacity: 1;
    visibility: visible;
}

@media screen {
    .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.dropdown-overflow.open a[data-toggle="dropdown"]:after {
        opacity: 0;
        visibility: hidden;
    }
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li .dropdown-menu:after {
    display: none;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    display: block !important;
    border-right: 0;
}

html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-right: 8px;
}

html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-left: 8px;
}

html[dir="ltr"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-left: 8px;
}

html[dir="rtl"] .fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-right: 8px;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder a {
    border-radius: 100%;
    border-width: 0;
    padding: 0;
    height: auto;
    margin-top: 8px;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .img-wrapper,
.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user {
    width: 32px;
    height: 32px;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user {
    border: 2px solid #FFF;
}

.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user span {
    font-size: 11px;
}

.fixed-app-menu.fixed-header body[data-header="fixed"] {
    padding-top: 48px;
}

.fixed-app-menu.fixed-header body[data-header="fixed"] .sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-mainmenu="fixed"] .fixed-main-navigation {
    opacity: 1;
    visibility: visible;
}

.fixed-app-menu.fixed-header body[data-submenu="fixed"] ._block.location_6 {
    min-height: 40px;
    display: flex;
    flex-direction: column;
}

.fixed-app-menu.fixed-header body[data-submenu="fixed"] #js_block_border_core_menusub.block {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f8f8f8;
}

.fixed-app-menu.fixed-header body[data-submenu="fixed"] #js_block_border_core_breadcrumb {
    padding-top: 40px;
}

.fixed-app-menu.fixed-header body[data-submenu="fixed"] .breadcrumbs_right_section#breadcrumbs_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    top: 40px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .fixed-app-menu.fixed-header body[data-submenu="fixed"] .breadcrumbs_right_section#breadcrumbs_menu:not(:nth-child(2)) {
        top: 40px;
    }
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] {
    padding-top: 88px;
}

@media (min-width: 767px) {
    .fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] {
        padding-top: 90px;
    }
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header ._block.location_6 {
    display: flex;
    flex-direction: column;
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header .sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    z-index: 100;
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header .breadcrumbs_right_section#breadcrumbs_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    top: auto;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header .breadcrumbs_right_section#breadcrumbs_menu:not(:nth-child(2)) {
        top: 88px;
    }
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header #js_block_border_core_menusub {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    top: 48px;
    z-index: 98;
}

.fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header #js_block_border_core_breadcrumb {
    padding-top: 40px;
}

@media (min-width: 767px) {
    .fixed-app-menu.fixed-header body[data-header="fixed"][data-submenu="fixed"] #section-header .main-navigation {
        height: 0 !important;
        overflow: hidden !important;
        transition: all 300ms ease;
    }
}

.fixed-header.fixed-profile-menu body[data-header="fixed"] {
    padding-top: 48px;
}

.fixed-header.fixed-profile-menu body[data-header="fixed"] .sticky-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
}

.fixed-header.fixed-profile-menu body[data-header="fixed"][data-mainmenu="fixed"] .fixed-main-navigation {
    opacity: 1;
    visibility: visible;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu.set_to_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    background: #f8f8f8 !important;
    box-shadow: 0px 2px 8px 0px rgba(162, 162, 162, 0.4), inset 0px 0px 2px 0px rgba(162, 162, 162, 0.8);
    padding-left: calc(50vw - 578px - 16px);
    padding-right: calc(50vw - 578px - 16px);
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    height: 48px;
}

html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    padding-left: 8px;
}

html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul {
    padding-right: 8px;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li {
    border-right: 0;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a {
    height: 48px;
    color: #a2a2a2;
    flex-direction: row;
    transition: all 300ms ease-in-out;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a:hover {
    color: #555555;
    background-color: #eeeeee;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-bottom: 0;
}

html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-right: 8px;
}

html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .ico,
html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a .fa {
    margin-left: 8px;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] {
    border-left: 1px solid #eeeeee;
}

html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] .ico {
    margin-right: 0;
}

html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li>a[data-toggle="dropdown"] .ico {
    margin-left: 0;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.active>a {
    border-bottom: 2px solid #9740D5;
    color: #9740D5;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.dropdown-overflow.open a[data-toggle="dropdown"]:after {
    opacity: 1;
    visibility: visible;
}

@media screen {
    .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li.dropdown-overflow.open a[data-toggle="dropdown"]:after {
        opacity: 0;
        visibility: hidden;
    }
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu>ul>li .dropdown-menu:after {
    display: none;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    display: block !important;
    border-right: 0;
}

html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-right: 8px;
}

html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-left: 8px;
}

html[dir="ltr"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-left: 8px;
}

html[dir="rtl"] .fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder {
    margin-right: 8px;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder a {
    border-radius: 100%;
    border-width: 0;
    padding: 0;
    height: auto;
    margin-top: 8px;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .img-wrapper,
.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user {
    width: 32px;
    height: 32px;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user {
    border: 2px solid #FFF;
}

.fixed-header.fixed-profile-menu body[data-profile="fixed"].profile_menu_is_fixed .profiles-menu .profile-image-holder .no_image_user span {
    font-size: 11px;
}

.fixed-header.fixed-profile-menu body[data-header="fixed"][data-profile="fixed"].profile_menu_is_fixed {
    padding-top: 96px;
}

.fixed-header.fixed-profile-menu body[data-header="fixed"][data-profile="fixed"].profile_menu_is_fixed .profiles-menu.set_to_fixed {
    top: 48px;
}

/*Begin ' . Photos . '*/
/*=============================
=            photo            =
=============================*/

.text-transition {
    transition: color 0.3s;
}

.album-collection {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.album-collection .flag_style_parent {
    position: absolute;
    display: flex;
    right: 8px;
    top: 0;
}

.album-collection .photo-album-item {
    width: 33.33%;
    margin-bottom: 24px;
    position: relative;
}

.album-collection .photo-album-item .item-outer {
    display: flex;
    flex-direction: column;
    position: relative;
}

.album-collection .photo-album-item .item-outer .item-media {
    position: relative;
    transition: box-shadow 0.3s;
}

.album-collection .photo-album-item .item-outer .item-media a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.album-collection .photo-album-item .item-outer .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.album-collection .photo-album-item .item-outer .item-media .item-total-photo {
    height: 40px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.album-collection .photo-album-item .item-outer .item-media .item-total-photo .ico {
    margin-right: 10px;
    display: inline-block;
}

html[dir='rtl'] .album-collection .photo-album-item .item-outer .item-media .item-total-photo {
    right: auto;
    left: 8px;
}

html[dir='rtl'] .album-collection .photo-album-item .item-outer .item-media .item-total-photo .ico {
    margin-right: 0;
    margin-left: 10px;
}

.album-collection .photo-album-item .item-outer .item-media:before,
.album-collection .photo-album-item .item-outer .item-media:after {
    content: "";
    height: 4px;
    position: absolute;
    top: 100%;
    transition: background-color 0.3s;
}

.album-collection .photo-album-item .item-outer .item-media:before {
    background-color: #dcdcdc;
    left: 4px;
    right: 4px;
}

.album-collection .photo-album-item .item-outer .item-media:after {
    left: 8px;
    right: 8px;
    background-color: #eeeeee;
    margin-top: 4px;
}

.album-collection .photo-album-item .item-outer .item-inner {
    position: relative;
}

html[dir="ltr"] .album-collection .photo-album-item .item-outer .item-inner.has-permission {
    padding-right: 24px;
}

html[dir="rtl"] .album-collection .photo-album-item .item-outer .item-inner.has-permission {
    padding-left: 24px;
}

.album-collection .photo-album-item .item-outer .item-inner .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

.album-collection .photo-album-item .item-outer .item-inner .item-title a {
    font-size: 16px;
    line-height: 21px;
    color: #555555;
}

.album-collection .photo-album-item .item-outer .item-inner .item-author {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.album-collection .photo-album-item .item-outer .item-inner .item-author .user_profile_link_span {
    display: inline-block;
}

.album-collection .photo-album-item .item-outer .item-inner .item-author .user_profile_link_span,
.album-collection .photo-album-item .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
}

.album-collection .photo-album-item .item-outer:hover .item-title a {
    color: #9740D5;
}

.album-collection .photo-album-item .item-outer:hover .item-media {
    box-shadow: 0px 10px 20px 0px rgba(38, 129, 213, 0.2);
}

.album-collection .photo-album-item .item-outer:hover .item-media:before {
    background-color: #9E9AB1;
}

.album-collection .photo-album-item .item-outer:hover .item-media:after {
    background-color: #D5A9FF;
}

@media screen and (min-width: 767px) {
    .album-collection .photo-album-item {
        width: 50%;
    }
}

@media screen {
    .album-collection .photo-album-item {
        width: 100%;
    }
}

.album-collection .photo-album-item .moderation_row {
    position: absolute;
    top: 0;
    left: 0;
}

html[dir='rtl'] .album-collection .photo-album-item .moderation_row {
    right: 0;
    left: auto;
}

.album-collection .photo-album-item .item-option {
    position: absolute;
    right: -8px;
    top: -8px;
}

.album-collection .photo-album-item .item-option span[data-toggle="dropdown"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.album-collection .photo-album-item .item-option .row_edit_bar_action .ico {
    color: #a2a2a2;
}

html[dir='rtl'] .album-collection .photo-album-item .item-option {
    left: -8px;
    right: auto;
}

.photo-featured {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
}

.photo-featured li {
    width: 50%;
    padding: 0 1px;
    margin-bottom: 2px;
    position: relative;
}

.photo-featured li a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.photo-featured li a:before {
    content: "";
    display: block;
    padding-bottom: 80%;
}

.photo-featured li .photo_like {
    font-size: 12px;
    color: #fff;
    height: 24px;
    bottom: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    border-radius: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
}

@media (min-width: 767px) {
    .photo-featured li .photo_like {
        opacity: 1;
    }
}

@media (min-width: 767px) {
    .photo-featured li .photo_like {
        display: none;
    }
}

html[dir='rtl'] .photo-featured li .photo_like {
    right: 4px;
    left: auto;
}

.photo-featured li:hover .photo_like {
    opacity: 1;
}

.photo-featured li:only-child {
    width: 100%;
}

.photo-featured.photo-featured-count-1 li {
    width: 100%;
}

.photo-featured.photo-featured-count-2 li {
    width: 50%;
}

.photo-featured.photo-featured-count-3 li {
    width: 50%;
}

.photo-featured.photo-featured-count-3 li:first-of-type {
    width: 100%;
}

.photo-featured.photo-featured-count-3 li:first-of-type>a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.photo-featured.photo-featured-count-3 li:first-of-type>a:before {
    content: "";
    display: block;
    padding-bottom: 68%;
}

@media (min-width: 767px) and (min-width: 641px) {
    .photo-featured li {
        width: 25% !important;
    }

    .photo-featured li>a {
        display: block !important;
        position: relative !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-origin: border-box !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .photo-featured li>a:before {
        content: "" !important;
        display: block !important;
        padding-bottom: 80% !important;
    }
}

@media (max-width: 640px) and (min-width: 481px) {
    .photo-featured li {
        width: 33.33% !important;
    }

    .photo-featured li>a {
        display: block !important;
        position: relative !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-origin: border-box !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .photo-featured li>a:before {
        content: "" !important;
        display: block !important;
        padding-bottom: 80% !important;
    }
}

.photo-listing {
    margin: 0 -2px;
    position: relative;
}

[data-mode-view="casual"] .photo-listing {
    margin-bottom: 60px;
}

[data-mode-view="casual"] .photo-listing .js_pager_view_more_link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -50px;
}

[data-mode-view="casual"] .photo-listing .photo-listing-item .item-media img {
    width: 100%;
}

.photo-listing .photo-listing-item {
    padding: 0 2px;
    margin-bottom: 4px;
}

[data-mode-view="grid"] .photo-listing .photo-listing-item {
    float: left;
}

[data-mode-view="grid"] .photo-listing .photo-listing-item .item-outer .photo-mature.item-media:after,
[data-mode-view="grid"] .photo-listing .photo-listing-item .moderation_row,
[data-mode-view="grid"] .photo-listing .photo-listing-item .item-option {
    opacity: 1 !important;
}

[data-mode-view="grid"] .photo-listing .photo-listing-item .item-outer .item-media img {
    display: none !important;
}

[data-mode-view="grid"] .photo-listing .photo-listing-item.photo-mature .item-media {
    filter: blur(2.5px);
}

[data-mode-view="casual"] .photo-listing .photo-listing-item.casual-view .item-outer .photo-mature.item-media:after,
[data-mode-view="casual"] .photo-listing .photo-listing-item.casual-view .moderation_row,
[data-mode-view="casual"] .photo-listing .photo-listing-item.casual-view .item-option {
    opacity: 1 !important;
}

[data-mode-view="casual"] .photo-listing .photo-listing-item .photo-mature img {
    filter: blur(2.5px);
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1),
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1),
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2),
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) {
    width: 50%;
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1) .item-media,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1) .item-media,
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) .item-media,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1) .item-media:before,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1) .item-media:before,
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) .item-media:before,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

@media screen {

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+1),
    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+2) {
        width: 50%;
    }
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4),
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) {
    width: 38%;
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media:before,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

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

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) {
        width: 50%;
    }

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media:before,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

@media screen {

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+4) {
        width: 50%;
    }
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5),
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) {
    width: 31%;
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media,
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media:before,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media:before,
#main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media:before,
#main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 123.09%;
}

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

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) {
        width: 50%;
    }

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media,
    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media:before,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3) .item-media:before,
    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media:before,
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

@media screen {

    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+3),
    #main:not(.empty-right) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5),
    #main:not(.empty-left) [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(5n+5) {
        width: 50%;
    }
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1),
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2),
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) {
    width: 33.33%;
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1) .item-media,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2) .item-media,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1) .item-media:before,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2) .item-media:before,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

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

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+1),
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+2),
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+3) {
        width: 50%;
    }
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4),
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) {
    width: 22%;
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media:before,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 128.15%;
}

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

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4),
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) {
        width: 50%;
    }

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media,
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media:before,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+4) .item-media:before,
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media:before,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+7) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5),
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6),
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) {
    width: 28%;
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media:before,
#main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media:before,
#main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

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

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5),
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6),
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) {
        width: 50%;
    }

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media,
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media:before,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+5) .item-media:before,
    #main.empty-right [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media:before,
    #main.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(7n+6) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+1),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+2),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+3),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+4) {
    width: 25%;
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+1) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+2) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+3) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+4) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+1) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+2) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+3) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+4) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

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

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+1),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+2),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+3),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+4) {
        width: 50%;
    }
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) {
    width: 22%;
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

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

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) {
        width: 50%;
    }

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6) .item-media,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7) .item-media,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+6) .item-media:before,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+7) .item-media:before,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+8) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5),
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) {
    width: 17%;
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5) .item-media,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5) .item-media:before,
#main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) .item-media:before {
    content: "";
    display: block;
    padding-bottom: 130%;
}

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

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5),
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) {
        width: 50%;
    }

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5) .item-media,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) .item-media {
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-origin: border-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+5) .item-media:before,
    #main.empty-right.empty-left [data-mode-view="grid"] .photo-listing .photo-listing-item:nth-of-type(9n+9) .item-media:before {
        content: "";
        display: block;
        padding-bottom: 75%;
    }
}

#main.empty-right [data-mode-view="casual"] .photo-listing .photo-listing-item,
#main.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item {
    width: 33.33%;
}

#main.empty-right [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media,
#main.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media {
    background-image: none !important;
}

#main.empty-right [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media img,
#main.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media img {
    max-width: 100%;
    max-height: 100%;
}

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

    #main.empty-right [data-mode-view="casual"] .photo-listing .photo-listing-item,
    #main.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item {
        width: 50%;
    }
}

#main.empty-right.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item {
    width: 33.33%;
}

#main.empty-right.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media {
    background-image: none !important;
}

#main.empty-right.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media img {
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 1199px) {
    #main.empty-right.empty-left [data-mode-view="casual"] .photo-listing .photo-listing-item {
        width: 50%;
    }
}

#main:not(.empty-right) [data-mode-view="casual"] .photo-listing .photo-listing-item,
#main:not(.empty-left) [data-mode-view="casual"] .photo-listing .photo-listing-item {
    width: 33.33%;
}

#main:not(.empty-right) [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media,
#main:not(.empty-left) [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media {
    background-image: none !important;
}

#main:not(.empty-right) [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media img,
#main:not(.empty-left) [data-mode-view="casual"] .photo-listing .photo-listing-item .item-outer .item-media img {
    max-width: 100%;
    max-height: 100%;
}

#main:not(.empty-right) [data-mode-view="casual"] .photo-listing .photo-listing-item .casual-view .item-option,
#main:not(.empty-left) [data-mode-view="casual"] .photo-listing .photo-listing-item .casual-view .item-option {
    display: block;
}

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

    #main:not(.empty-right) [data-mode-view="casual"] .photo-listing .photo-listing-item,
    #main:not(.empty-left) [data-mode-view="casual"] .photo-listing .photo-listing-item {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .photo-listing .photo-listing-item {
        width: 50% !important;
    }
}

.photo-listing .photo-listing-item .item-outer {
    position: relative;
}

.photo-listing .photo-listing-item .item-outer .item-media:after {
    content: "";
    display: flex;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.10196) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.10196) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.10196) 100%);
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
    .photo-listing .photo-listing-item .item-outer .item-media:after {
        opacity: 1;
        background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.02) 100%);
        background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.02) 100%);
        background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.02) 100%);
        top: auto;
        height: 80px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .photo-listing .photo-listing-item .item-outer .item-media:after {
        height: 52px;
    }
}

.photo-listing .photo-listing-item .item-outer .item-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    opacity: 0;
    transition: opacity 0.3s;
}

html[dir="ltr"] .photo-listing .photo-listing-item .item-outer .item-inner.has-permission {
    padding-right: 40px;
}

html[dir="rtl"] .photo-listing .photo-listing-item .item-outer .item-inner.has-permission {
    padding-left: 40px;
}

.photo-listing .photo-listing-item .item-outer .item-inner .item-title {
    color: #fff;
    display: block;
}

@media (min-width: 1200px) {
    .photo-listing .photo-listing-item .item-outer .item-inner .item-title {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 18px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 36px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-right) .photo-listing .photo-listing-item .item-outer .item-inner .item-title {
        font-size: 14px;
        line-height: 18px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main.empty-right .photo-listing .photo-listing-item .item-outer .item-inner .item-title {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 18px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 36px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .photo-listing .photo-listing-item .item-outer .item-inner .item-title {
        font-size: 14px;
        line-height: 18px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 767px) {
    .photo-listing .photo-listing-item .item-outer .item-inner .item-title {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .photo-listing .photo-listing-item .item-outer .item-inner .item-stats {
        margin-bottom: 0;
    }
}

.photo-listing .photo-listing-item .item-outer .item-inner .item-stats span {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    white-space: nowrap;
}

.photo-listing .photo-listing-item .item-outer .item-inner .item-author {
    font-size: 12px;
    line-height: 16px;
    color: #c8c8c8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    display: block;
}

.photo-listing .photo-listing-item .item-outer .item-inner .item-author .user_profile_link_span {
    display: inline-block;
}

.photo-listing .photo-listing-item .item-outer .item-inner .item-author .user_profile_link_span,
.photo-listing .photo-listing-item .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
    color: #c8c8c8 !important;
}

@media screen and (max-width: 1024px) {
    .photo-listing .photo-listing-item .item-outer .item-inner {
        opacity: 1;
    }
}

.photo-listing .photo-listing-item .item-outer:hover .item-media:after,
.photo-listing .photo-listing-item .item-outer:hover .item-inner {
    opacity: 1;
}

html[dir='rtl'] .photo-listing .photo-listing-item {
    float: right;
}

html[dir='rtl'] .photo-listing .photo-listing-item .item-outer .item-inner {
    padding-right: 8px;
    padding-left: 40px;
}

html[dir='rtl'] .photo-listing .photo-listing-item .item-outer .item-inner .item-stats span {
    margin-right: 0;
    margin-left: 16px;
}

.photo-listing .item-media-flag {
    top: 0;
    position: absolute;
    display: flex;
}

html[dir="ltr"] .photo-listing .item-media-flag {
    right: 8px;
}

html[dir="rtl"] .photo-listing .item-media-flag {
    left: 8px;
}

.photo-listing .photo-button-option {
    position: absolute;
    right: 4px;
    bottom: 4px;
    opacity: 0;
}

.photo-listing .photo-button-option .dropdown .row_edit_bar_action {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    transition: background-color 0.3s;
}

.photo-listing .photo-button-option .dropdown .row_edit_bar_action i.ico {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.photo-listing .photo-button-option .dropdown .row_edit_bar_action:hover i.ico {
    color: #FFF;
}

.photo-listing .photo-button-option .dropdown .dropdown-menu {
    margin-top: 0;
    top: auto;
    bottom: 100%;
    margin-bottom: 8px;
    transform: translate3d(0, 20px, 0);
}

.photo-listing .photo-button-option .dropdown .dropdown-menu:after {
    transform: rotate(180deg);
    top: 100%;
    right: 12px;
    border-width: 5px;
}

html[dir='rtl'] .photo-listing .photo-button-option .dropdown .dropdown-menu:after {
    left: 12px;
    right: auto;
}

.photo-listing .photo-button-option .dropdown .dropdown-menu a .ico {
    margin-right: 12px;
}

html[dir='rtl'] .photo-listing .photo-button-option .dropdown .dropdown-menu a .ico {
    margin-right: 0;
    margin-left: 12px;
}

.photo-listing .photo-button-option .dropdown.open .row_edit_bar_action {
    background-color: #9740D5;
}

.photo-listing .photo-button-option .dropdown.open .row_edit_bar_action .ico-gear-o {
    color: #FFF;
}

.photo-listing .photo-button-option .dropdown.open .dropdown-menu {
    transform: translate3d(0, 1px, 0);
}

html[dir='rtl'] .photo-listing .photo-button-option {
    left: 4px;
    right: auto;
}

.photo-listing .moderation_row {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

html[dir='rtl'] .photo-listing .moderation_row {
    left: auto;
    right: 0;
}

@media (min-width: 767px) {

    #main.empty-right .album-collection .photo-album-item,
    #main.empty-left .album-collection .photo-album-item {
        width: 25%;
    }

    #main.empty-right.empty-left .album-collection .photo-album-item {
        width: 20%;
    }
}

.stream_photo.photo-mature:not(.active)>span:after {
    content: "\ea05" !important;
    background: rgba(23, 23, 23, 0.9) !important;
    opacity: 1 !important;
    font-family: 'lineficon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: absolute;
    left: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    top: -1px !important;
    width: auto !important;
    height: auto !important;
    pointer-events: none;
}

.photo-listing-item.photo-mature .item-outer:after,
.photo-widget-block .photo-mature:after,
.activity_feed_multiple_image .photo-mature:after {
    content: "\ea05" !important;
    background: rgba(23, 23, 23, 0.9) !important;
    opacity: 1 !important;
    font-family: 'lineficon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: absolute;
    left: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    top: -1px !important;
    width: auto !important;
    height: auto !important;
    pointer-events: none;
}

.photo-listing-item.photo-mature .item-outer .item-inner,
.photo-widget-block .photo-mature .item-inner,
.activity_feed_multiple_image .photo-mature .item-inner,
.photo-listing-item.photo-mature .item-outer .moderation_row,
.photo-widget-block .photo-mature .moderation_row,
.activity_feed_multiple_image .photo-mature .moderation_row,
.photo-listing-item.photo-mature .item-outer .photo-button-option,
.photo-widget-block .photo-mature .photo-button-option,
.activity_feed_multiple_image .photo-mature .photo-button-option {
    z-index: 2;
}

.photo-listing-item.photo-mature .item-outer .item-media:after,
.photo-widget-block .photo-mature .item-media:after,
.activity_feed_multiple_image .photo-mature .item-media:after {
    display: none !important;
}

.photo-listing-item.photo-mature .item-outer>span,
.photo-widget-block .photo-mature>span,
.activity_feed_multiple_image .photo-mature>span {
    z-index: 1;
}

#page_photo_album .item_bar_action {
    width: 32px;
    height: 32px;
    background-color: transparent;
}

#page_photo_album .item_description {
    margin-bottom: 16px;
}

#page_photo_album .item_description:empty {
    display: none;
}

#page_photo_album .item-comment .comment-mini-content-commands {
    margin-top: 0;
    border-top: 0;
}

#page_photo_album .photo-icon {
    position: absolute;
    right: 16px;
    top: 0;
    display: flex;
}

#page_photo_album .layout-middle {
    position: relative;
}

#page_photo_view .photos_view {
    display: block;
}

@media (min-width: 767px) {
    #page_photo_view .photos_view {
        margin: 0 -16px;
    }
}

#page_photo_view .photos_view .photos_view_loader {
    position: absolute;
}

#page_photo_view .photos_view .image_load_holder {
    min-height: 400px;
}

@media (max-width: 768px) {
    #page_photo_view .photos_view .image_load_holder {
        min-height: 300px;
    }

    #section-header {
        margin-bottom: 12px;
        height: auto;
    }
}

#page_photo_view.photo_is_active .photos_view .image_load_holder {
    min-height: auto;
}

#page_photo_view .header-page-title,
#page_photo_album .header-page-title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 0;
}

#page_photo_view .header-page-title a,
#page_photo_album .header-page-title a {
    font-size: 24px;
    word-break: break-word;
    word-wrap: break-word;
}

#page_photo_view .item_info,
#page_photo_album .item_info {
    display: flex;
    align-items: center;
    height: auto;
    max-height: none;
    padding-bottom: 12px;
    margin: 0;
    line-height: unset;
}

html[dir="ltr"] #page_photo_view .item_info,
html[dir="ltr"] #page_photo_album .item_info {
    padding-right: 24px;
}

html[dir="rtl"] #page_photo_view .item_info,
html[dir="rtl"] #page_photo_album .item_info {
    padding-left: 24px;
}

#page_photo_view .item_info .img-wrapper,
#page_photo_album .item_info .img-wrapper,
#page_photo_view .item_info .no_image_user,
#page_photo_album .item_info .no_image_user {
    border-radius: 100%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

html[dir="ltr"] #page_photo_view .item_info .img-wrapper,
html[dir="ltr"] #page_photo_album .item_info .img-wrapper,
html[dir="ltr"] #page_photo_view .item_info .no_image_user,
html[dir="ltr"] #page_photo_album .item_info .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .item_info .img-wrapper,
html[dir="rtl"] #page_photo_album .item_info .img-wrapper,
html[dir="rtl"] #page_photo_view .item_info .no_image_user,
html[dir="rtl"] #page_photo_album .item_info .no_image_user {
    margin-left: 8px;
}

#page_photo_view .item_info .img-wrapper img,
#page_photo_album .item_info .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_photo_view .item_info .no_image_user span,
#page_photo_album .item_info .no_image_user span {
    font-size: 11px;
}

#page_photo_view .item_info .item_info_author,
#page_photo_album .item_info .item_info_author {
    overflow: hidden;
}

#page_photo_view .item_info .item_info_author div,
#page_photo_album .item_info .item_info_author div {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

#page_photo_view .item_info .item_info_author div:last-of-type,
#page_photo_album .item_info .item_info_author div:last-of-type {
    margin-top: 4px;
}

#page_photo_view .item_info .item_info_author div:last-of-type a,
#page_photo_album .item_info .item_info_author div:last-of-type a {
    text-decoration: none;
}

#page_photo_view .item_info .item_info_author div .user_profile_link_span,
#page_photo_album .item_info .item_info_author div .user_profile_link_span,
#page_photo_view .item_info .item_info_author div .user_profile_link_span a,
#page_photo_album .item_info .item_info_author div .user_profile_link_span a {
    font-weight: normal !important;
}

#page_photo_view .item_bar,
#page_photo_album .item_bar {
    right: -10px;
    z-index: 8;
}

#page_photo_view .item_bar .item_bar_action,
#page_photo_album .item_bar .item_bar_action {
    width: 32px;
    height: 32px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

#page_photo_view .item_bar .item_bar_action:hover .ico:before,
#page_photo_album .item_bar .item_bar_action:hover .ico:before {
    content: "\ea88";
}

#page_photo_view .item_bar .dropdown-menu,
#page_photo_album .item_bar .dropdown-menu {
    margin-top: 0;
}

#page_photo_view .item_bar .open .item_bar_action .ico:before,
#page_photo_album .item_bar .open .item_bar_action .ico:before {
    content: "\ea88";
}

html[dir='rtl'] #page_photo_view .item_bar,
html[dir='rtl'] #page_photo_album .item_bar {
    left: -10px;
    right: auto;
}

#page_photo_view .item-comment,
#page_photo_album .item-comment {
    position: relative;
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
}

#page_photo_view .item-comment .comment_mini_content_border,
#page_photo_album .item-comment .comment_mini_content_border {
    border-radius: 0;
    margin: 0;
}

#page_photo_view .item-comment .comment_mini_content_border .comment-mini-content-commands,
#page_photo_album .item-comment .comment_mini_content_border .comment-mini-content-commands {
    padding-left: 0;
    padding: 8px 0;
    border-bottom: 0;
}

#page_photo_view .item-comment .item-total-view,
#page_photo_album .item-comment .item-total-view {
    color: #a2a2a2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#page_photo_view .item-comment .item-total-view span,
#page_photo_album .item-comment .item-total-view span {
    color: #555555;
    font-weight: bold;
}

html[dir='rtl'] #page_photo_view .item-comment .item-total-view,
html[dir='rtl'] #page_photo_album .item-comment .item-total-view {
    left: 0;
    right: auto;
}

#page_photo_view .js_moderation_on,
#page_photo_album .js_moderation_on {
    border-top: 1px solid #eeeeee;
}

#page_photo_view .item-category,
#page_photo_album .item-category,
#page_photo_view .item-album-info,
#page_photo_album .item-album-info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#page_photo_view .item-category a,
#page_photo_album .item-category a,
#page_photo_view .item-album-info a,
#page_photo_album .item-album-info a {
    color: #555555;
}

#page_photo_view .item-category a:hover,
#page_photo_album .item-category a:hover,
#page_photo_view .item-album-info a:hover,
#page_photo_album .item-album-info a:hover {
    color: #950FCD;
}

#page_photo_view .item_tag_holder,
#page_photo_album .item_tag_holder {
    margin-top: 8px;
    padding-top: 0;
    border-top: 0;
    font-size: 12px;
    line-height: 16px;
}

#page_photo_view .item_tag_holder .item_tag,
#page_photo_album .item_tag_holder .item_tag {
    color: #a2a2a2;
}

#page_photo_view .item_tag_holder a,
#page_photo_album .item_tag_holder a {
    color: #555555 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_photo_view .item_tag_holder a:hover,
#page_photo_album .item_tag_holder a:hover {
    color: #950FCD !important;
}

@media (min-width: 767px) {
    #page_photo_view .item_info .item_info_author .photo-author {
        display: flex;
        flex-flow: wrap;
    }

    #page_photo_view .item_info .item_info_author .photo-author .user_profile_link_span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }

    html[dir='ltr'] #page_photo_view .item_info .item_info_author .photo-author .user_profile_link_span {
        margin-right: 4px;
    }

    html[dir='rtl'] #page_photo_view .item_info .item_info_author .photo-author .user_profile_link_span {
        margin-left: 4px;
    }
}

#page_photo_view #show_photos_tab a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-weight: bold;
    position: fixed;
    bottom: 0;
    border-radius: 0;
    z-index: 99;
    justify-content: center;
}

html[dir="ltr"] #page_photo_view #show_photos_tab a {
    left: 0;
}

html[dir="rtl"] #page_photo_view #show_photos_tab a {
    right: 0;
}

@media (min-width: 768px) {
    #page_photo_view #show_photos_tab a {
        height: 88px;
    }
}

#page_photo_view #show_photos_tab a .ico {
    margin-bottom: 4px;
}

#page_photo_view ._block_top .header-page-title {
    display: none !important;
}

#page_photo_view ._block_breadcrumb .breadcrumbs-bottom {
    display: none !important;
}

#page_photo_view .item_view .item_info {
    border-bottom: 0;
}

#page_photo_view .layout-middle {
    position: relative;
}

#page_photo_view .photo-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] #page_photo_view .photo-icon {
    right: 0;
}

html[dir="rtl"] #page_photo_view .photo-icon {
    left: 0;
}

#page_photo_view #noteform {
    width: 224px !important;
}

#page_photo_view .photos_view {
    margin-bottom: 0;
    background: #dcdcdc;
}

#page_photo_view .photos_view .image_load_holder img {
    max-width: 100%;
}

#page_photo_view .photos_view .image_load_holder span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-size: contain;
}

#page_photo_view .photos_view .image_load_holder span:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

#page_photo_view .photos_view:hover ._a_back {
    opacity: 1;
}

#page_photo_view .photos_view ._a_back {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 12px;
    height: 32px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    top: 16px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] #page_photo_view .photos_view ._a_back {
    left: 16px;
}

html[dir="rtl"] #page_photo_view .photos_view ._a_back {
    right: 16px;
}

@media (max-width: 1024px) {
    #page_photo_view .photos_view ._a_back {
        display: none !important;
    }
}

html[dir='rtl'] #page_photo_view .photos_view ._a_back {
    left: auto;
}

html[dir='rtl'] #page_photo_view .photos_view ._a_back .ico {
    transform: rotate(180deg);
}

#page_photo_view .photos_view ._a_back .ico {
    margin: 0;
    font-size: 14px;
}

html[dir="ltr"] #page_photo_view .photos_view ._a_back .ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .photos_view ._a_back .ico {
    margin-left: 8px;
}

#page_photo_view .photo_tag_in_photo {
    margin-top: 0;
    color: #a2a2a2;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 767px) {
    #page_photo_view .photo_tag_in_photo {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

#page_photo_view .photo_tag_in_photo p {
    margin-bottom: 0;
    white-space: nowrap;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo {
    display: flex;
    flex-flow: wrap;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo .tag_sperator {
    margin-right: 4px;
}

html[dir='rtl'] #page_photo_view .photo_tag_in_photo #js_photo_in_this_photo .tag_sperator {
    margin-right: 0;
    margin-left: 4px;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo span {
    color: #9740D5;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo span .user_link {
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo span .user_link:hover {
    color: #950FCD;
}

#page_photo_view .photo_tag_in_photo #js_photo_in_this_photo span a:not(.user_link) {
    display: none;
}

#page_photo_view .photo_tag_in_photo.edit {
    display: flex !important;
    padding: 0;
    padding-bottom: 4px;
    border-bottom: 0;
}

#page_photo_view .photo_tag_in_photo.edit+.photos-action-wrapper {
    display: none;
}

@media (min-width: 767px) {
    #page_photo_view .photo_tag_in_photo.edit {
        padding-top: 40px;
    }
}

@media (min-width: 767px) {
    #page_photo_view .photo_tag_in_photo.edit {
        padding-top: 32px;
    }
}

@media (min-width: 481px) {
    html[dir='ltr'] #page_photo_view .photo_tag_in_photo.edit {
        padding-right: 120px;
    }

    html[dir='rtl'] #page_photo_view .photo_tag_in_photo.edit {
        padding-left: 120px;
    }
}

#page_photo_view .photo_tag_in_photo.edit p {
    line-height: 24px;
}

#page_photo_view .photo_tag_in_photo.edit .tag_sperator {
    display: none !important;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo {
    display: flex;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span {
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 4px;
    background-color: #eeeeee;
    color: #555555;
    transition: all 0.3s;
    margin-bottom: 3px;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span .user_link {
    color: #555555;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span a:not(.user_link) {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    width: 24px;
    height: 24px;
    justify-content: center;
    color: #555555;
    transition: color 0.3s;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span a:not(.user_link) i.ico {
    position: relative;
    left: 1px;
}

html[dir='ltr'] #page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span a:not(.user_link) {
    margin-right: -8px;
}

html[dir='rtl'] #page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span a:not(.user_link) {
    margin-left: -8px;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span:hover {
    border-color: #9740D5;
    color: #fff;
    background-color: #9740D5;
}

#page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span:hover a {
    color: #fff;
}

html[dir='rtl'] #page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span {
    margin-right: 0;
    margin-left: 4px;
}

#page_photo_view .photos_actions {
    margin-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

#page_photo_view .photos_actions>ul {
    display: flex;
    flex-wrap: wrap;
}

#page_photo_view .photos_actions>ul>li {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
}

html[dir="ltr"] #page_photo_view .photos_actions>ul>li {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .photos_actions>ul>li {
    margin-left: 8px;
}

#page_photo_view .photos_actions>ul>li a {
    display: flex;
    align-items: center;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding-left: 8px;
    padding-right: 8px;
}

#page_photo_view .photos_actions>ul>li a span {
    transition: all 0.3s;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] #page_photo_view .photos_actions>ul>li a span {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .photos_actions>ul>li a span {
    margin-left: 8px;
}

#page_photo_view .photos_actions>ul>li a span .ico {
    color: #555555;
}

#page_photo_view .photos_actions>ul>li b {
    color: #555555;
    transition: color 0.3s;
    white-space: nowrap;
}

html[dir="ltr"] #page_photo_view .photos_actions>ul>li.rotate-left a:first-of-type {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .photos_actions>ul>li.rotate-left a:first-of-type {
    margin-left: 8px;
}

#page_photo_view .photos_actions>ul>li.active a {
    background: #950FCD;
    box-shadow: 0px 6px 12px 0px rgba(7, 167, 28, 0.4);
}

#page_photo_view .photos_actions>ul>li.active a .ico {
    color: #fff !important;
}

#page_photo_view .photos_actions>ul>li.active a b {
    color: #fff;
}

#page_photo_view .photos_actions>ul>li:hover a span .ico {
    color: #950FCD;
}

#page_photo_view .photos_actions>ul>li:hover b {
    color: #950FCD;
}

#page_photo_view .photos_actions>ul>li.photos_tag.active>b {
    color: #9740D5;
}

#page_photo_view .photos_actions>ul>li.photos_tag.active .js_hover_title {
    background-image: -moz-linear-gradient(-20deg, #38bce9 0%, #2f9fdf 30%, #2681d5 100%);
    background-image: -webkit-linear-gradient(-20deg, #38bce9 0%, #2f9fdf 30%, #2681d5 100%);
    background-image: -ms-linear-gradient(-20deg, #38bce9 0%, #2f9fdf 30%, #2681d5 100%);
    box-shadow: 0px 4px 12px 0px rgba(38, 129, 213, 0.5);
    border-color: transparent;
}

#page_photo_view .photos_actions>ul>li.photos_tag.active .js_hover_title .ico {
    color: #fff;
}

#page_photo_view .item-album-info,
#page_photo_view .item-category,
#page_photo_view .item_tag_holder {
    margin-top: 0;
    margin-bottom: 4px;
}

#page_photo_view .item-size {
    display: flex;
}

#page_photo_view .item-size .item-size-stat {
    display: flex;
}

html[dir="ltr"] #page_photo_view .item-size .item-size-stat {
    margin-right: 16px;
}

html[dir="rtl"] #page_photo_view .item-size .item-size-stat {
    margin-left: 16px;
}

#page_photo_view .item-size .item-size-stat .item-title {
    color: #a2a2a2;
}

html[dir='ltr'] #page_photo_view .item-size .item-size-stat .item-title {
    margin-right: 4px;
}

html[dir='rtl'] #page_photo_view .item-size .item-size-stat .item-title {
    margin-left: 4px;
}

#page_photo_view .item_description p {
    color: #a2a2a2;
}

#page_photo_view .photos_stream {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 88px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px -16px 30px 0px rgba(0, 0, 0, 0.08);
}

@media (min-width: 767px) {
    #page_photo_view .photos_stream {
        height: 56px;
    }
}

#page_photo_view .photos_stream .stream_photo {
    width: 80px;
    height: 56px;
    padding: 4px;
    transition: background-color 0.3s;
    position: relative;
}

@media (min-width: 767px) {
    #page_photo_view .photos_stream .stream_photo {
        width: 40px;
        height: 32px;
        padding: 2px;
    }
}

#page_photo_view .photos_stream .stream_photo.active {
    background-color: #9740D5;
}

@media (min-width: 767px) {
    #page_photo_view .photos_stream .stream_photo:hover {
        background-color: #dcdcdc;
    }
}

#page_photo_view .photos_stream .stream_photo span {
    width: 80px;
    height: 56px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_photo_view .photos_stream .stream_photo span:before {
    content: "";
    display: block;
    padding-bottom: auto;
}

@media (min-width: 767px) {
    #page_photo_view .photos_stream .stream_photo span {
        width: 40px;
        height: 32px;
    }
}

#page_photo_view .photos_view #prev_photos,
#page_photo_view .photos_stream #prev_photos,
#page_photo_view .photos_view #next_photos,
#page_photo_view .photos_stream #next_photos,
#page_photo_view .photos_view #next_photo,
#page_photo_view .photos_stream #next_photo,
#page_photo_view .photos_view #previous_photo,
#page_photo_view .photos_stream #previous_photo {
    z-index: 1;
    opacity: 1;
    border-radius: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: none;
}

@media (min-width: 767px) {

    #page_photo_view .photos_view #prev_photos:hover,
    #page_photo_view .photos_stream #prev_photos:hover,
    #page_photo_view .photos_view #next_photos:hover,
    #page_photo_view .photos_stream #next_photos:hover,
    #page_photo_view .photos_view #next_photo:hover,
    #page_photo_view .photos_stream #next_photo:hover,
    #page_photo_view .photos_view #previous_photo:hover,
    #page_photo_view .photos_stream #previous_photo:hover {
        background-color: #9740D5 !important;
        color: #fff !important;
        border-color: #9740D5 !important;
    }
}

#page_photo_view .photos_view #prev_photos,
#page_photo_view .photos_stream #prev_photos,
#page_photo_view .photos_view #previous_photo,
#page_photo_view .photos_stream #previous_photo {
    left: 0;
}

#page_photo_view .photos_view #next_photos,
#page_photo_view .photos_stream #next_photos,
#page_photo_view .photos_view #next_photo,
#page_photo_view .photos_stream #next_photo {
    right: 0;
}

#page_photo_view .photos_view #prev_photos,
#page_photo_view .photos_view #next_photos,
#page_photo_view .photos_view #next_photo,
#page_photo_view .photos_view #previous_photo {
    width: 56px;
    height: 56px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: transparent !important;
}

@media (min-width: 767px) {

    #page_photo_view .photos_view #prev_photos,
    #page_photo_view .photos_view #next_photos,
    #page_photo_view .photos_view #next_photo,
    #page_photo_view .photos_view #previous_photo {
        background: transparent !important;
        box-shadow: none !important;
    }

    #page_photo_view .photos_view #prev_photos .ico,
    #page_photo_view .photos_view #next_photos .ico,
    #page_photo_view .photos_view #next_photo .ico,
    #page_photo_view .photos_view #previous_photo .ico {
        text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.16);
    }
}

#page_photo_view .photos_stream {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
}

html[dir="ltr"] #page_photo_view .photos_stream {
    padding-left: 32px;
}

html[dir="rtl"] #page_photo_view .photos_stream {
    padding-right: 32px;
}

#page_photo_view .photos_stream.hide {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    width: 0;
}

#page_photo_view .photos_stream #hide_photos {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee !important;
    border: none !important;
    color: #a2a2a2 !important;
    height: 100%;
    border-radius: 0;
    box-shadow: none !important;
}

html[dir="ltr"] #page_photo_view .photos_stream #hide_photos {
    left: 0;
}

html[dir="rtl"] #page_photo_view .photos_stream #hide_photos {
    right: 0;
}

@media (min-width: 767px) {
    #page_photo_view .photos_stream #hide_photos:hover {
        color: #555555 !important;
    }
}

#page_photo_view .photos_stream #prev_photos {
    border: none !important;
    border-right: 1px solid #eeeeee !important;
}

html[dir='ltr'] #page_photo_view .photos_stream #prev_photos {
    left: 32px;
}

#page_photo_view .photos_stream #next_photos {
    border: none !important;
    border-left: 1px solid #eeeeee !important;
}

html[dir='rtl'] #page_photo_view .photos_stream #next_photos {
    right: 32px;
}

#page_photo_view .photos_stream #prev_photos,
#page_photo_view .photos_stream #next_photos {
    width: 40px;
    top: 0;
    bottom: 0;
    transform: none;
    font-size: 14px;
    background-color: #ffffff !important;
    box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1);
    color: #a2a2a2 !important;
}

#page_photo_view .photos_stream #prev_photos.not-active,
#page_photo_view .photos_stream #next_photos.not-active {
    display: none !important;
}

#page_photo_view .done-tagging-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -44px;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
}

html[dir="ltr"] #page_photo_view .done-tagging-btn {
    right: 0;
}

html[dir="rtl"] #page_photo_view .done-tagging-btn {
    left: 0;
}

#page_photo_view .done-tagging-btn:before {
    font-family: 'lineficon' !important;
    content: "\eb17";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir="ltr"] #page_photo_view .done-tagging-btn:before {
    margin-right: 8px;
}

html[dir="rtl"] #page_photo_view .done-tagging-btn:before {
    margin-left: 8px;
}

@media (min-width: 767px) {
    #page_photo_view .done-tagging-btn {
        border: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        color: #9740D5;
        bottom: -40px;
    }

    html[dir='ltr'] #page_photo_view .done-tagging-btn {
        left: 16px;
        right: auto;
    }

    html[dir='rtl'] #page_photo_view .done-tagging-btn {
        right: 16px;
        left: auto;
    }
}

.photo_edit_wrapper .photo_edit_holder .form-group:empty {
    margin: 0;
}

.photo_edit_wrapper .item-description textarea {
    min-height: 80px !important;
}

.photo_edit_wrapper .item-category .form-control {
    max-width: none !important;
    width: 100%;
}

@media (min-width: 1025px) {
    .photo_edit_wrapper .item-category .form-control {
        height: 120px;
    }
}

.photo_edit_wrapper .item-category .form-control option {
    height: 32px;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
}

html[dir="ltr"] .photo_edit_wrapper .item-category .form-control option {
    padding-left: 16px;
}

html[dir="rtl"] .photo_edit_wrapper .item-category .form-control option {
    padding-right: 16px;
}

html[dir="ltr"] .photo_edit_wrapper .item-category .form-control option {
    padding-right: 16px;
}

html[dir="rtl"] .photo_edit_wrapper .item-category .form-control option {
    padding-left: 16px;
}

.photo_edit_wrapper select[multiple]:focus option:checked {
    background: #9E9AB1 linear-gradient(0deg, #9E9AB1 0%, #9E9AB1 100%);
}

.photo_edit_wrapper .item-mature div label {
    margin-bottom: 0;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
}

.photo_edit_wrapper .item-mature div label .ico {
    color: #a2a2a2;
    transition: color 0.3s;
}

html[dir='rtl'] .photo_edit_wrapper .item-mature div label .ico {
    margin-right: 0;
}

html[dir="ltr"] html[dir='rtl'] .photo_edit_wrapper .item-mature div label .ico {
    margin-left: 8px;
}

html[dir="rtl"] html[dir='rtl'] .photo_edit_wrapper .item-mature div label .ico {
    margin-right: 8px;
}

.photo_edit_wrapper .item-mature div label input {
    display: none;
}

.photo_edit_wrapper .item-mature div label input:checked+.ico {
    color: #9740D5;
}

.photo_edit_wrapper .item-mature div label input:checked+.ico:before {
    content: "\e990";
}

.photo_edit_wrapper .photo_edit_input .btn-round {
    border-radius: 2px;
    border-color: #555555 !important;
}

.photo_edit_wrapper .photo_edit_input .privacy_setting_div .dropdown-menu.dropdown-menu-checkmark:after {
    left: 16px;
    right: auto;
}

.item-photo-edit {
    margin: 0 -8px;
}

.item-photo-edit .form-group {
    margin-bottom: 0;
}

.item-photo-edit .photo-edit-item {
    width: 50%;
    float: left;
    margin-bottom: 32px;
}

html[dir="ltr"] .item-photo-edit .photo-edit-item {
    padding-left: 8px;
}

html[dir="rtl"] .item-photo-edit .photo-edit-item {
    padding-right: 8px;
}

html[dir="ltr"] .item-photo-edit .photo-edit-item {
    padding-right: 8px;
}

html[dir="rtl"] .item-photo-edit .photo-edit-item {
    padding-left: 8px;
}

@media (max-width: 320px) {
    .item-photo-edit .photo-edit-item {
        width: 100%;
    }
}

.item-photo-edit .photo-edit-item-inner {
    position: relative;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s;
}

.item-photo-edit .photo-edit-item-inner:hover {
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}

.item-photo-edit .photo-edit-item-inner.delete .item-delete {
    opacity: 0;
}

.item-photo-edit .photo-edit-item-inner.delete .item-delete-bg {
    opacity: 1;
    top: 0;
    visibility: visible;
}

.item-photo-edit .photo-edit-item .item-delete-bg {
    display: block !important;
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 100px;
    transition: all 0.3s;
    visibility: hidden;
}

.item-photo-edit .photo-edit-item .item-delete-bg .delete-reverse {
    width: 32px;
    height: 32px;
    border: 2px solid #555555;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
}

.item-photo-edit .photo-edit-item .item-delete-bg .delete-reverse .ico {
    font-size: 16px;
    color: #555555;
    transition: color 0.3s;
}

.item-photo-edit .photo-edit-item .item-delete-bg .delete-reverse:hover {
    background-color: #555555;
}

.item-photo-edit .photo-edit-item .item-delete-bg .delete-reverse:hover .ico {
    color: #fff;
}

.item-photo-edit .photo-edit-item .item-media {
    position: relative;
    display: block !important;
}

.item-photo-edit .photo-edit-item .item-media .item-media-bg {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.item-photo-edit .photo-edit-item .item-media .item-media-bg:before {
    content: "";
    display: block;
    padding-bottom: 94%;
}

.item-photo-edit .photo-edit-item .item-media .item-delete {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.item-photo-edit .photo-edit-item .item-media .item-delete .ico {
    color: #fff;
    transition: color 0.3s;
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.16);
}

.item-photo-edit .photo-edit-item .item-media .item-delete input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    margin-top: 0;
}

.item-photo-edit .photo-edit-item .item-media .item-delete:hover .ico {
    color: #9740D5;
}

.item-photo-edit .photo-edit-item .item-media .item-allow-download {
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    right: 8px;
    top: 8px;
    position: absolute;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex !important;
    width: 32px;
    height: 32px;
}

.item-photo-edit .photo-edit-item .item-media .item-allow-download .ico {
    font-size: 16px;
    color: #fff;
}

.item-photo-edit .photo-edit-item .item-media .item-allow-download.active {
    opacity: 1;
    visibility: visible;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper {
    display: flex !important;
    position: relative;
    align-items: center;
    justify-content: center;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper>div {
    height: 40px;
    flex: 1;
    display: none;
    background-color: #f8f8f8;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown {
    position: static;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown .dropdown-toggle {
    position: relative;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown .dropdown-toggle:before,
.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown .dropdown-toggle:after {
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown .dropdown-toggle:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dcdcdc;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown .dropdown-toggle:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
    bottom: -1px;
    opacity: 0;
    transition: opacity 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown.open .dropdown-toggle {
    z-index: 1011;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown.open .dropdown-toggle:before,
.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown.open .dropdown-toggle:after {
    opacity: 1;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown-menu {
    box-shadow: none;
    left: -1px;
    right: -1px;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    margin-top: -1px;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper .dropdown-menu:after {
    display: none;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper>div:first-of-type {
    border-right: 1px solid #fff;
}

.item-photo-edit .photo-edit-item .photo_edit_wrapper>div:last-of-type {
    border-left: 1px solid #fff;
}

.item-photo-edit .photo-edit-item .photo_edit_input {
    order: 1;
    display: flex !important;
}

.item-photo-edit .photo-edit-item .photo_edit_input .help-block,
.item-photo-edit .photo-edit-item .photo_edit_input label,
.item-photo-edit .photo-edit-item .photo_edit_input div:empty {
    display: none;
}

.item-photo-edit .photo-edit-item .photo_edit_input .form-group {
    position: static;
    width: 100%;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active {
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    width: 100%;
    height: 40px;
    background-color: transparent;
    position: relative;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .ico,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .fa {
    color: #a2a2a2;
    transition: color 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .fa {
    font-size: 16px;
    margin-right: 4px;
    margin-left: 0;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .fa {
    margin-right: 0;
    margin-left: 4px;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .ico-caret-down {
    font-size: 14px;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active .txt-label {
    display: none;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:hover,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active.open {
    box-shadow: none;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:hover .ico,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active.open .ico,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:hover .fa,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active.open .fa {
    color: #000;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:before,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:after {
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dcdcdc;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting .privacy_setting_active:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
    bottom: -1px;
    opacity: 0;
    transition: opacity 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting.open .privacy_setting_active {
    z-index: 1011;
    box-shadow: none;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting.open .privacy_setting_active:before,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting.open .privacy_setting_active:after {
    opacity: 1;
}

.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting.open .privacy_setting_active .ico,
.item-photo-edit .photo-edit-item .photo_edit_input .privacy_setting.open .privacy_setting_active .fa {
    color: #000;
}

.item-photo-edit .photo-edit-item .photo_edit_holder {
    order: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.item-photo-edit .photo-edit-item .photo_edit_holder .dropdown-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    width: 100%;
}

.item-photo-edit .photo-edit-item .photo_edit_holder .dropdown-toggle .ico {
    color: #a2a2a2;
    transition: color 0.3s;
}

.item-photo-edit .photo-edit-item .photo_edit_holder .dropdown-toggle:hover .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .photo_edit_holder.open .dropdown-toggle .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .photo_edit_holder.success .dropdown-toggle .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .photo_edit_holder.success .dropdown-toggle .ico:before {
    content: "\ea3e";
}

.item-photo-edit .photo-edit-item .photo_edit_holder .form-group {
    padding: 16px;
}

.item-photo-edit .photo-edit-item .item-categories {
    order: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    width: 100%;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-toggle .ico {
    color: #a2a2a2;
    transition: color 0.3s;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-toggle:hover .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-menu {
    padding-bottom: 0;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-menu .item-categories-title {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-menu .item-categories-title span {
    position: absolute;
    font-size: 12px;
    color: #a2a2a2;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
}

.item-photo-edit .photo-edit-item .item-categories .dropdown-menu .item-category .form-control {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 0;
}

.item-photo-edit .photo-edit-item .item-categories.success .dropdown-toggle .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-categories.success .dropdown-toggle .ico:before {
    content: "\e99d";
}

.item-photo-edit .photo-edit-item .item-categories.open .dropdown-toggle .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-mature.hide {
    order: 4;
    display: flex !important;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    width: 100%;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-toggle .ico {
    color: #a2a2a2;
    transition: color 0.3s;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-toggle:hover .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu {
    padding: 16px;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu label {
    display: flex;
    cursor: pointer;
}

html[dir="ltr"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div {
    padding-left: 16px;
}

html[dir="rtl"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div {
    padding-right: 16px;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div label:first-of-type {
    margin-top: 14px;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div label+label {
    margin-top: 12px;
}

html[dir="ltr"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.album-set-as-cover-action {
    padding-left: 0;
}

html[dir="rtl"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.album-set-as-cover-action {
    padding-right: 0;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.album-set-as-cover-action label {
    margin-top: 0;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download {
    padding-top: 12px;
}

html[dir="ltr"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download {
    padding-left: 0;
}

html[dir="rtl"] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download {
    padding-right: 0;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download label {
    margin-top: 0;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download label input:checked+.ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div.disable-download label input:checked+.ico:before {
    content: "\eb28";
}

.item-photo-edit .photo-edit-item .item-mature.hide.open .dropdown-toggle .ico {
    color: #555555;
}

.item-photo-edit .photo-edit-item .item-inner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
}

.item-photo-edit .photo-edit-item .item-title.page,
.item-photo-edit .photo-edit-item .item-topic.page,
.item-photo-edit .photo-edit-item .item-description.page {
    display: block !important;
}

.item-photo-edit .photo-edit-item .item-title.page input,
.item-photo-edit .photo-edit-item .item-topic.page input,
.item-photo-edit .photo-edit-item .item-description.page input,
.item-photo-edit .photo-edit-item .item-title.page textarea,
.item-photo-edit .photo-edit-item .item-topic.page textarea,
.item-photo-edit .photo-edit-item .item-description.page textarea {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.item-photo-edit .photo-edit-item .item-title.page textarea,
.item-photo-edit .photo-edit-item .item-topic.page textarea,
.item-photo-edit .photo-edit-item .item-description.page textarea {
    height: 62px;
    min-height: 62px;
    min-width: 100%;
    max-width: 100%;
}

.item-photo-edit .photo-edit-item .item-title.page input,
.item-photo-edit .photo-edit-item .item-topic.page input,
.item-photo-edit .photo-edit-item .item-description.page input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.item-photo-edit .photo-edit-item .item-title.page input.topic,
.item-photo-edit .photo-edit-item .item-topic.page input.topic,
.item-photo-edit .photo-edit-item .item-description.page input.topic {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item {
    float: right;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .item-media .item-delete {
    right: 0;
    left: auto;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .item-media .item-allow-download {
    left: 8px;
    right: auto;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .item-categories .dropdown-menu .item-categories-title span {
    left: 0;
    right: auto;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .item-mature.hide {
    border-left: 0;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .item-mature.hide .dropdown-menu div {
    padding-left: 0;
    padding-right: 16px;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .photo_edit_input {
    border-right: 0;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .photo_edit_wrapper>div:last-of-type {
    border-left: 0;
    border-right: 1px solid #fff;
}

html[dir='rtl'] .item-photo-edit .photo-edit-item .photo_edit_wrapper>div:first-of-type {
    border-right: 0;
    border-left: 1px solid #fff;
}

@media (min-width: 767px) {

    #main.empty-right .item-photo-edit .photo-edit-item,
    #main.empty-left .item-photo-edit .photo-edit-item {
        width: 33.33%;
    }

    #main.empty-right.empty-left .item-photo-edit .photo-edit-item {
        width: 25%;
    }
}

.photo-app-manage .photo_table_clear #js_photo_multi_edit_submit {
    float: none !important;
    text-align: center;
    position: relative;
}

.photo-app-manage .photo_table_clear #js_photo_multi_edit_submit button {
    font-size: 18px;
    font-weight: bold;
    border-radius: 24px;
    height: 48px;
    position: relative;
    z-index: 1;
}

.photo-app-manage .photo_table_clear #js_photo_multi_edit_submit button .ico {
    display: inline-block !important;
}

html[dir='rtl'] .photo-app-manage .photo_table_clear #js_photo_multi_edit_submit button .ico {
    margin-right: 0;
    margin-left: 8px;
}

.photo-app-manage .photo_table_clear #js_photo_multi_edit_submit:before {
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

._app_photo.js_parent_feed_entry .feed_info,
._app_photo_album.js_parent_feed_entry .feed_info {
    overflow: visible;
    white-space: unset;
    display: inline;
}

._app_photo .photo_holder_image,
.feed_share_photo .photo_holder_image,
._app_photo_album .photo_holder_image {
    padding-bottom: 0;
}

._app_photo .activity_feed_content_text,
.feed_share_photo .activity_feed_content_text,
._app_photo_album .activity_feed_content_text {
    margin-bottom: 0;
}

._app_photo .js_feed_comment_border,
.feed_share_photo .js_feed_comment_border,
._app_photo_album .js_feed_comment_border {
    margin-top: 8px;
}

._app_photo .photo-single-image.photo-mature,
.feed_share_photo .photo-single-image.photo-mature,
._app_photo_album .photo-single-image.photo-mature {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
}

._app_photo .activity_feed_multiple_image,
.feed_share_photo .activity_feed_multiple_image,
._app_photo_album .activity_feed_multiple_image {
    display: inline-block;
    display: block;
    margin: 0 -2px;
}

._app_photo .activity_feed_multiple_image:before,
.feed_share_photo .activity_feed_multiple_image:before,
._app_photo_album .activity_feed_multiple_image:before,
._app_photo .activity_feed_multiple_image:after,
.feed_share_photo .activity_feed_multiple_image:after,
._app_photo_album .activity_feed_multiple_image:after {
    content: " ";
    display: table;
}

._app_photo .activity_feed_multiple_image:after,
.feed_share_photo .activity_feed_multiple_image:after,
._app_photo_album .activity_feed_multiple_image:after {
    clear: both;
}

._app_photo .activity_feed_multiple_image:before,
.feed_share_photo .activity_feed_multiple_image:before,
._app_photo_album .activity_feed_multiple_image:before,
._app_photo .activity_feed_multiple_image:after,
.feed_share_photo .activity_feed_multiple_image:after,
._app_photo_album .activity_feed_multiple_image:after {
    content: " ";
    display: table;
}

._app_photo .activity_feed_multiple_image:after,
.feed_share_photo .activity_feed_multiple_image:after,
._app_photo_album .activity_feed_multiple_image:after {
    clear: both;
}

._app_photo .activity_feed_multiple_image>div,
.feed_share_photo .activity_feed_multiple_image>div,
._app_photo_album .activity_feed_multiple_image>div {
    width: 50%;
    padding: 0 2px;
    margin-bottom: 4px;
}

._app_photo .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image),
.feed_share_photo .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image),
._app_photo_album .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image) {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

._app_photo .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image):before,
.feed_share_photo .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image):before,
._app_photo_album .activity_feed_multiple_image>div .photo_holder_image:not(.photo-single-image):before {
    content: "";
    display: block;
    padding-bottom: 56%;
}

._app_photo .activity_feed_multiple_image>div .photo_holder_image.photo-single-image img,
.feed_share_photo .activity_feed_multiple_image>div .photo_holder_image.photo-single-image img,
._app_photo_album .activity_feed_multiple_image>div .photo_holder_image.photo-single-image img {
    width: auto;
    max-width: 100%;
    max-height: 100vh;
}

html[dir='rtl'] ._app_photo .activity_feed_multiple_image>div,
html[dir='rtl'] .feed_share_photo .activity_feed_multiple_image>div,
html[dir='rtl'] ._app_photo_album .activity_feed_multiple_image>div {
    float: right;
}

._app_photo .activity_feed_multiple_image.feed-img-stage-1>div,
.feed_share_photo .activity_feed_multiple_image.feed-img-stage-1>div,
._app_photo_album .activity_feed_multiple_image.feed-img-stage-1>div {
    float: none !important;
    clear: both !important;
    width: 100%;
}

._app_photo .activity_feed_multiple_image.feed-img-stage-3>div:first-of-type,
.feed_share_photo .activity_feed_multiple_image.feed-img-stage-3>div:first-of-type,
._app_photo_album .activity_feed_multiple_image.feed-img-stage-3>div:first-of-type {
    float: none !important;
    clear: both !important;
    width: 100%;
}

._app_photo .activity_feed_multiple_image .photo-mature img,
.feed_share_photo .activity_feed_multiple_image .photo-mature img,
._app_photo_album .activity_feed_multiple_image .photo-mature img {
    filter: blur(2.5px);
}

div.activity_feed_multiple_image>div>a.photo-single-image {
    padding-bottom: 0;
}

#noteform {
    padding: 0;
    border: 0;
}

#noteform:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 28px;
}

#noteform #NoteAddForm {
    position: relative;
}

#noteform #NoteAddForm .cancel_tagging {
    position: absolute;
    top: 16px;
    right: 10px;
    bottom: auto;
    z-index: 9;
}

#noteform #NoteAddForm .cancel_tagging .fa:before {
    content: "\eab2";
    color: #dcdcdc;
    font-family: 'lineficon' !important;
}

#noteform #NoteAddForm .cancel_tagging.focus {
    display: block;
}

#noteform .table_right {
    position: relative;
    padding-bottom: 0;
}

#noteform .table_right:after {
    content: "\ea8b";
    position: absolute;
    display: block;
    font-family: 'lineficon' !important;
    color: #c8c8c8;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

html[dir='rtl'] #noteform .table_right:after {
    right: 12px;
    left: auto;
}

#noteform .table_right .v_middle {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    height: 46px;
    padding-left: 34px;
    font-weight: normal;
    padding-right: 34px;
    background-color: #f8f8f8;
}

#noteform .table_right .v_middle::placeholder {
    color: #c8c8c8;
}

#noteform .table_right.focus:after {
    color: #555555;
}

#noteform .table_right.focus .v_middle {
    background-color: #fff;
    font-weight: bold;
    color: #555555;
}

#noteform .table {
    margin-bottom: 0;
}

#noteform .extra_info a {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-top: 1px solid #eeeeee;
    color: #9740D5 !important;
    text-decoration: none !important;
}

#noteform .input_drop_layer {
    box-shadow: none;
    border-top: 1px solid #c8c8c8;
}

#noteform .input_drop_layer a {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    transition: all 0.3s;
}

#noteform .input_drop_layer a .img-wrapper {
    width: 32px;
    height: 32px;
}

html[dir="ltr"] #noteform .input_drop_layer a .img-wrapper {
    margin-right: 8px;
}

html[dir="rtl"] #noteform .input_drop_layer a .img-wrapper {
    margin-left: 8px;
}

#noteform .input_drop_layer a .img-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

#noteform .input_drop_layer a .no_image_user {
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: border 0.3s;
    width: 32px;
    height: 32px;
}

html[dir="ltr"] #noteform .input_drop_layer a .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #noteform .input_drop_layer a .no_image_user {
    margin-left: 8px;
}

#noteform .input_drop_layer a .no_image_user span {
    font-size: 12px;
}

#noteform .input_drop_layer a .no_image_user .js_hover_info:before {
    display: none;
}

#noteform .input_drop_layer a:hover {
    background-color: #ddecf9;
    color: #9223C9;
}

#noteform .input_drop_layer a:hover .no_image_user {
    border-color: #9223C9;
}

#noteform .input_drop_layer a:hover .img-wrapper:before {
    border-color: #9223C9;
}

#noteform.is_right:before {
    left: auto;
    right: 28px;
}

.album_tag ul {
    margin: 0 -7px;
}

.album_tag ul li {
    padding: 0 7px;
    width: 25%;
    margin-bottom: 8px;
}

.album_tag ul li a,
.album_tag ul li span,
.album_tag ul li div {
    display: block;
    border-radius: 100%;
    transition: all 0.3s;
}

.album_tag ul li a .img-wrapper,
.album_tag ul li span .img-wrapper,
.album_tag ul li div .img-wrapper,
.album_tag ul li a.img-wrapper,
.album_tag ul li span.img-wrapper,
.album_tag ul li div.img-wrapper {
    width: 40px;
    height: 40px;
}

.album_tag ul li a .img-wrapper img,
.album_tag ul li span .img-wrapper img,
.album_tag ul li div .img-wrapper img,
.album_tag ul li a.img-wrapper img,
.album_tag ul li span.img-wrapper img,
.album_tag ul li div.img-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

.album_tag ul li a.no_image_user,
.album_tag ul li span.no_image_user,
.album_tag ul li div.no_image_user {
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
}

.album_tag ul li a:hover,
.album_tag ul li span:hover,
.album_tag ul li div:hover {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.album_tag ul li a:hover .img-wrapper:before,
.album_tag ul li span:hover .img-wrapper:before,
.album_tag ul li div:hover .img-wrapper:before,
.album_tag ul li a:hover .js_hover_info:before,
.album_tag ul li span:hover .js_hover_info:before,
.album_tag ul li div:hover .js_hover_info:before {
    border-color: #9223C9;
}

.theme_bootstrap .album_tag li {
    width: auto;
}

.theme_bootstrap .album_tag li a,
.theme_bootstrap .album_tag li span,
.theme_bootstrap .album_tag li div {
    border-radius: 0;
}

.theme_bootstrap .album_tag li a span:hover {
    box-shadow: none;
}

@media screen and (min-width: 1025px) {
    select[multiple]:focus option:checked {
        background: #9E9AB1 linear-gradient(0deg, #9E9AB1 0%, #9E9AB1 100%);
    }

    .form-control.category {
        height: 120px;
        padding: 0;
        max-width: none !important;
        width: 100%;
    }

    .form-control.category option {
        padding-left: 16px;
        padding-right: 16px;
        height: 32px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
}

.privacy_setting_div .btn-round {
    border-radius: 2px;
}

.dropdown-menu-checkmark:after {
    left: 16px;
    right: auto;
}

html[dir='rtl'] .dropdown-menu-checkmark:after {
    right: 16px;
    left: auto;
}

#album_table {
    display: flex;
    align-items: flex-end;
}

#album_table #js_photo_albums {
    display: block;
}

#album_table .item-album {
    width: 100%;
    flex: 1;
}

@media screen {
    #album_table {
        flex-direction: column;
        align-items: baseline;
    }

    #album_table button {
        margin-left: 0;
        margin-top: 8px;
    }

    html[dir='rtl'] #album_table button {
        margin-right: 0;
    }
}

.photo-widget-block.recent-photo {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1px;
}

.photo-widget-block.recent-photo article {
    padding: 0 1px;
    width: 50%;
    margin-bottom: 2px;
}

.photo-widget-block.recent-photo article .item-outer {
    position: relative;
}

.photo-widget-block.recent-photo article .item-outer .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.photo-widget-block.recent-photo article .item-outer .item-media:before {
    content: "";
    display: block;
    padding-bottom: 80%;
}

.photo-widget-block.recent-photo article:hover .item-statistic {
    opacity: 1;
}

.photo-widget-block.recent-photo article .item-statistic {
    position: absolute;
    bottom: 4px;
    left: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    display: flex;
    flex-direction: column;
}

@media (min-width: 767px) {
    .photo-widget-block.recent-photo article .item-statistic {
        opacity: 1;
    }
}

@media (min-width: 767px) {
    .photo-widget-block.recent-photo article .item-statistic {
        display: none;
    }
}

.photo-widget-block.recent-photo article .item-statistic .like-count,
.photo-widget-block.recent-photo article .item-statistic .comment-count {
    font-size: 12px;
    color: #fff;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

html[dir='rtl'] .photo-widget-block.recent-photo article .item-statistic .like-count,
html[dir='rtl'] .photo-widget-block.recent-photo article .item-statistic .comment-count {
    right: 4px;
    left: auto;
}

.photo-widget-block.recent-photo article .item-statistic .comment-count {
    display: none;
}

.photo-widget-block.recent-photo article.photos-1 {
    width: 100%;
}

.photo-widget-block.recent-photo article.photos-2 {
    width: 50%;
}

.photo-widget-block.recent-photo article.photos-3 {
    width: 50%;
}

.photo-widget-block.recent-photo article.photos-3:first-of-type {
    width: 100%;
}

.photo-widget-block.recent-photo article.photos-3:first-of-type .item-media {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.photo-widget-block.recent-photo article.photos-3:first-of-type .item-media:before {
    content: "";
    display: block;
    padding-bottom: 68%;
}

@media (min-width: 767px) and (min-width: 641px) {
    .photo-widget-block.recent-photo article {
        width: 25% !important;
    }

    .photo-widget-block.recent-photo article .item-media {
        display: block !important;
        position: relative !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-origin: border-box !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .photo-widget-block.recent-photo article .item-media:before {
        content: "" !important;
        display: block !important;
        padding-bottom: 80% !important;
    }
}

@media (max-width: 640px) and (min-width: 481px) {
    .photo-widget-block.recent-photo article {
        width: 33.33% !important;
    }

    .photo-widget-block.recent-photo article .item-media {
        display: block !important;
        position: relative !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-origin: border-box !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .photo-widget-block.recent-photo article .item-media:before {
        content: "" !important;
        display: block !important;
        padding-bottom: 80% !important;
    }
}

html[dir='rtl'] #page_photo_view .item_bar {
    right: auto;
    left: -10px;
}

html[dir='rtl'] #page_photo_view .item_info .item-media {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] #page_photo_view .photos_actions ul li.rotate-left a:first-of-type {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] #page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span {
    margin-left: 4px;
    margin-right: 0;
}

html[dir='rtl'] #page_photo_view .photo_tag_in_photo.edit #js_photo_in_this_photo span a:not(.user_link) i.ico {
    left: auto;
    right: 1px;
}

#page_photo_albums section.photo-albums {
    margin: 0;
}

.block[id*="_featured"]>.content {
    position: static;
}

.block[id*="_featured"]>.content>.featured-photo-list>.sticky-featured-icon {
    position: absolute;
    top: 0;
    right: 16px;
}

.block[id*="_sponsored"]>.content>.sponsored-photo-list>.sticky-sponsored-icon {
    position: absolute;
    top: 0;
    right: 16px;
}

[id^=page_photo_] .photo-mode-view-container {
    display: inline-flex;
    position: absolute;
    top: -42px;
}

html[dir="ltr"] [id^=page_photo_] .photo-mode-view-container {
    right: 0;
}

html[dir="rtl"] [id^=page_photo_] .photo-mode-view-container {
    left: 0;
}

@media (max-width: 768px) {
    [id^=page_photo_] .photo-mode-view-container {
        position: static;
        margin-bottom: 8px;
    }

    html[dir='ltr'] [id^=page_photo_] .photo-mode-view-container {
        margin-left: -8px;
    }

    html[dir='rtl'] [id^=page_photo_] .photo-mode-view-container {
        margin-right: -8px;
    }
}

[id^=page_photo_] .photo-mode-view-container .photo-mode-view-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

[id^=page_photo_] .photo-mode-view-container .photo-mode-view-btn .ico {
    width: 14px;
    height: 14px;
}

[id^=page_photo_] .photo-mode-view-container .photo-mode-view-btn.casual .ico:before {
    display: block;
}

[id^=page_photo_] .photo-mode-view-container .photo-mode-view-btn:hover,
[id^=page_photo_] .photo-mode-view-container .photo-mode-view-btn.active {
    color: #555;
}

[id^=page_photo_] div#content ._block_content .photo-mode-view-content {
    margin-top: 0;
}

[id^=page_photo_album] .detail-photos {
    position: relative;
}

body.has-photo-tab .btn-scrolltop {
    bottom: 104px;
}

body.has-photo-tab #content {
    z-index: auto;
}

.featured-album-block .item-outer .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.featured-album-block .item-outer .item-media a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.featured-album-block .flag_style_parent {
    position: absolute;
    display: flex;
    right: 8px;
    top: 0;
}

.featured-album-block .item-outer .item-media .item-total-photo {
    height: 40px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-album-block .item-outer .item-media .item-total-photo .ico {
    margin-right: 10px;
    display: inline-block;
}

html[dir='rtl'] .featured-album-block .item-outer .item-media .item-total-photo {
    right: auto;
    left: 8px;
}

html[dir='rtl'] .featured-album-block .item-outer .item-media .item-total-photo .ico {
    margin-right: 0;
    margin-left: 10px;
}

.sponsored-album-block .item-outer .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.sponsored-album-block .item-outer .item-media a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.sponsored-album-block .flag_style_parent {
    position: absolute;
    display: flex;
    right: 8px;
    top: 0;
}

.sponsored-album-block .item-outer .item-media .item-total-photo {
    height: 40px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsored-album-block .item-outer .item-media .item-total-photo .ico {
    margin-right: 10px;
    display: inline-block;
}

html[dir='rtl'] .sponsored-album-block .item-outer .item-media .item-total-photo {
    right: auto;
    left: 8px;
}

html[dir='rtl'] .sponsored-album-block .item-outer .item-media .item-total-photo .ico {
    margin-right: 0;
    margin-left: 10px;
}

.core-photos-view-action-container {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    .core-photos-view-action-container {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.core-photos-view-action-container .photos-action-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

html[dir='ltr'] .core-photos-view-action-container .photos-action-wrapper {
    margin-left: auto;
}

html[dir='rtl'] .core-photos-view-action-container .photos-action-wrapper {
    margin-right: auto;
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more {
    z-index: 9;
}

html[dir="ltr"] .core-photos-view-action-container .photos-action-wrapper .photos-action-more {
    margin-left: 8px;
}

html[dir="rtl"] .core-photos-view-action-container .photos-action-wrapper .photos-action-more {
    margin-right: 8px;
}

html[dir='ltr'] .core-photos-view-action-container .photos-action-wrapper .photos-action-more {
    margin-right: -8px;
}

html[dir='rtl'] .core-photos-view-action-container .photos-action-wrapper .photos-action-more {
    margin-left: -8px;
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more .item_bar_action {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more .item_bar_action:hover {
    color: #555555;
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more .item_bar_action:hover .ico:before {
    content: "\ea97";
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more.open .item_bar_action {
    color: #555555;
}

.core-photos-view-action-container .photos-action-wrapper .photos-action-more.open .item_bar_action .ico:before {
    content: "\ea97";
}

@media (min-width: 767px) {
    .core-photos-view-action-container {
        flex-direction: column;
    }

    .core-photos-view-action-container .photo_tag_in_photo {
        order: 2;
    }

    .core-photos-view-action-container .photos-action-wrapper {
        margin: 0;
        width: 100%;
        justify-content: space-between;
    }

    .core-photos-view-action-container .photos-action-wrapper .photos_tag a.btn {
        border: none !important;
        color: #9740D5;
        padding: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    .core-photos-view-action-container .photos-action-wrapper .photos-action-more {
        position: static;
    }

    .core-photos-view-action-container .photos-action-wrapper .photos-action-more .dropdown-menu {
        left: -16px !important;
        right: -16px !important;
        margin-top: 4px;
    }

    html[dir='ltr'] .core-photos-view-action-container .photos-action-wrapper .photos-action-more .dropdown-menu:after {
        right: 20px;
    }

    html[dir='rtl'] .core-photos-view-action-container .photos-action-wrapper .photos-action-more .dropdown-menu:after {
        left: 20px;
    }
}

.core-photos-view-title {
    font-size: 24px;
    font-weight: bold;
    word-break: break-word;
    word-wrap: break-word;
    padding-top: 16px;
    padding-bottom: 12px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}

.core-photos-view-title a {
    color: #555555 !important;
}

@media (min-width: 767px) {
    .core-photos-view-title {
        font-size: 22px;
    }
}

@media (min-width: 767px) {
    .core-photos-view-title {
        font-size: 20px;
    }
}

#page_photo_view .core-photos-view-content-collapse-container {
    margin-bottom: 24px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse {
    margin-bottom: 16px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed>.item-extra-info>div {
    display: none;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed>.item-extra-info>div:nth-child(1),
#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed>.item-extra-info>div:nth-child(2) {
    display: block;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed>.item-extra-info>div:nth-child(1).item-size,
#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed>.item-extra-info>div:nth-child(2).item-size {
    display: flex;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed .item_description.truncate-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed .item_description.truncate-text+div {
    display: none;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse.collapsed .item-category.truncate-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse .item_description {
    font-size: 14px;
    line-height: 18px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse .item-extra-info {
    margin-top: 12px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse .item-size {
    font-size: 12px;
    line-height: 16px;
    flex-direction: column;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-content-collapse .item-size .item-size-stat {
    margin-bottom: 4px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .js-item-btn-toggle-collapse {
    cursor: pointer;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewmore-btn,
#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewless-btn {
    display: none;
    align-items: center;
}

html[dir='ltr'] #page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewmore-btn .ico,
html[dir='ltr'] #page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewless-btn .ico {
    margin-left: 4px;
}

html[dir='rtl'] #page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewmore-btn .ico,
html[dir='rtl'] #page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse .item-viewless-btn .ico {
    margin-right: 4px;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse.has-viewmore .item-viewmore-btn {
    display: inline-flex;
}

#page_photo_view .core-photos-view-content-collapse-container .core-photos-view-action-collapse.has-viewless .item-viewless-btn {
    display: inline-flex;
}

.ui-sortable .js_core_photo_drag_sort {
    cursor: all-scroll;
}

.photos_view ._a_back {
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.photos_view ._a_back>i {
    font-size: 22px;
    margin-top: 9px;
}

.photo-app.manage-photo .manage-photo-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.photo-app.manage-photo .item-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

@media screen and (min-width: 480px) {
    .photo-app.manage-photo .item-container article {
        width: 33.33%;
    }
}

@media screen and (min-width: 768px) {
    .photo-app.manage-photo .item-container article {
        width: 25%;
    }
}

@media screen {
    .photo-app.manage-photo .item-container article {
        width: 50%;
    }
}

.photo-app.manage-photo .item-container article .item-media {
    position: relative;
}

.photo-app.manage-photo .item-container article .item-media a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.photo-app.manage-photo .item-container article .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.photo-app.manage-photo .item-container article .item-media .item-photo-delete {
    top: 8px;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 9px;
    cursor: pointer;
    z-index: 1;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

html[dir="ltr"] .photo-app.manage-photo .item-container article .item-media .item-photo-delete {
    left: 8px;
}

html[dir="rtl"] .photo-app.manage-photo .item-container article .item-media .item-photo-delete {
    right: 8px;
}

.photo-app.manage-photo .item-container article .item-media .is-default {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.photo-app.manage-photo .item-container article .item-media .is-default .item-default {
    color: #fff;
    z-index: 2;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .photo-app.manage-photo .item-container article .item-media .is-default .item-default {
    margin-left: 8px;
}

html[dir="rtl"] .photo-app.manage-photo .item-container article .item-media .is-default .item-default {
    margin-right: 8px;
}

.photo-app.manage-photo .item-container article .item-media .is-default .item-default .ico {
    margin-right: 4px;
}

html[dir='rtl'] .photo-app.manage-photo .item-container article .item-media .is-default .item-default .ico {
    display: inline-block;
    margin-right: 0;
    margin-left: 4px;
}

.photo-app.manage-photo .item-container article .item-media .is-default:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
}

#js_actual_photo_content .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    font-size: 220%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#js_actual_photo_content .loading-overlay>i {
    color: #9740D5;
}

.photo-listing-item {
    position: relative;
}

/*End Photos*/
/*Begin ' . Comments . '*/

.comment_view_holder {
    position: relative;
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.comment_view_link {
    position: absolute;
    right: 0px;
    top: 4px;
    font-weight: bold;
    font-size: 13px;
}

.comment-wrapper {
    background: #f8f8f8;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    max-width: 100%;
}

@media (min-width: 767px) {
    .comment-wrapper {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.comment-viewmore,
.comment-viewless {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
}

.comment-viewmore .item-viewmore,
.comment-viewless .item-viewmore,
.comment-viewmore .item-viewless,
.comment-viewless .item-viewless {
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-viewmore .item-viewmore:before,
.comment-viewless .item-viewmore:before,
.comment-viewmore .item-viewless:before,
.comment-viewless .item-viewless:before {
    font-family: 'lineficon' !important;
    content: '\eab6';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[dir='ltr'] .comment-viewmore .item-viewmore:before,
html[dir='ltr'] .comment-viewless .item-viewmore:before,
html[dir='ltr'] .comment-viewmore .item-viewless:before,
html[dir='ltr'] .comment-viewless .item-viewless:before {
    padding-right: 6px;
}

html[dir='rtl'] .comment-viewmore .item-viewmore:before,
html[dir='rtl'] .comment-viewless .item-viewmore:before,
html[dir='rtl'] .comment-viewmore .item-viewless:before,
html[dir='rtl'] .comment-viewless .item-viewless:before {
    padding-left: 6px;
    display: inline-block;
}

.comment-viewmore .item-viewmore.active,
.comment-viewless .item-viewmore.active,
.comment-viewmore .item-viewless.active,
.comment-viewless .item-viewless.active {
    pointer-events: none;
}

.comment-viewmore .item-viewmore.active:before,
.comment-viewless .item-viewmore.active:before,
.comment-viewmore .item-viewless.active:before,
.comment-viewless .item-viewless.active:before {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    content: "\ea50" !important;
    width: 14px;
    height: 14px;
    display: inline-block;
    padding: 0;
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.comment-viewmore .item-number,
.comment-viewless .item-number {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    html[dir='ltr'] .comment-viewmore .item-number,
    html[dir='ltr'] .comment-viewless .item-number {
        margin-left: auto;
    }

    html[dir='rtl'] .comment-viewmore .item-number,
    html[dir='rtl'] .comment-viewless .item-number {
        margin-right: auto;
    }
}

.comment-viewmore.comment-hide-all,
.comment-viewless.comment-hide-all {
    justify-content: flex-start;
    align-items: center;
}

.comment-viewmore.comment-hide-all .item-viewmore,
.comment-viewless.comment-hide-all .item-viewmore,
.comment-viewmore.comment-hide-all .item-viewless,
.comment-viewless.comment-hide-all .item-viewless {
    display: flex;
    align-items: center;
}

.comment-viewmore.comment-hide-all .item-viewmore .img-wrapper,
.comment-viewless.comment-hide-all .item-viewmore .img-wrapper,
.comment-viewmore.comment-hide-all .item-viewless .img-wrapper,
.comment-viewless.comment-hide-all .item-viewless .img-wrapper,
.comment-viewmore.comment-hide-all .item-viewmore .no_image_user,
.comment-viewless.comment-hide-all .item-viewmore .no_image_user,
.comment-viewmore.comment-hide-all .item-viewless .no_image_user,
.comment-viewless.comment-hide-all .item-viewless .no_image_user {
    width: 24px;
    height: 24px;
}

html[dir="ltr"] .comment-viewmore.comment-hide-all .item-viewmore .img-wrapper,
html[dir="ltr"] .comment-viewless.comment-hide-all .item-viewmore .img-wrapper,
html[dir="ltr"] .comment-viewmore.comment-hide-all .item-viewless .img-wrapper,
html[dir="ltr"] .comment-viewless.comment-hide-all .item-viewless .img-wrapper,
html[dir="ltr"] .comment-viewmore.comment-hide-all .item-viewmore .no_image_user,
html[dir="ltr"] .comment-viewless.comment-hide-all .item-viewmore .no_image_user,
html[dir="ltr"] .comment-viewmore.comment-hide-all .item-viewless .no_image_user,
html[dir="ltr"] .comment-viewless.comment-hide-all .item-viewless .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] .comment-viewmore.comment-hide-all .item-viewmore .img-wrapper,
html[dir="rtl"] .comment-viewless.comment-hide-all .item-viewmore .img-wrapper,
html[dir="rtl"] .comment-viewmore.comment-hide-all .item-viewless .img-wrapper,
html[dir="rtl"] .comment-viewless.comment-hide-all .item-viewless .img-wrapper,
html[dir="rtl"] .comment-viewmore.comment-hide-all .item-viewmore .no_image_user,
html[dir="rtl"] .comment-viewless.comment-hide-all .item-viewmore .no_image_user,
html[dir="rtl"] .comment-viewmore.comment-hide-all .item-viewless .no_image_user,
html[dir="rtl"] .comment-viewless.comment-hide-all .item-viewless .no_image_user {
    margin-left: 8px;
}

.comment-viewmore.comment-hide-all .item-viewmore .img-wrapper img,
.comment-viewless.comment-hide-all .item-viewmore .img-wrapper img,
.comment-viewmore.comment-hide-all .item-viewless .img-wrapper img,
.comment-viewless.comment-hide-all .item-viewless .img-wrapper img {
    width: 100%;
    height: 100%;
}

.comment-viewmore.comment-hide-all .item-viewmore .no_image_user span,
.comment-viewless.comment-hide-all .item-viewmore .no_image_user span,
.comment-viewmore.comment-hide-all .item-viewless .no_image_user span,
.comment-viewless.comment-hide-all .item-viewless .no_image_user span {
    font-size: 10px;
}

.comment-viewmore a.item-viewmore:hover,
.comment-viewless a.item-viewmore:hover,
.comment-viewmore a.item-viewless:hover,
.comment-viewless a.item-viewless:hover {
    cursor: pointer;
}

.item-tag-emoji-mixin {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

html[dir='ltr'] .item-tag-emoji-mixin+.item-tag-emoji {
    margin-left: 0;
}

html[dir='rtl'] .item-tag-emoji-mixin+.item-tag-emoji {
    margin-right: 0;
}

.item-tag-emoji-mixin img {
    width: 100%;
    height: 100%;
}

.comment-item {
    padding: 12px 0;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    min-height: auto !important;
}

.comment-item:last-child {
    border-bottom: 0;
}

.comment-item:hover>.item-comment-options {
    opacity: 1;
}

.comment-item.view-hidden .item-outer {
    opacity: 0.5;
}

.comment-item.js_hidden_comment_dot {
    border-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #f8f8f8;
    margin-top: -1px;
}

.comment-item.js_hidden_comment_dot.comment-item-reply:before {
    display: none;
}

.comment-item.js_hidden_comment_dot.comment-item-reply:after {
    top: -21px !important;
}

.comment-item.js_hidden_comment_dot .item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-item.js_hidden_comment_dot .item-inner a {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-item.has-replies:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    bottom: 12px;
    top: 24px;
    background: #eeeeee;
}

html[dir="ltr"] .comment-item.has-replies:before {
    left: 16px;
}

html[dir="rtl"] .comment-item.has-replies:before {
    right: 16px;
}

.comment-item .item-comment-options {
    position: absolute;
    top: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .comment-item .item-comment-options {
    right: 0;
}

html[dir="rtl"] .comment-item .item-comment-options {
    left: 0;
}

@media (min-width: 768px) {
    .comment-item .item-comment-options {
        opacity: 0;
    }
}

.comment-item .item-comment-options.open {
    opacity: 1;
}

.comment-item .item-comment-options.open .item-options {
    color: #555555;
}

.comment-item .item-comment-options .item-options {
    width: 24px;
    height: 24px;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-item .item-comment-options .item-options:hover {
    color: #000000;
}

.comment-item .item-comment-options .dropdown-menu {
    min-width: 96px;
}

.comment-item .item-comment-options .dropdown-menu li a {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

.comment-item .item-comment-options .dropdown-menu li a span.ico {
    font-size: 14px;
    margin-bottom: 2px;
}

html[dir='ltr'] .comment-item .item-comment-options .dropdown-menu li a span.ico {
    margin-right: 4px;
}

html[dir='rtl'] .comment-item .item-comment-options .dropdown-menu li a span.ico {
    margin-left: 4px;
}

html[dir='ltr'] .comment-item .item-comment-options .dropdown-menu:after {
    right: 14px;
    left: auto;
}

html[dir='rtl'] .comment-item .item-comment-options .dropdown-menu:after {
    left: 14px;
    right: auto;
}

html[dir='ltr'] .comment-item .item-comment-options .dropdown-menu {
    right: -8px;
    left: auto;
}

html[dir='rtl'] .comment-item .item-comment-options .dropdown-menu {
    left: -8px;
    right: auto;
}

.comment-item .item-outer {
    display: flex;
}

.comment-item .item-outer .item-media {
    min-width: 32px;
}

html[dir='ltr'] .comment-item .item-outer .item-media {
    margin-right: 10px;
}

html[dir='rtl'] .comment-item .item-outer .item-media {
    margin-left: 10px;
}

.comment-item .item-outer .item-media .img-wrapper,
.comment-item .item-outer .item-media .no_image_user {
    width: 32px;
    height: 32px;
    position: relative;
}

.comment-item .item-outer .item-media .img-wrapper img,
.comment-item .item-outer .item-media .no_image_user img {
    width: 100%;
    height: 100%;
}

.comment-item .item-outer .item-media .no_image_user span {
    font-size: 10px;
}

.comment-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    line-height: 16px;
}

.comment-item .item-outer .item-inner .item-name {
    max-width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-item .item-outer .item-inner .item-name .user_profile_link_span {
    padding: 0 !important;
}

.comment-item .item-outer .item-inner .item-comment-content {
    color: #555555;
    margin-top: 2px;
    margin-bottom: 2px;
}

.comment-item .item-outer .item-inner .item-comment-content .content-text {
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-line;
}

html[dir='rtl'] .comment-item .item-outer .item-inner .item-comment-content .content-text .item-tag-link {
    display: inline-block;
}

.comment-item .item-outer .item-inner .item-comment-content .item-tag-emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

html[dir='ltr'] .comment-item .item-outer .item-inner .item-comment-content .item-tag-emoji+.item-tag-emoji {
    margin-left: 0;
}

html[dir='rtl'] .comment-item .item-outer .item-inner .item-comment-content .item-tag-emoji+.item-tag-emoji {
    margin-right: 0;
}

.comment-item .item-outer .item-inner .item-comment-content .item-tag-emoji img {
    width: 100%;
    height: 100%;
}

.comment-item .item-outer .item-inner .item-comment-content .user_profile_link_span {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir='rtl'] .comment-item .item-outer .item-inner .item-comment-content .user_profile_link_span {
    display: inline-block;
}

.comment-item .item-outer .item-inner .item-comment-content .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: normal !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-item .item-outer .item-inner .item-comment-content .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.comment-item .item-outer .item-inner .item-comment-content .content-photo {
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 0;
}

.comment-item .item-outer .item-inner .item-comment-content .content-photo .item-photo {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.comment-item .item-outer .item-inner .item-comment-content .content-photo .item-photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-item .item-outer .item-inner .item-comment-content .content-photo .item-photo .thickbox {
    position: relative;
    display: block;
}

.comment-item .item-outer .item-inner .item-comment-content .content-photo .item-photo img {
    max-width: 320px;
    max-height: 320px;
}

@media (min-width: 767px) {
    .comment-item .item-outer .item-inner .item-comment-content .content-photo .item-photo img {
        max-width: 100%;
        max-height: 240px;
    }
}

.comment-item .item-outer .item-inner .item-comment-content .content-sticker {
    margin-top: 8px;
    margin-bottom: 8px;
}

.comment-item .item-outer .item-inner .item-comment-content .content-sticker .item-sticker {
    display: inline-block;
    position: relative;
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    line-height: 0;
}

.comment-item .item-outer .item-inner .item-comment-content .content-sticker .item-sticker img {
    max-width: 100%;
    max-height: 100%;
}

.comment-item .item-outer .item-inner .item-action .action-list {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.comment-item .item-outer .item-inner .item-action .total-like,
.comment-item .item-outer .item-inner .item-action .item-reply,
.comment-item .item-outer .item-inner .item-action .item-time,
.comment-item .item-outer .item-inner .item-action .item-remove-preview,
.comment-item .item-outer .item-inner .item-action .item-history,
.comment-item .item-outer .item-inner .item-action .js_comment_action {
    margin-top: 2px;
}

.comment-item .item-outer .item-inner .item-action .js_like_link_toggle {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.comment-item .item-outer .item-inner .item-action .js_like_link_toggle span {
    display: none;
}

.comment-item .item-outer .item-inner .item-action .js_like_link_toggle:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
}

.comment-item .item-outer .item-inner .item-action .js_like_link_toggle.unlike:before {
    animation: button-unlike 300ms ease;
}

.comment-item .item-outer .item-inner .item-action .js_like_link_toggle.liked:before {
    content: '\ea9d';
    animation: button-like 300ms ease;
}

.comment-item .item-outer .item-inner .item-action .item-like {
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-item .item-outer .item-inner .item-action .item-like:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.comment-item .item-outer .item-inner .item-action .item-like.liked:before {
    content: "\ea9d";
}

.comment-item .item-outer .item-inner .item-action .total-like {
    color: #9740D5;
    margin-left: 2px;
}

html[dir='rtl'] .comment-item .item-outer .item-inner .item-action .total-like {
    margin-right: 2px;
    margin-left: 0;
}

.comment-item .item-outer .item-inner .item-action .item-reply:first-child:before,
.comment-item .item-outer .item-inner .item-action .item-time:first-child:before,
.comment-item .item-outer .item-inner .item-action .item-remove-preview:first-child:before,
.comment-item .item-outer .item-inner .item-action .item-history:first-child:before,
.comment-item .item-outer .item-inner .item-action .js_comment_action:first-child:before {
    display: none;
}

.comment-item .item-outer .item-inner .item-action .item-reply:before,
.comment-item .item-outer .item-inner .item-action .item-time:before,
.comment-item .item-outer .item-inner .item-action .item-remove-preview:before,
.comment-item .item-outer .item-inner .item-action .item-history:before,
.comment-item .item-outer .item-inner .item-action .js_comment_action:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #ccc;
    display: inline-block;
    border-radius: 100%;
    margin: 0 6px;
    margin-bottom: 2px;
}

.comment-item .item-outer .item-inner .item-action .item-reply a,
.comment-item .item-outer .item-inner .item-action .item-remove-preview a {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-item .item-outer .item-inner .item-action .item-time {
    color: #a2a2a2;
}

.comment-item .item-outer .item-inner .item-action .item-history a {
    color: #a2a2a2;
}

.comment-item .item-outer .item-inner .item-action .item-history a:hover {
    text-decoration: underline;
}

.comment-wrapper-reply .comment-viewmore,
.comment-wrapper-reply .comment-viewless {
    border-bottom: 0;
    height: 24px;
    margin-top: 8px;
    position: relative;
}

html[dir="ltr"] .comment-wrapper-reply .comment-viewmore,
html[dir="ltr"] .comment-wrapper-reply .comment-viewless {
    margin-left: 40px;
}

html[dir="rtl"] .comment-wrapper-reply .comment-viewmore,
html[dir="rtl"] .comment-wrapper-reply .comment-viewless {
    margin-right: 40px;
}

html[dir="ltr"] .comment-wrapper-reply .comment-viewmore,
html[dir="ltr"] .comment-wrapper-reply .comment-viewless {
    margin-right: 24px;
}

html[dir="rtl"] .comment-wrapper-reply .comment-viewmore,
html[dir="rtl"] .comment-wrapper-reply .comment-viewless {
    margin-left: 24px;
}

.comment-wrapper-reply .comment-viewmore:last-child:after,
.comment-wrapper-reply .comment-viewless:last-child:after {
    content: "";
    display: block;
    background: #f8f8f8;
    position: absolute;
    top: -8px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-wrapper-reply .comment-viewmore:last-child:after,
html[dir='rtl'] .comment-wrapper-reply .comment-viewless:last-child:after {
    right: -24px;
    left: auto;
}

.comment-wrapper-reply .comment-viewmore .item-viewmore:before,
.comment-wrapper-reply .comment-viewless .item-viewmore:before {
    content: "\eb13";
}

html[dir='rtl'] .comment-wrapper-reply .comment-viewmore .item-viewmore:before,
html[dir='rtl'] .comment-wrapper-reply .comment-viewless .item-viewmore:before {
    transform: scaleX(-1);
    padding-left: 0;
    padding-right: 6px;
}

.comment-wrapper-reply .comment-viewmore .item-viewless:before,
.comment-wrapper-reply .comment-viewless .item-viewless:before {
    content: "\eab7";
}

.comment-wrapper-reply .comment-viewless {
    margin-top: 8px;
}

.comment-wrapper-reply .comment-viewless+div {
    margin-top: 0;
}

.comment-container-reply .comment_mini_child_holder {
    margin: 0;
}

.comment-container-reply .comment-item-reply {
    border-bottom: 0;
    padding: 6px 0;
}

html[dir="ltr"] .comment-container-reply .comment-item-reply {
    margin-left: 40px;
}

html[dir="rtl"] .comment-container-reply .comment-item-reply {
    margin-right: 40px;
}

html[dir="ltr"] .comment-container-reply .comment-item-reply {
    margin-right: 24px;
}

html[dir="rtl"] .comment-container-reply .comment-item-reply {
    margin-left: 24px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .comment-container-reply .comment-item-reply {
        margin-left: 32px;
    }

    html[dir="rtl"] .comment-container-reply .comment-item-reply {
        margin-right: 32px;
    }

    html[dir="ltr"] .comment-container-reply .comment-item-reply {
        margin-right: 16px;
    }

    html[dir="rtl"] .comment-container-reply .comment-item-reply {
        margin-left: 16px;
    }
}

.comment-container-reply .comment-item-reply:last-child {
    padding-bottom: 0;
}

.comment-container-reply .comment-item-reply:before {
    content: "";
    display: block;
    background: #eeeeee;
    height: 1px;
    position: absolute;
    top: 20px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-container-reply .comment-item-reply:before {
    left: auto;
    right: -24px;
}

@media (min-width: 767px) {
    .comment-container-reply .comment-item-reply:before {
        left: -16px;
        width: 16px;
    }

    html[dir='rtl'] .comment-container-reply .comment-item-reply:before {
        left: auto;
        right: -16px;
    }
}

.comment-container-reply .comment-item-reply.css-hide-line:after,
.comment-container-reply .comment-item-reply:last-child:after {
    content: "";
    display: block;
    background: #f8f8f8;
    position: absolute;
    top: 21px;
    bottom: 0;
    left: -24px;
    width: 24px;
}

html[dir='rtl'] .comment-container-reply .comment-item-reply.css-hide-line:after,
html[dir='rtl'] .comment-container-reply .comment-item-reply:last-child:after {
    right: -24px;
    left: auto;
}

.comment-container-reply .comment-item-reply .item-outer .item-media .img-wrapper,
.comment-container-reply .comment-item-reply .item-outer .item-media .no_image_user {
    width: 28px;
    height: 28px;
}

.comment-container-reply .comment-item-reply .item-outer .item-media .img-wrapper img,
.comment-container-reply .comment-item-reply .item-outer .item-media .no_image_user img {
    width: 100%;
    height: 100%;
}

.comment-container-reply .comment-item-reply .item-outer .item-media .no_image_user span {
    font-size: 10px;
}

.comment-group-icon {
    display: flex;
}

.comment-group-icon .item-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    -webkit-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
    cursor: pointer;
}

.comment-group-icon .item-icon:hover {
    color: #555555;
}

.comment-group-icon .item-icon.open {
    color: #9740D5;
}

@media (min-width: 767px) {
    .comment-group-icon .item-icon {
        width: 26px;
    }
}

.comment-group-icon .item-icon.loading .ico {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.comment-group-icon .item-icon.loading .ico svg {
    display: none;
}

.comment-group-icon .item-icon.loading .ico:before {
    content: "\ea50" !important;
}

.comment-group-icon .item-icon.icon-emoji.open .ico:before {
    content: "\eadb";
}

@media (min-width: 1025px) {
    .comment-group-icon .item-icon.icon-emoji:hover .ico:before {
        content: "\eadb";
    }
}

.comment-group-icon .item-icon.icon-photo.open .ico:before {
    content: "\ea9a";
}

@media (min-width: 1025px) {
    .comment-group-icon .item-icon.icon-photo:hover .ico:before {
        content: "\ea9a";
    }
}

.comment-group-icon .item-icon.icon-sticker:not(.loading) .ico {
    width: 14px;
    height: 14px;
    -webkit-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading) .ico svg.sticker {
    display: none;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading) .ico svg path {
    fill: #a2a2a2;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading) .ico:before {
    display: none;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading).open-list {
    color: #9740D5;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading).open-list .ico svg.sticker-o {
    display: none;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading).open-list .ico svg.sticker {
    display: block;
}

.comment-group-icon .item-icon.icon-sticker:not(.loading).open-list .ico svg path {
    fill: #9740D5 !important;
}

@media (min-width: 1025px) {
    .comment-group-icon .item-icon.icon-sticker:not(.loading):hover .ico svg.sticker-o {
        display: none;
    }

    .comment-group-icon .item-icon.icon-sticker:not(.loading):hover .ico svg.sticker {
        display: block;
    }

    .comment-group-icon .item-icon.icon-sticker:not(.loading):hover .ico svg path {
        fill: #555555;
    }
}

.comment-box-edit .item-edit-content .item-box-input .chooseFriend,
.comment-box-reply .item-edit-content .item-box-input .chooseFriend {
    left: 0;
    right: 0;
    top: 34px;
    margin-top: 0;
}

.comment-box .item-edit-content .item-box-input .chooseFriend {
    left: -56px;
    right: -8px;
    top: 44px;
    margin-top: 0;
}

.comment-box-edit .item-edit-content,
.comment-box .item-edit-content,
.comment-box-reply .item-edit-content {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 4px;
}

.comment-box-edit .item-edit-content .item-box-input,
.comment-box .item-edit-content .item-box-input,
.comment-box-reply .item-edit-content .item-box-input {
    display: flex;
    flex-flow: wrap;
    background: #fff;
    border-radius: 4px;
    justify-content: flex-end;
}

.comment-box-edit .item-edit-content .item-box-input .js_feed_comment_process_form>i,
.comment-box .item-edit-content .item-box-input .js_feed_comment_process_form>i,
.comment-box-reply .item-edit-content .item-box-input .js_feed_comment_process_form>i {
    top: 11px;
}

.comment-box-edit .item-edit-content .item-box-input .comment-textarea-edit,
.comment-box .item-edit-content .item-box-input .comment-textarea-edit,
.comment-box-reply .item-edit-content .item-box-input .comment-textarea-edit {
    min-width: unset;
    min-height: 32px;
    resize: none;
    height: auto;
    overflow: hidden;
    line-height: 18px;
    padding: 8px !important;
    font-size: 12px;
    border: 0;
    box-shadow: none;
    flex-basis: auto;
    flex-shrink: 1;
    flex-grow: 1;
    width: auto;
    max-width: 100%;
}

.comment-box-edit .item-edit-content .item-box-input .comment-group-icon,
.comment-box .item-edit-content .item-box-input .comment-group-icon,
.comment-box-reply .item-edit-content .item-box-input .comment-group-icon {
    display: flex;
    align-items: flex-end;
    width: auto;
    background: #fff;
    border-radius: 4px;
}

.comment-box-edit .comment-group-btn-icon,
.comment-box .comment-group-btn-icon,
.comment-box-reply .comment-group-btn-icon {
    display: flex;
    align-items: center;
}

.comment-box-edit .comment-group-btn-icon .comment-group-icon,
.comment-box .comment-group-btn-icon .comment-group-icon,
.comment-box-reply .comment-group-btn-icon .comment-group-icon {
    margin-top: 4px;
}

.comment-box-edit .comment-btn,
.comment-box .comment-btn,
.comment-box-reply .comment-btn {
    margin-top: 8px;
    display: flex;
}

@media (min-width: 767px) {

    .comment-box-edit .comment-btn .btn,
    .comment-box .comment-btn .btn,
    .comment-box-reply .comment-btn .btn {
        text-indent: 9999px;
        width: 24px;
        position: relative;
        overflow: hidden;
    }

    .comment-box-edit .comment-btn .btn:after,
    .comment-box .comment-btn .btn:after,
    .comment-box-reply .comment-btn .btn:after {
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .comment-box-edit .comment-btn .btn.btn-primary:after,
    .comment-box .comment-btn .btn.btn-primary:after,
    .comment-box-reply .comment-btn .btn.btn-primary:after {
        font-family: 'lineficon' !important;
        content: "\e97f";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .comment-box-edit .comment-btn .btn.btn-default:after,
    .comment-box .comment-btn .btn.btn-default:after,
    .comment-box-reply .comment-btn .btn.btn-default:after {
        font-family: 'lineficon' !important;
        content: "\eab2";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

html[dir='ltr'] .comment-box-edit .comment-btn .btn,
html[dir='ltr'] .comment-box .comment-btn .btn,
html[dir='ltr'] .comment-box-reply .comment-btn .btn {
    margin-right: 6px;
}

html[dir='rtl'] .comment-box-edit .comment-btn .btn,
html[dir='rtl'] .comment-box .comment-btn .btn,
html[dir='rtl'] .comment-box-reply .comment-btn .btn {
    margin-left: 6px;
}

.comment-box-edit .comment-btn .btn:last-child,
.comment-box .comment-btn .btn:last-child,
.comment-box-reply .comment-btn .btn:last-child {
    margin: 0 !important;
}

.comment-box-edit .item-edit-cancel,
.comment-box .item-edit-cancel,
.comment-box-reply .item-edit-cancel {
    color: #a2a2a2;
    margin-top: 6px;
}

.comment-box-edit .item-edit-cancel a,
.comment-box .item-edit-cancel a,
.comment-box-reply .item-edit-cancel a {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #9740D5;
}

.comment-box-edit .item-edit-cancel a:hover,
.comment-box .item-edit-cancel a:hover,
.comment-box-reply .item-edit-cancel a:hover {
    color: #950FCD;
}

.comment-box-edit.has-photo-sticker .item-edit-content,
.comment-box.has-photo-sticker .item-edit-content,
.comment-box-reply.has-photo-sticker .item-edit-content {
    /* .item-box-input{
				border-bottom-color: @border-color-light;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			} */
}

.comment-box-edit.has-photo-sticker .item-edit-content .item-icon.icon-sticker,
.comment-box.has-photo-sticker .item-edit-content .item-icon.icon-sticker,
.comment-box-reply.has-photo-sticker .item-edit-content .item-icon.icon-sticker,
.comment-box-edit.has-photo-sticker .item-edit-content .item-icon.icon-photo,
.comment-box.has-photo-sticker .item-edit-content .item-icon.icon-photo,
.comment-box-reply.has-photo-sticker .item-edit-content .item-icon.icon-photo {
    display: none;
}

.comment-box-edit.has-photo-sticker .item-edit-photo,
.comment-box.has-photo-sticker .item-edit-photo,
.comment-box-reply.has-photo-sticker .item-edit-photo,
.comment-box-edit.has-photo-sticker .item-edit-sticker,
.comment-box.has-photo-sticker .item-edit-sticker,
.comment-box-reply.has-photo-sticker .item-edit-sticker {
    line-height: 0;
    border-top: 1px solid #eeeeee;
    padding: 8px;
    /* border: 1px solid @gray-dark;
			border-top: 0;
			 */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff;
    position: relative;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-delete,
.comment-box.has-photo-sticker .item-edit-photo .item-delete,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-delete,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-delete,
.comment-box.has-photo-sticker .item-edit-sticker .item-delete,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-delete {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    cursor: pointer;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .comment-box-edit.has-photo-sticker .item-edit-photo .item-delete,
html[dir="ltr"] .comment-box.has-photo-sticker .item-edit-photo .item-delete,
html[dir="ltr"] .comment-box-reply.has-photo-sticker .item-edit-photo .item-delete,
html[dir="ltr"] .comment-box-edit.has-photo-sticker .item-edit-sticker .item-delete,
html[dir="ltr"] .comment-box.has-photo-sticker .item-edit-sticker .item-delete,
html[dir="ltr"] .comment-box-reply.has-photo-sticker .item-edit-sticker .item-delete {
    right: 0;
}

html[dir="rtl"] .comment-box-edit.has-photo-sticker .item-edit-photo .item-delete,
html[dir="rtl"] .comment-box.has-photo-sticker .item-edit-photo .item-delete,
html[dir="rtl"] .comment-box-reply.has-photo-sticker .item-edit-photo .item-delete,
html[dir="rtl"] .comment-box-edit.has-photo-sticker .item-edit-sticker .item-delete,
html[dir="rtl"] .comment-box.has-photo-sticker .item-edit-sticker .item-delete,
html[dir="rtl"] .comment-box-reply.has-photo-sticker .item-edit-sticker .item-delete {
    left: 0;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-delete .ico,
.comment-box.has-photo-sticker .item-edit-photo .item-delete .ico,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-delete .ico,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-delete .ico,
.comment-box.has-photo-sticker .item-edit-sticker .item-delete .ico,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-delete .ico {
    font-size: 10px;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-delete:hover,
.comment-box.has-photo-sticker .item-edit-photo .item-delete:hover,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-delete:hover,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-delete:hover,
.comment-box.has-photo-sticker .item-edit-sticker .item-delete:hover,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-delete:hover {
    color: #555555;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-photo,
.comment-box.has-photo-sticker .item-edit-photo .item-photo,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-photo,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-photo,
.comment-box.has-photo-sticker .item-edit-sticker .item-photo,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-photo,
.comment-box-edit.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-sticker,
.comment-box.has-photo-sticker .item-edit-sticker .item-sticker,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-sticker {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 114px;
    line-height: 0;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-photo img,
.comment-box.has-photo-sticker .item-edit-photo .item-photo img,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-photo img,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-photo img,
.comment-box.has-photo-sticker .item-edit-sticker .item-photo img,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-photo img,
.comment-box-edit.has-photo-sticker .item-edit-photo .item-sticker img,
.comment-box.has-photo-sticker .item-edit-photo .item-sticker img,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-sticker img,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-sticker img,
.comment-box.has-photo-sticker .item-edit-sticker .item-sticker img,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-sticker img {
    max-width: 100%;
    height: auto;
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-photo:before,
.comment-box.has-photo-sticker .item-edit-photo .item-photo:before,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-photo:before,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-photo:before,
.comment-box.has-photo-sticker .item-edit-sticker .item-photo:before,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-photo:before,
.comment-box-edit.has-photo-sticker .item-edit-photo .item-sticker:before,
.comment-box.has-photo-sticker .item-edit-photo .item-sticker:before,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-sticker:before,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-sticker:before,
.comment-box.has-photo-sticker .item-edit-sticker .item-sticker:before,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-sticker:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-box-edit.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box-reply.has-photo-sticker .item-edit-photo .item-sticker,
.comment-box-edit.has-photo-sticker .item-edit-sticker .item-sticker,
.comment-box.has-photo-sticker .item-edit-sticker .item-sticker,
.comment-box-reply.has-photo-sticker .item-edit-sticker .item-sticker {
    max-width: 80px;
}

.comment-item-edit .comment-group-btn-icon .comment-btn {
    display: none;
}

.comment-item-edit.mobile-style .comment-group-btn-icon .item-edit-cancel {
    display: none !important;
}

.comment-item-edit.mobile-style .comment-group-btn-icon .comment-btn {
    display: flex;
}

.comment-item-edit.mobile-style .comment-box-edit .comment-group-icon {
    position: absolute;
    bottom: -32px;
    background: #f8f8f8;
}

html[dir="ltr"] .comment-item-edit.mobile-style .comment-box-edit .comment-group-icon {
    left: 0;
}

html[dir="rtl"] .comment-item-edit.mobile-style .comment-box-edit .comment-group-icon {
    right: 0;
}

.comment-item-edit.mobile-style .comment-box-edit .comment-group-icon .item-icon {
    height: 24px;
}

@media (min-width: 767px) {
    .comment-item-edit.mobile-style .comment-box-edit .comment-group-icon {
        left: 0;
        right: 0;
    }

    html[dir='rtl'] .comment-item-edit.mobile-style .comment-box-edit .comment-group-icon {
        left: 0;
        right: 0;
    }
}

.comment-item-edit.mobile-style .comment-box-edit .comment-group-btn-icon {
    justify-content: flex-end;
}

.comment-item-edit.mobile-style .comment-sticker-container {
    /* @media(min-width: 767px){
				min-width: 200px;
			} */
    margin-bottom: 4px !important;
    /* .comment-sticker-header{
				.header-sticker-list{
					.item-container{
						@media (min-width: 767px){
							max-width: 100px;
						}
					}
				}
			} */
}

.comment-item-edit.mobile-style .comment-sticker-container:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-top: 6px solid #FFF;
    top: 100%;
    bottom: auto;
}

html[dir='ltr'] .comment-item-edit.mobile-style .comment-sticker-container:after {
    left: 44px !important;
    right: auto !important;
}

@media (min-width: 767px) {
    html[dir='ltr'] .comment-item-edit.mobile-style .comment-sticker-container:after {
        left: 34px !important;
        right: auto !important;
    }
}

html[dir='rtl'] .comment-item-edit.mobile-style .comment-sticker-container:after {
    right: 44px !important;
    left: auto !important;
}

@media (min-width: 767px) {
    html[dir='rtl'] .comment-item-edit.mobile-style .comment-sticker-container:after {
        right: 34px !important;
        left: auto !important;
    }
}

html[dir='ltr'] .comment-item-edit.mobile-style .comment-sticker-container {
    left: 0;
    right: auto;
}

html[dir='rtl'] .comment-item-edit.mobile-style .comment-sticker-container {
    right: 0;
    left: auto;
}

.comment-reply-new .comment-group-btn-icon .item-edit-cancel,
.comment-reply-new .comment-group-btn-icon .comment-btn {
    display: none;
}

.comment-reply-new.mobile-style .comment-group-btn-icon .item-edit-cancel {
    display: none !important;
}

.comment-reply-new.mobile-style .comment-group-btn-icon .comment-btn {
    display: flex;
}

.comment-reply-new.mobile-style .comment-box-reply .comment-group-icon {
    position: absolute;
    bottom: -32px;
    background: #f8f8f8;
}

html[dir="ltr"] .comment-reply-new.mobile-style .comment-box-reply .comment-group-icon {
    left: 0;
}

html[dir="rtl"] .comment-reply-new.mobile-style .comment-box-reply .comment-group-icon {
    right: 0;
}

.comment-reply-new.mobile-style .comment-box-reply .comment-group-icon .item-icon {
    height: 24px;
}

@media (min-width: 767px) {
    .comment-reply-new.mobile-style .comment-box-reply .comment-group-icon {
        left: 0;
        right: 0;
    }

    html[dir='rtl'] .comment-reply-new.mobile-style .comment-box-reply .comment-group-icon {
        left: 0;
        right: 0;
    }
}

.comment-reply-new.mobile-style .comment-box-reply .comment-group-btn-icon {
    justify-content: flex-end;
}

.comment-reply-new.mobile-style .comment-sticker-container {
    /* @media(min-width: 767px){
				min-width: 200px;
			} */
    margin-bottom: 4px !important;
    /* .comment-sticker-header{
				.header-sticker-list{
					.item-container{
						@media (min-width: 767px){
							max-width: 100px;
						}
					}
				}
			} */
}

.comment-reply-new.mobile-style .comment-sticker-container:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-top: 6px solid #FFF;
    top: 100%;
    bottom: auto;
}

html[dir='ltr'] .comment-reply-new.mobile-style .comment-sticker-container:after {
    left: 44px !important;
    right: auto !important;
}

@media (min-width: 767px) {
    html[dir='ltr'] .comment-reply-new.mobile-style .comment-sticker-container:after {
        left: 34px !important;
        right: auto !important;
    }
}

html[dir='rtl'] .comment-reply-new.mobile-style .comment-sticker-container:after {
    right: 44px !important;
    left: auto !important;
}

@media (min-width: 767px) {
    html[dir='rtl'] .comment-reply-new.mobile-style .comment-sticker-container:after {
        right: 34px !important;
        left: auto !important;
    }
}

html[dir='ltr'] .comment-reply-new.mobile-style .comment-sticker-container {
    left: 0;
    right: auto;
}

html[dir='rtl'] .comment-reply-new.mobile-style .comment-sticker-container {
    right: 0;
    left: auto;
}

.comment-footer.mobile-style .comment-group-btn-icon-empty {
    height: 32px;
    display: block !important;
    background: #fff;
    margin: 0 -16px;
    border-top: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    .comment-footer.mobile-style .comment-group-btn-icon-empty {
        margin: 0 -8px;
    }
}

.comment-footer.mobile-style .mobile-sent-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    width: 32px;
    height: 32px;
    color: #a2a2a2;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 16px;
}

.comment-footer.mobile-style .mobile-sent-btn.active {
    background: #9740D5;
    color: #fff;
}

.comment-footer.mobile-style .comment-box .mobile-sent-btn {
    margin-bottom: 2px;
}

.comment-footer.mobile-style .comment-box .comment-group-icon {
    position: absolute;
    bottom: -44px;
    left: -44px;
    background: transparent;
}

html[dir='rtl'] .comment-footer.mobile-style .comment-box .comment-group-icon {
    left: auto;
    right: -44px;
}

.comment-footer.mobile-style .comment-box .comment-group-icon .item-icon {
    width: 32px !important;
    height: 32px !important;
}

@media (min-width: 767px) {
    .comment-footer.mobile-style .comment-box .comment-group-icon {
        right: 4px;
    }

    html[dir='rtl'] .comment-footer.mobile-style .comment-box .comment-group-icon {
        left: 4px;
    }
}

.comment-footer.mobile-style .comment-box .comment-group-btn-icon {
    justify-content: flex-end;
}

.comment-footer.mobile-style .comment-sticker-container {
    /* @media(min-width: 767px){
				min-width: 200px;
			} */
    margin-bottom: 4px !important;
    /* .comment-sticker-header{
				.header-sticker-list{
					.item-container{
						@media (min-width: 767px){
							max-width: 100px;
						}
					}
				}
			} */
}

.comment-footer.mobile-style .comment-sticker-container:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-top: 6px solid #FFF;
    top: 100%;
    bottom: auto;
}

html[dir='ltr'] .comment-footer.mobile-style .comment-sticker-container:after {
    left: 44px !important;
    right: auto !important;
}

@media (min-width: 767px) {
    html[dir='ltr'] .comment-footer.mobile-style .comment-sticker-container:after {
        left: 34px !important;
        right: auto !important;
    }
}

html[dir='rtl'] .comment-footer.mobile-style .comment-sticker-container:after {
    right: 44px !important;
    left: auto !important;
}

@media (min-width: 767px) {
    html[dir='rtl'] .comment-footer.mobile-style .comment-sticker-container:after {
        right: 34px !important;
        left: auto !important;
    }
}

html[dir='ltr'] .comment-footer.mobile-style .comment-sticker-container {
    left: 0;
    right: auto;
}

html[dir='rtl'] .comment-footer.mobile-style .comment-sticker-container {
    right: 0;
    left: auto;
}

.comment-box-container {
    margin-left: -16px;
    margin-right: -16px;
    background: #fff;
    border-top: 1px solid #eeeeee;
    margin-top: -1px;
    padding: 12px 16px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

html[dir="ltr"] .comment-box-container {
    padding-right: 8px;
}

html[dir="rtl"] .comment-box-container {
    padding-left: 8px;
}

@media (min-width: 767px) {
    .comment-box-container {
        margin-left: -8px;
        margin-right: -8px;
    }
}

.comment-box-container .item-outer {
    display: flex;
}

.comment-box-container .item-media {
    min-width: 32px;
}

html[dir="ltr"] .comment-box-container .item-media {
    margin-right: 8px;
}

html[dir="rtl"] .comment-box-container .item-media {
    margin-left: 8px;
}

.comment-box-container .item-media .img-wrapper,
.comment-box-container .item-media .no_image_user {
    width: 32px;
    height: 32px;
}

.comment-box-container .item-media .img-wrapper img,
.comment-box-container .item-media .no_image_user img {
    width: 100%;
    height: 100%;
}

.comment-box-container .item-media .no_image_user span {
    font-size: 10px;
}

.comment-box-container .item-inner {
    flex: 1;
}

.comment-box-container .comment-box {
    flex: 1;
}

.comment-box .item-edit-content {
    box-shadow: none;
    border: 0;
    margin-top: 0;
}

.comment-box .item-edit-content .item-box-input .comment-textarea-edit {
    word-break: break-word;
    word-wrap: break-word;
    font-size: 14px;
}

html[dir='ltr'] .comment-box .item-edit-content .item-box-input .comment-textarea-edit {
    padding-left: 10px !important;
}

html[dir='rtl'] .comment-box .item-edit-content .item-box-input .comment-textarea-edit {
    padding-right: 0 !important;
}

.comment-box .item-edit-content .item-box-input .comment-group-icon {
    /* @media (min-width: 767px){
					position: static;
				} */
}

.comment-box .item-edit-content .item-box-input .comment-group-icon .item-icon {
    font-size: 16px;
    height: 32px;
}

.comment-box .item-edit-content .item-box-input .comment-group-icon .item-icon.icon-sticker:not(.loading) .ico {
    width: 16px;
    height: 16px;
}

.comment-box-reply .item-edit-content {
    margin-top: 0 !important;
}

.comment-box-reply .item-edit-content .item-box-input {
    margin-top: 0;
}

.comment-box-reply .item-edit-content .item-box-input .comment-group-icon {
    /* @media (min-width: 767px){
					position: static;
				}
				.item-icon{
					.h-4;
				} */
}

@media (min-width: 767px) {
    .comment-reply-new .item-outer .item-media {
        display: none;
    }
}

.comment-emoji-container {
    border-top: 1px solid #eeeeee;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.comment-emoji-container .comment-emoji-header {
    border-bottom: 0;
    position: relative;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

.comment-emoji-container .comment-emoji-header:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #eeeeee;
}

.comment-emoji-container .comment-emoji-header .item-close {
    display: block;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    right: -8px;
    top: 0;
    cursor: pointer;
}

html[dir='rtl'] .comment-emoji-container .comment-emoji-header .item-close {
    right: auto;
    left: -8px;
}

.comment-emoji-container .comment-emoji-header .item-close:hover {
    color: #555555;
}

.comment-emoji-container .comment-emoji-header .item-close .ico {
    font-size: 9px;
}

.comment-emoji-container .comment-emoji-header .item-hover-info {
    font-size: 12px;
    color: #a2a2a2;
    position: absolute;
    top: 8px;
}

html[dir="ltr"] .comment-emoji-container .comment-emoji-header .item-hover-info {
    right: 32px;
}

html[dir="rtl"] .comment-emoji-container .comment-emoji-header .item-hover-info {
    left: 32px;
}

@media (min-width: 767px) {
    .comment-emoji-container .comment-emoji-header .item-hover-info {
        display: none;
    }
}

.comment-emoji-container .comment-emoji-header li {
    float: none;
    margin: 0;
}

html[dir="ltr"] .comment-emoji-container .comment-emoji-header li {
    margin-right: 16px;
}

html[dir="rtl"] .comment-emoji-container .comment-emoji-header li {
    margin-left: 16px;
}

.comment-emoji-container .comment-emoji-header li a {
    padding: 0;
    border: 0;
    font-size: 12px;
    background-color: transparent;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-transform: uppercase;
}

.comment-emoji-container .comment-emoji-header li a:hover {
    color: #9740D5;
}

.comment-emoji-container .comment-emoji-header li.active:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 1px;
    background: #9740D5;
}

.comment-emoji-container .comment-emoji-header li.active a {
    color: #9740D5;
}

.comment-emoji-container .comment-emoji-content {
    margin-top: 8px;
}

.comment-emoji-container .comment-emoji-content .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.comment-emoji-container .comment-emoji-content .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    margin: 0;
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list {
    max-height: 136px;
    min-height: 32px;
    overflow-y: auto;
    overflow-x: hidden;
    /* @media (min-width: 1025px){
				.mCSB_container .item-container{
					padding-right: 10px;
					html[dir='rtl'] &{
						padding-left: 10px;
						padding-right: 0;
					}
				}
			} */
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list .item-container {
    display: flex;
    flex-flow: wrap;
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list .item-container .item-emoji {
    padding: 5px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list .item-container .item-emoji:hover {
    background-color: #eeeeee;
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list .item-container .item-emoji .item-outer {
    width: 24px;
    height: 24px;
}

.comment-emoji-container .comment-emoji-content .comment-emoji-list .item-container .item-emoji .item-outer img {
    width: 100%;
    height: 100%;
}

.comment-emoji-container.comment-emoji-loading {
    min-height: 184px;
}

.comment-emoji-container.comment-emoji-loading .item-icon.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comment-emoji-container.comment-emoji-loading .item-icon.loading .ico {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.comment-emoji-container.comment-emoji-loading .item-icon.loading .ico:before {
    content: "\ea50" !important;
}

.comment-box.has-photo-sticker .item-edit-photo,
.comment-box.has-photo-sticker .item-edit-sticker {
    border: 1px solid #eeeeee;
}

.comment-box.has-photo-sticker .comment-emoji-container {
    border-bottom: 0;
}

.comment-footer .comment-emoji-container {
    position: relative;
    border-top: 0;
    background: #f8f8f8;
    border: 1px solid #eeeeee;
}

.comment-link .content-link-normal {
    margin-top: 4px;
    margin-bottom: 6px;
    display: flex;
    padding: 12px;
    border: 1px solid #eeeeee;
    background-color: #fff;
}

@media (min-width: 767px) {
    .comment-link .content-link-normal {
        flex-direction: column;
    }
}

.comment-link .content-link-normal .item-image {
    max-width: 180px;
    max-height: 200px;
    margin-right: 12px;
    border-right: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    .comment-link .content-link-normal .item-image {
        width: 100%;
        max-width: 100%;
        max-height: 400px;
        margin: 0;
        margin-bottom: 8px;
    }
}

html[dir='rtl'] .comment-link .content-link-normal .item-image {
    margin-right: 0;
    margin-left: 12px;
}

.comment-link .content-link-normal .item-image img {
    width: 100%;
    height: 100%;
}

.comment-link .content-link-normal .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 22px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 44px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .comment-link .content-link-normal .item-inner .item-title {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 18px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 36px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.comment-link .content-link-normal .item-inner .item-title:hover {
    color: #950FCD;
}

.comment-link .content-link-normal .item-inner .item-info {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-top: 4px;
}

.comment-link .content-link-photo .item-image {
    display: block;
    max-width: 200px;
    max-height: 400px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.comment-link .content-link-photo .item-image img {
    width: 100%;
    height: 100%;
}

.comment-sticker-container {
    min-width: 265px;
    max-width: 265px;
    margin-bottom: -1px !important;
}

@media (min-width: 767px) {
    .comment-sticker-container {
        min-width: 100%;
        max-width: 100%;
        left: 0 !important;
        right: 0 !important;
    }
}

.comment-sticker-container:after {
    top: 100%;
    bottom: auto;
}

html[dir='ltr'] .comment-sticker-container:after {
    right: 40px !important;
    left: auto !important;
}

@media (min-width: 767px) {
    html[dir='ltr'] .comment-sticker-container:after {
        right: 32px !important;
        left: auto !important;
    }
}

html[dir='rtl'] .comment-sticker-container:after {
    left: 40px !important;
    right: auto !important;
}

@media (min-width: 767px) {
    html[dir='rtl'] .comment-sticker-container:after {
        left: 32px !important;
        right: auto !important;
    }
}

html[dir='ltr'] .comment-sticker-container {
    right: 0;
    left: auto;
}

html[dir='rtl'] .comment-sticker-container {
    left: 0;
    right: auto;
}

.comment-sticker-container .comment-sticker-header {
    display: flex;
    align-items: center;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list li.active .item-recent {
    color: #555555;
    background: #eeeeee;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-container {
    /* max-width: 160px; */
    flex: 1;
    min-width: 0;
    overflow: hidden;
    /* @media(min-width: 767px){
					max-width: 100px;
				} */
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-container .comment-full-sticker {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-header-sticker.active a {
    background-color: #eeeeee;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-header-sticker a {
    width: 40px;
    height: 40px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-header-sticker a img {
    width: 100%;
    height: 100%;
}

.comment-sticker-container .comment-sticker-header .header-sticker-list .item-header-sticker a:hover {
    background-color: #eeeeee;
}

.comment-sticker-container .comment-sticker-header .item-recent,
.comment-sticker-container .comment-sticker-header .comment-next-sticker,
.comment-sticker-container .comment-sticker-header .item-add,
.comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-sticker-container .comment-sticker-header .item-recent:hover,
.comment-sticker-container .comment-sticker-header .comment-next-sticker:hover,
.comment-sticker-container .comment-sticker-header .item-add:hover,
.comment-sticker-container .comment-sticker-header .comment-prev-sticker:hover {
    background-color: #fff;
}

.comment-sticker-container .comment-sticker-header .item-recent {
    height: 40px;
    width: 40px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    position: relative;
    padding: 0;
}

.comment-sticker-container .comment-sticker-header .item-recent .ico {
    font-size: 16px;
    margin: 0;
}

.comment-sticker-container .comment-sticker-header .item-recent:hover {
    color: #555555;
}

.comment-sticker-container .comment-sticker-header .item-recent:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #eeeeee;
}

html[dir="ltr"] .comment-sticker-container .comment-sticker-header .item-recent:before {
    right: 0;
}

html[dir="rtl"] .comment-sticker-container .comment-sticker-header .item-recent:before {
    left: 0;
}

.comment-sticker-container .comment-sticker-header .comment-next-sticker,
.comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    cursor: pointer;
}

.comment-sticker-container .comment-sticker-header .comment-next-sticker:hover,
.comment-sticker-container .comment-sticker-header .comment-prev-sticker:hover {
    color: #555555;
}

html[dir='rtl'] .comment-sticker-container .comment-sticker-header .comment-next-sticker,
html[dir='rtl'] .comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    transform: rotate(180deg);
}

.comment-sticker-container .comment-sticker-header .comment-next-sticker {
    border-left: 1px solid #eeeeee;
}

html[dir='ltr'] .comment-sticker-container .comment-sticker-header .comment-next-sticker {
    padding-left: 2px;
    margin-left: auto;
}

html[dir='rtl'] .comment-sticker-container .comment-sticker-header .comment-next-sticker {
    padding-right: 2px;
    margin-right: auto;
}

.comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    border-right: 1px solid #eeeeee;
}

html[dir='ltr'] .comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    margin-right: auto;
}

html[dir='rtl'] .comment-sticker-container .comment-sticker-header .comment-prev-sticker {
    margin-left: auto;
}

.comment-sticker-container .comment-sticker-header .item-add {
    width: 40px;
    height: 40px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.comment-sticker-container .comment-sticker-header .item-add .ico {
    font-size: 16px;
}

html[dir='ltr'] .comment-sticker-container .comment-sticker-header .item-add {
    margin-left: auto;
}

html[dir='rtl'] .comment-sticker-container .comment-sticker-header .item-add {
    margin-right: auto;
}

.comment-sticker-container .comment-sticker-header .item-add:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #eeeeee;
}

html[dir="ltr"] .comment-sticker-container .comment-sticker-header .item-add:before {
    left: 0;
}

html[dir="rtl"] .comment-sticker-container .comment-sticker-header .item-add:before {
    right: 0;
}

.comment-sticker-container .comment-sticker-header .item-add:after {
    content: "";
    position: absolute;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #9740D5;
    opacity: 0;
}

html[dir="ltr"] .comment-sticker-container .comment-sticker-header .item-add:after {
    right: 8px;
}

html[dir="rtl"] .comment-sticker-container .comment-sticker-header .item-add:after {
    left: 8px;
}

.comment-sticker-container .comment-sticker-header .item-add.has-new:after {
    opacity: 1;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list {
    max-height: 150px;
    min-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container {
    display: flex;
    flex-flow: wrap;
    padding: 0 4px;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker {
    padding: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 25%;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker:hover {
    background-color: #eeeeee;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer {
    margin-left: auto;
    margin-right: auto;
    width: 56px;
    height: 56px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer img {
    max-width: 56px;
    max-height: 56px;
}

@media (min-width: 767px) {
    .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer {
        width: 48px;
        height: 48px;
    }

    .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer img {
        max-width: 48px;
        max-height: 48px;
    }
}

@media (max-width: 375px) {

    .comment-box-reply .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer,
    .comment-box .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer {
        width: 46px;
        height: 46px;
    }

    .comment-box-reply .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer img,
    .comment-box .comment-sticker-container .comment-sticker-content .comment-sticker-list .item-container .item-sticker .item-outer img {
        max-width: 46px;
        max-height: 46px;
    }
}

.comment-sticker-container.comment-sticker-loading {
    min-height: 198px;
}

.comment-sticker-container.comment-sticker-loading .item-icon.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comment-sticker-store .comment-sticker-store-header {
    position: relative;
    margin: 0 -16px;
    background: #f8f8f8;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 0;
    margin-bottom: 16px;
}

html[dir="ltr"] .comment-sticker-store .comment-sticker-store-header .page_section_menu_link:before {
    right: 16px;
}

html[dir="rtl"] .comment-sticker-store .comment-sticker-store-header .page_section_menu_link:before {
    left: 16px;
}

@media (min-width: 767px) {
    .comment-sticker-store .comment-sticker-store-header {
        height: 56px;
    }
}

@media (min-width: 767px) {
    .comment-sticker-store .comment-sticker-store-header:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 54px;
        height: 1px;
        background: rgba(0, 0, 0, 0.05);
    }

    .comment-sticker-store .comment-sticker-store-header:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: rgba(0, 0, 0, 0.05);
    }
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs {
    display: flex;
}

@media (min-width: 767px) {
    .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 20px;
    }
}

@media (min-width: 767px) {
    .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs {
        flex-flow: wrap;
    }
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li {
    width: auto;
    display: flex;
    border-bottom: 0;
    border-top: 0;
    margin: 0;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li:hover,
.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li:focus,
.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li.active {
    background: transparent !important;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li:hover a,
.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li:focus a,
.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li.active a {
    background: rgba(9, 216, 36, 0.08) !important;
    color: #9740D5 !important;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li.active a {
    border: 0;
    background: #fff !important;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li.active a:before {
    opacity: 1;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a {
    font-weight: bold;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.03) !important;
    position: relative;
    z-index: 1;
    max-width: 180px;
    margin-bottom: 0;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a .item-number {
    font-size: 12px;
    color: #a2a2a2;
    font-weight: normal;
}

html[dir='ltr'] .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a .item-number {
    margin-left: 4px;
}

html[dir='rtl'] .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a .item-number {
    margin-right: 4px;
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #9740D5;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a {
        max-width: 100%;
        white-space: nowrap;
    }
}

.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a:hover,
.comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a:focus {
    background: transparent;
}

html[dir='rtl'] .comment-sticker-store .comment-sticker-store-header .nav.nav-tabs>li a {
    border-right: 0 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.comment-sticker-store {
    background-color: #fff;
    margin-top: -16px;
}

.comment-store-list {
    max-height: 370px;
    min-height: 370px;
    overflow: auto;
    margin: 0 -16px;
}

.comment-store-list .item-container {
    padding-left: 16px;
    padding-right: 16px;
}

.comment-stickerstore-item:not(.preview):last-child .item-outer {
    border-bottom: 0;
    margin-bottom: 0;
}

.comment-stickerstore-item .item-outer {
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 16px;
}

.comment-stickerstore-item .item-outer .item-media {
    width: 80px;
    max-width: 80px;
    max-height: 80px;
    margin-top: 6px;
    text-align: center;
    line-height: 0;
    /* @media (max-width: 1024px){
				width: 80px;
				max-width: 80px;
				max-height: 80px;
			} */
}

html[dir="ltr"] .comment-stickerstore-item .item-outer .item-media {
    margin-right: 16px;
}

html[dir="rtl"] .comment-stickerstore-item .item-outer .item-media {
    margin-left: 16px;
}

.comment-stickerstore-item .item-outer .item-media img {
    max-width: 80px;
    max-height: 80px;
}

.comment-stickerstore-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

.comment-stickerstore-item .item-outer .item-inner .item-title {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-stickerstore-item .item-outer .item-inner .item-btn-group {
    display: flex;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .comment-stickerstore-item .item-outer .item-inner .item-btn-group {
        margin-top: 12px;
    }
}

html[dir='ltr'] .comment-stickerstore-item .item-outer .item-inner .item-btn-group .btn {
    margin-right: 6px;
}

html[dir='rtl'] .comment-stickerstore-item .item-outer .item-inner .item-btn-group .btn {
    margin-left: 6px;
}

.comment-stickerstore-item .item-outer .item-inner .item-btn-group .btn:last-child {
    margin: 0 !important;
}

.comment-store-preview-main {
    /* margin-left: -@grid-point*2;
	margin-right: -@grid-point*2; */
    max-height: 330px;
    overflow: auto;
}

@media (min-width: 767px) {
    html[dir='ltr'] .comment-store-preview-main {
        margin-right: -8px;
    }

    html[dir='rtl'] .comment-store-preview-main {
        margin-left: -8px;
    }
}

.comment-store-preview {
    display: flex;
    flex-flow: wrap;
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .comment-store-preview.limit {
        display: none;
    }
}

.comment-store-preview.limit .item-sticker {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 8px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir='rtl'] .comment-store-preview.limit .item-sticker {
    margin-left: 8px;
    margin-right: 0;
}

.comment-store-preview.limit .item-sticker img {
    max-width: 48px;
    max-height: 48px;
}

.comment-store-preview.full {
    margin-top: -8px;
}

.comment-store-preview.full .item-sticker {
    width: 80px;
    height: 80px;
    display: inline-block;
    padding: 8px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-store-preview.full .item-sticker img {
    max-width: 64px;
    max-height: 64px;
}

.comment-none-sticker,
.comment-none-sticker-store {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.comment-none-sticker .none-sticker-icon,
.comment-none-sticker-store .none-sticker-icon {
    color: #dcdcdc;
    margin-bottom: 4px;
}

.comment-none-sticker .none-sticker-info,
.comment-none-sticker-store .none-sticker-info {
    font-size: 12px;
    color: #a2a2a2;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}

.comment-none-sticker {
    height: 150px;
}

.comment-none-sticker .none-sticker-icon {
    margin-top: -24px;
}

.comment-none-sticker .none-sticker-icon span.ico {
    font-size: 48px !important;
    line-height: 48px;
}

.comment-none-sticker-store {
    height: 370px;
}

.comment-none-sticker-store .none-sticker-icon {
    margin-bottom: 8px;
    margin-top: -80px;
}

.comment-none-sticker-store .none-sticker-icon .ico {
    font-size: 70px;
    line-height: 70px;
    display: inline-block;
    width: 70px;
    height: 70px;
    -webkit-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.comment-none-sticker-store .none-sticker-icon .ico svg path {
    fill: #dcdcdc;
}

.comment-edit-history-container-fix {
    max-height: 350px;
    overflow: hidden;
    margin-top: -16px;
}

.comment-edit-history-container {
    max-height: 350px;
    overflow: auto;
}

.comment-edit-history-container .item-time {
    color: #a2a2a2;
}

.comment-edit-history-container+.help-block {
    margin: 0;
    padding: 0;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

.comment-item-hide .item-outer .item-inner .item-comment-content {
    margin-bottom: 0;
}

.comment-item-hide .item-outer .item-inner .item-action .action-list>span {
    margin-top: 0 !important;
}

.comment-wrapper .tagFriendChooser {
    display: flex;
    align-items: center;
}

.comment-wrapper .tagFriendChooser .tagFriendChooserInfo {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
}

.comment-wrapper .tagFriendChooser .tagFriendChooserInfo .item-name {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-weight: bold;
}

.comment-wrapper .tagFriendChooser .tagFriendChooserInfo .item-type {
    color: #a2a2a2;
}

.comment-content {
    background: transparent;
}

.comment-content .comment-mini-content-commands {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    /* border-bottom: 1px solid @border-color-light; */
    border-bottom: 0;
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands {
        flex-flow: wrap;
    }
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands {
        flex-flow: wrap;
        padding-bottom: 4px;
    }
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle span {
    display: none;
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle.unlike:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: button-unlike 300ms ease;
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked {
    background-color: #9740D5;
    color: #fff;
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked:before {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: button-like 300ms ease;
}

.comment-content .comment-mini-content-commands .feed-like-link a.js_like_link_toggle.liked:hover {
    background-color: #950FCD;
    color: #fff;
}

.comment-content .comment-mini-content-commands .feed-comment-share-holder>a:before {
    font-family: 'lineficon' !important;
    content: '\ead4';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.comment-content .comment-mini-content-commands .feed-comment-share-holder>a i.fa {
    display: none;
}

.comment-content .comment-mini-content-commands .button-like-share-block {
    display: flex;
    width: 100%;
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands .button-like-share-block {
        width: 100%;
        border-top: 1px solid #f8f8f8;
        border-bottom: 1px solid #f8f8f8;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        flex: 1;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-like-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-share-holder {
        width: 33.33%;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-like-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-comment-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-2-actions .feed-comment-share-holder {
        width: 50%;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-like-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-comment-link,
    .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-1-actions .feed-comment-share-holder {
        width: 100%;
    }
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link .counter {
    cursor: pointer;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link .counter:hover {
    color: #9740D5;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    display: flex;
    align-items: center;
    justify-content: right;
}

html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    margin-right: 0px !important;
}

html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    margin-left: 16px;
}

@media (min-width: 767px) {

    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        display: flex;
        align-items: center;
        justify-content: right;
        position: relative;
    }

    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        margin-right: 0;
    }

    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link,
    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link,
    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
        margin-left: 0;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        width: 1px;
        background: #eeeeee;
    }

    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        left: 0;
    }

    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
    html[dir="rtl"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
        right: 0;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link>a,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link>a,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a {
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        color: #a2a2a2 !important;
        font-size: 14px !important;
    }

    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link>a:hover,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:hover,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link>a.liked,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link>a.liked,
    .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a.liked {
        color: #9740D5 !important;
    }
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link .counter,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link .counter,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter {
    color: #a2a2a2;
    font-weight: bold;
    font-size: 12px;
    margin-left: 6px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link .counter:empty,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link .counter:empty,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter:empty {
    display: none;
}

html[dir='rtl'] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link .counter,
html[dir='rtl'] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link .counter,
html[dir='rtl'] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder .counter {
    margin-right: 6px;
    margin-left: 0;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link>a,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link>a,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a {
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #a2a2a2;
    font-size: 16px;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link>a:hover,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a:hover {
    box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    background-color: #E8DAF2;
    color: #9740D5;
}

@media (min-width: 767px) {}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands .button-like-share-block>div:nth-child(1):before {
        display: none;
    }
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands .js_comment_like_holder {
        width: 100%;
        padding: 0;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #f8f8f8;
    }

    .comment-content .comment-mini-content-commands .js_comment_like_holder .activity_like_holder {
        height: auto;
    }
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands .js_comment_like_holder {
        padding: 0;
        margin-top: 4px;
        border-top: 0;
    }
}

.comment-content .comment-mini-content-commands .activity_like_holder {
    color: #a2a2a2;
}

html[dir="ltr"] .comment-content .comment-mini-content-commands .activity_like_holder {
    padding-right: 32px;
}

html[dir="rtl"] .comment-content .comment-mini-content-commands .activity_like_holder {
    padding-left: 32px;
}

.comment-content .comment-mini-content-commands .activity_like_holder .people-liked-feed {
    color: #a2a2a2;
}

html[dir='ltr'] .comment-content .comment-mini-content-commands .activity_like_holder:before {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #9740D5;
    margin-right: 4px;
}

html[dir='rtl'] .comment-content .comment-mini-content-commands .activity_like_holder:after {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #9740D5;
    margin-left: 4px;
}

@media (min-width: 767px) {
    .comment-content .comment-mini-content-commands .activity_like_holder {
        display: block;
    }
}

.comment-content .comment-mini-content-commands .activity_like_holder.activity_not_like:before {
    display: none;
}

.comment-content .comment-mini-content-commands .activity_like_holder a {
    font-weight: 400 !important;
}

.comment-content .comment-mini-content-commands span.people-liked-feed {
    color: #555555;
}

.comment-content .comment-mini-content-commands span.people-liked-feed .user_profile_link_span a {
    color: #9740D5 !important;
}

.comment-content .comment_mini_content_border {
    margin-top: 0;
    position: relative;
}

.comment-content .comment_mini_content_border .feed-options-holder,
.comment-content .comment_mini_content_border .comment-options-holder {
    position: absolute;
    top: 0px;
}

html[dir="ltr"] .comment-content .comment_mini_content_border .feed-options-holder,
html[dir="ltr"] .comment-content .comment_mini_content_border .comment-options-holder {
    right: 8px;
}

html[dir="rtl"] .comment-content .comment_mini_content_border .feed-options-holder,
html[dir="rtl"] .comment-content .comment_mini_content_border .comment-options-holder {
    left: 8px;
}

.comment-content .comment_mini_content_border .feed-options-holder a[data-toggle="dropdown"],
.comment-content .comment_mini_content_border .comment-options-holder a[data-toggle="dropdown"] {
    font-size: 14px;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-content .comment_mini_content_border .feed-options-holder a[data-toggle="dropdown"]:hover,
.comment-content .comment_mini_content_border .comment-options-holder a[data-toggle="dropdown"]:hover {
    color: #000000;
}

.comment-content .comment_mini_content_border .dropdown-menu {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 0;
}

.comment-content .comment_mini_content_border .dropdown-menu span.ico {
    font-size: 16px;
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .comment-content .comment_mini_content_border .item-options-holder.comment-options-holder {
    right: 0;
}

html[dir="rtl"] .comment-content .comment_mini_content_border .item-options-holder.comment-options-holder {
    left: 0;
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder.open {
    opacity: 1 !important;
}

@media (min-width: 480px) {
    .comment-content .comment_mini_content_border .item-options-holder.comment-options-holder {
        opacity: 0;
    }
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder a[data-toggle="dropdown"] {
    width: 24px;
    height: 24px;
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu {
    min-width: 96px;
}

html[dir='rtl'] .comment-content .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu:after {
    left: 7px;
    right: auto;
}

html[dir='ltr'] .comment-content .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu:after {
    right: 7px;
    left: auto;
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu a {
    font-size: 12px;
}

.comment-content .comment_mini_content_border .item-options-holder.comment-options-holder .dropdown-menu a .ico {
    font-size: 12px;
}

.comment-content .comment_mini_child_holder_padding {
    padding-bottom: 0;
}

@media (min-width: 767px) {
    html[dir="ltr"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .comment-mini-content-commands .button-like-share-block {
        padding-right: 24px;
    }

    html[dir="rtl"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .comment-mini-content-commands .button-like-share-block {
        padding-left: 24px;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .comment-mini-content-commands .button-like-share-block>div {
        flex: none;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .comment-mini-content-commands .button-like-share-block.comment-has-1-actions>div {
        justify-content: flex-start;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .feed-options-holder>a {
        position: relative;
        width: 40px !important;
    }

    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .feed-options-holder>a:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        width: 1px;
        background: #eeeeee;
    }

    html[dir="ltr"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .feed-options-holder>a:before {
        left: 0;
    }

    html[dir="rtl"] .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .feed-options-holder>a:before {
        right: 0;
    }
}

.js_feed_content .comment-content .comment_mini_content_border {
    position: static;
}

.js_feed_content .comment-content .comment_mini_content_border .item-options-holder {
    top: 4px;
}

html[dir="ltr"] .js_feed_content .comment-content .comment-mini-content-commands .activity_like_holder {
    padding-right: 0;
}

html[dir="rtl"] .js_feed_content .comment-content .comment-mini-content-commands .activity_like_holder {
    padding-left: 0;
}

.activity_like_holder {
    height: 32px;
    line-height: 32px;
}

.js_comment_like_holder {
    min-height: 32px;
}

.comment-item-tag-emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

html[dir='ltr'] .comment-item-tag-emoji+.item-tag-emoji {
    margin-left: 0;
}

html[dir='rtl'] .comment-item-tag-emoji+.item-tag-emoji {
    margin-right: 0;
}

.comment-item-tag-emoji img {
    width: 100%;
    height: 100%;
}

.comment-wrapper .js_preview_link_attachment_custom_form {
    width: 100%;
}

.comment-wrapper .comment-box-reply .activity_feed_content_link {
    border-left: 0 !important;
    border-right: 0 !important;
}

.activity_feed_content_status .item-tag-emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

html[dir='ltr'] .activity_feed_content_status .item-tag-emoji+.item-tag-emoji {
    margin-left: 0;
}

html[dir='rtl'] .activity_feed_content_status .item-tag-emoji+.item-tag-emoji {
    margin-right: 0;
}

.activity_feed_content_status .item-tag-emoji img {
    width: 100%;
    height: 100%;
}

@-moz-document url-prefix() {
    @media (min-width: 767px) {
        .comment-footer .p-comment-pseudo-firefox-prevent-drop {
            display: block !important;
        }
    }
}

/*End Comments*/
/*Begin ' . Announcement . '*/

.announcement-slider .item .core-announcement-item {
    display: flex;
    padding: 24px 16px;
    margin-bottom: 24px;
    position: relative;
    background-color: #fff !important;
    min-height: 157px;
}

.announcement-slider .item .core-announcement-item .item-media {
    min-width: 72px;
    width: 72px;
}

html[dir="ltr"] .announcement-slider .item .core-announcement-item .item-media {
    margin-right: 16px;
}

html[dir="rtl"] .announcement-slider .item .core-announcement-item .item-media {
    margin-left: 16px;
}

.announcement-slider .item .core-announcement-item .item-media>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border: 0;
}

.announcement-slider .item .core-announcement-item .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.announcement-slider .item .core-announcement-item .item-inner {
    flex: 1;
    min-width: 0;
}

.announcement-slider .item .core-announcement-item .item-inner .js_announcement_close {
    position: absolute;
    top: 8px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .announcement-slider .item .core-announcement-item .item-inner .js_announcement_close {
    right: 8px;
}

html[dir="rtl"] .announcement-slider .item .core-announcement-item .item-inner .js_announcement_close {
    left: 8px;
}

.announcement-slider .item .core-announcement-item .item-inner .js_announcement_close .item-delete:hover:before {
    color: #555555;
}

.announcement-slider .item .core-announcement-item .item-inner .js_announcement_close .item-delete:before {
    font-family: 'lineficon' !important;
    content: "\eab2";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-slider .item .core-announcement-item .item-inner .item-title {
    font-size: 18px;
    line-height: 24px;
    color: #9740D5;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.announcement-slider .item .core-announcement-item .item-inner .item-time {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: 2px;
}

.announcement-slider .item .core-announcement-item .item-inner .item-desc {
    color: #555555;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 8px;
    white-space: pre-line;
}

.announcement-slider .item .core-announcement-item .item-inner .item-readmore {
    color: #9740D5;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}

.announcement-slider .owl-nav .owl-prev,
.announcement-slider .owl-nav .owl-next {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: rgba(177, 177, 177, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-slider .owl-nav .owl-prev .ico,
.announcement-slider .owl-nav .owl-next .ico {
    font-size: 18px;
    color: #585858;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-slider .owl-nav .owl-prev:hover,
.announcement-slider .owl-nav .owl-next:hover {
    background: #727272;
}

.announcement-slider .owl-nav .owl-prev:hover .ico,
.announcement-slider .owl-nav .owl-next:hover .ico {
    color: #fff;
}

.announcement-slider .owl-nav .owl-prev {
    left: -24px;
}

.announcement-slider .owl-nav .owl-next {
    right: -24px;
}

.more-announcement-block {
    margin-bottom: -8px;
}

.more-announcement-block .announcement-item {
    margin-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
}

.more-announcement-block .announcement-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.more-announcement-block .announcement-item:last-child .item-outer {
    padding-bottom: 0;
}

.more-announcement-block .announcement-item .item-outer {
    padding-bottom: 8px;
}

.more-announcement-block .announcement-item .item-outer:hover .item-title {
    color: #950FCD;
}

.more-announcement-block .announcement-item .item-outer:hover .item-desc {
    color: #555555;
}

.more-announcement-block .announcement-item .item-outer .item-title {
    font-size: 14px;
    line-height: 18px;
    color: #9740D5;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.more-announcement-block .announcement-item .item-outer .item-desc {
    color: #a2a2a2;
}

.more-announcement-block .announcement-item .item-outer .item-desc span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 15px);
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-listing .announcement-item {
    padding: 0 !important;
    margin-bottom: 16px;
    display: flex;
}

.announcement-listing .announcement-item:hover .item-icon {
    color: #555555;
}

.announcement-listing .announcement-item:hover .item-title a {
    color: #9740D5 !important;
}

.announcement-listing .announcement-item .item-icon {
    font-size: 16px;
    color: #a2a2a2;
    min-width: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .announcement-listing .announcement-item .item-icon {
    margin-right: 8px;
}

html[dir="rtl"] .announcement-listing .announcement-item .item-icon {
    margin-left: 8px;
}

.announcement-listing .announcement-item .item-outer {
    flex: 1;
    min-width: 0;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 16px;
}

.announcement-listing .announcement-item .item-outer .item-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #555555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-listing .announcement-item .item-outer .item-title a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.announcement-listing .announcement-item .item-outer .item-title a:hover {
    color: #9740D5;
}

.announcement-listing .announcement-item .item-outer .item-time {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-top: 4px;
}

.announcement-listing .announcement-item .item-outer .item-desc {
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-top: 8px;
}

.announcement-listing .announcement-item .item-outer .item-desc span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 15px);
    display: inline-block;
}

#page_announcement_view .header-page-title {
    padding-bottom: 4px;
}

#page_announcement_view .announcement-detail .item-time {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
}

#page_announcement_view .announcement-detail .item-desc,
#page_announcement_view .announcement-detail .item-intro {
    color: #555555;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    word-break: break-word;
    word-wrap: break-word;
}

#page_announcement_view .announcement-detail .item-desc {
    margin-top: 8px;
}

/*End Announcement*/
/*Begin ' . Poke . '*/
/*=================================
=            core poke            =
=================================*/

.core_poke_item .item-outer {
    display: flex;
    align-items: center;
}

.core_poke_item .item-outer:hover .poke-delete {
    opacity: 1 !important;
}

.core_poke_item .item-outer .item-media {
    width: 40px;
    height: 40px;
    position: relative;
}

.core_poke_item .item-outer .item-media .poke-delete {
    position: absolute;
    font-size: 8px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    border-radius: 100%;
    top: 0;
    left: -8px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    padding-left: 1px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (max-width: 1024px) {
    .core_poke_item .item-outer .item-media .poke-delete {
        opacity: 1;
    }
}

html[dir='rtl'] .core_poke_item .item-outer .item-media .poke-delete {
    left: auto;
    right: -8px;
    padding-left: 0;
    padding-right: 1px;
}

.core_poke_item .item-outer .item-inner {
    margin-left: 12px;
    flex: 1;
    position: relative;
    overflow: hidden;
    padding-right: 16px;
}

.core_poke_item .item-outer .item-inner .user_profile_link_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.core_poke_item .item-outer .item-inner .user_profile_link_span,
.core_poke_item .item-outer .item-inner .user_profile_link_span a {
    font-weight: normal !important;
    color: #9740D5 !important;
}

.core_poke_item .item-outer .item-inner .user_profile_link_span:hover,
.core_poke_item .item-outer .item-inner .user_profile_link_span a:hover {
    color: #9223C9 !important;
}

.core_poke_item .item-outer .item-inner .poke-back {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%);
    line-height: normal;
}

html[dir='rtl'] .core_poke_item .item-outer .item-inner .poke-back {
    right: auto;
    left: 0;
}

html[dir='rtl'] .core_poke_item .item-outer .item-inner {
    margin-left: 0;
    margin-right: 12px;
    padding-right: 0;
    padding-left: 16px;
}

.core_poke_item+.core_poke_item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eeeeee;
}

.popup-poke-content .poke-user {
    font-weight: bold;
}

html[dir='rtl'] .popup-poke-content .poke-user {
    display: inline-block;
}

/*End Poke*/
/*Begin ' . Pages . '*/
/*==================================
=            Core Pages            =
==================================*/

.page-button-option {
    cursor: pointer;
}

.item-container.page-listing .item-option {
    position: absolute;
    top: 0;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.item-container.page-listing .item-option a.dropdown-toggle {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0 !important;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.item-container.page-listing .item-option a.dropdown-toggle:hover {
    color: #555555;
}

.item-container.page-listing .item-option a.dropdown-toggle:hover i.ico:before {
    content: "\ea88";
}

.item-container.page-listing .item-option .dropdown [data-toggle="dropdown"] i.ico {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-listing .item-option .dropdown.open [data-toggle="dropdown"] i.ico {
    opacity: 1;
    color: #555555;
}

.item-container.page-listing .item-option .dropdown.open [data-toggle="dropdown"] i.ico:before {
    content: "\ea88";
}

@media (min-width: 767px) {

    #page_pages_index .empty-right .item-container.page-home .page-item,
    #page_pages_all .empty-right .item-container.page-home .page-item,
    #page_pages_index .empty-left .item-container.page-home .page-item,
    #page_pages_all .empty-left .item-container.page-home .page-item {
        width: 25%;
    }

    #page_pages_index .empty-right.empty-left .item-container.page-home .page-item,
    #page_pages_all .empty-right.empty-left .item-container.page-home .page-item {
        width: 20%;
    }
}

#page_pages_index .item-page-title-block {
    display: flex;
    align-items: center;
}

#page_pages_index .item-page-title-block .item-title {
    font-size: 22px;
    line-height: 29px;
    color: #555555;
}

#page_pages_index .item-page-title-block .item-collapse-icon {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    bottom: -2px;
}

html[dir="ltr"] #page_pages_index .item-page-title-block .item-collapse-icon {
    margin-left: 8px;
}

html[dir="rtl"] #page_pages_index .item-page-title-block .item-collapse-icon {
    margin-right: 8px;
}

#page_pages_index .item-page-title-block .item-collapse-icon:hover {
    color: #555555;
}

html[dir='rtl'] #page_pages_index .item-page-title-block .item-collapse-icon span.ico:before {
    content: "\eab5";
}

html[dir='rtl'] #page_pages_index .item-page-title-block .item-collapse-icon.collapsed {
    transform: rotate(-90deg);
}

#page_pages_index .item-page-title-block .item-collapse-icon.collapsed {
    transform: rotate(90deg);
}

.item-container.page-home {
    display: flex;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    flex-flow: wrap;
    margin: 0 -8px;
}

.item-container.page-home[aria-expanded="true"] {
    opacity: 1;
}

.item-container.page-home .page-item {
    width: 33.33%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 24px;
}

@media (min-width: 767px) {
    .item-container.page-home .page-item {
        width: 50% !important;
    }
}

@media (max-width: 768px) {
    .item-container.page-home .page-item {
        width: 33.33% !important;
    }
}

@media (min-width: 767px) {
    .item-container.page-home .page-item {
        width: 50% !important;
    }
}

@media (min-width: 767px) {

    .item-container.page-home .page-item:hover .item-outer .page-photo .item-icon,
    .item-container.page-home .page-item:hover .item-outer .page-photo .item-desc {
        opacity: 1;
    }

    .item-container.page-home .page-item:hover .item-outer .item-inner .item-title a {
        color: #950FCD;
    }
}

.item-container.page-home .page-item .item-outer {
    position: relative;
}

.item-container.page-home .page-item .item-outer .moderation_row {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.item-container.page-home .page-item .item-outer .page-photo {
    height: 0;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    position: relative;
    margin-bottom: 8px;
}

.item-container.page-home .page-item .item-outer .page-photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.item-container.page-home .page-item .item-outer .page-photo img {
    width: 100%;
    height: auto;
}

.item-container.page-home .page-item .item-outer .page-photo .no_image_user {
    border-radius: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.item-container.page-home .page-item .item-outer .page-photo .item-icon {
    position: absolute;
    bottom: 8px;
    right: 8px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    /*.item-icon-like{
                        background: @brand-primary;
                        span.ico{
                            color: #fff;
                        }
                    } */
}

.item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-liked,
.item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-like {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-liked {
    background: #fff !important;
}

.item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-liked span.ico {
    color: #555555 !important;
}

@media (min-width: 767px) {
    .item-container.page-home .page-item .item-outer .page-photo .item-icon {
        opacity: 1;
    }
}

@media (min-width: 767px) {

    .item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-liked,
    .item-container.page-home .page-item .item-outer .page-photo .item-icon .item-icon-like {
        width: 32px;
        height: 32px;
    }
}

.item-container.page-home .page-item .item-outer .page-photo .item-desc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-home .page-item .item-outer .page-photo .item-desc .item-desc-main {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    max-height: 96px;
    white-space: normal;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
    word-wrap: break-word;
}

@media (min-width: 767px) {

    .item-container.page-home .page-item .item-outer .page-photo:hover .item-icon,
    .item-container.page-home .page-item .item-outer .page-photo:hover .item-desc {
        opacity: 1;
    }
}

.item-container.page-home .page-item .item-outer>.item-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .item-container.page-home .page-item .item-outer>.item-icon {
    right: 8px;
}

html[dir="rtl"] .item-container.page-home .page-item .item-outer>.item-icon {
    left: 8px;
}

.item-container.page-home .page-item .item-outer .item-inner {
    position: relative;
}

.item-container.page-home .page-item .item-outer .item-inner .item-title {
    padding-right: 35px;
    margin-bottom: 4px;
}

.item-container.page-home .page-item .item-outer .item-inner .item-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-home .page-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD;
}

.item-container.page-home .page-item .item-outer .item-inner .item-number-like {
    color: #555555;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-container.page-home .page-item .remain_pages {
    width: 100%;
    display: block;
}

.item-container.page-home .page-item .remain_pages .page-item-viewall {
    display: block !important;
    position: relative !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 6px;
}

.item-container.page-home .page-item .remain_pages .page-item-viewall:before {
    content: "" !important;
    display: block !important;
    padding-bottom: 100% !important;
}

.item-container.page-home .page-item .remain_pages .page-item-viewall .page-item-view-all {
    position: absolute;
    left: 12px;
    bottom: 13px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
}

.item-container.page-home .page-item .remain_pages .page-item-viewall .page-item-remain-number {
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    z-index: 1;
}

@media (min-width: 767px) {
    .item-container.page-home .page-item .remain_pages .page-item-viewall .page-item-remain-number {
        font-size: 18px;
        line-height: 24px;
    }
}

.item-container.page-home .page-item .remain_pages .page-item-viewall:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
}

.item-container.page-result .page-item {
    position: relative;
}

.item-container.page-result .page-item:last-of-type .item-outer {
    border-bottom: 1px solid #eeeeee;
}

.item-container.page-result .page-item:last-of-type .item-outer:after {
    content: "";
    position: absolute;
    left: -16px;
    bottom: 0;
    right: -16px;
    border-bottom: 1px solid #eeeeee;
    opacity: 0;
}

.item-container.page-result .page-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    bottom: 0;
    background: #f8f8f8;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .item-container.page-result .page-item:hover:before {
        opacity: 1 !important;
    }

    .item-container.page-result .page-item:hover .item-outer {
        border-color: transparent;
    }

    .item-container.page-result .page-item:hover .item-outer:before,
    .item-container.page-result .page-item:hover .item-outer:after {
        opacity: 1 !important;
    }

    .item-container.page-result .page-item:hover .item-outer .item-inner .item-title a {
        color: #950FCD !important;
    }

    .item-container.page-result .page-item:hover .item-outer .item-inner .item-desc-main {
        color: #555555 !important;
    }

    .item-container.page-result .page-item:hover+.page-item .item-outer {
        border-top-color: transparent;
    }

    .item-container.page-result .page-item:hover+.page-item .item-outer:before {
        opacity: 1 !important;
    }
}

@media (min-width: 767px) {
    .item-container.page-result .page-item .item-outer .item-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.item-container.page-result .page-item .item-outer {
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #eeeeee;
}

.item-container.page-result .page-item .item-outer:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    bottom: 0;
    right: -16px;
    border-top: 1px solid #eeeeee;
    opacity: 0;
}

.item-container.page-result .page-item .item-outer .moderation_row {
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 1;
}

.item-container.page-result .page-item .item-outer .page-photo {
    height: 100%;
    display: block;
    overflow: hidden;
    min-width: 96px;
    max-width: 96px;
    border-radius: 6px;
    position: relative;
}

html[dir="ltr"] .item-container.page-result .page-item .item-outer .page-photo {
    margin-right: 16px;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .page-photo {
    margin-left: 16px;
}

.item-container.page-result .page-item .item-outer .page-photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.item-container.page-result .page-item .item-outer .page-photo img {
    width: 100%;
    height: 100%;
}

.item-container.page-result .page-item .item-outer .page-photo .no_image_user {
    border-radius: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.item-container.page-result .page-item .item-outer .page-photo .item-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .item-container.page-result .page-item .item-outer .page-photo .item-icon {
    right: 8px;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .page-photo .item-icon {
    left: 8px;
}

.item-container.page-result .page-item .item-outer .item-inner {
    position: relative;
    flex: 1;
    min-width: 0;
    padding-right: 140px;
    width: 100%;
}

.item-container.page-result .page-item .item-outer .item-inner .item-option {
    top: -16px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-title {
    margin-bottom: 4px;
    padding-right: 30px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-title a {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-result .page-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD !important;
}

.item-container.page-result .page-item .item-outer .item-inner .item-info {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    display: flex;
}

.item-container.page-result .page-item .item-outer .item-inner .item-info .item-number-like {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}

.item-container.page-result .page-item .item-outer .item-inner .item-info .item-number-like:after {
    content: ".";
    margin-left: 4px;
    margin-right: 4px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-info .item-category {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-result .page-item .item-outer .item-inner .item-info .item-category:hover {
    color: #555555;
}

.item-container.page-result .page-item .item-outer .item-inner .item-desc .item-desc-main {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
    word-wrap: break-word;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users {
    display: flex;
    justify-content: space-between;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon {
    position: absolute;
    top: 24px;
    right: 0;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-liked,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-like {
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-liked .ico-caret-down,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-like .ico-caret-down {
    margin-left: 8px;
    margin-right: 0;
}

html[dir='rtl'] .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-liked .ico-caret-down,
html[dir='rtl'] .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-like .ico-caret-down {
    margin-right: 8px;
    margin-left: 0;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members {
    position: absolute;
    top: 72px;
    right: 0;
    display: flex;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members img {
    width: 100%;
    height: 100%;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper {
    width: 32px;
    height: 32px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user>span {
    font-size: 12px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-sizing: content-box;
    margin-left: -6px;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper:nth-child(1),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user:nth-child(1),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall:nth-child(1) {
    z-index: 1;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper:nth-child(2),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user:nth-child(2),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall:nth-child(2) {
    z-index: 2;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper:nth-child(3),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user:nth-child(3),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall:nth-child(3) {
    z-index: 3;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper:nth-child(4),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user:nth-child(4),
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall:nth-child(4) {
    z-index: 4;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper img,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user img,
.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall img {
    border-radius: 100%;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall {
    text-align: center;
    background: #ddecf9;
}

.item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall span {
    font-size: 12px;
    line-height: 32px;
}

@media (min-width: 767px) {
    .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users {
        margin-top: 8px;
    }

    .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon,
    .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-members {
        position: static !important;
    }

    .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu {
        left: 0;
        right: auto;
    }

    .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu:after {
        left: 10px;
        right: auto;
    }

    html[dir='rtl'] .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu:after {
        right: 10px;
        left: auto;
    }

    html[dir='rtl'] .item-container.page-result .page-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu {
        left: auto;
        right: 0;
    }
}

@media (min-width: 767px) {
    .item-container.page-result .page-item .item-outer {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .item-container.page-result .page-item .item-outer .item-desc,
    .item-container.page-result .page-item .item-outer .item-members {
        display: none !important;
    }

    .item-container.page-result .page-item .item-outer .item-inner .item-title a {
        font-size: 14px;
        line-height: 18px;
    }

    .item-container.page-result .page-item .item-outer .item-inner .item-option {
        top: -8px;
    }

    .item-container.page-result .page-item .item-outer .page-photo {
        min-width: 80px;
        max-width: 80px;
    }
}

.item-container.page-add {
    display: flex;
    flex-flow: wrap;
    margin: -8px;
}

.item-container.page-add .page-item {
    width: 25%;
    padding: 8px;
}

@media (min-width: 767px) {
    .item-container.page-add .page-item {
        width: 33.33%;
    }
}

@media (min-width: 767px) {
    .item-container.page-add .page-item {
        width: 50%;
    }
}

@media (max-width: 320px) {
    .item-container.page-add .page-item {
        width: 100%;
    }
}

.item-container.page-add .page-item .item-outer .page-photo {
    border-radius: 6px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.item-container.page-add .page-item .item-outer .page-photo:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link .pages-add-info {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link .pages-add-info .item-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link .pages-add-info .item-number-page {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link .item-page-add {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link .item-page-add span.ico {
    color: #9740D5;
    font-weight: bold;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link:hover {
    background-color: rgba(38, 129, 213, 0.8);
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link:hover .item-page-add {
    display: flex !important;
}

.item-container.page-add .page-item .item-outer .page-photo .page-add-inner-link:hover .item-number-page {
    color: #fff !important;
}

.page-add-modal {
    margin: -16px -16px 0 -16px;
}

.page-add-modal .page-category-photo {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.page-add-modal .page-category-photo:before {
    content: "";
    display: block;
    padding-bottom: 25%;
}

@media (min-width: 767px) {
    .page-add-modal .page-category-photo:before {
        padding-bottom: 45% !important;
    }
}

@media (max-width: 320px) {
    .page-add-modal .page-category-photo:before {
        padding-bottom: 55% !important;
    }
}

.page-add-modal .page-category-photo .page-category-select {
    width: 200px;
    margin-bottom: 0;
}

.page-add-modal .page-category-photo .page-category-select select {
    padding-left: 10px;
}

.page-add-modal .page-category-photo:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.page-add-modal .page-category-photo .page-category-inner {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page-add-modal .page-category-photo .page-category-inner .page-category-title {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
}

.page-add-modal .page-category-photo .page-category-inner .page-category-title-sub {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 8px;
    text-align: center;
}

.page-add-modal .page-category-input {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

.page-add-modal .page-category-input label {
    padding: 0;
    width: 25%;
    float: left;
}

@media (min-width: 767px) {
    .page-add-modal .page-category-input label {
        width: 40%;
    }
}

.page-add-modal .page-category-input>div {
    flex: 1;
    position: relative;
}

.page-add-modal .page-category-input>div input.form-control {
    z-index: 0;
}

.page-add-modal .page-category-input>div span.help-block {
    position: absolute;
    bottom: -32px;
    white-space: nowrap;
}

html[dir="ltr"] .page-add-modal .page-category-input>div span.help-block {
    left: 0;
}

html[dir="rtl"] .page-add-modal .page-category-input>div span.help-block {
    right: 0;
}

.page-add-modal .page-category-button {
    border-top: 1px solid #eeeeee;
    clear: both;
    padding-top: 8px;
    margin-bottom: -8px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    justify-content: flex-end;
}

html[dir="ltr"] .page-add-modal .page-category-button .btn {
    margin-left: 8px;
}

html[dir="rtl"] .page-add-modal .page-category-button .btn {
    margin-right: 8px;
}

html[dir="rtl"] .item-container.page-home .page-item .item-outer .moderation_row {
    left: auto !important;
    right: 0;
}

html[dir="rtl"] .item-container.page-home .page-item .item-outer .page-photo .item-icon {
    left: 8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.page-home .page-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 35px;
}

html[dir="rtl"] .item-container.page-home .page-item .item-outer .item-inner .item-option {
    left: -8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .moderation_row {
    right: -16px;
    left: auto !important;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .page-photo {
    margin-right: 0;
    margin-left: 16px;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .item-inner {
    padding-left: 140px;
    padding-right: 0;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 30px;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .item-inner .item-option {
    left: -8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .item-inner .item-icon {
    right: auto !important;
    left: 0;
}

html[dir="rtl"] .item-container.page-result .page-item .item-outer .item-inner .item-members {
    margin-left: 6px;
    margin-right: 0;
    right: auto !important;
    left: 0;
}

._is_pages_view .page-block-action {
    background: #fff;
    border-radius: 6px;
    padding: 16px !important;
}

._is_pages_view .page-block-action .item-inner {
    padding-bottom: 16px;
}

._is_pages_view .page-block-action .item-inner .item-info-main {
    display: flex;
    margin-bottom: 16px;
}

html[dir="ltr"] ._is_pages_view .page-block-action .item-inner .item-info-main .item-image {
    margin-right: 16px;
}

html[dir="rtl"] ._is_pages_view .page-block-action .item-inner .item-info-main .item-image {
    margin-left: 16px;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-image .js_hover_info:before,
._is_pages_view .page-block-action .item-inner .item-info-main .item-image .img-wrapper:before {
    border-radius: 0 !important;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-image .img-wrapper img {
    height: 100%;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-image .img-wrapper,
._is_pages_view .page-block-action .item-inner .item-info-main .item-image .no_image_user {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-image .no_image_user>span {
    font-size: 14px;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-info {
    overflow: hidden;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-info .item-title {
    font-size: 14px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._is_pages_view .page-block-action .item-inner .item-info-main .item-info .item-like-count {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._is_pages_view .page-block-action .item-inner .item-btn-like button {
    outline: none;
}

html[dir="ltr"] ._is_pages_view .page-block-action .item-inner .item-btn-like button>span.ico {
    margin-right: 8px;
}

html[dir="rtl"] ._is_pages_view .page-block-action .item-inner .item-btn-like button>span.ico {
    margin-left: 8px;
}

html[dir="ltr"] ._is_pages_view .page-block-action .item-inner .item-btn-like span.caret {
    margin-left: 8px;
}

html[dir="rtl"] ._is_pages_view .page-block-action .item-inner .item-btn-like span.caret {
    margin-right: 8px;
}

html[dir="ltr"] ._is_pages_view .page-block-action .item-inner .pages_like_join span.ico {
    margin-right: 8px;
}

html[dir="rtl"] ._is_pages_view .page-block-action .item-inner .pages_like_join span.ico {
    margin-left: 8px;
}

._is_pages_view .page-block-action .item-inner .item-publish-date {
    margin-bottom: 16px;
}

._is_pages_view .page-block-action .item-inner .item-publish-date .item-title {
    color: #555555;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-top: 20px;
}

._is_pages_view .page-block-action .item-inner .item-publish-date .item-date {
    font-size: 12px;
    color: #a2a2a2;
}

._is_pages_view .page-block-action .item-page-action {
    border-top: 1px solid #eeeeee;
    padding-top: 16px;
}

._is_pages_view .page-block-action .item-page-action>li {
    margin-bottom: 8px;
}

._is_pages_view .page-block-action .item-page-action>li:last-child {
    margin-bottom: 0;
}

._is_pages_view .page-block-action .item-page-action>li a {
    font-size: 14px;
    line-height: 18px;
    color: #a2a2a2;
}

html[dir="ltr"] ._is_pages_view .page-block-action .item-page-action>li a i.ico,
html[dir="ltr"] ._is_pages_view .page-block-action .item-page-action>li a i.fa {
    margin-right: 8px;
}

html[dir="rtl"] ._is_pages_view .page-block-action .item-page-action>li a i.ico,
html[dir="rtl"] ._is_pages_view .page-block-action .item-page-action>li a i.fa {
    margin-left: 8px;
}

html[dir='rtl'] ._is_pages_view .page-block-action .item-page-action>li a i.ico,
html[dir='rtl'] ._is_pages_view .page-block-action .item-page-action>li a i.fa {
    display: inline-block;
}

._is_pages_view .profiles-menu>ul {
    flex-flow: wrap;
    overflow: hidden;
    height: 64px;
    position: relative;
}

._is_pages_view .profiles-menu>ul div.overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

html[dir='rtl'] ._is_pages_view .profiles-menu>ul div.overlay {
    left: 0;
    right: auto;
}

._is_pages_view:not(.profile_menu_is_fixed) .profiles-menu>ul li.profile-image-holder,
._is_pages_view:not([data-profile="fixed"]) .profiles-menu>ul li.profile-image-holder {
    display: none;
}

._is_pages_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul {
    height: auto;
}

._is_pages_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul li.profile-image-holder a {
    width: 32px;
    height: 32px;
    position: relative;
    background: #dcdcdc;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 2px 5px 0 rgba(38, 129, 213, 0);
}

._is_pages_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul li.profile-image-holder a:before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100% !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_pages_members .header-page-title {
    margin-bottom: 0;
    border-bottom: 0;
}

#page_pages_members .breadcrumbs-top {
    margin-bottom: 2px;
}

@media (min-width: 767px) {
    #page_pages_members .breadcrumbs-top {
        margin-bottom: 0;
    }
}

#page_pages_members .item-page-search-header {
    position: absolute;
    top: -44px;
}

html[dir="ltr"] #page_pages_members .item-page-search-header {
    right: 0;
}

html[dir="rtl"] #page_pages_members .item-page-search-header {
    left: 0;
}

@media (min-width: 767px) {
    #page_pages_members .item-page-search-header {
        position: static;
        width: auto;
        margin-bottom: 24px;
        padding-top: 16px;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        border-top: 1px solid #eeeeee;
    }

    #page_pages_members .item-page-search-header .item-page-search-member {
        width: 100% !important;
    }
}

#page_pages_members .item-page-search-header .item-page-search-member {
    position: relative;
    width: 200px;
}

@media (max-width: 330px) {
    #page_pages_members .item-page-search-header .item-page-search-member {
        width: 180px;
    }
}

#page_pages_members .item-page-search-header .item-page-search-member input.form-control {
    height: 32px;
}

#page_pages_members .item-page-search-header .item-page-search-member span.input-group-btn {
    position: absolute;
    top: 0;
    color: #a2a2a2;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] #page_pages_members .item-page-search-header .item-page-search-member span.input-group-btn {
    right: 0;
}

html[dir="rtl"] #page_pages_members .item-page-search-header .item-page-search-member span.input-group-btn {
    left: 0;
}

#page_pages_members .page_section_menu .member-count {
    color: #a2a2a2;
    margin-left: 4px;
}

html[dir='rtl'] #page_pages_members .page_section_menu .member-count {
    margin-left: 0;
    margin-right: 4px;
}

#page_pages_members .pages-member-container {
    display: flex;
    flex-flow: wrap;
    margin: 0 -8px;
}

#page_pages_members .pages-member-container .pages-member {
    position: relative;
    padding: 0 8px;
    margin-bottom: 16px;
}

#page_pages_members .pages-member-container .pages-member .moderation_row {
    position: absolute;
    top: 0;
    z-index: 1;
}

html[dir="ltr"] #page_pages_members .pages-member-container .pages-member .moderation_row {
    left: 8px;
}

html[dir="rtl"] #page_pages_members .pages-member-container .pages-member .moderation_row {
    right: 8px;
}

#page_pages_members .pages-member-container .pages-member .moderation_row .item-checkbox {
    width: 32px;
    height: 32px;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#page_pages_members .pages-member-container .pages-member .item-bar-action {
    position: absolute;
    top: 64px;
    z-index: 3;
}

html[dir="ltr"] #page_pages_members .pages-member-container .pages-member .item-bar-action {
    right: 8px;
}

html[dir="rtl"] #page_pages_members .pages-member-container .pages-member .item-bar-action {
    left: 8px;
}

#page_pages_members .pages-member-container .pages-member .item-bar-action>a.btn {
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 0px 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
}

#page_pages_members .pages-member-container .pages-member .item-bar-action>a.btn span.ico {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (max-width: 1024px) {
    #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu {
        min-width: 120px;
    }

    #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu>li>a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 768px) {
    #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu {
        right: -32px;
    }

    html[dir='rtl'] #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu {
        left: -32px;
        right: auto;
    }

    html[dir="ltr"] #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu:after {
        right: 40px;
    }

    html[dir="rtl"] #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu:after {
        left: 40px;
    }
}

@media (min-width: 767px) {
    #page_pages_members .pages-member-container .pages-member .item-bar-action .dropdown-menu {
        min-width: 110px;
    }
}

#page_pages_members .pages-member-container .pages-member .item-bar-action:hover>a.btn span.ico,
#page_pages_members .pages-member-container .pages-member .item-bar-action.open>a.btn span.ico {
    color: #555555;
}

#page_pages_members .pages-member-container .pages-member .item-bar-action:hover>a.btn span.ico:before,
#page_pages_members .pages-member-container .pages-member .item-bar-action.open>a.btn span.ico:before {
    content: "\ea88";
}

#page_pages_members .pages-member-container .user_rows {
    border: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    height: auto;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image {
    background: transparent;
    overflow: visible;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    min-width: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image .img-wrapper {
    width: 96px;
    height: 96px;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image .no_image_user {
    width: 100%;
    height: 100%;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image .no_image_user span.js_hover_info {
    position: absolute !important;
    margin-top: 0 !important;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image .no_image_user>span {
    margin-top: 0 !important;
    position: absolute !important;
    font-size: 14px !important;
}

#page_pages_members .pages-member-container .user_rows .user_rows_image:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

#page_pages_members .pages-member-container .user_rows .user_rows_image:hover .js_hover_info:before,
#page_pages_members .pages-member-container .user_rows .user_rows_image:hover .img-wrapper:before {
    border-color: #950FCD;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner {
    max-width: 96px;
    min-width: 96px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .friend-info {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .friend-info a {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .btn-addfriend {
    position: absolute;
    top: 0;
}

html[dir="ltr"] #page_pages_members .pages-member-container .user_rows .user_rows_inner .btn-addfriend {
    right: 0;
}

html[dir="rtl"] #page_pages_members .pages-member-container .user_rows .user_rows_inner .btn-addfriend {
    left: 0;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .btn-addfriend>a.btn {
    width: 32px;
    height: 32px;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .list-unstyled {
    position: absolute;
    top: 0px;
    z-index: 2;
}

html[dir="ltr"] #page_pages_members .pages-member-container .user_rows .user_rows_inner .list-unstyled {
    right: 0;
}

html[dir="rtl"] #page_pages_members .pages-member-container .user_rows .user_rows_inner .list-unstyled {
    left: 0;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .list-unstyled a.btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .user_profile_link_span {
    margin-top: 3px !important;
    position: static;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .user_profile_link_span a {
    background: #fff;
    color: #555555 !important;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_pages_members .pages-member-container .user_rows .user_rows_inner .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.pages-people-also-like .item-container .page-item {
    margin-bottom: 16px;
}

.pages-people-also-like .item-container .page-item:last-child {
    margin-bottom: 0;
}

.pages-people-also-like .item-container .page-item .page-cover {
    background-position: center center;
    background-size: cover;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 72px;
    margin-bottom: 8px;
}

.pages-people-also-like .item-container .page-item .page-shadow {
    color: #FFF;
    display: flex;
    align-items: flex-end;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
}

.pages-people-also-like .item-container .page-item .page-avatar {
    width: 40px;
    height: 40px;
}

.pages-people-also-like .item-container .page-item .page-avatar .img-wrapper,
.pages-people-also-like .item-container .page-item .page-avatar .no_image_user {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #FFF;
}

.pages-people-also-like .item-container .page-item .page-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
}

.pages-people-also-like .item-container .page-item .page-avatar .no_image_user span {
    font-size: 14px;
}

.pages-people-also-like .item-container .page-item .page-avatar .js_hover_info:before,
.pages-people-also-like .item-container .page-item .page-avatar .img-wrapper:before {
    display: none;
}

.pages-people-also-like .item-container .page-item .page-like {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 4px;
}

.pages-people-also-like .item-container .page-item .page-like b {
    margin-bottom: 0px;
}

.pages-people-also-like .item-container .page-item .page-like span {
    font-size: 12px;
    text-transform: lowercase;
}

.pages-people-also-like .item-container .page-item .page-info .page-name {
    margin-bottom: 4px;
}

.pages-people-also-like .item-container .page-item .page-info .page-name a {
    color: #9740D5 !important;
    font-weight: 400 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.pages-people-also-like .item-container .page-item .page-info .page-name a:hover {
    color: #950FCD !important;
}

.pages-people-also-like .item-container .page-item .page-info .category-name {
    font-size: 12px;
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_pages_add .page_section_menu_header {
    margin-top: -16px;
}

#page_pages_add .pages_create_new_widget {
    margin-bottom: 16px;
}

.pages-profile-banner .profiles_banner_bg .item-icon-flag {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner_bg .item-icon-flag {
    right: 16px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner_bg .item-icon-flag {
    left: 16px;
}

.pages-profile-banner .profiles_banner {
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    height: 400px;
    margin-top: 0;
    z-index: 2;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner {
        background-color: #a2a2a2;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner:after {
        content: "";
        width: 100%;
        height: 60%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 90%);
        pointer-events: none;
    }
}

.pages-profile-banner .profiles_banner.editing .profiles_banner_bg {
    z-index: 2;
}

.pages-profile-banner .profiles_banner.editing .profiles_info,
.pages-profile-banner .profiles_banner.editing .profile_image {
    opacity: 0;
    visibility: hidden;
}

.pages-profile-banner .profiles_banner.editing .profile-info-block .profile-image {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner.editing .profile-info-block .profile-info {
        opacity: 0;
        visibility: hidden;
    }
}

.pages-profile-banner .profiles_banner .profiles_banner_bg {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profiles_banner_bg {
        border-radius: 0 0 0 0;
    }
}

.pages-profile-banner .profiles_banner .profiles_banner_bg .cover>span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.pages-profile-banner .profiles_banner.cover-uploading #cover_bg_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(85, 85, 85, 0.8);
}

.pages-profile-banner .profiles_banner.cover-uploading .profile-info-block {
    display: none;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner {
        height: auto;
        flex-direction: column;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .pages-profile-banner .profiles_banner::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 248px;
        background: #a2a2a2;
        border-radius: 6px 6px 0 0;
    }

    .pages-profile-banner .profiles_banner .profiles_banner_bg {
        height: 248px;
    }
}

.pages-profile-banner .profiles_banner .change-cover-block {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
}

.pages-profile-banner .profiles_banner .change-cover-block a[data-toggle="dropdown"] {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: none;
}

.pages-profile-banner .profiles_banner .change-cover-block a[data-toggle="dropdown"]:hover {
    border: none !important;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .change-cover-block .cover_section_menu_item.reposition {
        display: none;
    }
}

.pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu {
    margin-top: 12px;
}

.pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    border-bottom: 8px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: auto;
    right: 12px;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    right: 12px;
}

html[dir='rtl'] .pages-profile-banner .profiles_banner .change-cover-block {
    right: 8px;
    left: auto;
}

.pages-profile-banner .profiles_banner .profile-info-block {
    position: relative;
    width: 100%;
    height: auto;
    align-items: flex-end;
    display: flex;
    color: #FFF;
    padding: 16px;
    padding-top: 0;
    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity: 1;
    z-index: 1;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block {
    padding-right: 8px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block {
    padding-left: 8px;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block {
        background-image: none;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -128px;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block.groups-profile .profile-info {
    margin-left: 0;
}

.pages-profile-banner .profiles_banner .profile-info-block h1 a {
    color: #FFF;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image {
    position: relative;
    width: 160px;
    height: 160px;
    z-index: 1;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder {
    border-radius: 100%;
    background: #dcdcdc;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    border: 4px solid #FFF;
    overflow: hidden;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder img,
.pages-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder .no_image_user {
    height: 100%;
    width: 100%;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image .img-wrapper {
    width: 100%;
    height: 100%;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image form {
    position: absolute;
    top: 7px;
    left: 0;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image form label {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border: 2px solid #FFF;
    font-size: 16px;
    cursor: pointer;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image form label:hover {
    border-width: 0;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-image form input {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
}

html[dir='rtl'] .pages-profile-banner .profiles_banner .profile-info-block .profile-image form {
    right: 0;
    left: auto;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-image form {
        text-align: left;
    }

    html[dir='rtl'] .pages-profile-banner .profiles_banner .profile-info-block .profile-image form {
        text-align: right;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder {
        box-shadow: 0px 6px 12px 0px rgba(200, 200, 200, 0.4);
        overflow: hidden;
        position: relative;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-image form {
        left: 50% !important;
        right: auto !important;
        bottom: -18px;
        transform: translateX(-50%);
        width: 48px;
        z-index: 2;
        top: auto;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-image form label {
        border: none;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, 0.5);
        font-size: 14px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-image form label .ico {
        position: relative;
        top: -10px;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
    margin-left: 16px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
        position: static;
        margin-top: 8px;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info:before {
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    top: 0;
    left: -192px;
    right: -8px;
    margin-top: -20px;
}

html[dir='rtl'] .pages-profile-banner .profiles_banner .profile-info-block .profile-info:before {
    left: -8px;
    right: -192px;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info {
    flex: 1;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
    font-weight: bold;
    margin-bottom: 6px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 24px;
    text-overflow: ellipsis;
    line-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 56px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    position: relative;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-left: 12px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-right: 12px;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
        display: inline-block;
        display: -webkit-inline-box;
        margin-bottom: 0;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 100%;
    top: 2px;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    left: 0;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    right: 0;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline i,
.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online i {
    display: none;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    background: #9740D5;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline {
    background: #c8c8c8;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail {
    color: #c8c8c8;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail a {
    color: #c8c8c8;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail b {
    font-weight: normal;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info span.category span {
    color: #FFF;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info span.followers {
    color: #FFF;
    font-weight: bold;
    text-transform: capitalize;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions {
    display: flex;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions {
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request {
        margin-bottom: 8px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request+.profile-action-block {
        margin-bottom: 8px;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request .btn {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:hover .ico {
        color: #9740D5;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a[data-toggle="dropdown"] .ico-gear-o {
        color: #FFF;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        position: absolute;
        top: -40px;
        right: 0;
        left: auto;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn:hover .ico {
        color: #FFF;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn {
        background: #9740D5 !important;
        border-color: #9740D5 !important;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn .ico {
        color: #FFF;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-top: 6px solid #ffffff;
        top: 100%;
        bottom: auto;
    }

    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: auto;
        right: 14px;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: 14px;
        right: auto;
    }

    html[dir='rtl'] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        right: auto;
        left: 0;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    border-radius: 100%;
    width: 40px;
    font-size: 16px;
    box-shadow: none;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
        color: #FFF;
        background: transparent;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block {
    display: flex;
    flex-flow: wrap;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block .dropup.open a[data-toggle="dropdown"] {
    background: #9740D5;
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-left: 8px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-right: 8px;
}

@media (min-width: 767px) {

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"],
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"][data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join) {
        width: 32px;
    }
}

html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    right: 14px;
}

html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    left: 14px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        right: 10px;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        left: 10px;
    }
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request {
    display: inline-block;
    margin-right: 4px;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request a[data-toggle="dropdown"] {
    width: auto;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir='rtl'] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: 0;
    right: auto;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        position: absolute;
        top: 88px;
    }

    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        right: 8px;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        left: 8px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn .ico {
        color: #fff;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
        color: #555555;
        background-color: #FFF;
        border: 1px solid #555555 !important;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #e6e6e6 !important;
        border-color: #cccccc;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:hover,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:hover,
    .open>.dropdown-toggle.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:focus,
    .open>.dropdown-toggle.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active.focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active.focus,
    .open>.dropdown-toggle.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #d4d4d4;
        border-color: #cccccc;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        background-image: none;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled],
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:hover,
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:focus,
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].focus,
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:active,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:active,
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.active,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].active,
    fieldset[disabled] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn .badge {
        color: #ffffff;
        background-color: #333333;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #9740D5;
        background-color: #FFF;
        border-color: #9740D5 !important;
        box-shadow: 0px 4px 12px 0px rgba(7, 167, 28, 0.3);
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active {
        background-color: #E8DAF2 !important;
        color: #950FCD !important;
        border-color: #D5A9FF !important;
        box-shadow: 0px 2px 8px 0px rgba(153, 251, 166, 0.5);
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled {
        opacity: 1;
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover {
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-left: 8px;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-right: 8px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-bottom: 6px solid #ffffff;
        bottom: 100%;
        top: auto;
    }

    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: auto;
        right: 10px;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: 10px;
        right: auto;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
        flex-direction: column;
        align-items: center;
    }

    html[dir="ltr"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
        margin-left: 0;
    }

    html[dir="rtl"] .pages-profile-banner .profiles_banner .profile-info-block .profile-info {
        margin-right: 0;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info:before {
        display: none;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info {
        margin-bottom: 8px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 a {
        color: #555555;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .open a[data-toggle="dropdown"] {
        color: #FFF !important;
        border-color: #9740D5 !important;
        background: #9740D5 !important;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"] {
        border: 1px solid #555555 !important;
        color: #555555;
        font-size: 12px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu {
        top: 100%;
        bottom: auto;
        margin-top: 8px;
    }

    .pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup.open .dropdown-menu {
        transform: translate3d(0, 1px, 0);
    }
}

.pages-profile-banner .profiles-menu {
    margin-bottom: 24px;
    background: #FFF;
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles-menu {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    .pages-profile-banner .profiles-menu {
        border-radius: 0 0 0 0;
    }
}

.pages-profile-banner .profiles-menu>ul {
    display: flex;
}

.pages-profile-banner .profiles-menu>ul>li {
    border-right: 1px solid #f8f8f8;
}

.pages-profile-banner .profiles-menu>ul>li>a {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    color: #a2a2a2;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pages-profile-banner .profiles-menu>ul>li>a:hover,
.pages-profile-banner .profiles-menu>ul>li>a.active {
    color: #950FCD;
}

.pages-profile-banner .profiles-menu>ul>li>a .ico {
    font-size: 18px;
    margin-bottom: 8px;
}

.pages-profile-banner .profiles-menu>ul>li>a span span {
    font-weight: normal;
}

.pages-profile-banner .profiles-menu>ul>li .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 190px;
    margin-top: -2px;
}

html[dir="ltr"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu:after {
    right: 16px;
}

html[dir="rtl"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu:after {
    left: 16px;
}

.pages-profile-banner .profiles-menu>ul>li .dropdown-menu a {
    justify-content: space-between;
}

.pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
.pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    min-width: 24px;
    display: inline-block;
}

html[dir="ltr"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="ltr"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-right: 8px;
}

html[dir="rtl"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="rtl"] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-left: 8px;
}

html[dir='rtl'] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir='rtl'] .pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    float: right;
}

.pages-profile-banner .profiles-menu>ul>li .dropdown-menu a .badge_number {
    color: #a2a2a2;
    font-size: 12px;
}

@media screen {
    .pages-profile-banner .profiles-menu>ul {
        position: static;
    }

    .pages-profile-banner .profiles-menu>ul .dropdown-overflow {
        position: static;
    }

    .pages-profile-banner .profiles-menu>ul .dropdown-overflow .dropdown-menu {
        width: auto;
        left: 0;
        right: 0;
    }

    .pages-profile-banner .profiles-menu>ul .dropdown-overflow .dropdown-menu:after {
        display: none;
    }
}

.pages-profile-banner .profiles-menu>ul>li .dropdown-menu a {
    justify-content: flex-start;
}

.pages-profile-banner .profiles-menu>ul>li a:hover,
.pages-profile-banner .profiles-menu>ul>li a.active {
    color: #950FCD !important;
}

.profile-liked-pages .page-item,
.page-sideblock-container .page-item {
    margin-bottom: 14px;
}

.profile-liked-pages .page-item .page-cover,
.page-sideblock-container .page-item .page-cover {
    background-position: center center;
    background-size: cover;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 72px;
    margin-bottom: 8px;
}

.profile-liked-pages .page-item .page-shadow,
.page-sideblock-container .page-item .page-shadow {
    color: #FFF;
    display: flex;
    align-items: flex-end;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
}

.profile-liked-pages .page-item .page-avatar .img-wrapper,
.page-sideblock-container .page-item .page-avatar .img-wrapper,
.profile-liked-pages .page-item .page-avatar .no_image_user,
.page-sideblock-container .page-item .page-avatar .no_image_user {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #FFF;
}

.profile-liked-pages .page-item .page-avatar .img-wrapper img,
.page-sideblock-container .page-item .page-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
}

.profile-liked-pages .page-item .page-avatar .no_image_user span,
.page-sideblock-container .page-item .page-avatar .no_image_user span {
    font-size: 14px;
}

.profile-liked-pages .page-item .page-avatar .js_hover_info:before,
.page-sideblock-container .page-item .page-avatar .js_hover_info:before,
.profile-liked-pages .page-item .page-avatar .img-wrapper:before,
.page-sideblock-container .page-item .page-avatar .img-wrapper:before {
    display: none;
}

.profile-liked-pages .page-item .page-like,
.page-sideblock-container .page-item .page-like {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 2px;
}

.profile-liked-pages .page-item .page-like b,
.page-sideblock-container .page-item .page-like b {
    margin-bottom: 0;
    line-height: 16px;
}

.profile-liked-pages .page-item .page-like span,
.page-sideblock-container .page-item .page-like span {
    font-size: 12px;
    text-transform: lowercase;
}

.profile-liked-pages .page-item .page-info .page-name,
.page-sideblock-container .page-item .page-info .page-name {
    margin-bottom: 4px;
}

.profile-liked-pages .page-item .page-info .page-name .user_profile_link_span a,
.page-sideblock-container .page-item .page-info .page-name .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: 400 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.profile-liked-pages .page-item .page-info .page-name .user_profile_link_span a:hover,
.page-sideblock-container .page-item .page-info .page-name .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.profile-liked-pages .page-item .page-info .category-name,
.page-sideblock-container .page-item .page-info .category-name {
    font-size: 12px;
    color: #a2a2a2;
}

.page-featured-sideblock .sticky-label-icon,
.page-sponsored-sideblock .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .page-featured-sideblock .sticky-label-icon,
html[dir="ltr"] .page-sponsored-sideblock .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] .page-featured-sideblock .sticky-label-icon,
html[dir="rtl"] .page-sponsored-sideblock .sticky-label-icon {
    left: 16px;
}

.page-app.core-feed-item .item-media-banner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}

.page-app.core-feed-item .item-media-banner .item-media {
    display: block;
    width: 100%;
}

.page-app.core-feed-item .item-media-banner .item-media .item-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.page-app.core-feed-item .item-media-banner .item-media .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 39.5%;
}

.page-app.core-feed-item .item-outer {
    display: flex;
    padding: 16px;
    border: 1px solid #eeeeee;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #f8f8f8;
}

@media (min-width: 767px) {
    .page-app.core-feed-item .item-outer {
        padding: 8px;
    }
}

.page-app.core-feed-item .item-outer .item-avatar {
    width: 72px;
    min-width: 72px;
    height: 72px;
    border-radius: 100%;
    overflow: hidden;
}

html[dir="ltr"] .page-app.core-feed-item .item-outer .item-avatar {
    margin-right: 16px;
}

html[dir="rtl"] .page-app.core-feed-item .item-outer .item-avatar {
    margin-left: 16px;
}

.page-app.core-feed-item .item-outer .item-avatar .no_image_user,
.page-app.core-feed-item .item-outer .item-avatar .img-wrapper {
    width: 72px;
    height: 72px;
}

.page-app.core-feed-item .item-outer .item-avatar .no_image_user img,
.page-app.core-feed-item .item-outer .item-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
}

.page-app.core-feed-item .item-outer .item-avatar .item-media-src {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.page-app.core-feed-item .item-outer .item-avatar .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.page-app.core-feed-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

.page-app.core-feed-item .item-outer .item-inner .item-title-wrapper {
    display: flex;
    justify-content: space-between;
}

.page-app.core-feed-item .item-outer .item-inner .item-title-wrapper .item-title {
    flex: 1;
    min-width: 0;
    margin-bottom: 6px;
}

.page-app.core-feed-item .item-outer .item-inner .item-title-wrapper .item-action {
    padding-top: 4px;
}

html[dir="ltr"] .page-app.core-feed-item .item-outer .item-inner .item-title-wrapper .item-action {
    margin-left: 16px;
}

html[dir="rtl"] .page-app.core-feed-item .item-outer .item-inner .item-title-wrapper .item-action {
    margin-right: 16px;
}

.page-app.core-feed-item .item-outer .item-inner .item-title-wrapper .item-action .btn {
    font-weight: bold;
}

.page-app.core-feed-item .item-outer .item-inner .item-info-wrapper .item-info:not(:last-child):after {
    content: ".";
    margin-left: 6px;
    margin-right: 4px;
}

.pages-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.btn-group.btn-gear .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-bottom: 6px solid #ffffff;
    bottom: 100%;
    top: auto;
}

.pages-category .core-block-categories ul.action li.category.active:not(.open):after {
    opacity: 0;
}

.pages-category .core-block-categories ul.action li.category.active:not(.open) .category-item {
    background-color: transparent;
}

.pages-category .core-block-categories ul.action li.category.active:not(.open) .name {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #555555;
}

.core-page-menu-toggle label {
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
}

.core-page-menu-toggle label input {
    display: none;
}

.core-page-menu-toggle label input:checked+.item-toggle-icon:before {
    color: #9740D5;
    content: "\e9b4";
}

.core-page-menu-toggle label .item-toggle-icon {
    display: inline-flex;
}

.core-page-menu-toggle label .item-toggle-icon:before {
    font-family: 'lineficon' !important;
    content: "\e935";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
}

.core-page-menu-table tbody .core-page-td {
    display: flex;
    height: 100%;
    height: 32px;
    align-items: center;
}

.core-page-menu-table .drag_handle:before {
    line-height: 32px;
}

.core-page-table-action a[data-toggle="dropdown"] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pages_crop_me.profile-image-error #js_upload_form_pages_wrapper {
    display: block;
}

#pages_crop_me.profile-image-error .cropit-preview,
#pages_crop_me.profile-image-error .cropit-btn-edit,
#pages_crop_me.profile-image-error .cropit-drag-info {
    display: none !important;
}

#pages_crop_me.profile-image-error .dz-error-message {
    display: block;
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin-left: 16px;
    margin-right: 16px;
}

#pages_crop_me.profile-image-error .dz-error-message a {
    color: #fff;
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#pages_crop_me.profile-image-error .dz-error-message a:hover {
    color: #9740D5;
}

#pages_crop_me.profile-image-error .dz-error-message a:hover:before {
    background: #9740D5;
}

#pages_crop_me.profile-image-error .dz-error-message a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#pages_crop_me.profile-image-uploading #js_upload_form_pages_wrapper {
    display: block;
}

#pages_crop_me.profile-image-uploading .cropit-preview,
#pages_crop_me.profile-image-uploading .cropit-btn-edit,
#pages_crop_me.profile-image-uploading .cropit-drag-info {
    display: none !important;
}

#pages_crop_me.profile-image-uploading .dz-error-message {
    display: none;
}

#pages_crop_me .cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
}

#pages_crop_me .cropit-preview-image-container {
    cursor: move;
}

#pages_crop_me .image-size-label {
    margin-top: 10px;
}

#pages_crop_me input,
#pages_crop_me .export {
    display: block;
}

#pages_crop_me button {
    margin-top: 10px;
}

#pages_crop_me .cropit-preview-image-container img {
    max-width: inherit;
}

#pages_crop_me #js_upload_form_pages_wrapper {
    display: none;
}

#pages_crop_me .dz-error-message {
    display: none;
}

#pages_crop_me .mini-dropzone-component .dz-default {
    display: none;
}

#pages_crop_me .cropit-preview-background-container img {
    max-width: none;
    opacity: 0.5;
}

#pages_crop_me .image-editor .image-editor-bg {
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    bottom: 0;
    background: #555;
}

#pages_crop_me .image-editor .cropit-preview {
    margin: auto;
    width: 240px;
    height: 240px;
    background: transparent;
}

#pages_crop_me .image-editor .cropit-preview .cropit-preview-image-container .cropit-preview-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-error-message {
    color: #fff;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper [data-component="dropzone"].dz-processing #dropzone-preview-template-user {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview {
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview>* {
    display: none;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-processing .dz-image,
#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-processing .dz-progress {
    display: block;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-processing .dz-uploading-message {
    display: block;
    position: absolute;
    bottom: 32px;
    color: #555;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-processing .dz-image {
    opacity: 0.1;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'lineficon' !important;
    content: "\e9cb";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-error.dz-complete:after {
    opacity: 1;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-error.dz-complete .dz-image,
#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-error.dz-complete .dz-upload-again {
    display: block;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-error.dz-complete .dz-image {
    opacity: 0.1;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview.dz-error.dz-complete .dz-upload-again {
    position: absolute;
    top: 50%;
    left: 50%;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview .dz-image img {
    width: 240px;
    height: 240px;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview .dz-progress {
    width: 88px;
    height: 6px;
    background-color: #D5A9FF;
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
    position: absolute;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview .dz-progress .dz-upload {
    height: 6px;
    display: block;
    width: 0;
    transition: width 0.3s;
    background-color: #9740D5;
}

html[dir='rtl'] #pages_crop_me .image-editor #js_upload_form_pages_wrapper .dz-preview .dz-progress {
    right: auto;
    left: 0;
}

#pages_crop_me .image-editor #js_upload_form_pages_wrapper #dropzone-preview-template-user {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#pages_crop_me .image-editor .cropit-drag-info {
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index: 99;
}

#pages_crop_me .image-editor .cropit-btn-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    position: relative;
    padding-bottom: 16px;
}

html[dir="ltr"] #pages_crop_me .image-editor .cropit-btn-edit {
    margin-left: 8px;
}

html[dir="rtl"] #pages_crop_me .image-editor .cropit-btn-edit {
    margin-right: 8px;
}

html[dir='rtl'] #pages_crop_me .image-editor .cropit-btn-edit {
    flex-direction: row-reverse;
}

#pages_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    height: 4px;
}

html[dir="ltr"] #pages_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    margin-right: 8px;
}

html[dir="rtl"] #pages_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    margin-left: 8px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range] {
    /*removes default webkit styles*/
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 205px;
    height: 4px;
    border-radius: 3px;
    background: #dcdcdc;
    border: none;
    -webkit-appearance: none;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range].ie {
    padding: 0;
    background-color: transparent;
    height: 16px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-webkit-slider-runnable-track {
    width: 205px;
    height: 4px;
    border: none;
    border-radius: 3px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f8f8f8;
    border: 1px solid #555555;
    margin-top: -5px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-moz-range-track {
    width: 205px;
    height: 4px;
    border: none;
    border-radius: 3px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #f8f8f8;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-track {
    width: 205px;
    height: 4px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-fill-lower {
    background: #9740D5;
    border-radius: 4px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-fill-upper {
    background: #dcdcdc;
    border-radius: 4px;
}

#pages_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #f8f8f8;
}

#pages_crop_me .image-editor .cropit-btn-edit button {
    width: 32px;
    height: 32px;
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#pages_crop_me .image-editor div.fa-4x {
    color: #fff;
    text-align: center;
}

.js_pages_widget_block_container ol {
    padding: revert;
    list-style: decimal;
}

.js_pages_widget_block_container ul {
    padding: revert;
    list-style: disc;
}

/*End Pages*/
/*Begin ' . Music . '*/
/*=============================
=            Music            =
=============================*/

.music-overlay {
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: rgba(39, 129, 213, 0.8);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.music-overlay .ico {
    font-size: 24px;
    color: #fff;
}

.music-listing .flag_style_parent,
.albums-listing .flag_style_parent,
.playlist-listing .flag_style_parent {
    position: absolute;
    display: flex;
    top: 0;
}

html[dir="ltr"] .music-listing .flag_style_parent,
html[dir="ltr"] .albums-listing .flag_style_parent,
html[dir="ltr"] .playlist-listing .flag_style_parent {
    right: 8px;
}

html[dir="rtl"] .music-listing .flag_style_parent,
html[dir="rtl"] .albums-listing .flag_style_parent,
html[dir="rtl"] .playlist-listing .flag_style_parent {
    left: 8px;
}

.music-bg-thumb {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: box-shadow 0.3s;
}

.music-bg-thumb:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.music-bg-thumb.thumb-border {
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.music-bg-thumb.gradient:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    display: block;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
}

.music-bg-thumb .albums-songs {
    position: absolute;
    color: #fff;
    font-size: 12px;
    display: flex;
    right: 5px;
    bottom: 5px;
    align-items: center;
}

.music-bg-thumb .albums-songs .ico {
    margin-right: 4px;
}

.list-view.music .item-media {
    height: 56px;
}

.list-view.music .item-media-inner {
    max-width: 56px;
    min-width: 56px;
    height: 56px;
    position: relative;
    z-index: 1;
}

.list-view.music .item-outer.song .item-media-inner {
    z-index: auto;
}

.list-view.music .albums-bg {
    position: relative;
}

.list-view.music .albums-bg-outer {
    top: 0;
    right: -3px;
    position: absolute;
    width: 100%;
    height: 100%;
}

.list-view.music .albums-bg-outer .albums-bg-inner {
    top: 2px;
    bottom: 2px;
    width: 100%;
    left: 0;
    position: absolute;
    border-right: 1px solid #dcdcdc;
    transition: all 0.3s;
}

.list-view.music .albums-bg-outer .albums-bg-inner:before,
.list-view.music .albums-bg-outer .albums-bg-inner:after {
    content: "";
    top: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.list-view.music .albums-bg-outer .albums-bg-inner:before {
    background-color: #555555;
    border-radius: 100%;
    right: -6px;
}

.list-view.music .albums-bg-outer .albums-bg-inner:after {
    background-color: #fff;
    right: 0;
}

.list-view.music .albums-bg.view-all .albums-bg-outer {
    right: -6px;
}

.list-view.music .albums-bg.view-all .albums-bg-outer:before,
.list-view.music .albums-bg.view-all .albums-bg-outer:after {
    width: 2px;
    right: -2px;
    height: 4px;
}

.list-view.music .albums-bg.view-all .albums-bg-outer .albums-bg-inner {
    top: 4px;
    bottom: 4px;
}

.list-view.music .albums-bg.view-all .albums-bg-outer .albums-bg-inner:before {
    right: -8px;
}

.list-view.music .item-inner {
    padding-left: 16px;
    overflow: hidden;
}

.list-view.music .item-inner.song {
    padding-left: 12px;
}

.list-view.music .album-item:nth-of-type(2) {
    margin-top: 0;
}

.list-view.music .album-item+.album-item {
    margin-top: 12px;
}

.list-view.music .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.list-view.music .album-item.active .music-bg-thumb {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

.list-view.music .album-item.active .music-bg-thumb .music-overlay {
    opacity: 1;
}

.list-view.music .album-item.active .music-bg-thumb .music-overlay .ico:before {
    content: "\eb3e";
}

.list-view.music .view-all.item-media {
    height: auto;
}

.list-view.music .view-all.item-media .item-media-inner {
    max-width: none;
    height: auto;
}

.list-view.music .view-all.item-media+.item-inner {
    overflow: visible;
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.list-view.music .view-all.item-media+.item-inner .item-option {
    position: absolute;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -8px;
}

html[dir='ltr'] .list-view.music .view-all.item-media+.item-inner .item-option {
    right: -4px;
}

html[dir='rtl'] .list-view.music .view-all.item-media+.item-inner .item-option {
    left: -4px;
}

.list-view.music .view-all.item-media+.item-inner .item-option .row_edit_bar_action {
    color: #a2a2a2;
}

html[dir='ltr'] .list-view.music .view-all.item-media+.item-inner .item-option .dropdown-menu-right {
    right: -8px;
    left: auto;
}

html[dir='rtl'] .list-view.music .view-all.item-media+.item-inner .item-option .dropdown-menu-right {
    left: -8px;
    right: auto;
}

.grid-view.music .item-container-sponsor {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.grid-view.music .album-item {
    width: 50%;
    margin-bottom: 16px;
    margin: 0;
}

.grid-view.music .album-item .item-outer {
    padding: 0 4px;
    flex-direction: column;
    display: flex;
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    margin-top: 12px;
}

.grid-view.music .album-item .item-outer .item-inner {
    margin-top: 10px;
}

.grid-view.music .album-item .item-outer .item-inner.song {
    margin-top: 8px;
}

.grid-view.music .album-item .item-outer .item-inner .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-view.music .album-item:nth-child(1) .item-outer,
.grid-view.music .album-item:nth-child(2) .item-outer {
    padding-top: 0;
    border-top: 0;
    margin-top: 0;
}

.grid-view.music .album-item.active .song .music-bg-thumb {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

.grid-view.music .album-item.active .song .music-bg-thumb span {
    opacity: 1;
}

.grid-view.music .album-item.active .song .music-bg-thumb span .ico:before {
    content: "\eb3e";
}

[id^=js_block_border_apps_core_music_] {
    position: relative;
}

[id^=js_block_border_apps_core_music_] .content {
    position: static;
}

[id^=js_block_border_apps_core_music_] .sticky-label-icon {
    position: absolute;
    top: 0;
    right: 16px;
}

html[dir='rtl'] [id^=js_block_border_apps_core_music_] .sticky-label-icon {
    left: 16px;
    right: auto;
}

.music_row .item-outer,
.music .item-outer {
    display: flex;
}

.music_row .item-outer .item-title,
.music .item-outer .item-title {
    color: #9740D5;
}

.music_row .item-outer .item-statistic,
.music .item-outer .item-statistic {
    margin-top: 4px;
}

.music_row .item-outer .item-statistic>span,
.music .item-outer .item-statistic>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a2a2a2;
}

.music_row .item-outer .item-statistic>span .user_profile_link_span,
.music .item-outer .item-statistic>span .user_profile_link_span {
    font-weight: normal !important;
    display: inline-block;
}

.music_row .item-outer .item-statistic>span .user_profile_link_span a,
.music .item-outer .item-statistic>span .user_profile_link_span a {
    font-weight: normal !important;
}

.music_row .item-outer.song .music-bg-thumb,
.music .item-outer.song .music-bg-thumb {
    cursor: pointer;
}

.music_row .item-outer.song:hover .music-bg-thumb,
.music .item-outer.song:hover .music-bg-thumb {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

.music_row .item-outer.song:hover .music-bg-thumb .music-overlay,
.music .item-outer.song:hover .music-bg-thumb .music-overlay {
    opacity: 1;
}

[id^=page_music_] .item-comment {
    position: relative;
}

[id^=page_music_] .item-comment .comment_mini_content_border {
    border-radius: 0;
    margin: 0;
}

[id^=page_music_] .item-comment .comment_mini_content_border .comment-mini-content-commands {
    margin-top: 0 !important;
    border-top: 0 !important;
    padding: 8px 0;
}

[id^=page_music_] .item-comment .item-total-view {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -11px;
}

[id^=page_music_] .item-comment .item-total-view>span {
    padding: 0 11px;
    color: #a2a2a2;
}

html[dir='rtl'] [id^=page_music_] .item-comment .item-total-view>span {
    display: inline-block;
}

[id^=page_music_] .item-comment .item-total-view>span .count {
    font-weight: bold;
    color: #555555;
}

.albums-listing,
.playlist-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -16px;
}

.albums-listing:hover .item-title a,
.playlist-listing:hover .item-title a {
    color: #950FCD !important;
}

.albums-listing .music-dots,
.playlist-listing .music-dots {
    margin: 0 5px;
}

.albums-listing .item-statistic span,
.playlist-listing .item-statistic span {
    color: #555555 !important;
}

.albums-listing .item-author,
.playlist-listing .item-author {
    margin-top: 8px;
    display: flex;
    align-items: center;
}

.albums-listing .item-author .no_image_user,
.playlist-listing .item-author .no_image_user,
.albums-listing .item-author .img-wrapper img,
.playlist-listing .item-author .img-wrapper img {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.albums-listing .item-author .no_image_user span,
.playlist-listing .item-author .no_image_user span,
.albums-listing .item-author .img-wrapper img span,
.playlist-listing .item-author .img-wrapper img span {
    font-size: 11px;
}

.albums-listing .item-author .item-author-infor,
.playlist-listing .item-author .item-author-infor {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

html[dir="ltr"] .albums-listing .item-author .item-author-infor,
html[dir="ltr"] .playlist-listing .item-author .item-author-infor {
    padding-left: 8px;
}

html[dir="rtl"] .albums-listing .item-author .item-author-infor,
html[dir="rtl"] .playlist-listing .item-author .item-author-infor {
    padding-right: 8px;
}

.albums-listing .item-author .item-author-infor>span,
.playlist-listing .item-author .item-author-infor>span {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.albums-listing .item-author .item-author-infor>span .user_profile_link_span,
.playlist-listing .item-author .item-author-infor>span .user_profile_link_span {
    color: #555555 !important;
    font-weight: normal !important;
    display: inline-block;
}

.albums-listing .item-author .item-author-infor>span .user_profile_link_span a,
.playlist-listing .item-author .item-author-infor>span .user_profile_link_span a {
    font-weight: normal !important;
    color: #555555 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.albums-listing .item-author .item-author-infor>span .user_profile_link_span a:hover,
.playlist-listing .item-author .item-author-infor>span .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.albums-listing .item-author .item-author-infor>span:first-of-type,
.playlist-listing .item-author .item-author-infor>span:first-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.albums-listing .item-author .item-author-infor>span+span,
.playlist-listing .item-author .item-author-infor>span+span {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.albums-listing .albums-item,
.playlist-listing .albums-item {
    width: 33.33%;
    padding: 0 16px;
    margin-bottom: 26px;
}

@media (min-width: 767px) {

    .empty-left .albums-listing .albums-item,
    .empty-left .playlist-listing .albums-item,
    .empty-right .albums-listing .albums-item,
    .empty-right .playlist-listing .albums-item {
        width: 25%;
    }

    .empty-left.empty-right .albums-listing .albums-item,
    .empty-left.empty-right .playlist-listing .albums-item {
        width: 20%;
    }
}

@media screen and (min-width: 767px) {

    .albums-listing .albums-item,
    .playlist-listing .albums-item {
        width: 50%;
    }
}

@media screen and (min-width: 767px) {

    .albums-listing .albums-item,
    .playlist-listing .albums-item {
        width: 33.33%;
    }
}

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

    .albums-listing .albums-item,
    .playlist-listing .albums-item {
        width: 50%;
    }
}

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

    .albums-listing .albums-item,
    .playlist-listing .albums-item {
        width: 100%;
    }
}

.albums-listing .music-bg-thumb:after,
.playlist-listing .music-bg-thumb:after {
    padding-bottom: 97%;
}

.albums-listing .item-outer,
.playlist-listing .item-outer {
    display: flex;
    flex-direction: column;
}

.albums-listing .albums-songs,
.playlist-listing .albums-songs {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    height: 32px;
    padding: 0 12px;
    right: 8px;
    bottom: 8px;
}

.albums-listing .music-overlay .ico,
.playlist-listing .music-overlay .ico {
    font-size: 64px;
}

.albums-listing .item-inner,
.playlist-listing .item-inner {
    padding-left: 0;
    margin-top: 8px;
}

.albums-listing .item-statistic,
.playlist-listing .item-statistic {
    display: flex;
}

.albums-listing .item-statistic span+span,
.playlist-listing .item-statistic span+span {
    margin-top: 0;
}

.albums-listing .music .item-title,
.playlist-listing .music .item-title {
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 21px;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: block;
    padding-right: 22px;
}

.albums-listing .music .item-title a,
.playlist-listing .music .item-title a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.albums-listing .item-media,
.playlist-listing .item-media {
    height: auto;
    transition: box-shadow 0.3s;
}

.albums-listing .item-media-inner,
.playlist-listing .item-media-inner {
    max-width: none;
    height: auto;
    margin-right: 0;
}

.albums-listing .item-media-inner .moderation_row,
.playlist-listing .item-media-inner .moderation_row {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .albums-listing .item-media-inner .moderation_row,
html[dir="ltr"] .playlist-listing .item-media-inner .moderation_row {
    left: 0;
}

html[dir="rtl"] .albums-listing .item-media-inner .moderation_row,
html[dir="rtl"] .playlist-listing .item-media-inner .moderation_row {
    right: 0;
}

.albums-listing .item-media:hover,
.playlist-listing .item-media:hover,
.albums-listing .item-media:hover .albums-bg-inner,
.playlist-listing .item-media:hover .albums-bg-inner {
    box-shadow: 0px 4px 10px 0px rgba(38, 129, 213, 0.3);
}

.albums-listing .item-media:hover .albums-bg-inner,
.playlist-listing .item-media:hover .albums-bg-inner {
    border-color: #fff !important;
}

.albums-listing .item-media:hover .music-overlay,
.playlist-listing .item-media:hover .music-overlay {
    opacity: 1;
}

.playlist-listing .music-overlay .ico {
    font-size: 32px;
}

.playlist-listing .albums-item .item-inner .item-statistic {
    color: #a2a2a2;
}

.playlist-listing .albums-item .item-inner .item-statistic span {
    color: #a2a2a2 !important;
}

.type-playlist .albums-bg-inner:before {
    display: none !important;
}

html[dir='ltr'] .playlist-widget-widget.list-view.music .item-inner {
    padding-left: 12px;
}

html[dir='rtl'] .playlist-widget-widget.list-view.music .item-inner {
    padding-right: 12px;
}

@media (min-width: 767px) {
    .music-listing {
        margin: 0 -16px;
    }
}

.music-listing .music_row,
.music-listing .music_row .item-media {
    transition: box-shadow 0.3s;
}

.music-listing .music_row:not(:first-child) {
    margin-top: 40px;
}

@media screen {
    .music-listing .music_row:not(:first-child) {
        margin-top: 0;
    }
}

.music-listing .music_row:first-of-type {
    margin-top: 32px;
}

@media screen {
    .music-listing .music_row:first-of-type {
        margin-top: 0;
    }
}

@media (min-width: 767px) {
    .music-listing .music_row .music_player .audio-player {
        padding-right: 50px !important;
    }

    html[dir='rtl'] .music-listing .music_row .music_player .audio-player {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }

    .music-listing .music_row .music_player .js_music_repeat {
        display: none;
    }
}

.music-listing .music_row .item-outer {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: background-image 0.3s;
}

.music-listing .music_row .item-outer .moderation_row {
    position: absolute;
    top: -18px;
}

html[dir="ltr"] .music-listing .music_row .item-outer .moderation_row {
    left: 16px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .moderation_row {
    right: 16px;
}

@media (min-width: 767px) {
    .music-listing .music_row .item-outer .moderation_row {
        top: 0;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .moderation_row {
        left: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .moderation_row {
        right: 0;
    }
}

.music-listing .music_row .item-outer .item-media {
    width: 128px;
    height: 128px;
    position: absolute;
    bottom: 16px;
}

html[dir="ltr"] .music-listing .music_row .item-outer .item-media {
    left: 16px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-media {
    right: 16px;
}

.music-listing .music_row .item-outer .item-inner {
    padding-left: 160px;
    min-height: 126px;
    width: 100%;
}

html[dir="ltr"] .music-listing .music_row .item-outer .item-inner {
    padding-right: 16px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
    padding-left: 16px;
}

.music-listing .music_row .item-outer .item-inner .item-categories {
    margin-top: 6px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 767px) {
    .music-listing .music_row .item-outer .item-inner .item-categories {
        margin-top: 4px;
    }
}

.music-listing .music_row .item-outer .item-inner .item-categories a {
    color: #555555;
}

.music-listing .music_row .item-outer .item-inner .item-categories a:hover {
    color: #950FCD;
}

.music-listing .music_row .item-outer .item-inner .item-categories>a {
    transition: color 0.3s;
}

.music-listing .music_row .item-outer .item-inner .item-categories>a:first-of-type {
    margin-left: 4px;
}

.music-listing .music_row .item-outer .item-inner .item-categories>a:nth-of-type(2) {
    margin-right: 4px;
}

.music-listing .music_row .item-outer .item-inner .item-categories .dropdown {
    margin-left: 4px;
}

.music-listing .music_row .item-outer .item-info {
    position: relative;
    display: flex;
}

html[dir="ltr"] .music-listing .music_row .item-outer .item-info {
    padding-right: 48px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-info {
    padding-left: 48px;
}

.music-listing .music_row .item-outer .item-info .left {
    flex-grow: 1;
    overflow: hidden;
}

.music-listing .music_row .item-outer .item-info .item-info-inner {
    margin-top: 8px;
}

@media (min-width: 767px) {
    .music-listing .music_row .item-outer .item-info .item-info-inner {
        margin-top: 6px;
    }
}

.music-listing .music_row .item-outer .item-info .item-author {
    display: flex;
    align-items: center;
}

.music-listing .music_row .item-outer .item-info .item-author>a {
    display: block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 100%;
}

.music-listing .music_row .item-outer .item-info .item-author>a .img-wrapper {
    width: 32px;
    height: 32px;
}

.music-listing .music_row .item-outer .item-info .item-author>a .img-wrapper img {
    width: 100%;
    height: 100%;
}

.music-listing .music_row .item-outer .item-info .item-author>a span {
    font-size: 12px;
}

@media screen {
    .music-listing .music_row .item-outer .item-info .item-author>a {
        display: none;
    }
}

.music-listing .music_row .item-outer .item-info .item-author>div {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.music-listing .music_row .item-outer .item-info .item-author>div span {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.music-listing .music_row .item-outer .item-info .item-author>div span .user_profile_link_span,
.music-listing .music_row .item-outer .item-info .item-author>div span .user_profile_link_span a {
    font-weight: normal !important;
}

.music-listing .music_row .item-outer .item-info .item-author>div span .user_profile_link_span:hover,
.music-listing .music_row .item-outer .item-info .item-author>div span .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.music-listing .music_row .item-outer .item-info .item-author>div span .user_profile_link_span a {
    display: inline-block;
}

.music-listing .music_row .item-outer .item-info .item-author>div span.time_info {
    margin-top: 4px;
}

.music-listing .music_row .item-outer .item-info .item-statistic {
    padding-top: 5px;
    margin-top: 0;
    display: flex;
}

html[dir="ltr"] .music-listing .music_row .item-outer .item-info .item-statistic {
    padding-left: 8px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic {
    padding-right: 8px;
}

.music-listing .music_row .item-outer .item-info .item-statistic span {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #a2a2a2;
}

.music-listing .music_row .item-outer .item-info .item-statistic span .count {
    font-size: 16px;
    line-height: 21px;
    display: block;
    color: #555555;
}

.music-listing .music_row .item-outer .item-info .item-statistic span+span {
    margin-top: 0;
    margin-left: 22px;
}

.music-listing .music_row .item-outer .item-option {
    position: absolute;
    right: 4px;
    top: 4px;
    display: flex;
}

html[dir='ltr'] .music-listing .music_row .item-outer .item-option>.dropdown:last-child {
    margin-left: 4px;
}

html[dir='rtl'] .music-listing .music_row .item-outer .item-option>.dropdown:last-child {
    margin-right: 4px;
}

.music-listing .music_row .item-outer .item-option .item-option-playlist .row_edit_bar_action:hover {
    color: #555555;
}

.music-listing .music_row .item-outer .item-option .item-option-playlist.open .row_edit_bar_action {
    color: #555555;
}

.music-listing .music_row .item-outer .item-option .row_edit_bar_action {
    display: block;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

@media screen {
    .music-listing .music_row .item-outer .item-option {
        right: 0;
        top: 0;
    }
}

@media screen and (min-width: 480px) {
    .music-listing .music_row .item-outer.active {
        border-color: #D5A9FF;
        background-color: #E8DAF2;
    }
}

.music-listing .music_row .item-title {
    font-size: 18px;
    line-height: 24px;
    color: #555555;
    transition: color 0.3s;
    word-break: break-word;
    word-wrap: break-word;
}

html[dir="ltr"] .music-listing .music_row .item-title {
    padding-right: 56px;
}

html[dir="rtl"] .music-listing .music_row .item-title {
    padding-left: 56px;
}

.music-listing .music_row .item-title a {
    transition: color 0.3s;
    color: #555555;
}

@media screen and (min-width: 480px) {
    .music-listing .music_row .item-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media screen {
    .music-listing .music_row .item-title {
        margin-top: 0;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 18px;
        text-overflow: ellipsis;
        line-height: 24px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 48px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media screen {
    .music-listing .music_row .item-outer {
        border: 0;
        padding: 16px;
    }

    .music-listing .music_row .item-outer .item-media {
        position: relative;
        min-width: 88px;
        height: auto;
        bottom: auto;
    }

    html[dir='ltr'] .music-listing .music_row .item-outer .item-media {
        left: auto;
    }

    html[dir='rtl'] .music-listing .music_row .item-outer .item-media {
        right: auto;
    }

    .music-listing .music_row .item-outer .item-media .button-play {
        display: block !important;
        position: relative;
        font-size: 24px;
        text-align: center;
        padding: 12px 0;
        left: auto;
        top: auto;
        right: auto;
        min-height: 46px;
    }

    .music-listing .music_row .item-outer .item-inner {
        margin-top: -5px;
        min-width: 0;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .item-inner {
        padding-left: 16px;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
        padding-right: 16px;
    }

    .music-listing .music_row .item-outer .item-inner .button-play {
        display: none;
    }

    .music-listing .music_row .item-outer .item-info {
        flex-direction: column;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .item-info {
        padding-right: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-info {
        padding-left: 0;
    }

    .music-listing .music_row .item-outer .item-info .item-author .no_image_user {
        display: none;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .item-info .item-author>div {
        padding-left: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-author>div {
        padding-right: 0;
    }

    .music-listing .music_row .item-outer .item-info .item-statistic {
        padding-top: 8px;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .item-info .item-statistic {
        padding-left: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic {
        padding-right: 0;
    }

    html[dir="ltr"] .music-listing .music_row .item-outer .item-info .item-statistic {
        padding-right: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic {
        padding-left: 0;
    }

    .music-listing .music_row .item-outer .item-info .item-statistic span {
        display: inline-flex;
        align-items: baseline;
    }

    .music-listing .music_row .item-outer .item-info .item-statistic span .count {
        margin-right: 4px;
    }
}

.music-listing .music_row .button-play {
    font-size: 24px;
    position: absolute;
    right: 12px;
    top: 54px;
    cursor: pointer;
    transition: all 0.3s;
}

.music-listing .music_row .button-play .ico {
    color: #555555;
    transition: all 0.3s;
}

.music-listing .music_row:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}

.music-listing .music_row:hover .item-media {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

@media screen {
    .music-listing .music_row:hover .item-media {
        box-shadow: none;
    }

    .music-listing .music_row:hover .item-media:before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #9223C9;
        bottom: -16px;
        left: 0;
    }
}

@media (min-width: 767px) {
    .music-listing .music_row:hover .item-outer .item-inner .item-categories a {
        color: #9740D5;
    }
}

@media screen and (min-width: 767px) {

    .music-listing .music_row:hover .item-title,
    .music-listing .music_row:hover .item-title a {
        color: #950FCD;
    }

    .music-listing .music_row:hover .item-title:hover,
    .music-listing .music_row:hover .item-title a:hover {
        color: #950FCD;
    }
}

@media screen and (min-width: 767px) {
    .music-listing .music_row:hover .item-categories a {
        color: #950FCD;
    }
}

.music-listing .music_row:hover .button-play .ico {
    color: #9740D5;
}

.music-listing .music_row:hover .button-play .ico:before {
    content: "\eb2a";
}

.music-listing .music_row:hover .button-play .ico:hover {
    color: #9223C9;
}

@media screen {
    .music-listing .music_row:hover {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }
}

.music-listing .music_row.active {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}

.music-listing .music_row.active .item-outer {
    background-image: -moz-linear-gradient(-75deg, #2facf2 0%, #2681d5 100%);
    background-image: -webkit-linear-gradient(-75deg, #2facf2 0%, #2681d5 100%);
    background-image: -ms-linear-gradient(-75deg, #2facf2 0%, #2681d5 100%);
    border: 0;
}

.music-listing .music_row.active .item-outer .item-option .row_edit_bar_action {
    color: #fff;
}

.music-listing .music_row.active .item-outer .item-option .row_edit_bar_action .ico {
    color: #fff;
}

.music-listing .music_row.active .item-outer .item-option .row_edit_bar_action .ico-gear-o:before {
    content: "\ea87";
}

.music-listing .music_row.active .item-outer .item-inner .item-title,
.music-listing .music_row.active .item-outer .item-inner .item-title a {
    color: #fff !important;
}

.music-listing .music_row.active .item-outer .item-inner .item-categories {
    color: #D5A9FF;
}

.music-listing .music_row.active .item-outer .item-inner .item-categories a {
    color: #fff !important;
}

.music-listing .music_row.active .item-outer .item-inner .button-play {
    transform: rotate(90deg);
    right: 18px;
}

.music-listing .music_row.active .item-outer .item-inner .button-play .ico {
    color: #fff;
}

.music-listing .music_row.active .item-outer .item-inner .button-play .ico:before {
    content: "\eb2a";
}

.music-listing .music_row.active .item-outer .item-info .item-author>div span {
    color: #D5A9FF;
}

.music-listing .music_row.active .item-outer .item-info .item-author>div span .user_profile_link_span,
.music-listing .music_row.active .item-outer .item-info .item-author>div span .user_profile_link_span a {
    color: #fff !important;
}

.music-listing .music_row.active .item-outer .item-info .item-statistic>span {
    color: #D5A9FF;
}

.music-listing .music_row.active .item-outer .item-info .item-statistic>span .count {
    color: #fff;
}

@media screen and (min-width: 480px) {
    .music-listing .music_row.active .item-media {
        box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2), 0px 10px 16px 0px rgba(0, 0, 0, 0.3);
    }
}

@media screen {
    .music-listing .music_row.active .item-media .button-play .ico {
        transform: rotate(90deg);
        display: block;
        color: #fff;
    }
}

@media screen {
    .music-listing .music_row+.music_row {
        border-top: 1px solid #eeeeee;
    }
}

.item-player.music_player {
    padding: 0;
    border: 0;
}

.item-player.music_player .mejs__offscreen {
    display: none;
}

.item-player.music_player .js_music_controls {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

@media (min-width: 767px) {

    .item-player.music_player .js_music_controls #js_music_prev,
    .item-player.music_player .js_music_controls #js_music_next {
        display: none;
    }
}

.item-player.music_player .js_music_controls a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.item-player.music_player .js_music_controls a.js_music_repeat {
    color: #c8c8c8;
    transition: color 0.3s;
}

.item-player.music_player .js_music_controls a.js_music_repeat.active {
    color: #9740D5;
}

.item-player.music_player .js_music_controls a.download span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    background-color: #9740D5;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
}

.item-player.music_player .js_music_controls a.download span:hover {
    background-color: #950FCD;
    box-shadow: 0 6px 12px 0 rgba(7, 167, 28, 0.4);
}

.item-player.music_player .audio-player {
    background: #fff;
    height: auto;
    padding-right: 100px;
    position: relative;
    border: 1px solid #eeeeee;
}

.item-player.music_player .audio-player.disable-download {
    padding-right: 54px;
}

.item-player.music_player .mejs__container .mejs__mediaelement {
    z-index: -999;
}

.item-player.music_player .mejs__container .mejs-button button {
    position: static;
}

.item-player.music_player .mejs__container .mejs__controls {
    align-items: center;
}

.item-player.music_player .mejs__container .mejs__horizontal-volume-slider {
    position: relative;
    top: auto;
    right: auto;
    order: 1;
    height: 20px;
    display: flex !important;
    align-items: center;
}

.item-player.music_player .mejs__container .mejs__horizontal-volume-slider .mejs__horizontal-volume-current,
.item-player.music_player .mejs__container .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
    height: 2px;
    box-shadow: none;
}

.item-player.music_player .mejs__container .mejs__horizontal-volume-slider .mejs__horizontal-volume-handle {
    width: 10px !important;
    height: 10px !important;
    background: #9740D5;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    margin-left: -5px !important;
}

.item-player.music_player .mejs__container .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
    background: #eeeeee;
    width: 66px;
}

.item-player.music_player .mejs__container .mejs__button.mejs__volume-button {
    order: 1;
}

.item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    color: #a2a2a2;
    text-align: left;
    font-size: 14px;
}

html[dir="ltr"] .item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    margin-right: 8px;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    margin-left: 8px;
}

.item-player.music_player .mejs__container .mejs__button.mejs__volume-button.mejs__unmute button {
    color: #c8c8c8;
}

.item-player.music_player .mejs__container .mejs__button.mejs__volume-button.mejs__unmute+.mejs__horizontal-volume-slider .mejs__offscreen {
    background-color: #eeeeee;
}

.item-player.music_player .mejs__container .mejs__button.mejs__volume-button.mejs__unmute+.mejs__horizontal-volume-slider .mejs__horizontal-volume-handle {
    background: #eeeeee;
}

.item-player.music_player .mejs__container .mejs__mute button:before {
    content: "\e9ac";
    font-family: 'lineficon' !important;
}

.item-player.music_player .mejs__container .mejs__unmute button:before {
    content: "\e9ad";
    font-family: 'lineficon' !important;
}

.item-player.music_player .mejs__container .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
    background: #9740D5;
    top: 9px;
    left: 0;
}

.item-player.music_player .mejs__container .mejs__time-rail {
    position: relative;
    flex: 1;
    display: flex;
    height: 20px;
    padding-top: 8px;
}

html[dir="ltr"] .item-player.music_player .mejs__container .mejs__time-rail {
    margin-left: 8px;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__time-rail {
    margin-right: 8px;
}

html[dir="ltr"] .item-player.music_player .mejs__container .mejs__time-rail {
    margin-right: 8px;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__time-rail {
    margin-left: 8px;
}

.item-player.music_player .mejs__container .mejs__time-rail span {
    height: 4px;
    margin-top: 0;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-float-current,
.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-float {
    height: auto;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-total {
    background-color: #eeeeee;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-float {
    position: absolute;
    background: none;
    top: -20px;
    width: 0;
    border: none;
    font-size: 12px;
    color: #c8c8c8;
    transform: none;
    margin-bottom: 0;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-float .mejs__time-float-corner {
    display: none;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-current {
    background: #9740D5;
    top: 0px;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-handle {
    width: 14px;
    height: 14px;
    background-color: #9740D5;
    border-radius: 100%;
    display: block;
    background-image: none;
    top: -5px;
}

.item-player.music_player .mejs__container .mejs__time-rail .mejs__time-handle .mejs__time-handle-content {
    display: none;
}

.item-player.music_player .mejs__container .mejs__time {
    font-size: 12px;
    color: #c8c8c8;
}

html[dir="ltr"] .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-right: 24px;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-left: 24px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
        margin-right: 8px;
    }

    html[dir="rtl"] .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
        margin-left: 8px;
    }
}

.item-player.music_player .mejs__button.mejs__playpause-button {
    order: -1;
}

.item-player.music_player .mejs__button.mejs__playpause-button button {
    color: #9740D5;
    transition: color 0.3s;
    font-size: 22px;
    width: 46px;
    height: 46px;
}

.item-player.music_player .mejs__button.mejs__playpause-button button:hover {
    color: #9223C9;
}

.item-player.music_player .mejs__button.mejs__playpause-button.mejs__play button:before,
.item-player.music_player .mejs__button.mejs__playpause-button.mejs__replay button:before {
    content: "\eb2a";
    font-family: 'lineficon' !important;
}

.item-player.music_player .mejs__button.mejs__playpause-button.mejs__pause button:before {
    content: "\eb09";
    font-family: 'lineficon' !important;
}

#page_music_view .header-page-title.header-has-label-1,
#page_music_view-album .header-page-title.header-has-label-1,
#page_music_view-playlist .header-page-title.header-has-label-1 {
    padding-right: 28px;
}

html[dir='rtl'] #page_music_view .header-page-title.header-has-label-1,
html[dir='rtl'] #page_music_view-album .header-page-title.header-has-label-1,
html[dir='rtl'] #page_music_view-playlist .header-page-title.header-has-label-1 {
    padding-right: 16px;
    padding-left: 28px;
}

#page_music_view .header-page-title.header-has-label-2,
#page_music_view-album .header-page-title.header-has-label-2,
#page_music_view-playlist .header-page-title.header-has-label-2 {
    padding-right: 50px;
}

html[dir='rtl'] #page_music_view .header-page-title.header-has-label-2,
html[dir='rtl'] #page_music_view-album .header-page-title.header-has-label-2,
html[dir='rtl'] #page_music_view-playlist .header-page-title.header-has-label-2 {
    padding-right: 16px;
    padding-left: 50px;
}

#page_music_view .item_info,
#page_music_view-album .item_info,
#page_music_view-playlist .item_info {
    display: flex;
    align-items: center;
    height: auto;
    padding-bottom: 12px;
    margin: 0;
    max-height: none;
    line-height: unset;
}

#page_music_view .item_info .img-wrapper,
#page_music_view-album .item_info .img-wrapper,
#page_music_view-playlist .item_info .img-wrapper,
#page_music_view .item_info .no_image_user,
#page_music_view-album .item_info .no_image_user,
#page_music_view-playlist .item_info .no_image_user {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    min-width: 32px;
}

html[dir="ltr"] #page_music_view .item_info .img-wrapper,
html[dir="ltr"] #page_music_view-album .item_info .img-wrapper,
html[dir="ltr"] #page_music_view-playlist .item_info .img-wrapper,
html[dir="ltr"] #page_music_view .item_info .no_image_user,
html[dir="ltr"] #page_music_view-album .item_info .no_image_user,
html[dir="ltr"] #page_music_view-playlist .item_info .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #page_music_view .item_info .img-wrapper,
html[dir="rtl"] #page_music_view-album .item_info .img-wrapper,
html[dir="rtl"] #page_music_view-playlist .item_info .img-wrapper,
html[dir="rtl"] #page_music_view .item_info .no_image_user,
html[dir="rtl"] #page_music_view-album .item_info .no_image_user,
html[dir="rtl"] #page_music_view-playlist .item_info .no_image_user {
    margin-left: 8px;
}

#page_music_view .item_info .img-wrapper span,
#page_music_view-album .item_info .img-wrapper span,
#page_music_view-playlist .item_info .img-wrapper span,
#page_music_view .item_info .no_image_user span,
#page_music_view-album .item_info .no_image_user span,
#page_music_view-playlist .item_info .no_image_user span {
    font-size: 10px;
    color: #fff;
}

#page_music_view .item_info .img-wrapper img,
#page_music_view-album .item_info .img-wrapper img,
#page_music_view-playlist .item_info .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_music_view .item_info .item_info_author,
#page_music_view-album .item_info .item_info_author,
#page_music_view-playlist .item_info .item_info_author {
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
}

#page_music_view .item_info .item_info_author .user_profile_link_span,
#page_music_view-album .item_info .item_info_author .user_profile_link_span,
#page_music_view-playlist .item_info .item_info_author .user_profile_link_span {
    display: inline-block;
}

#page_music_view .item_info .item_info_author .user_profile_link_span,
#page_music_view-album .item_info .item_info_author .user_profile_link_span,
#page_music_view-playlist .item_info .item_info_author .user_profile_link_span,
#page_music_view .item_info .item_info_author .user_profile_link_span a,
#page_music_view-album .item_info .item_info_author .user_profile_link_span a,
#page_music_view-playlist .item_info .item_info_author .user_profile_link_span a {
    font-weight: normal !important;
}

#page_music_view .item_info .item_info_author>div,
#page_music_view-album .item_info .item_info_author>div,
#page_music_view-playlist .item_info .item_info_author>div,
#page_music_view .item_info .item_info_author>span,
#page_music_view-album .item_info .item_info_author>span,
#page_music_view-playlist .item_info .item_info_author>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#page_music_view .item_info .item_info_author>span a,
#page_music_view-album .item_info .item_info_author>span a,
#page_music_view-playlist .item_info .item_info_author>span a {
    display: inline-block;
    text-decoration: none;
}

#page_music_view .item_bar,
#page_music_view-album .item_bar,
#page_music_view-playlist .item_bar {
    right: -10px;
}

html[dir='rtl'] #page_music_view .item_bar,
html[dir='rtl'] #page_music_view-album .item_bar,
html[dir='rtl'] #page_music_view-playlist .item_bar {
    right: auto;
    left: -10px;
}

#page_music_view .item_bar .item_bar_action,
#page_music_view-album .item_bar .item_bar_action,
#page_music_view-playlist .item_bar .item_bar_action {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

#page_music_view .item_bar .item_bar_action .ico,
#page_music_view-album .item_bar .item_bar_action .ico,
#page_music_view-playlist .item_bar .item_bar_action .ico {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_music_view .item_bar .item_bar_action:hover .ico,
#page_music_view-album .item_bar .item_bar_action:hover .ico,
#page_music_view-playlist .item_bar .item_bar_action:hover .ico {
    color: #555555;
}

#page_music_view .item_bar .item_bar_action_holder.open .item_bar_action .ico,
#page_music_view-album .item_bar .item_bar_action_holder.open .item_bar_action .ico,
#page_music_view-playlist .item_bar .item_bar_action_holder.open .item_bar_action .ico {
    color: #555555;
}

#page_music_view .item-comment,
#page_music_view-album .item-comment,
#page_music_view-playlist .item-comment {
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
}

#page_music_view .item-comment .comment-mini-content-commands,
#page_music_view-album .item-comment .comment-mini-content-commands,
#page_music_view-playlist .item-comment .comment-mini-content-commands {
    border-bottom: 0;
}

#page_music_view .item-content,
#page_music_view-album .item-content,
#page_music_view-playlist .item-content {
    position: relative;
    margin: 0 -16px;
}

#page_music_view .item-content .item-media,
#page_music_view-album .item-content .item-media,
#page_music_view-playlist .item-content .item-media {
    background-color: #E8DAF2;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 68px;
    padding: 30px 0 46px 0;
}

#page_music_view .item-content .item-media a.media-thumb,
#page_music_view-album .item-content .item-media a.media-thumb,
#page_music_view-playlist .item-content .item-media a.media-thumb {
    margin: 0 auto;
    display: block;
    padding: 8px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    width: 176px;
    height: 176px;
}

#page_music_view .item-content .item-media a.media-thumb img,
#page_music_view-album .item-content .item-media a.media-thumb img,
#page_music_view-playlist .item-content .item-media a.media-thumb img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

#page_music_view .item-content .music_player,
#page_music_view-album .item-content .music_player,
#page_music_view-playlist .item-content .music_player {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    transform: translateY(50%);
    z-index: 1;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}

#page_music_view .item-sub-info,
#page_music_view-album .item-sub-info,
#page_music_view-playlist .item-sub-info {
    padding-top: 60px;
}

#page_music_view .item-sub-info .title,
#page_music_view-album .item-sub-info .title,
#page_music_view-playlist .item-sub-info .title {
    color: #a2a2a2;
}

#page_music_view .item-sub-info>a,
#page_music_view-album .item-sub-info>a,
#page_music_view-playlist .item-sub-info>a {
    color: #555555;
}

#page_music_view .item-view-button-group,
#page_music_view-album .item-view-button-group,
#page_music_view-playlist .item-view-button-group {
    display: flex;
    flex-flow: wrap;
}

html[dir="ltr"] #page_music_view .item-view-button-group .js_music_dropdown_add_to_playlist,
html[dir="ltr"] #page_music_view-album .item-view-button-group .js_music_dropdown_add_to_playlist,
html[dir="ltr"] #page_music_view-playlist .item-view-button-group .js_music_dropdown_add_to_playlist {
    margin-right: 8px;
}

html[dir="rtl"] #page_music_view .item-view-button-group .js_music_dropdown_add_to_playlist,
html[dir="rtl"] #page_music_view-album .item-view-button-group .js_music_dropdown_add_to_playlist,
html[dir="rtl"] #page_music_view-playlist .item-view-button-group .js_music_dropdown_add_to_playlist {
    margin-left: 8px;
}

#page_music_view .item-view-button-group .js_music_dropdown_add_to_playlist.open [data-toggle="dropdown"].btn-default,
#page_music_view-album .item-view-button-group .js_music_dropdown_add_to_playlist.open [data-toggle="dropdown"].btn-default,
#page_music_view-playlist .item-view-button-group .js_music_dropdown_add_to_playlist.open [data-toggle="dropdown"].btn-default {
    color: #950FCD !important;
    background-color: #E8DAF2 !important;
    border-color: #D5A9FF !important;
    box-shadow: 0px 4px 12px 0px rgba(7, 167, 28, 0.3) !important;
}

#page_music_view .item-view-button-group .js_music_dropdown_add_to_playlist [data-toggle="dropdown"] .ico-angle-down,
#page_music_view-album .item-view-button-group .js_music_dropdown_add_to_playlist [data-toggle="dropdown"] .ico-angle-down,
#page_music_view-playlist .item-view-button-group .js_music_dropdown_add_to_playlist [data-toggle="dropdown"] .ico-angle-down {
    font-size: 10px;
}

#page_music_view .item-view-button-group+.item-sub-info,
#page_music_view-album .item-view-button-group+.item-sub-info,
#page_music_view-playlist .item-view-button-group+.item-sub-info {
    padding-top: 24px;
}

#page_music_view .item_view_more,
#page_music_view-album .item_view_more,
#page_music_view-playlist .item_view_more {
    display: block;
    margin-top: 8px;
    font-size: 12px;
}

#page_music_view .item_view_more a,
#page_music_view-album .item_view_more a,
#page_music_view-playlist .item_view_more a {
    display: block;
    text-transform: uppercase;
}

#page_music_view .item_view_more a:after,
#page_music_view-album .item_view_more a:after,
#page_music_view-playlist .item_view_more a:after {
    content: "\eaeb";
    display: inline-block;
    margin-left: 4px;
    font-family: 'lineficon' !important;
}

#page_music_view .layout-middle,
#page_music_view-album .layout-middle,
#page_music_view-playlist .layout-middle {
    position: relative;
}

#page_music_view .layout-middle .music-icon,
#page_music_view-album .layout-middle .music-icon,
#page_music_view-playlist .layout-middle .music-icon {
    position: absolute;
    right: 16px;
    top: 0;
    display: flex;
}

#page_music_view .js_moderation_on,
#page_music_view-album .js_moderation_on,
#page_music_view-playlist .js_moderation_on {
    border-top: 1px solid #eeeeee;
}

#page_music_view-album .item-content .item-media,
#page_music_view-playlist .item-content .item-media {
    height: auto;
    float: none;
    padding: 38px 0 47px 0;
}

#page_music_view-album .item-content .item-media a.media-thumb,
#page_music_view-playlist .item-content .item-media a.media-thumb {
    position: relative;
    padding: 0 !important;
    width: 160px;
    height: 160px;
}

#page_music_view-album .item-content .item-media a.media-thumb .music-bg-thumb,
#page_music_view-playlist .item-content .item-media a.media-thumb .music-bg-thumb,
#page_music_view-album .item-content .item-media a.media-thumb img,
#page_music_view-playlist .item-content .item-media a.media-thumb img {
    z-index: 1;
    position: relative;
}

#page_music_view-album .item-total,
#page_music_view-playlist .item-total {
    margin-top: 10px;
    font-size: 16px;
    line-height: 21px;
}

#page_music_view-album .item-playing,
#page_music_view-playlist .item-playing {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #a2a2a2;
}

#page_music_view-album .item-playing #js_playing_song_title,
#page_music_view-playlist .item-playing #js_playing_song_title,
#page_music_view-album .item-playing strong,
#page_music_view-playlist .item-playing strong {
    color: #555555;
}

#page_music_view-album .item-player.music_player,
#page_music_view-playlist .item-player.music_player {
    margin-top: -24px;
}

#page_music_view-album .item-player.music_player #js_playing_song_title,
#page_music_view-playlist .item-player.music_player #js_playing_song_title {
    display: none;
}

#page_music_view-album .item-player.music_player .audio-player,
#page_music_view-playlist .item-player.music_player .audio-player {
    padding-right: 46px;
    height: 48px;
}

html[dir="ltr"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
html[dir="ltr"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-right: 24px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-left: 24px;
}

@media (min-width: 767px) {

    html[dir="ltr"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
    html[dir="ltr"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
        margin-right: 8px;
    }

    html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
    html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
        margin-left: 8px;
    }
}

#page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container,
#page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container {
    margin-left: 88px;
}

@media (min-width: 767px) {

    #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container,
    #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container {
        margin-left: 0 !important;
    }

    html[dir='rtl'] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container,
    html[dir='rtl'] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container {
        margin-right: 0 !important;
    }
}

html[dir="ltr"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time-rail,
html[dir="ltr"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time-rail {
    margin-right: 8px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time-rail,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time-rail {
    margin-left: 8px;
}

@media screen and (min-width: 767px) {

    #page_music_view-album .item-player.music_player .mejs__container .mejs__time-rail,
    #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time-rail {
        margin-right: 45px;
    }
}

#page_music_view-album .item-player.music_player .mejs__playpause-button,
#page_music_view-playlist .item-player.music_player .mejs__playpause-button {
    left: 40px;
    z-index: 1;
    position: relative;
}

@media (min-width: 767px) {

    html[dir="ltr"] #page_music_view-album .item-player.music_player .mejs__playpause-button,
    html[dir="ltr"] #page_music_view-playlist .item-player.music_player .mejs__playpause-button {
        left: 0 !important;
    }

    html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__playpause-button,
    html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__playpause-button {
        right: 0 !important;
    }
}

#page_music_view-album .item-player.music_player .js_music_controls,
#page_music_view-playlist .item-player.music_player .js_music_controls {
    right: auto;
    left: 0;
    width: 100%;
    max-width: 126px;
    display: flex;
    z-index: 1;
    justify-content: space-between;
}

#page_music_view-album .item-player.music_player .js_music_controls a,
#page_music_view-playlist .item-player.music_player .js_music_controls a {
    font-size: 16px;
    width: 40px;
    height: 46px;
}

#page_music_view-album .item-player.music_player #js_music_shuffle,
#page_music_view-playlist .item-player.music_player #js_music_shuffle {
    position: absolute;
    right: 112px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

@media screen and (min-width: 767px) {

    #page_music_view-album .item-player.music_player #js_music_shuffle,
    #page_music_view-playlist .item-player.music_player #js_music_shuffle {
        display: none;
    }
}

#page_music_view-album .item-player.music_player #js_music_repeat,
#page_music_view-playlist .item-player.music_player #js_music_repeat {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 22px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#page_music_view-album .item-player.music_player #js_music_repeat.repeat_off,
#page_music_view-playlist .item-player.music_player #js_music_repeat.repeat_off {
    color: #c8c8c8;
}

#page_music_view-album .item-player .mejs__play,
#page_music_view-playlist .item-player .mejs__play,
#page_music_view-album .item-player .mejs__pause,
#page_music_view-playlist .item-player .mejs__pause {
    position: relative;
    z-index: 1;
}

#page_music_view-album .album-detail-tracks,
#page_music_view-playlist .album-detail-tracks {
    background-color: #fff;
    margin-top: 0;
    max-height: 196px;
    border: 1px solid #eeeeee;
    border-top: 0;
    overflow-y: auto;
}

#page_music_view-album .album-detail-tracks li .item-outer,
#page_music_view-playlist .album-detail-tracks li .item-outer {
    display: flex;
    width: 100%;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-media,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-media {
    padding: 0;
    background-color: transparent;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-media a,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-media a {
    background-color: transparent;
    border: 0;
    width: 44px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #555555;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-media a.active .ico:before,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-media a.active .ico:before {
    content: "\eb09";
}

#page_music_view-album .album-detail-tracks li .item-outer .item-inner,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner {
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 8px;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title,
#page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title a,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title a {
    color: #555555;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-count,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-count {
    display: none;
    color: #a2a2a2;
    font-size: 12px;
    white-space: nowrap;
    min-width: 42px;
}

#page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-count .ico,
#page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-count .ico {
    display: inline-block;
}

#page_music_view-album .album-detail-tracks li .item-outer .music-download-action,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 104px;
}

#page_music_view-album .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist .row_edit_bar_action,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist .row_edit_bar_action {
    padding: 10px;
    color: #a2a2a2;
}

#page_music_view-album .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist.open .row_edit_bar_action,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist.open .row_edit_bar_action,
#page_music_view-album .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist:hover .row_edit_bar_action,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action .js_music_dropdown_add_to_playlist:hover .row_edit_bar_action {
    color: #555555;
}

#page_music_view-album .album-detail-tracks li .item-outer .music-download-action a,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action a {
    padding: 10px;
    color: #a2a2a2;
}

#page_music_view-album .album-detail-tracks li .item-outer .music-download-action a:hover,
#page_music_view-playlist .album-detail-tracks li .item-outer .music-download-action a:hover {
    color: #555555;
}

#page_music_view-album .album-detail-tracks li+li,
#page_music_view-playlist .album-detail-tracks li+li {
    border-top: 1px solid #eeeeee;
}

#page_music_view-album .album-detail-tracks li.active,
#page_music_view-playlist .album-detail-tracks li.active {
    background-color: #E8DAF2;
}

#page_music_view-album .album-detail-tracks li.active+li,
#page_music_view-playlist .album-detail-tracks li.active+li {
    border-top-color: #E8DAF2;
}

#page_music_view-album .album-detail-tracks li.active .item-outer .item-media a,
#page_music_view-playlist .album-detail-tracks li.active .item-outer .item-media a {
    color: #950FCD;
}

#page_music_view-album .album-detail-tracks li.active .item-outer .item-inner .item-title,
#page_music_view-playlist .album-detail-tracks li.active .item-outer .item-inner .item-title,
#page_music_view-album .album-detail-tracks li.active .item-outer .item-inner .item-title a,
#page_music_view-playlist .album-detail-tracks li.active .item-outer .item-inner .item-title a {
    color: #950FCD;
}

#page_music_view-album .item-sub-info,
#page_music_view-playlist .item-sub-info {
    padding-top: 0;
}

html[dir="ltr"] #page_music_view .item-player.music_player .audio-player {
    padding-right: 48px;
}

html[dir="rtl"] #page_music_view .item-player.music_player .audio-player {
    padding-left: 48px;
}

.js_user_feed .item-music.item-feed-music-song {
    border: 1px solid #e5e5e5;
    box-shadow: none !important;
    margin-top: -1px !important;
    background-color: #f8f8f8;
    padding-left: 16px;
    padding-right: 16px;
}

.js_user_feed .item-music.item-feed-music-song.active {
    background-color: #fff;
}

.js_user_feed .item-music.item-feed-music-song.active .item-outer .item-title a {
    color: #9740D5 !important;
}

.js_user_feed .item-music.item-feed-music-song.active .item-outer .item-media .button-play .ico {
    transform: none !important;
}

.js_user_feed .item-music.item-feed-music-song.active .item-outer .item-media .button-play .ico:before {
    content: "\eb09" !important;
    color: #9740D5;
}

.js_user_feed .item-music.item-feed-music-song.show-action .feed-music-action-more .item-icon {
    color: #555555;
    background-color: #fff;
}

.js_user_feed .item-music.item-feed-music-song.show-action .feed-music-action-more .item-icon .ico:before {
    content: "\ea97";
}

.js_user_feed .item-music.item-feed-music-song.show-action .item-outer .feed-music-action .feed-music-action-inner {
    display: flex !important;
    z-index: 99;
}

.js_user_feed .item-music.item-feed-music-song .music_player {
    margin: 0 -16px;
    padding: 0 16px;
}

.js_user_feed .item-music.item-feed-music-song .music_player .mejs__controls {
    min-height: 48px;
}

.js_user_feed .item-music.item-feed-music-song .music_player .mejs__playpause-button {
    display: none !important;
}

.js_user_feed .item-music.item-feed-music-song .music_player .js_music_controls a {
    width: 40px;
}

html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .music_player .js_music_controls {
    right: -8px;
}

html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .music_player .js_music_controls {
    left: -8px;
}

html[dir="ltr"] .js_user_feed .item-music.item-feed-music-song .music_player .audio-player {
    padding-right: 40px;
}

html[dir="rtl"] .js_user_feed .item-music.item-feed-music-song .music_player .audio-player {
    padding-left: 40px;
}

.js_user_feed .item-music.item-feed-music-song .music_player .js_music_repeat {
    display: flex !important;
}

.js_user_feed .item-music.item-feed-music-song .item-outer {
    border: 0;
    display: flex;
    align-items: center;
    background-image: none !important;
    max-height: 44px;
    padding: 0 !important;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block !important;
}

html[dir="ltr"] .js_user_feed .item-music.item-feed-music-song .item-outer .item-title {
    padding-right: 8px;
}

html[dir="rtl"] .js_user_feed .item-music.item-feed-music-song .item-outer .item-title {
    padding-left: 8px;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-title a {
    color: #555555;
    font-size: 16px;
    line-height: 21px;
}

@media (min-width: 767px) {
    .js_user_feed .item-music.item-feed-music-song .item-outer .item-title a:hover {
        color: #9740D5;
    }
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-inner {
    padding: 0 !important;
    min-height: 0;
    width: auto;
    flex: 1;
    min-width: 0;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action {
    display: flex;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
    display: flex;
}

@media (min-width: 767px) {
    .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.95);
        top: 0;
        bottom: 0;
        justify-content: flex-end;
        align-items: center;
    }

    html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        border-right: 1px solid #eeeeee;
        transform: translateX(-16px);
    }

    html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        border-left: 1px solid #eeeeee;
        transform: translateX(16px);
    }

    .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        width: 56px;
        height: 100%;
    }

    html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        border-left: 1px solid #eeeeee;
    }

    html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        border-right: 1px solid #eeeeee;
    }

    .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .item-option-playlist {
        height: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.95);
        top: 0;
        bottom: 0;
        justify-content: flex-end;
        align-items: center;
    }

    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        border-right: 1px solid #eeeeee;
        transform: translateX(-16px);
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner {
        border-left: 1px solid #eeeeee;
        transform: translateX(16px);
    }

    #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        width: 56px;
        height: 100%;
    }

    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        border-left: 1px solid #eeeeee;
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .feed-music-action-icon {
        border-right: 1px solid #eeeeee;
    }

    #main:not(.empty-left):not(.empty-right) .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-inner .item-option-playlist {
        height: 100%;
    }
}

html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action {
    margin-right: -8px;
}

html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action {
    margin-left: -8px;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action .feed-music-action-icon:hover {
        color: #555555;
    }
}

html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more {
    margin-right: -8px;
}

html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more {
    margin-left: -8px;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more .item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 40px;
}

@media (min-width: 1200px) {
    .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {

    #main.empty-left .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more,
    #main.empty-right .js_user_feed .item-music.item-feed-music-song .item-outer .feed-music-action-more {
        display: none;
    }
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic {
    font-size: 12px;
    color: #a2a2a2;
    white-space: nowrap;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic {
    margin-right: 8px;
}

html[dir="rtl"] .js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic {
    margin-left: 8px;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic .count {
    margin-top: 0;
    overflow: visible;
    display: inline-block;
    margin-right: 4px;
}

html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic .count {
    margin-right: 0;
    margin-left: 4px;
}

@media (max-width: 479px) {
    .js_user_feed .item-music.item-feed-music-song .item-outer .item-statistic {
        display: none;
    }
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-media {
    display: inline-flex;
    box-shadow: none !important;
    position: static;
    width: 40px;
    height: 40px;
    min-width: 40px;
    align-items: center;
    justify-content: center;
}

html[dir='ltr'] .js_user_feed .item-music.item-feed-music-song .item-outer .item-media {
    margin-left: -8px;
}

html[dir='rtl'] .js_user_feed .item-music.item-feed-music-song .item-outer .item-media {
    margin-right: -8px;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-media:before {
    display: none !important;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-media .button-play {
    position: static;
    font-size: 20px;
    transition: transform 0.3s;
    display: flex !important;
    align-items: center;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-media .button-play .ico {
    color: #555555 !important;
}

.js_user_feed .item-music.item-feed-music-song .item-outer .item-media .button-play .ico:before {
    content: "\eb29" !important;
}

.js_user_feed .item-music.item-feed-music-song.active .item-outer .item-media .button-play .ico {
    transform: rotate(90deg);
}

.js_user_feed .item-music.item-feed-music-song .audio-player {
    border: 0;
    border-top: 1px solid #e5e5e5;
}

.albums-widget-widget.list-view.music .album-item .item-outer,
.playlist-widget-widget.list-view.music .album-item .item-outer,
.music-featured-block.list-view.music .album-item .item-outer,
.music-suggest-block.list-view.music .album-item .item-outer {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
}

.albums-widget-widget.list-view.music .album-item:nth-child(1) .item-outer,
.playlist-widget-widget.list-view.music .album-item:nth-child(1) .item-outer,
.music-featured-block.list-view.music .album-item:nth-child(1) .item-outer,
.music-suggest-block.list-view.music .album-item:nth-child(1) .item-outer {
    border-top: 0;
    padding-top: 0;
}

@media (min-width: 767px) {

    .albums-widget-widget.list-view.music .item-container-list,
    .playlist-widget-widget.list-view.music .item-container-list,
    .music-featured-block.list-view.music .item-container-list,
    .music-suggest-block.list-view.music .item-container-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }

    .albums-widget-widget.list-view.music .album-item,
    .playlist-widget-widget.list-view.music .album-item,
    .music-featured-block.list-view.music .album-item,
    .music-suggest-block.list-view.music .album-item {
        width: 33.33%;
        padding: 0 8px;
    }
}

@media (min-width: 767px) and (min-width: 640px) {

    .albums-widget-widget.list-view.music .album-item:nth-child(2),
    .playlist-widget-widget.list-view.music .album-item:nth-child(2),
    .music-featured-block.list-view.music .album-item:nth-child(2),
    .music-suggest-block.list-view.music .album-item:nth-child(2),
    .albums-widget-widget.list-view.music .album-item:nth-child(3),
    .playlist-widget-widget.list-view.music .album-item:nth-child(3),
    .music-featured-block.list-view.music .album-item:nth-child(3),
    .music-suggest-block.list-view.music .album-item:nth-child(3) {
        margin-top: 0;
    }

    .albums-widget-widget.list-view.music .album-item:nth-child(2) .item-outer,
    .playlist-widget-widget.list-view.music .album-item:nth-child(2) .item-outer,
    .music-featured-block.list-view.music .album-item:nth-child(2) .item-outer,
    .music-suggest-block.list-view.music .album-item:nth-child(2) .item-outer,
    .albums-widget-widget.list-view.music .album-item:nth-child(3) .item-outer,
    .playlist-widget-widget.list-view.music .album-item:nth-child(3) .item-outer,
    .music-featured-block.list-view.music .album-item:nth-child(3) .item-outer,
    .music-suggest-block.list-view.music .album-item:nth-child(3) .item-outer {
        border-top: 0;
        padding-top: 0;
    }
}

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

    .albums-widget-widget.list-view.music .album-item,
    .playlist-widget-widget.list-view.music .album-item,
    .music-featured-block.list-view.music .album-item,
    .music-suggest-block.list-view.music .album-item {
        width: 50%;
    }
}

@media screen and (max-width: 639px) and (min-width: 481px) {

    .albums-widget-widget.list-view.music .album-item:nth-child(2),
    .playlist-widget-widget.list-view.music .album-item:nth-child(2),
    .music-featured-block.list-view.music .album-item:nth-child(2),
    .music-suggest-block.list-view.music .album-item:nth-child(2) {
        margin-top: 0;
    }

    .albums-widget-widget.list-view.music .album-item:nth-child(2) .item-outer,
    .playlist-widget-widget.list-view.music .album-item:nth-child(2) .item-outer,
    .music-featured-block.list-view.music .album-item:nth-child(2) .item-outer,
    .music-suggest-block.list-view.music .album-item:nth-child(2) .item-outer {
        border-top: 0;
        padding-top: 0;
    }
}

@media screen {

    .albums-widget-widget.list-view.music .album-item,
    .playlist-widget-widget.list-view.music .album-item,
    .music-featured-block.list-view.music .album-item,
    .music-suggest-block.list-view.music .album-item {
        width: 100%;
    }
}

.core-music-mixin-feed-album .albums-item .flag_style_parent {
    position: absolute;
    display: flex;
    right: 4px;
    top: 0;
}

html[dir='rtl'] .core-music-mixin-feed-album .albums-item .flag_style_parent {
    left: 4px;
    right: auto;
}

.core-music-mixin-feed-album .albums-item .item-outer {
    display: flex;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-media {
    width: 180px;
}

@media (min-width: 767px) {
    .core-music-mixin-feed-album .albums-item .item-outer .item-media {
        width: 140px;
    }
}

.core-music-mixin-feed-album .albums-item .item-outer .item-media .albums-songs {
    height: 32px;
    padding: 0 12px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .core-music-mixin-feed-album .albums-item .item-outer .item-inner {
    margin-left: 24px;
}

html[dir="rtl"] .core-music-mixin-feed-album .albums-item .item-outer .item-inner {
    margin-right: 24px;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner .music-dots {
    margin: 0 5px;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 63px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

html[dir='rtl'] .core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 22px;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-title a {
    color: #555555;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-statistic {
    display: flex;
}

.core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-desc {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 54px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 4px;
}

@media (max-width: 479px) {
    .core-music-mixin-feed-album .albums-item .item-outer .item-inner .item-desc {
        display: none;
    }
}

.js_parent_feed_entry._app_music_album .albums-item .flag_style_parent,
.feed_share_music_album .albums-item .flag_style_parent {
    position: absolute;
    display: flex;
    right: 4px;
    top: 0;
}

html[dir='rtl'] .js_parent_feed_entry._app_music_album .albums-item .flag_style_parent,
html[dir='rtl'] .feed_share_music_album .albums-item .flag_style_parent {
    left: 4px;
    right: auto;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer,
.feed_share_music_album .albums-item .item-outer {
    display: flex;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-media,
.feed_share_music_album .albums-item .item-outer .item-media {
    width: 180px;
}

@media (min-width: 767px) {

    .js_parent_feed_entry._app_music_album .albums-item .item-outer .item-media,
    .feed_share_music_album .albums-item .item-outer .item-media {
        width: 140px;
    }
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-media .albums-songs,
.feed_share_music_album .albums-item .item-outer .item-media .albums-songs {
    height: 32px;
    padding: 0 12px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner,
.feed_share_music_album .albums-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner,
html[dir="ltr"] .feed_share_music_album .albums-item .item-outer .item-inner {
    margin-left: 24px;
}

html[dir="rtl"] .js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner,
html[dir="rtl"] .feed_share_music_album .albums-item .item-outer .item-inner {
    margin-right: 24px;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .music-dots,
.feed_share_music_album .albums-item .item-outer .item-inner .music-dots {
    margin: 0 5px;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-title,
.feed_share_music_album .albums-item .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 63px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

html[dir='rtl'] .js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-title,
html[dir='rtl'] .feed_share_music_album .albums-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 22px;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-title a,
.feed_share_music_album .albums-item .item-outer .item-inner .item-title a {
    color: #555555;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-statistic,
.feed_share_music_album .albums-item .item-outer .item-inner .item-statistic {
    display: flex;
}

.js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-desc,
.feed_share_music_album .albums-item .item-outer .item-inner .item-desc {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 54px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 4px;
}

@media (max-width: 479px) {

    .js_parent_feed_entry._app_music_album .albums-item .item-outer .item-inner .item-desc,
    .feed_share_music_album .albums-item .item-outer .item-inner .item-desc {
        display: none;
    }
}

.js_parent_feed_entry._app_music_playlist .albums-item .flag_style_parent,
.feed_share_music_playlist .albums-item .flag_style_parent {
    position: absolute;
    display: flex;
    right: 4px;
    top: 0;
}

html[dir='rtl'] .js_parent_feed_entry._app_music_playlist .albums-item .flag_style_parent,
html[dir='rtl'] .feed_share_music_playlist .albums-item .flag_style_parent {
    left: 4px;
    right: auto;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer,
.feed_share_music_playlist .albums-item .item-outer {
    display: flex;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-media,
.feed_share_music_playlist .albums-item .item-outer .item-media {
    width: 180px;
}

@media (min-width: 767px) {

    .js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-media,
    .feed_share_music_playlist .albums-item .item-outer .item-media {
        width: 140px;
    }
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-media .albums-songs,
.feed_share_music_playlist .albums-item .item-outer .item-media .albums-songs {
    height: 32px;
    padding: 0 12px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner,
.feed_share_music_playlist .albums-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner,
html[dir="ltr"] .feed_share_music_playlist .albums-item .item-outer .item-inner {
    margin-left: 24px;
}

html[dir="rtl"] .js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner,
html[dir="rtl"] .feed_share_music_playlist .albums-item .item-outer .item-inner {
    margin-right: 24px;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .music-dots,
.feed_share_music_playlist .albums-item .item-outer .item-inner .music-dots {
    margin: 0 5px;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-title,
.feed_share_music_playlist .albums-item .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 63px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

html[dir='rtl'] .js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-title,
html[dir='rtl'] .feed_share_music_playlist .albums-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 22px;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-title a,
.feed_share_music_playlist .albums-item .item-outer .item-inner .item-title a {
    color: #555555;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-statistic,
.feed_share_music_playlist .albums-item .item-outer .item-inner .item-statistic {
    display: flex;
}

.js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-desc,
.feed_share_music_playlist .albums-item .item-outer .item-inner .item-desc {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 54px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 4px;
}

@media (max-width: 479px) {

    .js_parent_feed_entry._app_music_playlist .albums-item .item-outer .item-inner .item-desc,
    .feed_share_music_playlist .albums-item .item-outer .item-inner .item-desc {
        display: none;
    }
}

.music-uploaded-control .music-item {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.music-uploaded-control .music-item+.music-item {
    margin-top: -1px;
}

.music-uploaded-control .music-item .item-inner {
    display: flex;
    height: 72px;
    align-items: center;
}

.music-uploaded-control .music-item .item-inner .item-title {
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 16px;
    color: #555555;
}

.music-uploaded-control .music-item .item-inner .music-icon-upload {
    position: relative;
}

html[dir="ltr"] .music-uploaded-control .music-item .item-inner .music-icon-upload {
    margin-right: 24px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .music-icon-upload {
    margin-left: 24px;
}

html[dir="ltr"] .music-uploaded-control .music-item .item-inner .music-icon-upload {
    margin-left: 8px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .music-icon-upload {
    margin-right: 8px;
}

.music-uploaded-control .music-item .item-inner .music-icon-upload .ico {
    font-size: 20px;
    color: #c8c8c8;
}

.music-uploaded-control .music-item .item-inner .music-icon-upload:before {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    position: absolute;
    right: -8px;
    background-color: #eeeeee;
    top: 50%;
    transform: translateY(-50%);
}

.music-uploaded-control .music-item .item-inner .music-icon-upload.has-image {
    margin-left: 0;
    margin-right: 18px;
}

.music-uploaded-control .music-item .item-inner .music-icon-upload.has-image img {
    width: 40px;
    height: 40px;
}

.music-uploaded-control .music-item .item-inner .music-icon-upload.has-image:before {
    display: none;
}

.music-uploaded-control .music-item .info-each-item {
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
    padding: 24px 32px 16px 32px;
}

.music-uploaded-control .music-item .info-each-item .edit_menu_container {
    border: 0;
    border-bottom: 1px solid #c8c8c8;
}

.music-uploaded-control .music-item .item-actions {
    display: flex !important;
    position: absolute;
    right: 0;
    top: 0;
    height: 72px;
    align-items: center;
}

.music-uploaded-control .music-item .item-actions a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.music-uploaded-control .music-item .item-actions a .ico {
    font-size: 16px;
    transition: color 0.3s;
    color: #a2a2a2;
}

.music-uploaded-control .music-item .item-actions a:hover .ico {
    color: #555555;
}

#js_music_upload_song #js_music_uploading,
#js_music_upload_song #js_uploading_notice {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #9E9AB1;
}

#js_music_upload_song #music_song-dropzone {
    border: 1px dashed #D5A9FF;
    background-color: #E8DAF2;
    border-radius: 0;
    padding: 24px 54px;
}

#js_music_upload_song #music_song-dropzone .dz-default {
    transition: opacity 0.3s;
    text-align: center;
    width: 100%;
}

#js_music_upload_song #music_song-dropzone .dropzone-button {
    position: static;
    width: 72px;
    height: 72px;
    background-color: #9740D5;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    border-radius: 100%;
    margin: 0 auto;
    box-shadow: 0px 10px 20px 0px rgba(9, 216, 36, 0.4);
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    margin-bottom: 16px;
}

#js_music_upload_song #music_song-dropzone .dropzone-button:hover {
    background-image: linear-gradient(-20deg, #12ff48 0%, #9740D5 100%);
    background-image: -moz-linear-gradient(-20deg, #12ff48 0%, #9740D5 100%);
    background-image: -webkit-linear-gradient(-20deg, #12ff48 0%, #9740D5 100%);
    background-image: -ms-linear-gradient(-20deg, #12ff48 0%, #9740D5 100%);
    box-shadow: 0px 10px 20px 0px rgba(9, 216, 36, 0.5);
}

#js_music_upload_song #music_song-dropzone .dropzone-button.uploaded {
    border-radius: 4px;
    width: auto;
    display: inline-flex;
    padding: 0 8px;
    height: 40px;
    font-size: 14px;
}

html[dir="ltr"] #js_music_upload_song #music_song-dropzone .dropzone-button.uploaded .ico {
    margin-right: 8px;
}

html[dir="rtl"] #js_music_upload_song #music_song-dropzone .dropzone-button.uploaded .ico {
    margin-left: 8px;
}

#js_music_upload_song #music_song-dropzone .title {
    font-size: 16px;
    line-height: 21px;
    color: #9740D5;
    margin-bottom: 8px;
}

#js_music_upload_song #music_song-dropzone .help-text {
    margin-bottom: 0;
    color: #9740D5;
}

#js_music_upload_song #music_song-dropzone.dz-drag-hover .dz-default {
    opacity: 0.2;
}

#page_music_upload li {
    list-style: none;
}

#page_music_upload select[multiple]:focus option:checked {
    background: #9E9AB1 linear-gradient(0deg, #9E9AB1 0%, #9E9AB1 100%);
}

html[dir="rtl"] .albums-listing .music .item-title,
html[dir="rtl"] .playlist-listing .music .item-title {
    padding-right: 0;
    padding-left: 22px;
}

html[dir="rtl"] #js_music_upload_song .dropzone-component .dropzone-button.uploaded .ico {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .music-icon-upload.has-image {
    margin-right: 0;
    margin-left: 18px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-actions {
    right: auto;
    left: 0;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .music-icon-upload {
    margin-right: 8px;
    margin-left: 24px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .music-icon-upload:before {
    right: auto;
    left: -8px;
}

html[dir="rtl"] .music-uploaded-control .music-item .item-inner .item-title {
    padding-right: 0;
    padding-left: 80px;
}

html[dir="rtl"] .list-view.music .item-inner {
    padding-left: 0;
}

html[dir="ltr"] html[dir="rtl"] .list-view.music .item-inner {
    padding-right: 16px;
}

html[dir="rtl"] html[dir="rtl"] .list-view.music .item-inner {
    padding-left: 16px;
}

html[dir="rtl"] .list-view.music .item-inner.song {
    padding-right: 12px;
}

html[dir="rtl"] .music-bg-thumb .albums-songs {
    left: 5px;
    right: auto;
}

html[dir="rtl"] .music-bg-thumb .albums-songs .ico {
    margin-right: 0;
    margin-left: 4px;
}

html[dir="rtl"] .albums-listing .item-inner,
html[dir="rtl"] .playlist-listing .item-inner {
    padding-right: 0;
}

html[dir="rtl"] .list-view.music .albums-bg-outer {
    right: auto;
    left: -3px;
}

html[dir="rtl"] .list-view.music .albums-bg-outer .albums-bg-inner {
    border-right: 0;
    border-left: 1px solid #dcdcdc;
}

html[dir="rtl"] .list-view.music .albums-bg-outer .albums-bg-inner:before {
    right: auto;
    left: -6px;
}

html[dir="rtl"] .list-view.music .albums-bg.view-all .albums-bg-outer {
    right: auto;
    left: -6px;
}

html[dir="rtl"] .list-view.music .albums-bg.view-all .albums-bg-outer .albums-bg-inner:before {
    right: auto;
    left: -8px;
}

html[dir="rtl"] .albums-listing .item-author .item-author-infor,
html[dir="rtl"] .playlist-listing .item-author .item-author-infor {
    padding-left: 0;
}

html[dir="ltr"] html[dir="rtl"] .albums-listing .item-author .item-author-infor,
html[dir="ltr"] html[dir="rtl"] .playlist-listing .item-author .item-author-infor {
    padding-right: 8px;
}

html[dir="rtl"] html[dir="rtl"] .albums-listing .item-author .item-author-infor,
html[dir="rtl"] html[dir="rtl"] .playlist-listing .item-author .item-author-infor {
    padding-left: 8px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
    padding-right: 160px;
}

@media (min-width: 767px) {
    html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
        padding-right: 16px;
    }
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-option {
    right: auto;
    left: 4px;
}

html[dir="rtl"] .music-listing .music_row .button-play {
    right: auto;
    left: 12px;
}

html[dir="rtl"] .music-listing .music_row.active .item-outer .item-inner .button-play {
    left: 18px;
    right: auto;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-author>div {
    padding-left: 0;
    padding-right: 8px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic {
    padding-left: 0;
    padding-right: 8px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic span+span {
    margin-left: 0;
    margin-right: 22px;
}

html[dir="rtl"] .item-player.music_player .audio-player {
    padding-left: 100px;
    padding-right: 0;
}

html[dir="rtl"] .item-player.music_player .audio-player.disable-download {
    padding-right: 0;
    padding-left: 46px;
}

html[dir="rtl"] .item-player.music_player .js_music_controls {
    right: auto;
    left: 0;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] .item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] .item-player.music_player .mejs__container .mejs__button.mejs__volume-button button {
    margin-right: 8px;
}

html[dir="rtl"] .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-right: 0;
    margin-left: 24px;
}

html[dir="rtl"] #page_music_view .item_bar {
    right: auto;
    left: -10px;
}

html[dir="rtl"] #page_music_view .layout-middle .music-icon {
    right: auto;
    left: 16px;
}

html[dir="rtl"] #page_music_view .item_view_more a:after {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] ._app_music_song .item-music .item-outer .item-media .item-statistic {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] ._app_music_song .item-music .item-outer .item-title {
    padding-right: 0;
}

html[dir="ltr"] html[dir="rtl"] ._app_music_song .item-music .item-outer .item-title {
    padding-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] ._app_music_song .item-music .item-outer .item-title {
    padding-right: 8px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
html[dir="ltr"] html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-left: 24px;
}

html[dir="rtl"] html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__duration-container,
html[dir="rtl"] html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__duration-container {
    margin-right: 24px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time.mejs__currenttime-container {
    margin-left: 0;
    margin-right: 88px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .audio-player,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .audio-player {
    padding-right: 0;
    padding-left: 54px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .js_music_controls,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .js_music_controls {
    right: 0;
    left: auto;
    flex-direction: row-reverse;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player #js_music_shuffle,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player #js_music_shuffle {
    left: 112px;
    right: auto;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__playpause-button,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__playpause-button {
    left: auto;
    right: 40px;
}

html[dir="rtl"] #page_music_view-album .item-player.music_player #js_music_repeat.repeat_off,
html[dir="rtl"] #page_music_view-playlist .item-player.music_player #js_music_repeat.repeat_off {
    right: auto;
    left: 0;
}

html[dir="rtl"] #page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title,
html[dir="rtl"] #page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title {
    padding-right: 0;
}

html[dir="ltr"] html[dir="rtl"] #page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title,
html[dir="ltr"] html[dir="rtl"] #page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title {
    padding-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] #page_music_view-album .album-detail-tracks li .item-outer .item-inner .item-title,
html[dir="rtl"] html[dir="rtl"] #page_music_view-playlist .album-detail-tracks li .item-outer .item-inner .item-title {
    padding-right: 8px;
}

html[dir="rtl"] #page_music_view .item_info .item-media,
html[dir="rtl"] #page_music_view-album .item_info .item-media,
html[dir="rtl"] #page_music_view-playlist .item_info .item-media,
html[dir="rtl"] #page_music_view .item_info .no_image_user,
html[dir="rtl"] #page_music_view-album .item_info .no_image_user,
html[dir="rtl"] #page_music_view-playlist .item_info .no_image_user {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] #page_music_view .item_info .item-media,
html[dir="ltr"] html[dir="rtl"] #page_music_view-album .item_info .item-media,
html[dir="ltr"] html[dir="rtl"] #page_music_view-playlist .item_info .item-media,
html[dir="ltr"] html[dir="rtl"] #page_music_view .item_info .no_image_user,
html[dir="ltr"] html[dir="rtl"] #page_music_view-album .item_info .no_image_user,
html[dir="ltr"] html[dir="rtl"] #page_music_view-playlist .item_info .no_image_user {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] #page_music_view .item_info .item-media,
html[dir="rtl"] html[dir="rtl"] #page_music_view-album .item_info .item-media,
html[dir="rtl"] html[dir="rtl"] #page_music_view-playlist .item_info .item-media,
html[dir="rtl"] html[dir="rtl"] #page_music_view .item_info .no_image_user,
html[dir="rtl"] html[dir="rtl"] #page_music_view-album .item_info .no_image_user,
html[dir="rtl"] html[dir="rtl"] #page_music_view-playlist .item_info .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] [id^=page_music_] .item-comment .item-total-view {
    right: auto;
    left: -11px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-inner .item-categories>a:first-of-type,
html[dir="rtl"] .music-listing .music_row .item-outer .item-inner .item-categories .dropdown {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] .music-listing .music_row .item-outer .item-inner .item-categories>a:nth-of-type(2) {
    margin-right: 0;
    margin-left: 4px;
}

html[dir="rtl"] .list-view.music .item-inner {
    padding-left: 0;
    padding-right: 16px;
}

@media screen {
    html[dir="rtl"] .music-listing .music_row .item-outer .item-option {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
        padding-left: 0;
    }

    html[dir="ltr"] html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
        padding-right: 16px;
    }

    html[dir="rtl"] html[dir="rtl"] .music-listing .music_row .item-outer .item-inner {
        padding-left: 16px;
    }

    html[dir="rtl"] .music-listing .music_row .item-outer .item-info .item-statistic span .count {
        margin-right: 0;
        margin-left: 4px;
    }
}

@media screen and (min-width: 767px) {

    html[dir="rtl"] #page_music_view-album .item-player.music_player .mejs__container .mejs__time-rail,
    html[dir="rtl"] #page_music_view-playlist .item-player.music_player .mejs__container .mejs__time-rail {
        margin-right: 8px;
        margin-left: 45px;
    }
}

.album-manage-song .item-actions {
    white-space: nowrap;
    text-align: center;
}

.album-manage-song .item-actions a {
    padding: 4px;
}

.album-manage-song .item-generes {
    min-width: 200px;
}

#page_music_view-album .item-content .item-media a,
#page_music_view-playlist .item-content .item-media a {
    border: 0;
}

.js_music_dropdown_add_to_playlist .dropdown-menu {
    min-width: 208px;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .dropdown-menu-playlist {
    overflow: hidden;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .dropdown-menu-playlist .item-alert {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    top: 0;
    bottom: 0;
    text-align: center;
    max-height: 144px;
    align-items: center;
    justify-content: center;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .dropdown-menu-playlist .item-success {
    background-color: #9740D5;
    color: #fff;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .dropdown-menu-playlist .item-error {
    background-color: #9740D5;
    color: #fff;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .dropdown-header {
    font-size: 12px;
    text-transform: uppercase;
    min-height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist {
    max-height: 144px;
    overflow: auto;
    position: relative;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .playlist-container {
    padding-left: 16px;
    padding-right: 16px;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .playlist-container .form-spin-it {
    width: 100%;
    text-align: center;
    display: block;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .playlist-none {
    width: 100%;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #a2a2a2;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .checkbox {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .checkbox label {
    width: 100%;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-list-playlist .checkbox:last-child {
    border-bottom: 0;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #eeeeee;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title a {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    color: #555555;
}

@media (min-width: 767px) {
    .js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title a:hover {
        color: #950FCD;
    }
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title .ico.pull-right {
    font-size: 10px;
}

html[dir="ltr"] .js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title .ico.pull-right {
    margin-right: 0;
}

html[dir="rtl"] .js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title .ico.pull-right {
    margin-left: 0;
}

html[dir='ltr'] .js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title .ico.pull-right {
    margin-left: auto;
    text-align: right;
}

html[dir='rtl'] .js_music_dropdown_add_to_playlist .dropdown-menu .music-quick-add-playlist-title .ico.pull-right {
    margin-right: auto;
    text-align: left;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-playlist-quick-add-form {
    padding: 16px;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-playlist-quick-add-form .music-quick-add-playlist-button {
    margin-top: 8px;
    display: flex;
}

.js_music_dropdown_add_to_playlist .dropdown-menu .music-playlist-quick-add-form .music-quick-add-playlist-button button {
    width: 50%;
}

html[dir="ltr"] .js_music_dropdown_add_to_playlist .dropdown-menu .music-playlist-quick-add-form .music-quick-add-playlist-button button:last-child {
    margin-left: 8px;
}

html[dir="rtl"] .js_music_dropdown_add_to_playlist .dropdown-menu .music-playlist-quick-add-form .music-quick-add-playlist-button button:last-child {
    margin-right: 8px;
}

#js_music_playlist_dropdown_menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    margin: 0 !important;
    position: static !important;
    min-width: 208px;
}

#js_music_playlist_dropdown_menu .dropdown-menu-playlist {
    overflow: hidden;
}

#js_music_playlist_dropdown_menu .dropdown-menu-playlist .item-alert {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    top: 0;
    bottom: 0;
    text-align: center;
    max-height: 144px;
    align-items: center;
    justify-content: center;
}

#js_music_playlist_dropdown_menu .dropdown-menu-playlist .item-success {
    background-color: #9740D5;
    color: #fff;
}

#js_music_playlist_dropdown_menu .dropdown-menu-playlist .item-error {
    background-color: #9740D5;
    color: #fff;
}

#js_music_playlist_dropdown_menu .dropdown-header {
    font-size: 12px;
    text-transform: uppercase;
    min-height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
    border-bottom: 1px solid #eeeeee;
    font-weight: bold;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist {
    max-height: 144px;
    overflow: auto;
    position: relative;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .playlist-container {
    padding-left: 16px;
    padding-right: 16px;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .playlist-container .form-spin-it {
    width: 100%;
    text-align: center;
    display: block;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .playlist-none {
    width: 100%;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #a2a2a2;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .checkbox {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    min-height: 40px;
    display: flex;
    align-items: center;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .checkbox label {
    width: 100%;
}

#js_music_playlist_dropdown_menu .music-quick-list-playlist .checkbox:last-child {
    border-bottom: 0;
}

#js_music_playlist_dropdown_menu .music-quick-add-playlist-title {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #eeeeee;
}

#js_music_playlist_dropdown_menu .music-quick-add-playlist-title a {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    color: #555555;
}

@media (min-width: 767px) {
    #js_music_playlist_dropdown_menu .music-quick-add-playlist-title a:hover {
        color: #950FCD;
    }
}

#js_music_playlist_dropdown_menu .music-quick-add-playlist-title .ico.pull-right {
    font-size: 10px;
}

html[dir="ltr"] #js_music_playlist_dropdown_menu .music-quick-add-playlist-title .ico.pull-right {
    margin-right: 0;
}

html[dir="rtl"] #js_music_playlist_dropdown_menu .music-quick-add-playlist-title .ico.pull-right {
    margin-left: 0;
}

html[dir='ltr'] #js_music_playlist_dropdown_menu .music-quick-add-playlist-title .ico.pull-right {
    margin-left: auto;
    text-align: right;
}

html[dir='rtl'] #js_music_playlist_dropdown_menu .music-quick-add-playlist-title .ico.pull-right {
    margin-right: auto;
    text-align: left;
}

#js_music_playlist_dropdown_menu .music-playlist-quick-add-form {
    padding: 16px;
}

#js_music_playlist_dropdown_menu .music-playlist-quick-add-form .music-quick-add-playlist-button {
    margin-top: 8px;
    display: flex;
}

#js_music_playlist_dropdown_menu .music-playlist-quick-add-form .music-quick-add-playlist-button button {
    width: 50%;
}

html[dir="ltr"] #js_music_playlist_dropdown_menu .music-playlist-quick-add-form .music-quick-add-playlist-button button:last-child {
    margin-left: 8px;
}

html[dir="rtl"] #js_music_playlist_dropdown_menu .music-playlist-quick-add-form .music-quick-add-playlist-button button:last-child {
    margin-right: 8px;
}

.core-music-custom-checkbox label {
    padding: 0 !important;
}

.core-music-custom-checkbox label input {
    display: none;
}

.core-music-custom-checkbox label input:checked+.ico {
    color: #9740D5;
}

.core-music-custom-checkbox label .ico {
    color: #555555;
    display: inline-flex;
    align-items: flex-start;
    margin-top: 2px;
    font-size: 12px;
    min-width: 14px;
}

html[dir="ltr"] .core-music-custom-checkbox label .ico {
    margin-right: 8px;
}

html[dir="rtl"] .core-music-custom-checkbox label .ico {
    margin-left: 8px;
}

.core-music-custom-checkbox label input:checked+.ico:before {
    content: "\eb28";
}

#page_music_view-playlist .playlist-none-info {
    text-align: center;
}

#page_music_view-playlist .playlist-none-info .extra_info {
    font-size: 16px;
    line-height: 21px;
    color: #a2a2a2;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

.music-manage-song-container .music-playlist-empty {
    text-align: center;
}

.music-manage-song-container .music-playlist-empty>.ico {
    display: block;
    font-size: 80px;
    color: #dcdcdc;
    margin-top: 32px;
}

.music-manage-song-container .music-playlist-empty>.extra_info {
    font-size: 16px;
    color: #a2a2a2;
    margin-top: 16px;
}

.music-manage-song-container .music-playlist-empty>.btn {
    margin-top: 16px;
}

.music-manage-song-container .music-manage-song-total {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #a2a2a2;
    padding-bottom: 16px;
}

.music-manage-song-container .table>tbody>tr>td {
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: #f8f8f8;
}

.music-manage-song-container .music-manage-table-container {
    margin: 0 -16px;
}

.music-manage-song-container .table {
    /* @media (min-width: @screen-md-min){
            table-layout: fixed;
            width: 100%;
           white-space: nowrap;
        } */
}

html[dir="ltr"] .music-manage-song-container .table tbody tr td:first-child {
    padding-left: 24px;
}

html[dir="rtl"] .music-manage-song-container .table tbody tr td:first-child {
    padding-right: 24px;
}

.music-manage-song-container .table tbody tr:hover {
    background-color: #E8DAF2;
}

.music-manage-song-container .table tbody tr:hover td.item-sort-icon,
.music-manage-song-container .table tbody tr:hover td.item-title {
    color: #9740D5;
}

.music-manage-song-container .table tbody tr:hover td.item-sort-icon a,
.music-manage-song-container .table tbody tr:hover td.item-title a {
    color: #9740D5;
}

.music-manage-song-container .table tbody tr.ui-sortable-helper {
    box-shadow: 0px 0px 16px 0px rgba(9, 216, 36, 0.2);
    background-color: #E8DAF2;
}

.music-manage-song-container .table td.item-sort-icon {
    /* @media (min-width: @screen-md-min){
                    width: 60px !important;
                    
                } */
    padding-top: 8px;
    padding-bottom: 8px;
}

.music-manage-song-container .table td.item-sort-icon .js-drag-sort {
    cursor: all-scroll;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.music-manage-song-container .table td.item-title {
    /* @media (min-width: @screen-md-min){
                    width: 50%;
                } */
}

.music-manage-song-container .table td.item-title a {
    color: #555555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 767px;
}

.music-manage-song-container .table td.item-generes {
    color: #a2a2a2;
    /* @media (min-width: @screen-md-min){
                    width: 20%;
                } */
}

.music-manage-song-container .table td.item-generes .generes-wrapper {
    max-width: 300px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.music-manage-song-container .table td.item-generes a {
    color: #a2a2a2;
}

.music-manage-song-container .table td.item-generes a:hover {
    color: #555555;
}

.music-manage-song-container .table td.item-actions {
    position: relative;
    min-width: 130px;
    width: 130px;
}

.music-manage-song-container .table td.item-actions .button-action-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-flex;
}

.music-manage-song-container .table td.item-actions .button-action-wrapper>a {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

.music-manage-song-container .table td.item-actions .button-action-wrapper>a:hover {
    color: #555555;
}

.music-manage-song-container .mange-button-submit-group {
    padding-top: 16px;
    border-top: 1px solid #f8f8f8;
}

#music_album_table {
    display: flex;
    align-items: flex-end;
}

#music_album_table #js_music_albums {
    display: block;
}

#music_album_table .item-album {
    width: 100%;
    flex: 1;
}

@media screen {
    #music_album_table {
        flex-direction: column;
        align-items: baseline;
    }

    #music_album_table button {
        margin-left: 0;
        margin-top: 8px;
    }

    html[dir='rtl'] #music_album_table button {
        margin-right: 0;
    }
}

.music-error {
    color: red;
}

/*End Music*/
/*Begin ' . Captcha . '*/

.grecaptcha-badge {
    bottom: 70px !important;
    z-index: 3;
}

/*End Captcha*/
/*Begin ' . Events . '*/

.item-event-member-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -16px;
}

.item-event-member-list .user_rows {
    padding: 0 16px;
    margin: 0;
    margin-bottom: 16px;
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    height: auto;
}

.item-event-member-list .user_rows .user_rows_image {
    background: transparent;
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    overflow: hidden;
    min-width: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-event-member-list .user_rows .user_rows_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.item-event-member-list .user_rows .user_rows_image .no_image_user {
    width: 100%;
    height: 100%;
}

.item-event-member-list .user_rows .user_rows_image .no_image_user span.js_hover_info {
    position: absolute !important;
    margin-top: 0 !important;
}

.item-event-member-list .user_rows .user_rows_image .no_image_user>span {
    margin-top: 0 !important;
    position: absolute !important;
    font-size: 14px !important;
}

.item-event-member-list .user_rows .user_rows_image:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.item-event-member-list .user_rows .user_rows_image:hover .js_hover_info:before,
.item-event-member-list .user_rows .user_rows_image:hover .img-wrapper:before {
    border-color: #950FCD;
}

.item-event-member-list .user_rows .user_rows_inner {
    max-width: 96px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-event-member-list .user_rows .user_rows_inner .friend-info {
    display: none;
}

.item-event-member-list .user_rows .user_rows_inner .user_profile_link_span {
    margin-top: 3px !important;
    position: static;
}

.item-event-member-list .user_rows .user_rows_inner .user_profile_link_span a {
    background: #fff;
    color: #555555 !important;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-event-member-list .user_rows .user_rows_inner .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.event-container {
    display: flex;
    flex-flow: wrap;
    margin: 0 -12px;
}

.event-container .event-item {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 16px;
}

@media (max-width: 1199px) {
    .event-container .event-item {
        width: 100%;
    }
}

@media (min-width: 767px) and (min-width: 600px) {
    .event-container .event-item {
        width: 50%;
    }
}

.event-container .event-item .item-outer {
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .event-container .event-item .item-outer:hover {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    }

    .event-container .event-item .item-outer:hover .item-inner .item-top-info .item-title>a {
        color: #950FCD;
    }

    .event-container .event-item .item-outer:hover .item-inner .item-main-info {
        background: #f8f8f8;
    }

    .event-container .event-item .item-outer:hover .item-inner .item-main-info .item-date-month .item-date,
    .event-container .event-item .item-outer:hover .item-inner .item-main-info .item-date-month .item-month {
        color: #950FCD;
    }
}

.event-container .event-item .item-outer .moderation_row {
    z-index: 1;
    position: absolute;
    top: 0;
}

html[dir="ltr"] .event-container .event-item .item-outer .moderation_row {
    left: 0;
}

html[dir="rtl"] .event-container .event-item .item-outer .moderation_row {
    right: 0;
}

.event-container .event-item .item-outer .item-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    display: flex;
}

html[dir="ltr"] .event-container .event-item .item-outer .item-icon {
    right: 8px;
}

html[dir="rtl"] .event-container .event-item .item-outer .item-icon {
    left: 8px;
}

.event-container .event-item .item-outer .item-media>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.event-container .event-item .item-outer .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 52.33%;
}

.event-container .event-item .item-outer .item-inner {
    position: relative;
    border: 1px solid #eeeeee;
}

.event-container .event-item .item-outer .item-inner .item-top-info {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 58px;
    border-bottom: 1px solid #eeeeee;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-title {
    margin-bottom: 4px;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-title>a {
    max-width: calc(100% - 24px);
    color: #555555;
    font-size: 16px;
    line-height: 21px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-title>a:hover {
    color: #950FCD;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-statistic {
    display: flex;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-statistic .item-count-like,
.event-container .event-item .item-outer .item-inner .item-top-info .item-statistic .item-count-view {
    color: #555555;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-container .event-item .item-outer .item-inner .item-top-info .item-statistic .item-count-view:before {
    content: ".";
    padding-left: 8px;
    padding-right: 8px;
}

.event-container .event-item .item-outer .item-inner .item-main-info {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-date-month {
    width: 96px;
    height: 72px;
    border-right: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

html[dir='rtl'] .event-container .event-item .item-outer .item-inner .item-main-info .item-date-month {
    border-right: none;
    border-left: 1px solid #eeeeee;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-date-month .item-date {
    font-size: 28px;
    line-height: 37px;
    color: #9740D5;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-date-month .item-month {
    font-size: 12px;
    line-height: 16px;
    color: #9740D5;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-date-month .item-hour {
    font-size: 12px;
    line-height: 16px;
    color: #555555;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail {
    flex: 1;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author {
    display: flex;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author .item-user {
    display: flex;
    color: #a2a2a2;
    overflow: hidden;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author .item-user .user_profile_link_span {
    margin-left: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author .item-user .user_profile_link_span a {
    font-weight: normal !important;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author .item-user .user_profile_link_span a:hover {
    color: #950FCD !important;
}

html[dir='rtl'] .event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-author .item-user .user_profile_link_span {
    margin-left: 0;
    margin-right: 4px;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-location,
.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-time {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    display: flex;
    align-items: center;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-location span.ico,
.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-time span.ico {
    font-size: 12px;
    display: inline-block;
    width: 20px;
}

.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-location .item-info,
.event-container .event-item .item-outer .item-inner .item-main-info .item-info-detail .item-time .item-info {
    flex: 1;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-container .event-item .item-outer .item-inner .item-bottom-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
    border-top: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    html[dir='ltr'] .event-container .event-item .item-outer .item-inner .item-bottom-info .event-rsvp-action-wrapper .dropdown-menu {
        left: 0;
        right: auto;
    }

    html[dir='ltr'] .event-container .event-item .item-outer .item-inner .item-bottom-info .event-rsvp-action-wrapper .dropdown-menu:after {
        left: 10px;
        right: auto;
    }

    html[dir='rtl'] .event-container .event-item .item-outer .item-inner .item-bottom-info .event-rsvp-action-wrapper .dropdown-menu {
        right: 0;
        left: auto;
    }

    html[dir='rtl'] .event-container .event-item .item-outer .item-inner .item-bottom-info .event-rsvp-action-wrapper .dropdown-menu:after {
        right: 10px;
        left: auto;
    }
}

.event-container .event-item .item-outer .item-inner .item-bottom-info .item-count-attending {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .event-container .event-item .item-outer .item-inner .item-bottom-info .item-count-attending {
    margin-left: 16px;
}

html[dir="rtl"] .event-container .event-item .item-outer .item-inner .item-bottom-info .item-count-attending {
    margin-right: 16px;
}

html[dir='ltr'] .event-container .event-item .item-outer .item-inner .item-bottom-info .item-count-attending {
    text-align: right;
}

html[dir='rtl'] .event-container .event-item .item-outer .item-inner .item-bottom-info .item-count-attending {
    text-align: left;
}

.event-container .event-item .item-outer .item-inner .item-option {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .event-container .event-item .item-outer .item-inner .item-option {
    right: 0;
}

html[dir="rtl"] .event-container .event-item .item-outer .item-inner .item-option {
    left: 0;
}

.event-container .event-item .item-outer .item-inner .item-option .dropdown a.btn {
    width: 32px;
    height: 32px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

.event-container .event-item .item-outer .item-inner .item-option .dropdown a.btn:hover {
    color: #555555;
}

.event-container .event-item .item-outer .item-inner .item-option .dropdown.open a.btn i.ico:before {
    content: "\ea88";
    color: #555555;
}

.event-mini-block-container .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .event-mini-block-container .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] .event-mini-block-container .sticky-label-icon {
    left: 16px;
}

.event-mini-block-container .event-mini-block-item {
    margin-bottom: 16px;
}

.event-mini-block-container .event-mini-block-item:last-child {
    margin-bottom: 0;
}

.event-mini-block-container .event-mini-block-item:not(:first-child) {
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.event-mini-block-container .event-mini-block-item:hover .item-outer .item-media>span {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

.event-mini-block-container .event-mini-block-item:hover .item-outer .item-inner .item-title a {
    color: #950FCD;
}

.event-mini-block-container .event-mini-block-item:hover .item-outer .item-inner .item-action .item-view-count {
    color: #555555;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-media>span {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.event-mini-block-container .event-mini-block-item .item-outer .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 52.33%;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner {
    padding-top: 8px;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-info {
    border-left: 2px solid #555555;
}

html[dir="ltr"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-info {
    padding-left: 8px;
}

html[dir="rtl"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-info {
    padding-right: 8px;
}

html[dir='rtl'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-info {
    border-left: none;
    border-right: 2px solid #555555;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-time {
    font-size: 12px;
    line-height: 16px;
    color: #555555;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-time .item-date-month {
    display: inline-block;
    max-width: 100%;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-time .item-date-month:before {
    content: ",";
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-location {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

html[dir="ltr"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper {
    margin-right: 8px;
}

html[dir="rtl"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper {
    margin-left: 8px;
}

@media (min-width: 767px) {
    html[dir='ltr'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper .dropdown-menu {
        left: 0;
        right: auto;
    }

    html[dir='ltr'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper .dropdown-menu:after {
        left: 10px;
        right: auto;
    }

    html[dir='rtl'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper .dropdown-menu {
        right: 0;
        left: auto;
    }

    html[dir='rtl'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .event-rsvp-action-wrapper .dropdown-menu:after {
        right: 10px;
        left: auto;
    }
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .item-view-count {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir='ltr'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .item-view-count {
    text-align: right;
}

html[dir='rtl'] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-action .item-view-count {
    text-align: left;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice {
    margin-top: 8px;
    position: relative;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice .btn .ico-check {
    display: none;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice .btn i.ico-caret-down {
    margin: 0;
}

html[dir="ltr"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice .btn i.ico-caret-down {
    margin-left: 8px;
}

html[dir="rtl"] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice .btn i.ico-caret-down {
    margin-right: 8px;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice .dropdown-menu>li a {
    cursor: pointer;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn {
    box-shadow: 0px 1px 2px 0px rgba(9, 216, 36, 0.5) !important;
    color: #ffffff !important;
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
    border: none !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.btn-gradient {
    background-size: 100% !important;
    position: relative !important;
    z-index: 1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.btn-gradient:before {
    border-radius: inherit !important;
    background-image: linear-gradient(-90deg, #9740D5, #0dea35) !important;
    content: '' !important;
    display: block !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    width: 100% !important;
    z-index: -1 !important;
    -webkit-transition: opacity 400ms ease !important;
    -o-transition: opacity 400ms ease !important;
    transition: opacity 400ms ease !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.btn-gradient:hover:before {
    opacity: 1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:hover {
    background-color: #950FCD !important;
    box-shadow: 0px 6px 12px 0px rgba(7, 167, 28, 0.4) !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:focus {
    background-color: #9300C5 !important;
    box-shadow: 0px 2px 8px 0px rgba(5, 118, 20, 0.4), inset 0px 0px 2px 0px rgba(7, 167, 28, 0.8) !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.focus {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:hover {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active,
.open>.dropdown-toggle.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active:hover,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active:hover,
.open>.dropdown-toggle.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:hover,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active:focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active:focus,
.open>.dropdown-toggle.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active.focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active.focus,
.open>.dropdown-toggle.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.focus {
    color: #ffffff !important;
    background-color: #068516 !important;
    border-color: #9628D1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active,
.open>.dropdown-toggle.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn {
    background-image: none !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled],
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled:hover,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled]:hover,
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:hover,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled:focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled]:focus,
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled.focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled].focus,
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.focus,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled:active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled]:active,
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn:active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.disabled.active,
.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn[disabled].active,
fieldset[disabled] .event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn.active {
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
}

.event-mini-block-container .event-mini-block-item .item-outer .item-inner .item-choice.is_attending .btn .badge {
    color: #9740D5 !important;
    background-color: #ffffff !important;
}

.event-mini-block-container.event-featured-container .item-choice,
.event-mini-block-container.event-suggestion-container .item-choice,
.event-mini-block-container.event-sponsored-container .item-choice {
    display: none;
}

.event-mini-block-container.event-invited-container .event-mini-block-item:last-child .item-choice {
    padding-bottom: 0;
    border-bottom: none;
}

@media (min-width: 767px) {

    #page_event_index .empty-right .event-container .event-item,
    #page_event_index .empty-left .event-container .event-item {
        width: 50%;
    }

    #page_event_index .empty-right.empty-left .event-container .event-item {
        width: 25%;
    }
}

@media (min-width: 767px) and (min-width: 1200px) {

    #page_event_index .empty-right .event-container .event-item,
    #page_event_index .empty-left .event-container .event-item {
        width: 33.33%;
    }
}

.core-events-detail-header-container {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #f8f8f8;
    margin-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

.core-events-detail-header-container .core-events-view-title {
    font-size: 22px;
    font-weight: bold;
    word-break: break-word;
    word-wrap: break-word;
    padding-top: 16px;
    padding-bottom: 6px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}

.core-events-detail-header-container .core-events-view-title a {
    font-size: 22px !important;
    color: #555555 !important;
}

@media (min-width: 767px) {
    .core-events-detail-header-container .core-events-view-title a {
        font-size: 20px !important;
    }
}

@media (min-width: 767px) {
    .core-events-detail-header-container .core-events-view-title a {
        font-size: 20px !important;
    }
}

#page_event_view .layout-middle {
    position: relative;
}

#page_event_view .event-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] #page_event_view .event-icon {
    right: 0;
}

html[dir="rtl"] #page_event_view .event-icon {
    left: 0;
}

#page_event_view ._block_top .header-page-title {
    display: none !important;
}

#page_event_view ._block_breadcrumb .breadcrumbs-bottom {
    display: none !important;
}

#page_event_view .event-detail-view {
    background: #fff;
}

#page_event_view .event-detail-view .event-detail-top {
    padding-bottom: 16px;
    position: relative;
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .event-detail-top {
        padding-bottom: 0;
    }
}

#page_event_view .event-detail-view .event-detail-top .item-outer {
    display: flex;
}

#page_event_view .event-detail-view .event-detail-top .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    padding-top: 6px;
}

html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .item-outer .item-inner {
    padding-right: 40px;
}

html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .item-outer .item-inner {
    padding-left: 40px;
}

@media (min-width: 767px) {
    html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .item-outer .item-inner {
        padding-right: 0;
    }

    html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .item-outer .item-inner {
        padding-left: 0;
    }
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .event-detail-top .item-outer {
        flex-direction: column;
    }
}

@media (min-width: 481px) {
    #page_event_view .event-detail-view .event-detail-top .item-date-month {
        width: 96px;
        border-right: 1px solid #eeeeee;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .item-date-month {
        margin-right: 16px;
    }

    html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .item-date-month {
        margin-left: 16px;
    }

    html[dir='rtl'] #page_event_view .event-detail-view .event-detail-top .item-date-month {
        border-right: none;
        border-left: 1px solid #eeeeee;
    }

    #page_event_view .event-detail-view .event-detail-top .item-date-month .item-date {
        font-size: 28px;
        line-height: 37px;
        line-height: 28px;
        margin-bottom: 4px;
        color: #9740D5;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #page_event_view .event-detail-view .event-detail-top .item-date-month .item-month {
        font-size: 12px;
        line-height: 16px;
        color: #9740D5;
        text-transform: uppercase;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        margin-bottom: 2px;
    }

    #page_event_view .event-detail-view .event-detail-top .item-date-month .item-hour {
        font-size: 12px;
        line-height: 16px;
        color: #555555;
        font-weight: bold;
        margin-bottom: 4px;
    }
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .event-detail-top .item-date-month {
        display: flex;
        flex-flow: wrap;
        font-size: 16px;
        font-weight: bold;
        color: #9740D5;
        text-transform: uppercase;
    }

    html[dir='ltr'] #page_event_view .event-detail-view .event-detail-top .item-date-month>div {
        margin-right: 4px;
    }

    html[dir='rtl'] #page_event_view .event-detail-view .event-detail-top .item-date-month>div {
        margin-left: 4px;
    }
}

#page_event_view .event-detail-view .event-detail-top .event-info {
    display: flex;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-image {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 100%;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-image a {
    width: 100%;
    height: 100%;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-image a.no_image_user>span {
    font-size: 11px;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-image .img-wrapper img {
    width: 100%;
    height: 100%;
}

html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .event-info .event-info-main {
    margin-left: 8px;
}

html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .event-info .event-info-main {
    margin-right: 8px;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .item-privacy-view {
    display: flex;
    align-items: center;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .item-dots {
    width: 2px;
    height: 2px;
    margin: 0 4px;
    display: inline-block;
    background-color: #a2a2a2;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .event-author {
    margin-bottom: 2px;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .event-author .user_profile_link_span {
    display: inline-block;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .event-author .user_profile_link_span a {
    font-weight: normal !important;
}

#page_event_view .event-detail-view .event-detail-top .event-info .event-info-main .event-author .user_profile_link_span a:hover {
    color: #950FCD !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive {
    margin-top: 16px;
}

@media (min-width: 480px) {
    #page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive {
        display: none !important;
    }
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer {
    display: flex;
    align-items: center;
    border-top: 1px solid #eeeeee;
    margin: 0 -16px;
    background-color: #fff;
    min-height: 40px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive,
#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-share-responsive {
    flex: 1;
    min-width: 0;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive {
    height: 40px;
}

html[dir='ltr'] #page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive {
    border-right: 1px solid #eeeeee;
}

html[dir='rtl'] #page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive {
    border-left: 1px solid #eeeeee;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .js_event_rsvp_action_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    color: #a2a2a2;
    height: 40px;
    text-transform: uppercase;
    font-weight: normal;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .js_event_rsvp_action_btn a .ico {
    font-size: 16px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown {
    position: static;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu {
    left: -16px;
    right: -16px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) !important;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu:after {
    display: none;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu>li {
    position: relative;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu>li.divider {
    display: none;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu>li:before {
    content: "";
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: #eeeeee;
    display: block;
    position: absolute;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu>li:last-child:before {
    display: none;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown .dropdown-menu>li>a {
    text-transform: uppercase;
    padding-left: 24px;
    padding-right: 24px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown [data-toggle="dropdown"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    color: #a2a2a2;
    height: 40px;
    text-transform: uppercase;
    font-weight: normal;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown [data-toggle="dropdown"]>.txt-label {
    flex: 1;
    font-size: 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown [data-toggle="dropdown"]>.txt-label .ico {
    font-size: 16px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-choice-responsive .item-choice .js_event_rsvp_action_dropdown.open [data-toggle="dropdown"] {
    box-shadow: none !important;
    background-color: #f8f8f8 !important;
    color: #555555 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-share-responsive a {
    width: 100%;
    color: #a2a2a2;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-share-responsive a .ico {
    font-size: 16px;
}

html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-share-responsive a .ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .item-choice-share-responsive .item-wrapper-outer .item-share-responsive a .ico {
    margin-left: 8px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 479px) {
    #page_event_view .event-detail-view .event-detail-top .item-choice-default {
        display: none;
    }
}

@media (max-width: 400px) {
    #page_event_view .event-detail-view .event-detail-top .item-choice-default {
        flex-direction: column;
        align-items: flex-start;
    }
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-statistic {
    display: none !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper [data-toggle="dropdown"] {
    display: inline-flex;
    align-items: center;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper [data-toggle="dropdown"] #js_dropdown_rsvp_text {
    font-size: 13px;
    font-weight: bold;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper .dropdown-menu .item-event-option:hover a .ico-check-circle-o:before,
#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper .dropdown-menu .item-event-option.active a .ico-check-circle-o:before {
    content: "\eab4";
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper .dropdown-menu .item-event-option:hover a .ico-star-o:before,
#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper .dropdown-menu .item-event-option.active a .ico-star-o:before {
    content: "\eab1";
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default .item-event-option-dropdown-wrapper .dropdown-menu .item-event-option.active a {
    background-color: #D5A9FF;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper {
    display: flex;
    flex-flow: wrap;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option {
    margin-bottom: 6px;
}

html[dir="ltr"] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option {
    margin-right: 8px;
}

html[dir="rtl"] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option {
    margin-left: 8px;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option .item-event-radio {
    margin-bottom: 0;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option .item-event-radio>input {
    display: none;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option .item-event-radio span.ico {
    display: none;
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option .item-event-radio>span.btn {
        padding: 1px 5px !important;
        line-height: 1.5 !important;
        border-radius: 0 !important;
        border-radius: 2px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        height: 24px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn {
    box-shadow: 0px 1px 2px 0px rgba(9, 216, 36, 0.5) !important;
    color: #ffffff !important;
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
    border: none !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.btn-gradient {
    background-size: 100% !important;
    position: relative !important;
    z-index: 1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.btn-gradient:before {
    border-radius: inherit !important;
    background-image: linear-gradient(-90deg, #9740D5, #0dea35) !important;
    content: '' !important;
    display: block !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    width: 100% !important;
    z-index: -1 !important;
    -webkit-transition: opacity 400ms ease !important;
    -o-transition: opacity 400ms ease !important;
    transition: opacity 400ms ease !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.btn-gradient:hover:before {
    opacity: 1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:hover {
    background-color: #950FCD !important;
    box-shadow: 0px 6px 12px 0px rgba(7, 167, 28, 0.4) !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:focus {
    background-color: #9300C5 !important;
    box-shadow: 0px 2px 8px 0px rgba(5, 118, 20, 0.4), inset 0px 0px 2px 0px rgba(7, 167, 28, 0.8) !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.focus {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:hover {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active,
.open>.dropdown-toggle#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn {
    color: #ffffff !important;
    background-color: #950FCD !important;
    border-color: #9628D1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active:hover,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active:hover,
.open>.dropdown-toggle#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:hover,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active:focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active:focus,
.open>.dropdown-toggle#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active.focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active.focus,
.open>.dropdown-toggle#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.focus {
    color: #ffffff !important;
    background-color: #068516 !important;
    border-color: #9628D1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active,
.open>.dropdown-toggle#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn {
    background-image: none !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled],
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled:hover,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled]:hover,
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:hover,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled:focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled]:focus,
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled.focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled].focus,
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.focus,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled:active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled]:active,
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn:active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.disabled.active,
#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn[disabled].active,
fieldset[disabled] #page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn.active {
    background-color: #9740D5 !important;
    border-color: #9628D1 !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active.attending .item-event-radio span.btn .badge {
    color: #9740D5 !important;
    background-color: #ffffff !important;
}

#page_event_view .event-detail-view .event-detail-top .item-choice-default form .item-event-option-wrapper .item-event-option.active .item-event-radio span.ico {
    display: inline-block;
}

#page_event_view .event-detail-view .item_bar {
    position: absolute;
    top: 12px;
}

html[dir='ltr'] #page_event_view .event-detail-view .item_bar {
    right: -4px;
}

html[dir='rtl'] #page_event_view .event-detail-view .item_bar {
    left: -4px;
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .item_bar {
        top: -8px;
    }
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder .item_bar_action {
    background: none;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder .item_bar_action:hover {
    color: #555555;
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder .item_bar_action:hover i.ico:before {
    content: "\ea88";
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder .item_bar_action:before {
    display: none;
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder.open .item_bar_action {
    color: #555555;
}

#page_event_view .event-detail-view .item_bar .item_bar_action_holder.open .item_bar_action i.ico:before {
    content: "\ea88";
}

#page_event_view .event-detail-view .item-banner {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
}

#page_event_view .event-detail-view .item-banner:before {
    content: "";
    display: block;
    padding-bottom: 52.33%;
}

#page_event_view .event-detail-view .item-map-info {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

#page_event_view .event-detail-view .item-map-info .item-location,
#page_event_view .event-detail-view .item-map-info .item-time {
    display: flex;
    color: #555555;
    font-size: 14px;
    line-height: 18px;
}

#page_event_view .event-detail-view .item-map-info .item-location span.ico,
#page_event_view .event-detail-view .item-map-info .item-time span.ico {
    display: inline-block;
    width: 14px;
    font-size: 12px;
    color: #a2a2a2;
}

html[dir="ltr"] #page_event_view .event-detail-view .item-map-info .item-location span.ico,
html[dir="ltr"] #page_event_view .event-detail-view .item-map-info .item-time span.ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_event_view .event-detail-view .item-map-info .item-location span.ico,
html[dir="rtl"] #page_event_view .event-detail-view .item-map-info .item-time span.ico {
    margin-left: 8px;
}

#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-1,
#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-2 {
    display: inline;
}

html[dir='rtl'] #page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-1 {
    display: inline-block;
}

#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-2 {
    color: #a2a2a2;
}

#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-2>div {
    display: inline;
}

#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-2>div:after {
    content: ",";
}

#page_event_view .event-detail-view .item-map-info .item-location .item-info .item-info-2>div:last-child:after {
    display: none;
}

#page_event_view .event-detail-view .item-map-info .item-time {
    margin-bottom: 4px;
}

#page_event_view .event-detail-view .item-map-info .item-time .item-info {
    display: flex;
    flex-flow: wrap;
}

#page_event_view .event-detail-view .item-map-info .item-time .item-hour {
    font-weight: bold;
}

html[dir='ltr'] #page_event_view .event-detail-view .item-map-info .item-time .item-hour {
    margin-right: 4px;
}

html[dir='rtl'] #page_event_view .event-detail-view .item-map-info .item-time .item-hour {
    margin-left: 4px;
}

#page_event_view .event-detail-view .item-map-info .item-time .item-hour:not(:first-child) {
    margin-left: 4px;
    margin-right: 4px;
}

#page_event_view .event-detail-view .item-map-info .item-map-container {
    margin-top: 4px;
}

#page_event_view .event-detail-view .item-map-info .item-map-container .item-location-map {
    margin-top: 16px;
}

#page_event_view .event-detail-view .item-map-info .item-map-container .item-map-img .item-map {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_event_view .event-detail-view .item-map-info .item-map-container .item-map-img .item-map:before {
    content: "";
    display: block;
    padding-bottom: 28%;
}

#page_event_view .event-detail-view .item-map-info .item-map-action {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-flow: wrap;
}

html[dir='ltr'] #page_event_view .event-detail-view .item-map-info .item-map-action {
    margin-left: 22px;
}

html[dir='rtl'] #page_event_view .event-detail-view .item-map-info .item-map-action {
    margin-right: 22px;
}

#page_event_view .event-detail-view .item-map-info .item-map-action .item-map-collapse a {
    cursor: pointer;
}

html[dir='ltr'] #page_event_view .event-detail-view .item-map-info .item-map-action .item-map-collapse {
    margin-right: 12px;
}

html[dir='rtl'] #page_event_view .event-detail-view .item-map-info .item-map-action .item-map-collapse {
    margin-left: 12px;
}

@media (min-width: 481px) {
    #page_event_view .event-detail-view .core-event-detail-member {
        display: flex;
        flex-flow: wrap;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #eeeeee;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member {
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
    }

    html[dir='ltr'] #page_event_view .event-detail-view .core-event-detail-member .item-member .item-number {
        margin-right: 4px;
    }

    html[dir='rtl'] #page_event_view .event-detail-view .core-event-detail-member .item-member .item-number {
        margin-left: 4px;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member:after {
        content: "";
        width: 3px;
        height: 3px;
        margin: 0 8px;
        background-color: #9740D5;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member:last-child:after {
        display: none;
    }
}

@media (min-width: 767px) {
    #page_event_view .event-detail-view .core-event-detail-member {
        display: flex;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        margin: 0 -16px;
        margin-top: -17px;
        margin-bottom: 16px;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member {
        flex: 1;
        min-width: 0;
    }

    html[dir='ltr'] #page_event_view .event-detail-view .core-event-detail-member .item-member {
        border-right: 1px solid #eeeeee;
    }

    html[dir='rtl'] #page_event_view .event-detail-view .core-event-detail-member .item-member {
        border-left: 1px solid #eeeeee;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member:last-child {
        border: 0 !important;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member a {
        padding-left: 16px;
        padding-right: 16px;
        height: 56px;
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member a .item-number {
        font-size: 16px;
        font-weight: bold;
        color: #9740D5;
    }

    #page_event_view .event-detail-view .core-event-detail-member .item-member a .item-text {
        font-size: 12px;
        color: #a2a2a2;
        margin-top: 4px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }
}

@media (min-width: 767px) and (max-width: 350px) {
    #page_event_view .event-detail-view .core-event-detail-member .item-member a .item-text {
        max-width: 70px;
    }
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-content-collapse {
    margin-bottom: 12px;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-content-collapse.collapsed .event-item-content.truncate-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 54px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-content-collapse.collapsed .event-item-content.truncate-text+div {
    display: none;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-content-collapse .event-item-content {
    font-size: 14px;
    line-height: 18px;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .js-item-btn-toggle-collapse {
    cursor: pointer;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewmore-btn,
#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewless-btn {
    display: none;
    align-items: center;
}

html[dir='ltr'] #page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewmore-btn .ico,
html[dir='ltr'] #page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewless-btn .ico {
    margin-left: 4px;
}

html[dir='rtl'] #page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewmore-btn .ico,
html[dir='rtl'] #page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse .item-viewless-btn .ico {
    margin-right: 4px;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse.has-viewmore .item-viewmore-btn {
    display: inline-flex;
}

#page_event_view .event-detail-view .event-detail-main .core-events-view-content-collapse-container .core-events-view-action-collapse.has-viewless .item-viewless-btn {
    display: inline-flex;
}

#page_event_view .event-detail-view .event-detail-main .item-member-attending {
    margin-top: 16px;
    margin-bottom: 16px;
}

#page_event_view .event-detail-view .event-detail-main .item-member-attending .item-event-member-block {
    border-bottom: 1px solid #eeeeee;
}

#page_event_view .event-detail-view .event-detail-main .event-category {
    display: flex;
}

#page_event_view .event-detail-view .event-detail-main .event-category .item-category-title {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-right: 4px;
}

html[dir='rtl'] #page_event_view .event-detail-view .event-detail-main .event-category .item-category-title {
    margin-left: 4px;
    margin-right: 0;
}

#page_event_view .event-detail-view .event-detail-main .event-category .item-category-title:after {
    content: ":";
}

#page_event_view .event-detail-view .event-detail-main .event-category>ul {
    font-size: 12px;
    line-height: 16px;
}

#page_event_view .event-detail-view .event-detail-main .event-category>ul li>a {
    font-size: 12px;
    line-height: 16px;
}

#page_event_view .event-detail-view .event-detail-main .event-category>ul li>a:hover {
    color: #9740D5;
}

#page_event_view .breadcrumbs-holder {
    padding: 0 16px;
}

#page_event_view .addthis_block {
    margin-bottom: 16px;
}

#page_event_view .marvic_separator {
    height: 16px;
    background: #e5eaef;
}

#page_event_view .activity-feed-status-form {
    margin-bottom: 0;
}

#page_event_view .js_feed_content {
    padding-top: 16px;
    background: #e5eaef;
}

#page_event_view ._block.location_4 {
    background: #e5eaef;
    margin-top: 0 !important;
}

#page_event_view #main #content-stage {
    box-shadow: none;
    padding: 0;
}

#page_event_view #main #content-stage #top {
    padding: 16px;
    padding-bottom: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.03);
}

#page_event_view #main #content-stage .event-detail-view {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    border-radius: 0 0 6px 6px;
}

.item-event-member-block .list-unstyled {
    display: none;
}

@media (min-width: 767px) {

    #page_event_add .item-event-form-add .js_datepicker_core_start .js_datepicker_holder,
    #page_event_add .item-event-form-add .js_datepicker_core_end .js_datepicker_holder {
        display: block;
        margin-bottom: 8px;
    }
}

#page_event_add .item-event-form-add .item-event-add-country {
    display: flex;
    margin: 0 -8px;
}

#page_event_add .item-event-form-add .item-event-add-country .form-group {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}

#page_event_add .item-event-form-add .item-event-add-country .item-event-address {
    flex: 1.5;
}

#page_event_add .item-event-form-add .item-event-add-country .item-event-city,
#page_event_add .item-event-form-add .item-event-add-country .item-event-country {
    flex: 1.2;
}

#page_event_add .item-event-form-add .item-event-add-country .item-event-postal {
    flex: 1;
}

@media (min-width: 767px) {
    #page_event_add .item-event-form-add .item-event-add-country {
        flex-flow: wrap;
    }

    #page_event_add .item-event-form-add .item-event-add-country .form-group {
        flex: auto !important;
        width: 50%;
    }
}

#page_event_add .js_event_block .js_datepicker_holder input.js_date_picker {
    background: none;
}

#page_event_add .page_section_menu_header {
    margin-top: -16px;
}

.core-event-feed-mixin .event-app .item-media-banner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}

.core-event-feed-mixin .event-app .item-media-banner .item-media {
    display: block;
    width: 100%;
}

.core-event-feed-mixin .event-app .item-media-banner .item-media .item-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.core-event-feed-mixin .event-app .item-media-banner .item-media .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 39.5%;
}

.core-event-feed-mixin .event-app .item-outer {
    display: flex;
    border: 1px solid #eeeeee;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #f8f8f8;
}

.core-event-feed-mixin .event-app .item-outer .item-calendar-full {
    display: none;
}

.core-event-feed-mixin .event-app .item-outer .item-calendar {
    min-width: 120px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

html[dir='ltr'] .core-event-feed-mixin .event-app .item-outer .item-calendar {
    border-right: 1px solid #eeeeee;
}

html[dir='rtl'] .core-event-feed-mixin .event-app .item-outer .item-calendar {
    border-left: 1px solid #eeeeee;
}

.core-event-feed-mixin .event-app .item-outer .item-calendar .item-date {
    font-size: 32px;
    line-height: 40px;
}

.core-event-feed-mixin .event-app .item-outer .item-calendar .item-month {
    font-size: 16px;
    text-transform: uppercase;
}

.core-event-feed-mixin .event-app .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-title {
    margin-bottom: 4px;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info {
    display: flex;
    justify-content: space-between;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-side-left {
    flex: 1;
    min-width: 0;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-side-left .item-total-guest {
    white-space: nowrap;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    padding-top: 4px;
}

html[dir="ltr"] .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-left: 16px;
}

html[dir="rtl"] .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .txt-label .ico {
        margin: 0 !important;
    }

    .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .item-text {
        display: none;
    }

    .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .ico {
        margin: 0 !important;
    }

    .core-event-feed-mixin .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .item-text {
        display: none;
    }
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-location {
    margin-bottom: 4px;
}

.core-event-feed-mixin .event-app .item-outer .item-inner .item-info .item-time:after {
    content: ".";
    margin: 0 3px;
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-left):not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left):not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left):not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (max-width: 768px) and (min-width: 768px) {

    #main:not(.empty-left) .core-event-feed-mixin .event-app .item-outer .item-calendar,
    #main:not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left) .core-event-feed-mixin .event-app .item-outer .item-calendar-full,
    #main:not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left) .core-event-feed-mixin .event-app .item-outer .item-wrapper-info .item-info .item-time,
    #main:not(.empty-right) .core-event-feed-mixin .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .core-event-feed-mixin .event-app .item-outer .item-calendar {
        display: none;
    }

    .core-event-feed-mixin .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    .core-event-feed-mixin .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

.core-event-feed-responsive-mixin .item-outer .item-calendar {
    display: none;
}

.core-event-feed-responsive-mixin .item-outer .item-calendar-full {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #9740D5;
}

.core-event-feed-responsive-mixin .item-outer .item-wrapper-info .item-info .item-time {
    display: none !important;
}

.js_parent_feed_entry._app_event .event-app .item-media-banner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}

.js_parent_feed_entry._app_event .event-app .item-media-banner .item-media {
    display: block;
    width: 100%;
}

.js_parent_feed_entry._app_event .event-app .item-media-banner .item-media .item-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.js_parent_feed_entry._app_event .event-app .item-media-banner .item-media .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 39.5%;
}

.js_parent_feed_entry._app_event .event-app .item-outer {
    display: flex;
    border: 1px solid #eeeeee;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #f8f8f8;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-calendar-full {
    display: none;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
    min-width: 120px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

html[dir='ltr'] .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
    border-right: 1px solid #eeeeee;
}

html[dir='rtl'] .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
    border-left: 1px solid #eeeeee;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-calendar .item-date {
    font-size: 32px;
    line-height: 40px;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-calendar .item-month {
    font-size: 16px;
    text-transform: uppercase;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-title {
    margin-bottom: 4px;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info {
    display: flex;
    justify-content: space-between;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-side-left {
    flex: 1;
    min-width: 0;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-side-left .item-total-guest {
    white-space: nowrap;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    padding-top: 4px;
}

html[dir="ltr"] .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-left: 16px;
}

html[dir="rtl"] .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .txt-label .ico {
        margin: 0 !important;
    }

    .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .item-text {
        display: none;
    }

    .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .ico {
        margin: 0 !important;
    }

    .js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .item-text {
        display: none;
    }
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-location {
    margin-bottom: 4px;
}

.js_parent_feed_entry._app_event .event-app .item-outer .item-inner .item-info .item-time:after {
    content: ".";
    margin: 0 3px;
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-left):not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left):not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left):not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (max-width: 768px) and (min-width: 768px) {

    #main:not(.empty-left) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar,
    #main:not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar-full,
    #main:not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left) .js_parent_feed_entry._app_event .event-app .item-outer .item-wrapper-info .item-info .item-time,
    #main:not(.empty-right) .js_parent_feed_entry._app_event .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar {
        display: none;
    }

    .js_parent_feed_entry._app_event .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    .js_parent_feed_entry._app_event .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-media-banner {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-media-banner .item-media {
    display: block;
    width: 100%;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-media-banner .item-media .item-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-media-banner .item-media .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 39.5%;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer {
    display: flex;
    border: 1px solid #eeeeee;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #f8f8f8;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar-full {
    display: none;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
    min-width: 120px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

html[dir='ltr'] .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
    border-right: 1px solid #eeeeee;
}

html[dir='rtl'] .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
    border-left: 1px solid #eeeeee;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar .item-date {
    font-size: 32px;
    line-height: 40px;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar .item-month {
    font-size: 16px;
    text-transform: uppercase;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-title {
    margin-bottom: 4px;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info {
    display: flex;
    justify-content: space-between;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-side-left {
    flex: 1;
    min-width: 0;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-side-left .item-total-guest {
    white-space: nowrap;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    padding-top: 4px;
}

html[dir="ltr"] .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-left: 16px;
}

html[dir="rtl"] .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-side-right {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .txt-label .ico {
        margin: 0 !important;
    }

    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .item-text {
        display: none;
    }

    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .ico {
        margin: 0 !important;
    }

    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-wrapper-info .item-action .js_event_rsvp_action_btn .item-text {
        display: none;
    }
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-location {
    margin-bottom: 4px;
}

.feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-inner .item-info .item-time:after {
    content: ".";
    margin: 0 3px;
}

@media (min-width: 767px) and (max-width: 1199px) {
    #main:not(.empty-left):not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left):not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left):not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (max-width: 768px) and (min-width: 768px) {

    #main:not(.empty-left) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar,
    #main:not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
        display: none;
    }

    #main:not(.empty-left) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar-full,
    #main:not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    #main:not(.empty-left) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-wrapper-info .item-info .item-time,
    #main:not(.empty-right) .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar {
        display: none;
    }

    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-calendar-full {
        display: block;
        font-size: 18px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #9740D5;
    }

    .feed_share_holder .activity_feed_content_display_custom .event-app .item-outer .item-wrapper-info .item-info .item-time {
        display: none !important;
    }
}

.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .ico-check-circle-o:before {
    content: "\eab4";
}

.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .ico-star-o:before {
    content: "\eab1";
}

.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown .dropdown-menu>li a:hover .ico-check-circle-o:before,
.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown .dropdown-menu>li a.is_active_image .ico-check-circle-o:before {
    content: "\eab4";
}

.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown .dropdown-menu>li a:hover .ico-star-o:before,
.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown .dropdown-menu>li a.is_active_image .ico-star-o:before {
    content: "\eab1";
}

.js_dropdown_rsvp_actions #js_dropdown_rsvp_text {
    font-weight: bold;
}

.js_btn_rsvp_actions .js_rsvp_title {
    font-weight: bold;
}

.event-rsvp-action-wrapper .js_event_rsvp_action_dropdown [data-toggle="dropdown"] {
    font-weight: bold;
}

html[dir='rtl'] .event-rsvp-action-wrapper .js_event_rsvp_action_dropdown [data-toggle="dropdown"] .txt-label .ico {
    display: inline-block;
}

.event-rsvp-action-wrapper .js_event_rsvp_action_btn a {
    font-weight: bold;
}

.core-map-item .event-rsvp-action-wrapper .js_event_rsvp_action_btn .ico {
    margin: 0 !important;
}

.core-map-item .event-rsvp-action-wrapper .js_event_rsvp_action_btn .item-text {
    display: none;
}

.core-map-item .event-rsvp-action-wrapper [data-toggle="dropdown"] .txt-label .ico {
    margin: 0;
}

.core-map-item .event-rsvp-action-wrapper [data-toggle="dropdown"] .txt-label .item-text {
    display: none;
}

html[dir='ltr'] .core-map-item .event-rsvp-action-wrapper .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}

html[dir='rtl'] .core-map-item .event-rsvp-action-wrapper .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

html[dir='ltr'] .core-map-item .event-rsvp-action-wrapper .dropdown-menu:after {
    left: 10px !important;
    right: auto !important;
}

html[dir='rtl'] .core-map-item .event-rsvp-action-wrapper .dropdown-menu:after {
    right: 10px !important;
    left: auto !important;
}

.theme_material .privacy_setting_div .dropdown-menu.dropdown-menu-checkmark>li>a[rel="5"]:before {
    content: '\eb16';
}

.theme_material .privacy_setting_div a.btn i.fa.fa-privacy-5:before {
    content: '\eb16';
}

.theme_bootstrap .fa-privacy-5:before {
    content: '\f2b6';
}

.cursor-point {
    cursor: pointer;
}

#event_option_repeat_block input:checked+.ico:before {
    content: "\e990";
}

#event_option_repeat_block input:checked~* {
    color: #9740D5;
}

.core-event-formgroup-repeat {
    width: 200px;
}

@media (min-width: 767px) {
    .core-event-formgroup-repeat {
        width: 100%;
    }
}

.core-event-form-row-inline {
    display: flex;
    flex-flow: wrap;
}

.core-event-form-row-inline .form-group {
    min-width: 200px;
}

html[dir="ltr"] .core-event-form-row-inline .form-group {
    margin-right: 16px;
}

html[dir="rtl"] .core-event-form-row-inline .form-group {
    margin-left: 16px;
}

.core-event-form-row-inline .form-group .js_datepicker_holder {
    width: 100%;
}

.core-event-form-row-inline .form-group .js_datepicker_holder input {
    width: 100%;
}

@media (min-width: 767px) {
    .core-event-form-row-inline .form-group {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

/*End Events*/
/*Begin ' . Groups . '*/

.group-button-option {
    cursor: pointer;
}

.item-container.group-listing .item-option {
    position: absolute;
    top: 0;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.item-container.group-listing .item-option a.dropdown-toggle {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0 !important;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.item-container.group-listing .item-option a.dropdown-toggle:hover {
    color: #555555;
}

.item-container.group-listing .item-option a.dropdown-toggle:hover i.ico:before {
    content: "\ea88";
}

.item-container.group-listing .item-option .dropdown i.ico {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-listing .item-option .dropdown.open i.ico {
    opacity: 1;
    color: #555555;
}

.item-container.group-listing .item-option .dropdown.open i.ico:before {
    content: "\ea88";
}

@media (min-width: 767px) {

    #page_groups_index .empty-right .item-container.group-home .group-item,
    #page_groups_all .empty-right .item-container.group-home .group-item,
    #page_groups_index .empty-left .item-container.group-home .group-item,
    #page_groups_all .empty-left .item-container.group-home .group-item {
        width: 25%;
    }

    #page_groups_index .empty-right.empty-left .item-container.group-home .group-item,
    #page_groups_all .empty-right.empty-left .item-container.group-home .group-item {
        width: 20%;
    }
}

#page_groups_index .item-group-title-block {
    display: flex;
    align-items: center;
}

#page_groups_index .item-group-title-block .item-title {
    font-size: 22px;
    line-height: 29px;
    color: #555555;
}

#page_groups_index .item-group-title-block .item-collapse-icon {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
    bottom: -2px;
}

html[dir="ltr"] #page_groups_index .item-group-title-block .item-collapse-icon {
    margin-left: 8px;
}

html[dir="rtl"] #page_groups_index .item-group-title-block .item-collapse-icon {
    margin-right: 8px;
}

#page_groups_index .item-group-title-block .item-collapse-icon:hover {
    color: #555555;
}

html[dir='rtl'] #page_groups_index .item-group-title-block .item-collapse-icon span.ico:before {
    content: "\eab5";
}

html[dir='rtl'] #page_groups_index .item-group-title-block .item-collapse-icon.collapsed {
    transform: rotate(-90deg);
}

#page_groups_index .item-group-title-block .item-collapse-icon.collapsed {
    transform: rotate(90deg);
}

.item-container.group-home {
    display: flex;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    flex-flow: wrap;
    margin: 0 -8px;
}

.item-container.group-home.in {
    opacity: 1;
}

.item-container.group-home .group-item {
    width: 33.33%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 24px;
}

@media (min-width: 767px) {
    .item-container.group-home .group-item {
        width: 50% !important;
    }
}

@media (max-width: 768px) {
    .item-container.group-home .group-item {
        width: 33.33% !important;
    }
}

@media (min-width: 767px) {
    .item-container.group-home .group-item {
        width: 50% !important;
    }
}

@media (min-width: 767px) {

    .item-container.group-home .group-item:hover .item-outer .group-photo .item-icon,
    .item-container.group-home .group-item:hover .item-outer .group-photo .item-desc {
        opacity: 1;
    }

    .item-container.group-home .group-item:hover .item-outer .item-inner .item-title a {
        color: #950FCD;
    }
}

.item-container.group-home .group-item .item-outer {
    position: relative;
}

.item-container.group-home .group-item .item-outer .moderation_row {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.item-container.group-home .group-item .item-outer .group-photo {
    height: 0;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    position: relative;
    margin-bottom: 8px;
}

.item-container.group-home .group-item .item-outer .group-photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.item-container.group-home .group-item .item-outer .group-photo img {
    width: 100%;
    height: auto;
}

.item-container.group-home .group-item .item-outer .group-photo .no_image_user {
    border-radius: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.item-container.group-home .group-item .item-outer .group-photo .item-icon {
    position: absolute;
    bottom: 8px;
    right: 8px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    /*
                    .item-icon-join{
                        background: @brand-primary;
                        span.ico{
                            color: #fff;
                        }
                    } */
}

.item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-joined,
.item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-join {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-joined {
    background: #fff !important;
}

.item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-joined span.ico {
    color: #555555 !important;
}

@media (min-width: 767px) {
    .item-container.group-home .group-item .item-outer .group-photo .item-icon {
        opacity: 1;
    }
}

@media (min-width: 767px) {

    .item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-joined,
    .item-container.group-home .group-item .item-outer .group-photo .item-icon .item-icon-join {
        width: 32px;
        height: 32px;
    }
}

.item-container.group-home .group-item .item-outer .group-photo .item-desc {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-home .group-item .item-outer .group-photo .item-desc .item-desc-main {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    max-height: 96px;
    white-space: normal;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
    word-wrap: break-word;
}

@media (min-width: 767px) {

    .item-container.group-home .group-item .item-outer .group-photo:hover .item-icon,
    .item-container.group-home .group-item .item-outer .group-photo:hover .item-desc {
        opacity: 1;
    }
}

.item-container.group-home .group-item .item-outer>.item-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .item-container.group-home .group-item .item-outer>.item-icon {
    right: 8px;
}

html[dir="rtl"] .item-container.group-home .group-item .item-outer>.item-icon {
    left: 8px;
}

.item-container.group-home .group-item .item-outer .item-inner {
    position: relative;
}

.item-container.group-home .group-item .item-outer .item-inner .item-title {
    padding-right: 35px;
    margin-bottom: 4px;
}

.item-container.group-home .group-item .item-outer .item-inner .item-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-home .group-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD;
}

.item-container.group-home .group-item .item-outer .item-inner .item-category {
    color: #555555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.item-container.group-home .group-item .item-outer .item-inner .item-category i.ico {
    display: inline-block;
}

.item-container.group-home .group-item .item-outer .item-inner .item-number-member {
    color: #555555;
    font-size: 12px;
    line-height: 16px;
}

.item-container.group-home .group-item .remain_groups {
    width: 100%;
    display: block;
}

.item-container.group-home .group-item .remain_groups .group-item-viewall {
    display: block !important;
    position: relative !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-origin: border-box !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 6px;
}

.item-container.group-home .group-item .remain_groups .group-item-viewall:before {
    content: "" !important;
    display: block !important;
    padding-bottom: 100% !important;
}

.item-container.group-home .group-item .remain_groups .group-item-viewall .group-item-view-all {
    position: absolute;
    left: 12px;
    bottom: 13px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
}

.item-container.group-home .group-item .remain_groups .group-item-viewall .group-item-remain-number {
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    z-index: 1;
}

@media (min-width: 767px) {
    .item-container.group-home .group-item .remain_groups .group-item-viewall .group-item-remain-number {
        font-size: 18px;
        line-height: 24px;
    }
}

.item-container.group-home .group-item .remain_groups .group-item-viewall:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
}

.item-container.group-result .group-item {
    position: relative;
}

.item-container.group-result .group-item:last-of-type .item-outer {
    border-bottom: 1px solid #eeeeee;
}

.item-container.group-result .group-item:last-of-type .item-outer:after {
    content: "";
    position: absolute;
    left: -16px;
    bottom: 0;
    right: -16px;
    border-bottom: 1px solid #eeeeee;
    opacity: 0;
}

.item-container.group-result .group-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    bottom: 0;
    background: #f8f8f8;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .item-container.group-result .group-item:hover:before {
        opacity: 1 !important;
    }

    .item-container.group-result .group-item:hover .item-outer {
        border-color: transparent;
    }

    .item-container.group-result .group-item:hover .item-outer:before,
    .item-container.group-result .group-item:hover .item-outer:after {
        opacity: 1 !important;
    }

    .item-container.group-result .group-item:hover .item-outer .item-inner .item-title a {
        color: #950FCD !important;
    }

    .item-container.group-result .group-item:hover .item-outer .item-inner .item-desc-main {
        color: #555555 !important;
    }

    .item-container.group-result .group-item:hover+.group-item .item-outer {
        border-top-color: transparent;
    }

    .item-container.group-result .group-item:hover+.group-item .item-outer:before {
        opacity: 1 !important;
    }
}

@media (min-width: 767px) {
    .item-container.group-result .group-item .item-outer .item-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.item-container.group-result .group-item .item-outer {
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #eeeeee;
}

.item-container.group-result .group-item .item-outer:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    bottom: 0;
    right: -16px;
    border-top: 1px solid #eeeeee;
    opacity: 0;
}

.item-container.group-result .group-item .item-outer .moderation_row {
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 1;
}

.item-container.group-result .group-item .item-outer .group-photo {
    height: 100%;
    display: block;
    overflow: hidden;
    min-width: 96px;
    max-width: 96px;
    border-radius: 6px;
    position: relative;
}

html[dir="ltr"] .item-container.group-result .group-item .item-outer .group-photo {
    margin-right: 16px;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .group-photo {
    margin-left: 16px;
}

.item-container.group-result .group-item .item-outer .group-photo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.item-container.group-result .group-item .item-outer .group-photo img {
    width: 100%;
    height: 100%;
}

.item-container.group-result .group-item .item-outer .group-photo .no_image_user {
    border-radius: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.item-container.group-result .group-item .item-outer .group-photo .item-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .item-container.group-result .group-item .item-outer .group-photo .item-icon {
    right: 8px;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .group-photo .item-icon {
    left: 8px;
}

.item-container.group-result .group-item .item-outer .item-inner {
    position: relative;
    flex: 1;
    padding-right: 140px;
    width: 100%;
    min-width: 0;
}

.item-container.group-result .group-item .item-outer .item-inner .item-option {
    top: -16px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-title {
    margin-bottom: 4px;
    padding-right: 30px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-title a {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-result .group-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD !important;
}

.item-container.group-result .group-item .item-outer .item-inner .item-info {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    display: flex;
}

.item-container.group-result .group-item .item-outer .item-inner .item-info .item-number-member {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}

.item-container.group-result .group-item .item-outer .item-inner .item-info .item-number-member:after {
    content: ".";
    margin-left: 4px;
    margin-right: 4px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-info .item-category {
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-result .group-item .item-outer .item-inner .item-info .item-category:hover {
    color: #555555;
}

.item-container.group-result .group-item .item-outer .item-inner .item-desc .item-desc-main {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
    word-wrap: break-word;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users {
    display: flex;
    justify-content: space-between;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon {
    position: absolute;
    top: 24px;
    right: 0;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-joined,
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-join {
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-joined .ico-caret-down,
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-join .ico-caret-down {
    margin-left: 8px;
    margin-right: 0;
}

html[dir='rtl'] .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-joined .ico-caret-down,
html[dir='rtl'] .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .item-icon-join .ico-caret-down {
    margin-right: 8px;
    margin-left: 0;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members {
    position: absolute;
    top: 72px;
    right: 0;
    display: flex;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members img {
    width: 100%;
    height: 100%;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user,
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members .img-wrapper {
    width: 32px;
    height: 32px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members .no_image_user>span {
    font-size: 12px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>a,
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>.no_image_user {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-sizing: content-box;
    margin-left: -6px;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>a:nth-child(1),
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>.no_image_user:nth-child(1) {
    z-index: 1;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>a:nth-child(2),
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>.no_image_user:nth-child(2) {
    z-index: 2;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>a:nth-child(3),
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>.no_image_user:nth-child(3) {
    z-index: 3;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>a:nth-child(4),
.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members>.no_image_user:nth-child(4) {
    z-index: 4;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall {
    text-align: center;
    background: #ddecf9;
}

.item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members .item-members-viewall span {
    font-size: 12px;
    line-height: 32px;
}

@media (min-width: 767px) {
    .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users {
        margin-top: 8px;
    }

    .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon,
    .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-members {
        position: static !important;
    }

    .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu {
        left: 0;
        right: auto;
    }

    .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu:after {
        left: 10px;
        right: auto;
    }

    html[dir='rtl'] .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu:after {
        right: 10px;
        left: auto;
    }

    html[dir='rtl'] .item-container.group-result .group-item .item-outer .item-inner .item-group-icon-users .item-icon .dropdown-menu {
        left: auto;
        right: 0;
    }
}

@media (min-width: 767px) {
    .item-container.group-result .group-item .item-outer {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .item-container.group-result .group-item .item-outer .item-desc,
    .item-container.group-result .group-item .item-outer .item-members {
        display: none !important;
    }

    .item-container.group-result .group-item .item-outer .item-inner .item-title a {
        font-size: 14px;
        line-height: 18px;
    }

    .item-container.group-result .group-item .item-outer .item-inner .item-option {
        top: -8px;
    }

    .item-container.group-result .group-item .item-outer .group-photo {
        min-width: 80px;
        max-width: 80px;
    }
}

.item-container.group-add {
    display: flex;
    flex-flow: wrap;
    margin: -8px;
}

.item-container.group-add .group-item {
    width: 25%;
    padding: 8px;
}

@media (min-width: 767px) {
    .item-container.group-add .group-item {
        width: 33.33%;
    }
}

@media (min-width: 767px) {
    .item-container.group-add .group-item {
        width: 50%;
    }
}

@media (max-width: 320px) {
    .item-container.group-add .group-item {
        width: 100%;
    }
}

.item-container.group-add .group-item .item-outer .group-photo {
    border-radius: 6px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.item-container.group-add .group-item .item-outer .group-photo:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link .groups-add-info {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link .groups-add-info .item-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link .groups-add-info .item-number-group {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link .item-group-add {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link .item-group-add span.ico {
    color: #9740D5;
    font-weight: bold;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link:hover {
    background-color: rgba(38, 129, 213, 0.8);
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link:hover .item-group-add {
    display: flex !important;
}

.item-container.group-add .group-item .item-outer .group-photo .group-add-inner-link:hover .item-number-group {
    color: #fff !important;
}

.group-add-modal {
    margin: -16px -16px 0 -16px;
}

.group-add-modal .group-category-photo {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.group-add-modal .group-category-photo:before {
    content: "";
    display: block;
    padding-bottom: 25%;
}

@media (min-width: 767px) {
    .group-add-modal .group-category-photo:before {
        padding-bottom: 45% !important;
    }
}

@media (max-width: 320px) {
    .group-add-modal .group-category-photo:before {
        padding-bottom: 55% !important;
    }
}

.group-add-modal .group-category-photo .group-category-select {
    width: 200px;
    margin-bottom: 0;
}

.group-add-modal .group-category-photo .group-category-select select {
    padding-left: 10px;
}

.group-add-modal .group-category-photo:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.group-add-modal .group-category-photo .group-category-inner {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.group-add-modal .group-category-photo .group-category-inner .group-category-title {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
}

.group-add-modal .group-category-photo .group-category-inner .group-category-title-sub {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 8px;
    text-align: center;
}

.group-add-modal .group-category-input label,
.group-add-modal .group-privacy-select label {
    padding: 0;
    width: 25%;
    margin-bottom: 0;
    float: left;
}

@media (min-width: 767px) {

    .group-add-modal .group-category-input label,
    .group-add-modal .group-privacy-select label {
        width: 40%;
    }
}

.group-add-modal .group-category-input {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

.group-add-modal .group-category-input>div {
    flex: 1;
    position: relative;
}

.group-add-modal .group-category-input>div input.form-control {
    z-index: 0;
}

.group-add-modal .group-category-input>div span.help-block {
    position: absolute;
    bottom: -32px;
    white-space: nowrap;
}

html[dir="ltr"] .group-add-modal .group-category-input>div span.help-block {
    left: 0;
}

html[dir="rtl"] .group-add-modal .group-category-input>div span.help-block {
    right: 0;
}

.group-add-modal .group-privacy-select {
    display: flex;
    align-items: center;
}

.group-add-modal .group-privacy-select>select {
    width: 30%;
    z-index: 0;
}

@media (min-width: 767px) {
    .group-add-modal .group-privacy-select>select {
        width: 40%;
    }
}

.group-add-modal .group-category-button {
    border-top: 1px solid #eeeeee;
    clear: both;
    padding-top: 8px;
    margin-bottom: -8px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    justify-content: flex-end;
}

html[dir="ltr"] .group-add-modal .group-category-button .btn {
    margin-left: 8px;
}

html[dir="rtl"] .group-add-modal .group-category-button .btn {
    margin-right: 8px;
}

html[dir="rtl"] .item-container.group-home .group-item .item-outer .moderation_row {
    left: auto !important;
    right: 0;
}

html[dir="rtl"] .item-container.group-home .group-item .item-outer .group-photo .item-icon {
    left: 8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.group-home .group-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 35px;
}

html[dir="rtl"] .item-container.group-home .group-item .item-outer .item-inner .item-option {
    left: -8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .moderation_row {
    right: -16px;
    left: auto !important;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .group-photo {
    margin-right: 0;
    margin-left: 16px;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .item-inner {
    padding-left: 140px;
    padding-right: 0;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 30px;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .item-inner .item-option {
    left: -8px;
    right: auto !important;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .item-inner .item-icon {
    right: auto !important;
    left: 0;
}

html[dir="rtl"] .item-container.group-result .group-item .item-outer .item-inner .item-members {
    margin-left: 6px;
    margin-right: 0;
    right: auto !important;
    left: 0;
}

._is_groups_view .profiles-menu>ul {
    flex-flow: wrap;
    overflow: hidden;
    height: 64px;
    position: relative;
}

._is_groups_view .profiles-menu>ul div.overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

html[dir='rtl'] ._is_groups_view .profiles-menu>ul div.overlay {
    left: 0;
    right: auto;
}

#page_groups_members .header-page-title {
    margin-bottom: 0;
    border-bottom: 0;
}

#page_groups_members .breadcrumbs-top {
    margin-bottom: 2px;
}

@media (min-width: 767px) {
    #page_groups_members .breadcrumbs-top {
        margin-bottom: 0;
    }
}

#page_groups_members .item-group-search-header {
    position: absolute;
    top: -44px;
}

html[dir="ltr"] #page_groups_members .item-group-search-header {
    right: 0;
}

html[dir="rtl"] #page_groups_members .item-group-search-header {
    left: 0;
}

@media (min-width: 767px) {
    #page_groups_members .item-group-search-header {
        position: static;
        width: auto;
        margin-bottom: 24px;
        padding-top: 16px;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        border-top: 1px solid #eeeeee;
    }

    #page_groups_members .item-group-search-header .item-group-search-member {
        width: 100% !important;
    }
}

#page_groups_members .item-group-search-header .item-group-search-member {
    position: relative;
    width: 200px;
}

@media (max-width: 330px) {
    #page_groups_members .item-group-search-header .item-group-search-member {
        width: 180px;
    }
}

#page_groups_members .item-group-search-header .item-group-search-member input.form-control {
    height: 32px;
}

#page_groups_members .item-group-search-header .item-group-search-member span.input-group-btn {
    position: absolute;
    top: 0;
    color: #a2a2a2;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] #page_groups_members .item-group-search-header .item-group-search-member span.input-group-btn {
    right: 0;
}

html[dir="rtl"] #page_groups_members .item-group-search-header .item-group-search-member span.input-group-btn {
    left: 0;
}

#page_groups_members .page_section_menu .member-count {
    color: #a2a2a2;
    margin-left: 4px;
}

html[dir='rtl'] #page_groups_members .page_section_menu .member-count {
    margin-left: 0;
    margin-right: 4px;
}

#page_groups_members .groups-member-container {
    display: flex;
    flex-flow: wrap;
    margin: 0 -8px;
}

#page_groups_members .groups-member-container .groups-member {
    position: relative;
    padding: 0 8px;
    margin-bottom: 16px;
}

#page_groups_members .groups-member-container .groups-member .moderation_row {
    position: absolute;
    top: 0;
    z-index: 1;
}

html[dir="ltr"] #page_groups_members .groups-member-container .groups-member .moderation_row {
    left: 8px;
}

html[dir="rtl"] #page_groups_members .groups-member-container .groups-member .moderation_row {
    right: 8px;
}

#page_groups_members .groups-member-container .groups-member .moderation_row .item-checkbox {
    width: 32px;
    height: 32px;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#page_groups_members .groups-member-container .groups-member .item-bar-action {
    position: absolute;
    top: 64px;
    z-index: 3;
}

html[dir="ltr"] #page_groups_members .groups-member-container .groups-member .item-bar-action {
    right: 8px;
}

html[dir="rtl"] #page_groups_members .groups-member-container .groups-member .item-bar-action {
    left: 8px;
}

#page_groups_members .groups-member-container .groups-member .item-bar-action>a.btn {
    border-radius: 100%;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 0px 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
}

#page_groups_members .groups-member-container .groups-member .item-bar-action>a.btn span.ico {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (max-width: 1024px) {
    #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu {
        min-width: 120px;
    }

    #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu>li>a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 768px) {
    #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu {
        right: -32px;
    }

    html[dir='rtl'] #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu {
        left: -32px;
        right: auto;
    }

    html[dir="ltr"] #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu:after {
        right: 40px;
    }

    html[dir="rtl"] #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu:after {
        left: 40px;
    }
}

@media (min-width: 767px) {
    #page_groups_members .groups-member-container .groups-member .item-bar-action .dropdown-menu {
        min-width: 110px;
    }
}

#page_groups_members .groups-member-container .groups-member .item-bar-action:hover>a.btn span.ico,
#page_groups_members .groups-member-container .groups-member .item-bar-action.open>a.btn span.ico {
    color: #555555;
}

#page_groups_members .groups-member-container .groups-member .item-bar-action:hover>a.btn span.ico:before,
#page_groups_members .groups-member-container .groups-member .item-bar-action.open>a.btn span.ico:before {
    content: "\ea88";
}

#page_groups_members .groups-member-container .user_rows {
    margin: 0;
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    height: auto;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image {
    background: transparent;
    overflow: visible;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    min-width: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image .img-wrapper {
    width: 96px;
    height: 96px;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image .no_image_user {
    width: 100%;
    height: 100%;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image .no_image_user span.js_hover_info {
    position: absolute !important;
    margin-top: 0 !important;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image .no_image_user>span {
    margin-top: 0 !important;
    position: absolute !important;
    font-size: 14px !important;
}

#page_groups_members .groups-member-container .user_rows .user_rows_image:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

#page_groups_members .groups-member-container .user_rows .user_rows_image:hover .js_hover_info:before,
#page_groups_members .groups-member-container .user_rows .user_rows_image:hover .img-wrapper:before {
    border-color: #950FCD;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner {
    max-width: 96px;
    min-width: 96px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .friend-info {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .friend-info a {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .btn-addfriend {
    position: absolute;
    top: 0;
}

html[dir="ltr"] #page_groups_members .groups-member-container .user_rows .user_rows_inner .btn-addfriend {
    right: 0;
}

html[dir="rtl"] #page_groups_members .groups-member-container .user_rows .user_rows_inner .btn-addfriend {
    left: 0;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .btn-addfriend>a.btn {
    width: 32px;
    height: 32px;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .list-unstyled {
    position: absolute;
    top: 0px;
    z-index: 2;
}

html[dir="ltr"] #page_groups_members .groups-member-container .user_rows .user_rows_inner .list-unstyled {
    right: 0;
}

html[dir="rtl"] #page_groups_members .groups-member-container .user_rows .user_rows_inner .list-unstyled {
    left: 0;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .list-unstyled a.btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .user_profile_link_span {
    margin-top: 3px !important;
    position: static;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .user_profile_link_span a {
    background: #fff;
    color: #555555 !important;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_groups_members .groups-member-container .user_rows .user_rows_inner .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.related-groups .item-container .group-item {
    margin-bottom: 16px;
}

.related-groups .item-container .group-item:last-child {
    margin-bottom: 0;
}

.related-groups .item-container .group-item .group-cover {
    background-position: center center;
    background-size: cover;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 72px;
    margin-bottom: 8px;
}

.related-groups .item-container .group-item .group-shadow {
    color: #FFF;
    display: flex;
    align-items: flex-end;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
}

.related-groups .item-container .group-item .group-avatar {
    width: 40px;
    height: 40px;
}

.related-groups .item-container .group-item .group-avatar .img-wrapper,
.related-groups .item-container .group-item .group-avatar .no_image_user {
    border-radius: 3px;
    border: 1px solid #FFF;
    width: 40px;
    height: 40px;
    max-height: 100%;
    max-width: 100%;
}

.related-groups .item-container .group-item .group-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-groups .item-container .group-item .group-avatar .no_image_user span {
    font-size: 14px;
}

.related-groups .item-container .group-item .group-avatar .js_hover_info:before,
.related-groups .item-container .group-item .group-avatar .img-wrapper:before {
    display: none;
}

.related-groups .item-container .group-item .group-like {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 4px;
}

.related-groups .item-container .group-item .group-like b {
    margin-bottom: 0px;
    line-height: 16px;
}

.related-groups .item-container .group-item .group-like span {
    font-size: 12px;
    text-transform: lowercase;
    line-height: 14px;
}

.related-groups .item-container .group-item .group-info .group-name {
    margin-bottom: 4px;
}

.related-groups .item-container .group-item .group-info .group-name a {
    color: #9740D5 !important;
    font-weight: 400 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.related-groups .item-container .group-item .group-info .group-name a:hover {
    color: #950FCD !important;
}

.related-groups .item-container .group-item .group-info .category-name {
    font-size: 12px;
    color: #a2a2a2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-group-about.group-hide-founder .item-desc {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.item-group-about .item-outer {
    display: flex;
}

.item-group-about .item-outer .user_rows_image {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-group-about .item-outer .user_rows_image .img-wrapper,
.item-group-about .item-outer .user_rows_image .no_image_user {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.item-group-about .item-outer .user_rows_image .img-wrapper img,
.item-group-about .item-outer .user_rows_image .no_image_user img {
    width: 100%;
    height: 100%;
}

.item-group-about .item-outer .user_rows_image .no_image_user>span {
    font-size: 12px;
}

.item-group-about .item-outer:hover .user_rows_image {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.item-group-about .item-outer:hover .user_rows_image .js_hover_info:before,
.item-group-about .item-outer:hover .user_rows_image .img-wrapper:before {
    border-color: #950FCD;
}

.item-group-about .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    margin-left: 12px;
}

html[dir='rtl'] .item-group-about .item-outer .item-inner {
    margin-left: 0;
    margin-right: 12px;
}

.item-group-about .item-outer .item-inner .item-title a {
    color: #9740D5 !important;
    font-size: 14px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-group-about .item-outer .item-inner .item-title a:hover {
    color: #950FCD !important;
}

.item-group-about .item-outer .item-inner .item-info {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
}

.item-group-about .item-desc {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.item-group-about .item-desc img {
    max-width: 100%;
}

.item-group-about .item-publish-date {
    margin-top: 16px;
}

.item-group-about .item-publish-date .item-title {
    color: #555555;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-top: 20px;
}

.item-group-about .item-publish-date .item-date {
    font-size: 12px;
    color: #a2a2a2;
}

#page_groups_add .page_section_menu_header {
    margin-top: -16px;
}

#page_groups_add .groups_create_new_widget {
    margin-bottom: 16px;
}

.groups-profile-banner .item-icon-flag {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .groups-profile-banner .item-icon-flag {
    right: 16px;
}

html[dir="rtl"] .groups-profile-banner .item-icon-flag {
    left: 16px;
}

.groups-profile-banner .profiles_banner {
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    height: 400px;
    margin-top: 0;
    z-index: 2;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner {
        background-color: #a2a2a2;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner:after {
        content: "";
        width: 100%;
        height: 60%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 90%);
        pointer-events: none;
    }
}

.groups-profile-banner .profiles_banner.editing .profiles_banner_bg {
    z-index: 2;
}

.groups-profile-banner .profiles_banner.editing .profiles_info,
.groups-profile-banner .profiles_banner.editing .profile_image {
    opacity: 0;
    visibility: hidden;
}

.groups-profile-banner .profiles_banner.editing .profile-info-block .profile-image {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner.editing .profile-info-block .profile-info {
        opacity: 0;
        visibility: hidden;
    }
}

.groups-profile-banner .profiles_banner .profiles_banner_bg {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profiles_banner_bg {
        border-radius: 0 0 0 0;
    }
}

.groups-profile-banner .profiles_banner .profiles_banner_bg .cover>span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.groups-profile-banner .profiles_banner.cover-uploading #cover_bg_container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(85, 85, 85, 0.8);
}

.groups-profile-banner .profiles_banner.cover-uploading .profile-info-block {
    display: none;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner {
        height: auto;
        flex-direction: column;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .groups-profile-banner .profiles_banner::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 248px;
        background: #a2a2a2;
        border-radius: 6px 6px 0 0;
    }

    .groups-profile-banner .profiles_banner .profiles_banner_bg {
        height: 248px;
    }
}

.groups-profile-banner .profiles_banner .change-cover-block {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
}

.groups-profile-banner .profiles_banner .change-cover-block a[data-toggle="dropdown"] {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: none;
}

.groups-profile-banner .profiles_banner .change-cover-block a[data-toggle="dropdown"]:hover {
    border: none !important;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .change-cover-block .cover_section_menu_item.reposition {
        display: none;
    }
}

.groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu {
    margin-top: 12px;
}

.groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    border-bottom: 8px solid #ffffff;
    bottom: 100%;
    top: auto;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
    right: auto;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: auto;
    right: 12px;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    left: 12px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .change-cover-block .dropdown-menu:after {
    right: 12px;
}

html[dir='rtl'] .groups-profile-banner .profiles_banner .change-cover-block {
    right: 8px;
    left: auto;
}

.groups-profile-banner .profiles_banner .profile-info-block {
    position: relative;
    width: 100%;
    height: auto;
    align-items: flex-end;
    display: flex;
    color: #FFF;
    padding: 16px;
    padding-top: 0;
    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity: 1;
    z-index: 1;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block {
    padding-right: 8px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block {
    padding-left: 8px;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block {
        background-image: none;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: -128px;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block.groups-profile .profile-info {
    margin-left: 0;
}

.groups-profile-banner .profiles_banner .profile-info-block h1 a {
    color: #FFF;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image {
    position: relative;
    width: 160px;
    height: 160px;
    z-index: 1;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder {
    border-radius: 100%;
    background: #dcdcdc;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    border: 4px solid #FFF;
    overflow: hidden;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder img,
.groups-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder .no_image_user {
    height: 100%;
    width: 100%;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image .img-wrapper {
    width: 100%;
    height: 100%;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image form {
    position: absolute;
    top: 7px;
    left: 0;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image form label {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border: 2px solid #FFF;
    font-size: 16px;
    cursor: pointer;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image form label:hover {
    border-width: 0;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-image form input {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
}

html[dir='rtl'] .groups-profile-banner .profiles_banner .profile-info-block .profile-image form {
    right: 0;
    left: auto;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-image form {
        text-align: left;
    }

    html[dir='rtl'] .groups-profile-banner .profiles_banner .profile-info-block .profile-image form {
        text-align: right;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-image .profile_image_holder {
        box-shadow: 0px 6px 12px 0px rgba(200, 200, 200, 0.4);
        overflow: hidden;
        position: relative;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-image form {
        left: 50% !important;
        right: auto !important;
        bottom: -18px;
        transform: translateX(-50%);
        width: 48px;
        z-index: 2;
        top: auto;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-image form label {
        border: none;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, 0.5);
        font-size: 14px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-image form label .ico {
        position: relative;
        top: -10px;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
    margin-left: 16px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
        position: static;
        margin-top: 8px;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info:before {
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    top: 0;
    left: -192px;
    right: -8px;
    margin-top: -20px;
}

html[dir='rtl'] .groups-profile-banner .profiles_banner .profile-info-block .profile-info:before {
    left: -8px;
    right: -192px;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info {
    flex: 1;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
    font-weight: bold;
    margin-bottom: 6px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 24px;
    text-overflow: ellipsis;
    line-height: 28px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 56px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    position: relative;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-left: 12px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1.has-status-online {
    padding-right: 12px;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 {
        display: inline-block;
        display: -webkit-inline-box;
        margin-bottom: 0;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 100%;
    top: 2px;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    left: 0;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline,
html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    right: 0;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline i,
.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online i {
    display: none;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_online {
    background: #9740D5;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 .user_is_offline {
    background: #c8c8c8;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail {
    color: #c8c8c8;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail a {
    color: #c8c8c8;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info .profile-info-detail b {
    font-weight: normal;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info span.category span {
    color: #FFF;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info span.followers {
    color: #FFF;
    font-weight: bold;
    text-transform: capitalize;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions {
    display: flex;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions {
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request {
        margin-bottom: 8px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request+.profile-action-block {
        margin-bottom: 8px;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.pending-request .btn {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:hover .ico {
        color: #9740D5;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a[data-toggle="dropdown"] .ico-gear-o {
        color: #FFF;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        position: absolute;
        top: -40px;
        right: 0;
        left: auto;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a.btn:hover .ico {
        color: #FFF;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn {
        background: #9740D5 !important;
        border-color: #9740D5 !important;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear.open a.btn .ico {
        color: #FFF;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-top: 6px solid #ffffff;
        top: 100%;
        bottom: auto;
    }

    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: auto;
        right: 14px;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear .dropdown-menu:after {
        left: 14px;
        right: auto;
    }

    html[dir='rtl'] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear {
        right: auto;
        left: 0;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    border-radius: 100%;
    width: 40px;
    font-size: 16px;
    box-shadow: none;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-right: 0;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
    padding-left: 0;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"]:not(.btn-default) {
        color: #FFF;
        background: transparent;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block {
    display: flex;
    flex-flow: wrap;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block .dropup.open a[data-toggle="dropdown"] {
    background: #9740D5;
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-left: 8px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>a,
html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>.btn-group,
html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>div,
html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block>button {
    margin-right: 8px;
}

@media (min-width: 767px) {

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"],
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join {
        height: 32px;
        font-size: 12px;
        line-height: 16px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a[data-toggle="dropdown"][data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>a.btn.btn-default[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .profile-action-block a.btn[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group.btn-gear a[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-like[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join),
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions button.item-icon-join[data-toggle="dropdown"]:not(.item-icon-liked):not(.item-icon-like):not(.item-icon-joined):not(.item-icon-join) {
        width: 32px;
    }
}

html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    right: 14px;
}

html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
    left: 14px;
}

@media (min-width: 767px) {
    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        right: 10px;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown .dropdown-menu:after {
        left: 10px;
    }
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request {
    display: inline-block;
    margin-right: 4px;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request a[data-toggle="dropdown"] {
    width: auto;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir='rtl'] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .pending-request .dropdown-menu {
    left: 0;
    right: auto;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        position: absolute;
        top: 88px;
    }

    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        right: 8px;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear {
        left: 8px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        background: rgba(0, 0, 0, 0.3);
        font-size: 14px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions>.btn-gear a.btn .ico {
        color: #fff;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
        color: #555555;
        background-color: #FFF;
        border: 1px solid #555555 !important;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #e6e6e6 !important;
        border-color: #cccccc;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #cccccc;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:hover,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:hover,
    .open>.dropdown-toggle.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active:focus,
    .open>.dropdown-toggle.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active.focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active.focus,
    .open>.dropdown-toggle.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus {
        color: #333333;
        background-color: #d4d4d4;
        border-color: #cccccc;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active,
    .open>.dropdown-toggle.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn {
        background-image: none;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled],
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:hover,
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:focus,
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].focus,
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:active,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled]:active,
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled.active,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn[disabled].active,
    fieldset[disabled] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn .badge {
        color: #ffffff;
        background-color: #333333;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:hover {
        color: #9740D5;
        background-color: #FFF;
        border-color: #9740D5 !important;
        box-shadow: 0px 4px 12px 0px rgba(7, 167, 28, 0.3);
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:focus,
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn:active {
        background-color: #E8DAF2 !important;
        color: #950FCD !important;
        border-color: #D5A9FF !important;
        box-shadow: 0px 2px 8px 0px rgba(153, 251, 166, 0.5);
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled {
        opacity: 1;
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear) a.btn.disabled:hover {
        border: none;
        background: #dcdcdc;
        color: #FFF;
    }

    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-left: 8px;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .btn-group:not(.btn-gear).dropup {
        margin-right: 8px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        position: absolute;
        border-bottom: 6px solid #ffffff;
        bottom: 100%;
        top: auto;
    }

    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: auto;
        right: 10px;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu:after {
        left: 10px;
        right: auto;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
        flex-direction: column;
        align-items: center;
    }

    html[dir="ltr"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
        margin-left: 0;
    }

    html[dir="rtl"] .groups-profile-banner .profiles_banner .profile-info-block .profile-info {
        margin-right: 0;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info:before {
        display: none;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info {
        margin-bottom: 8px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-extra-info h1 a {
        color: #555555;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .open a[data-toggle="dropdown"] {
        color: #FFF !important;
        border-color: #9740D5 !important;
        background: #9740D5 !important;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions a[data-toggle="dropdown"] {
        border: 1px solid #555555 !important;
        color: #555555;
        font-size: 12px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup .dropdown-menu {
        top: 100%;
        bottom: auto;
        margin-top: 8px;
    }

    .groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropup.open .dropdown-menu {
        transform: translate3d(0, 1px, 0);
    }
}

.groups-profile-banner .profiles-menu {
    margin-bottom: 24px;
    background: #FFF;
    border-radius: 0px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles-menu {
        border-radius: 0;
    }
}

@media (min-width: 767px) {
    .groups-profile-banner .profiles-menu {
        border-radius: 0 0 0 0;
    }
}

.groups-profile-banner .profiles-menu>ul {
    display: flex;
}

.groups-profile-banner .profiles-menu>ul>li {
    border-right: 1px solid #f8f8f8;
}

.groups-profile-banner .profiles-menu>ul>li>a {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    color: #a2a2a2;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.groups-profile-banner .profiles-menu>ul>li>a:hover,
.groups-profile-banner .profiles-menu>ul>li>a.active {
    color: #950FCD;
}

.groups-profile-banner .profiles-menu>ul>li>a .ico {
    font-size: 18px;
    margin-bottom: 8px;
}

.groups-profile-banner .profiles-menu>ul>li>a span span {
    font-weight: normal;
}

.groups-profile-banner .profiles-menu>ul>li .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 190px;
    margin-top: -2px;
}

html[dir="ltr"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu:after {
    right: 16px;
}

html[dir="rtl"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu:after {
    left: 16px;
}

.groups-profile-banner .profiles-menu>ul>li .dropdown-menu a {
    justify-content: space-between;
}

.groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
.groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    min-width: 24px;
    display: inline-block;
}

html[dir="ltr"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="ltr"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-right: 8px;
}

html[dir="rtl"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir="rtl"] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    margin-left: 8px;
}

html[dir='rtl'] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .ico,
html[dir='rtl'] .groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .fa {
    float: right;
}

.groups-profile-banner .profiles-menu>ul>li .dropdown-menu a .badge_number {
    color: #a2a2a2;
    font-size: 12px;
}

@media screen {
    .groups-profile-banner .profiles-menu>ul {
        position: static;
    }

    .groups-profile-banner .profiles-menu>ul .dropdown-overflow {
        position: static;
    }

    .groups-profile-banner .profiles-menu>ul .dropdown-overflow .dropdown-menu {
        width: auto;
        left: 0;
        right: 0;
    }

    .groups-profile-banner .profiles-menu>ul .dropdown-overflow .dropdown-menu:after {
        display: none;
    }
}

.groups-profile-banner .profiles-menu>ul>li .dropdown-menu a {
    justify-content: flex-start;
}

.groups-profile-banner .profiles-menu>ul>li a:hover,
.groups-profile-banner .profiles-menu>ul>li a.active {
    color: #950FCD !important;
}

.profile-joined-groups .page-item,
.group-sideblock-container .page-item {
    margin-bottom: 14px;
}

.profile-joined-groups .page-item .page-cover,
.group-sideblock-container .page-item .page-cover {
    background-position: center center;
    background-size: cover;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 72px;
    margin-bottom: 8px;
}

.profile-joined-groups .page-item .page-shadow,
.group-sideblock-container .page-item .page-shadow {
    color: #FFF;
    display: flex;
    align-items: flex-end;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 90%);
}

.profile-joined-groups .page-item .page-avatar,
.group-sideblock-container .page-item .page-avatar {
    width: 40px;
    height: 40px;
}

.profile-joined-groups .page-item .page-avatar .img-wrapper,
.group-sideblock-container .page-item .page-avatar .img-wrapper,
.profile-joined-groups .page-item .page-avatar .no_image_user,
.group-sideblock-container .page-item .page-avatar .no_image_user {
    border-radius: 3px;
    border: 1px solid #FFF;
    max-height: 100%;
    height: 100%;
}

.profile-joined-groups .page-item .page-avatar .img-wrapper,
.group-sideblock-container .page-item .page-avatar .img-wrapper {
    width: 40px;
    height: 40px;
}

.profile-joined-groups .page-item .page-avatar .img-wrapper img,
.group-sideblock-container .page-item .page-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-joined-groups .page-item .page-avatar .no_image_user span,
.group-sideblock-container .page-item .page-avatar .no_image_user span {
    font-size: 14px;
}

.profile-joined-groups .page-item .page-avatar .js_hover_info:before,
.group-sideblock-container .page-item .page-avatar .js_hover_info:before,
.profile-joined-groups .page-item .page-avatar .img-wrapper:before,
.group-sideblock-container .page-item .page-avatar .img-wrapper:before {
    display: none;
}

.profile-joined-groups .page-item .page-like,
.group-sideblock-container .page-item .page-like {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 2px;
}

.profile-joined-groups .page-item .page-like b,
.group-sideblock-container .page-item .page-like b {
    margin-bottom: 0;
    line-height: 16px;
}

.profile-joined-groups .page-item .page-like span,
.group-sideblock-container .page-item .page-like span {
    font-size: 12px;
    text-transform: lowercase;
}

.profile-joined-groups .page-item .page-info .page-name,
.group-sideblock-container .page-item .page-info .page-name {
    margin-bottom: 4px;
}

.profile-joined-groups .page-item .page-info .page-name .user_profile_link_span a,
.group-sideblock-container .page-item .page-info .page-name .user_profile_link_span a {
    color: #9740D5 !important;
    font-weight: 400 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.profile-joined-groups .page-item .page-info .page-name .user_profile_link_span a:hover,
.group-sideblock-container .page-item .page-info .page-name .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.profile-joined-groups .page-item .page-info .category-name,
.group-sideblock-container .page-item .page-info .category-name {
    font-size: 12px;
    color: #a2a2a2;
}

._is_groups_view .group-block-action {
    background: #fff;
    border-radius: 6px;
    padding: 16px !important;
}

._is_groups_view .group-block-action .item-inner {
    padding-bottom: 16px;
}

._is_groups_view .group-block-action .item-inner .item-info-main {
    display: flex;
    margin-bottom: 16px;
}

html[dir="ltr"] ._is_groups_view .group-block-action .item-inner .item-info-main .item-image {
    margin-right: 16px;
}

html[dir="rtl"] ._is_groups_view .group-block-action .item-inner .item-info-main .item-image {
    margin-left: 16px;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-image .js_hover_info:before,
._is_groups_view .group-block-action .item-inner .item-info-main .item-image .img-wrapper:before {
    border-radius: 0 !important;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-image .img-wrapper img {
    height: 100%;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-image .img-wrapper,
._is_groups_view .group-block-action .item-inner .item-info-main .item-image .no_image_user {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-image .no_image_user>span {
    font-size: 14px;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-info {
    overflow: hidden;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-info .item-title {
    font-size: 14px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._is_groups_view .group-block-action .item-inner .item-info-main .item-info .item-member-count {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._is_groups_view .group-block-action .item-inner .item-btn-join button {
    outline: none;
}

html[dir="ltr"] ._is_groups_view .group-block-action .item-inner .item-btn-join button>span.ico {
    margin-right: 8px;
}

html[dir="rtl"] ._is_groups_view .group-block-action .item-inner .item-btn-join button>span.ico {
    margin-left: 8px;
}

html[dir="ltr"] ._is_groups_view .group-block-action .item-inner .item-btn-join span.caret {
    margin-left: 8px;
}

html[dir="rtl"] ._is_groups_view .group-block-action .item-inner .item-btn-join span.caret {
    margin-right: 8px;
}

html[dir="ltr"] ._is_groups_view .group-block-action .item-inner .groups_like_join span.ico {
    margin-right: 8px;
}

html[dir="rtl"] ._is_groups_view .group-block-action .item-inner .groups_like_join span.ico {
    margin-left: 8px;
}

._is_groups_view .group-block-action .item-group-action {
    border-top: 1px solid #eeeeee;
    padding-top: 16px;
}

._is_groups_view .group-block-action .item-group-action>li {
    margin-bottom: 8px;
}

._is_groups_view .group-block-action .item-group-action>li:last-child {
    margin-bottom: 0;
}

._is_groups_view .group-block-action .item-group-action>li a {
    font-size: 14px;
    line-height: 18px;
    color: #a2a2a2;
}

html[dir="ltr"] ._is_groups_view .group-block-action .item-group-action>li a i.ico,
html[dir="ltr"] ._is_groups_view .group-block-action .item-group-action>li a i.fa {
    margin-right: 8px;
}

html[dir="rtl"] ._is_groups_view .group-block-action .item-group-action>li a i.ico,
html[dir="rtl"] ._is_groups_view .group-block-action .item-group-action>li a i.fa {
    margin-left: 8px;
}

html[dir='rtl'] ._is_groups_view .group-block-action .item-group-action>li a i.ico,
html[dir='rtl'] ._is_groups_view .group-block-action .item-group-action>li a i.fa {
    display: inline-block;
}

._is_groups_view .profiles-menu>ul {
    flex-flow: wrap;
    overflow: hidden;
    height: 64px;
    position: relative;
}

._is_groups_view .profiles-menu>ul div.overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

html[dir='rtl'] ._is_groups_view .profiles-menu>ul div.overlay {
    left: 0;
    right: auto;
}

._is_groups_view:not(.profile_menu_is_fixed) .profiles-menu>ul li.profile-image-holder,
._is_groups_view:not([data-profile="fixed"]) .profiles-menu>ul li.profile-image-holder {
    display: none;
}

._is_groups_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul {
    height: auto;
}

._is_groups_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul li.profile-image-holder a {
    width: 32px;
    height: 32px;
    position: relative;
    background: #dcdcdc;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 2px 5px 0 rgba(38, 129, 213, 0);
}

._is_groups_view.profile_menu_is_fixed[data-profile="fixed"] .profiles-menu>ul li.profile-image-holder a:before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100% !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.group-featured-sideblock .sticky-label-icon,
.group-sponsored-sideblock .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .group-featured-sideblock .sticky-label-icon,
html[dir="ltr"] .group-sponsored-sideblock .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] .group-featured-sideblock .sticky-label-icon,
html[dir="rtl"] .group-sponsored-sideblock .sticky-label-icon {
    left: 16px;
}

#page_core_index-member #content,
#page_profile_index #content,
#page_pages_view._is_pages_feed #content,
#page_groups_view._is_groups_feed #content {
    padding-left: 0;
    padding-right: 0;
}

#page_core_index-member #content-stage,
#page_profile_index #content-stage,
#page_groups_view._is_groups_feed #content-stage,
#page_pages_view._is_pages_feed #content-stage {
    background: transparent;
}

#page_groups_view:not(._is_groups_feed) #content-stage,
#page_pages_view:not(._is_pages_feed) #content-stage {
    padding-top: 16px;
}

.group-app.core-feed-item .item-outer {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    background-color: #f8f8f8;
}

@media (max-width: 375px) {
    .group-app.core-feed-item .item-outer {
        align-items: flex-start;
        padding: 8px 12px;
    }
}

.group-app.core-feed-item .item-outer .item-avatar {
    width: 112px;
    min-width: 112px;
    height: 112px;
    border-radius: 100%;
    overflow: hidden;
}

html[dir="ltr"] .group-app.core-feed-item .item-outer .item-avatar {
    margin-right: 16px;
}

html[dir="rtl"] .group-app.core-feed-item .item-outer .item-avatar {
    margin-left: 16px;
}

.group-app.core-feed-item .item-outer .item-avatar .no_image_user,
.group-app.core-feed-item .item-outer .item-avatar .img-wrapper {
    width: 112px;
    height: 112px;
}

.group-app.core-feed-item .item-outer .item-avatar .no_image_user img,
.group-app.core-feed-item .item-outer .item-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
}

@media (max-width: 375px) {
    .group-app.core-feed-item .item-outer .item-avatar {
        width: 96px;
        min-width: 96px;
        height: 96px;
    }

    .group-app.core-feed-item .item-outer .item-avatar .no_image_user,
    .group-app.core-feed-item .item-outer .item-avatar .img-wrapper {
        width: 96px;
        height: 96px;
    }
}

.group-app.core-feed-item .item-outer .item-avatar .item-media-src {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.group-app.core-feed-item .item-outer .item-avatar .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.group-app.core-feed-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    position: relative;
}

.group-app.core-feed-item .item-outer .item-inner .item-info-wrapper {
    margin-top: 4px;
}

.group-app.core-feed-item .item-outer .item-inner .item-info-wrapper .item-info:not(:last-child):after {
    content: ".";
    margin-left: 6px;
    margin-right: 4px;
}

.group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 375px) {
    .group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper {
        flex-direction: column;
    }

    .group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-desc {
        display: none;
    }
}

.group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-desc {
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-desc {
    margin-right: 16px;
}

html[dir="rtl"] .group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-desc {
    margin-left: 16px;
}

.group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-action {
    padding-top: 4px;
}

.group-app.core-feed-item .item-outer .item-inner .item-desc-wrapper .item-action .btn {
    font-weight: bold;
}

.groups-profile-banner .profiles_banner .profile-info-block .profile-info .profile-actions .dropdown.btn-group.btn-gear .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    border-bottom: 6px solid #ffffff;
    bottom: 100%;
    top: auto;
}

.groups-category .core-block-categories ul.action li.category.active:not(.open):after {
    opacity: 0;
}

.groups-category .core-block-categories ul.action li.category.active:not(.open) .category-item {
    background-color: transparent;
}

.groups-category .core-block-categories ul.action li.category.active:not(.open) .name {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #555555;
}

.core-group-menu-toggle label {
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
}

.core-group-menu-toggle label input {
    display: none;
}

.core-group-menu-toggle label input:checked+.item-toggle-icon:before {
    color: #9740D5;
    content: "\e9b4";
}

.core-group-menu-toggle label .item-toggle-icon {
    display: inline-flex;
}

.core-group-menu-toggle label .item-toggle-icon:before {
    font-family: 'lineficon' !important;
    content: "\e935";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
}

.core-group-menu-table tbody .core-group-td {
    display: flex;
    height: 100%;
    height: 32px;
    align-items: center;
}

.core-group-menu-table .drag_handle:before {
    line-height: 32px;
}

.core-group-table-action a[data-toggle="dropdown"] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#groups_crop_me.profile-image-error #js_upload_form_groups_wrapper {
    display: block;
}

#groups_crop_me.profile-image-error .cropit-preview,
#groups_crop_me.profile-image-error .cropit-btn-edit,
#groups_crop_me.profile-image-error .cropit-drag-info {
    display: none !important;
}

#groups_crop_me.profile-image-error .dz-error-message {
    display: block;
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin-left: 16px;
    margin-right: 16px;
}

#groups_crop_me.profile-image-error .dz-error-message a {
    color: #fff;
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#groups_crop_me.profile-image-error .dz-error-message a:hover {
    color: #9740D5;
}

#groups_crop_me.profile-image-error .dz-error-message a:hover:before {
    background: #9740D5;
}

#groups_crop_me.profile-image-error .dz-error-message a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#groups_crop_me.profile-image-uploading #js_upload_form_groups_wrapper {
    display: block;
}

#groups_crop_me.profile-image-uploading .cropit-preview,
#groups_crop_me.profile-image-uploading .cropit-btn-edit,
#groups_crop_me.profile-image-uploading .cropit-drag-info {
    display: none !important;
}

#groups_crop_me.profile-image-uploading .dz-error-message {
    display: none;
}

#groups_crop_me .cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
}

#groups_crop_me .cropit-preview-image-container {
    cursor: move;
}

#groups_crop_me .image-size-label {
    margin-top: 10px;
}

#groups_crop_me input,
#groups_crop_me .export {
    display: block;
}

#groups_crop_me button {
    margin-top: 10px;
}

#groups_crop_me .cropit-preview-image-container img {
    max-width: inherit;
}

#groups_crop_me #js_upload_form_groups_wrapper {
    display: none;
}

#groups_crop_me .dz-error-message {
    display: none;
}

#groups_crop_me .mini-dropzone-component .dz-default {
    display: none;
}

#groups_crop_me .cropit-preview-background-container img {
    max-width: none;
    opacity: 0.5;
}

#groups_crop_me .image-editor .image-editor-bg {
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    bottom: 0;
    background: #555;
}

#groups_crop_me .image-editor .cropit-preview {
    margin: auto;
    width: 240px;
    height: 240px;
    background: transparent;
}

#groups_crop_me .image-editor .cropit-preview .cropit-preview-image-container .cropit-preview-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-error-message {
    color: #fff;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper [data-component="dropzone"].dz-processing #dropzone-preview-template-user {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview {
    width: 100%;
    height: 100%;
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview>* {
    display: none;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-processing .dz-image,
#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-processing .dz-progress {
    display: block;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-processing .dz-uploading-message {
    display: block;
    position: absolute;
    bottom: 32px;
    color: #555;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-processing .dz-image {
    opacity: 0.1;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'lineficon' !important;
    content: "\e9cb";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-error.dz-complete:after {
    opacity: 1;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-error.dz-complete .dz-image,
#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-error.dz-complete .dz-upload-again {
    display: block;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-error.dz-complete .dz-image {
    opacity: 0.1;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview.dz-error.dz-complete .dz-upload-again {
    position: absolute;
    top: 50%;
    left: 50%;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview .dz-image img {
    width: 240px;
    height: 240px;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview .dz-progress {
    width: 88px;
    height: 6px;
    background-color: #D5A9FF;
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
    position: absolute;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview .dz-progress .dz-upload {
    height: 6px;
    display: block;
    width: 0;
    transition: width 0.3s;
    background-color: #9740D5;
}

html[dir='rtl'] #groups_crop_me .image-editor #js_upload_form_groups_wrapper .dz-preview .dz-progress {
    right: auto;
    left: 0;
}

#groups_crop_me .image-editor #js_upload_form_groups_wrapper #dropzone-preview-template-user {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#groups_crop_me .image-editor .cropit-drag-info {
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index: 99;
}

#groups_crop_me .image-editor .cropit-btn-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    position: relative;
    padding-bottom: 16px;
}

html[dir="ltr"] #groups_crop_me .image-editor .cropit-btn-edit {
    margin-left: 8px;
}

html[dir="rtl"] #groups_crop_me .image-editor .cropit-btn-edit {
    margin-right: 8px;
}

html[dir='rtl'] #groups_crop_me .image-editor .cropit-btn-edit {
    flex-direction: row-reverse;
}

#groups_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    height: 4px;
}

html[dir="ltr"] #groups_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    margin-right: 8px;
}

html[dir="rtl"] #groups_crop_me .image-editor .cropit-btn-edit .cropit-image-zoom-input {
    margin-left: 8px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range] {
    /*removes default webkit styles*/
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 205px;
    height: 4px;
    border-radius: 3px;
    background: #dcdcdc;
    border: none;
    -webkit-appearance: none;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range].ie {
    padding: 0;
    background-color: transparent;
    height: 16px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-webkit-slider-runnable-track {
    width: 205px;
    height: 4px;
    border: none;
    border-radius: 3px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f8f8f8;
    border: 1px solid #555555;
    margin-top: -5px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-moz-range-track {
    width: 205px;
    height: 4px;
    border: none;
    border-radius: 3px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #f8f8f8;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-track {
    width: 205px;
    height: 4px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-fill-lower {
    background: #9740D5;
    border-radius: 4px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-fill-upper {
    background: #dcdcdc;
    border-radius: 4px;
}

#groups_crop_me .image-editor .cropit-btn-edit input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #f8f8f8;
}

#groups_crop_me .image-editor .cropit-btn-edit button {
    width: 32px;
    height: 32px;
    font-size: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#groups_crop_me .image-editor div.fa-4x {
    color: #fff;
    text-align: center;
}

#groups_crop_me .rotate_button {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*End Groups*/
/*Begin ' . Egifts . '*/

.activity_feed_form {
    position: relative;
}

.activity_feed_form_holder {
    position: relative;
}

.activity_feed_form_holder.egift-focus .core-egift-wrapper,
.activity_feed_form_holder.has-egift .core-egift-wrapper {
    position: static;
    width: 100%;
}

.activity_feed_form_holder.egift-focus {
    padding-bottom: 8px;
}

.activity_feed_form_holder .core-egift-wrapper {
    z-index: 11;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 0;
}

html[dir="ltr"] .activity_feed_form_holder .core-egift-wrapper {
    right: 0;
}

html[dir="rtl"] .activity_feed_form_holder .core-egift-wrapper {
    left: 0;
}

.activity_feed_form_holder .core-egift-wrapper .item-icon-egift {
    width: 32px;
    height: 32px;
}

.activity_feed_form_holder .core-egift-wrapper .item-icon-egift a {
    position: absolute;
    font-size: 20px;
    color: #fff;
    background: #e7194f;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease;
    z-index: 2;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift {
    max-width: 50%;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer {
    display: flex;
    align-items: center;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-media {
    width: 24px;
    min-width: 24px;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-media>span {
    width: 24px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    display: flex;
}

html[dir="ltr"] .activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner {
    margin-left: 8px;
}

html[dir="rtl"] .activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner {
    margin-right: 8px;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-title {
    font-size: 12px;
    line-height: 16px;
    color: #c8c8c8;
    flex: 1;
    min-width: 0;
    flex-basis: auto;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-title div {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-option {
    width: 12px;
}

html[dir="ltr"] .activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-option {
    margin-left: 8px;
}

html[dir="rtl"] .activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-option {
    margin-right: 8px;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-option a {
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.activity_feed_form_holder .core-egift-wrapper .item-main-egift .item-outer .item-inner .item-option a:hover {
    color: #555555;
}

#js_core_egift_list_egifts label {
    font-weight: normal;
}

#js_core_egift_list_egifts form .form-group {
    max-width: 100%;
}

#js_core_egift_list_egifts form .form-group select {
    max-width: 100%;
}

html[dir="rtl"] .egift_wrapper>a {
    right: 15px;
    left: auto;
}

.egift-container {
    display: flex;
    flex-flow: wrap;
    margin: 0 -8px;
}

.egift-container .egift-item {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px;
    cursor: pointer;
}

.egift-container .egift-item:nth-child(-n+2) {
    margin-top: 0;
}

.egift-container .egift-item:hover .item-outer {
    background: #eeeeee;
}

.egift-container .egift-item .item-outer {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.egift-container .egift-item .item-outer .item-media {
    width: 56px;
}

.egift-container .egift-item .item-outer .item-media>span {
    width: 56px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.egift-container .egift-item .item-outer .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.egift-container .egift-item .item-outer .item-inner {
    min-width: 0;
    flex: 1;
    margin-left: 12px;
}

.egift-container .egift-item .item-outer .item-inner .item-title {
    font-size: 14px;
    line-height: 18px;
    color: #555555;
}

.egift-container .egift-item .item-outer .item-inner .item-title div {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.egift-container .egift-item .item-outer .item-inner .item-price {
    font-size: 14px;
    line-height: 18px;
    color: #9740D5;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html[dir='rtl'] .egift-container .egift-item .item-outer .item-inner {
    margin-left: 0;
    margin-right: 12px;
}

.egift-container .js_pager_buttons {
    border-top: 1px solid #eeeeee;
    margin-top: 16px;
}

.egift-container .js_pager_buttons .pagination {
    margin-bottom: 0;
}

.egift-recent-container {
    display: flex;
    flex-flow: wrap;
}

.egift-recent-container .egift-recent-item {
    width: 100%;
    margin-bottom: 16px;
}

.egift-recent-container .egift-recent-item:last-child {
    margin-bottom: 0;
}

.egift-recent-container .egift-recent-item .item-outer {
    display: flex;
    align-items: center;
}

.egift-recent-container .egift-recent-item .item-outer .item-media {
    width: 56px;
}

.egift-recent-container .egift-recent-item .item-outer .item-media>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.egift-recent-container .egift-recent-item .item-outer .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.egift-recent-container .egift-recent-item .item-outer .item-inner {
    margin-left: 12px;
    flex: 1;
    min-width: 0;
}

.egift-recent-container .egift-recent-item .item-outer .item-inner .item-title {
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html[dir='rtl'] .egift-recent-container .egift-recent-item .item-outer .item-inner {
    margin-left: 0;
    margin-right: 12px;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .image-item {
    margin-bottom: -48px;
    width: 80px;
}

html[dir="ltr"] ._app_feed_egift .activity_feed_content_display_custom .egift-item .image-item {
    margin-left: 8px;
}

html[dir="rtl"] ._app_feed_egift .activity_feed_content_display_custom .egift-item .image-item {
    margin-right: 8px;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .image-item>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .image-item>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item {
    height: 56px;
    border: 1px solid #eeeeee;
    padding-left: 100px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a2a2a2;
    line-height: 56px;
    font-size: 18px;
}

@media (min-width: 767px) {
    ._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item {
        font-size: 14px;
    }
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item .user-from .user_profile_link_span a {
    color: #555555 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item .user-from .user_profile_link_span a:hover {
    color: #9740D5 !important;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item .user-to .user_profile_link_span a {
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item .user-to .user_profile_link_span a:hover {
    color: #950FCD !important;
}

html[dir='rtl'] ._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item {
    padding-left: 0;
    padding-right: 100px;
}

html[dir='rtl'] ._app_feed_egift .activity_feed_content_display_custom .egift-item .content-item span {
    display: inline-block;
}

/*End Egifts*/
/*Begin ' . RSS Feeds . '*/
/*===========================
=            Rss            =
===========================*/

#page_rss_index .item-rss-outer+.item-rss-outer {
    margin-top: 16px;
}

#page_rss_index .item-rss-outer .item-title-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
    margin: 0 -16px;
    padding: 0 16px;
    height: 48px;
    color: #a2a2a2;
}

#page_rss_index .item-rss-outer .item-title-block .item-collapse-icon {
    color: #dcdcdc;
}

#page_rss_index .item-rss-outer .item-title-block .item-collapse-icon:hover {
    color: #c8c8c8;
}

#page_rss_index .item-rss-outer .item-title-block .item-collapse-icon.collapsed {
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_rss_index .item-rss-outer .item-title-block .item-title {
    font-size: 20px;
    line-height: 48px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent .item-collapse-icon {
    color: #dcdcdc;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent .item-collapse-icon:hover {
    color: #c8c8c8;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent .item-collapse-icon.collapsed {
    transform: rotate(180deg);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent>a:not(.item-collapse-icon) {
    font-size: 14px;
    color: #9740D5;
    line-height: 48px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent>a:not(.item-collapse-icon) span.ico {
    font-size: 16px;
    color: #9740D5;
}

html[dir="ltr"] #page_rss_index .item-rss-outer .item-action .item-action-parent>a:not(.item-collapse-icon) span.ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_rss_index .item-rss-outer .item-action .item-action-parent>a:not(.item-collapse-icon) span.ico {
    margin-left: 8px;
}

#page_rss_index .item-rss-outer .item-action .item-action-parent>a:not(.item-collapse-icon):hover {
    color: #950FCD;
}

#page_rss_index .item-rss-outer .item-action-child-list li {
    border-bottom: 1px solid #eeeeee;
}

html[dir="ltr"] #page_rss_index .item-rss-outer .item-action-child-list li {
    padding-left: 16px;
}

html[dir="rtl"] #page_rss_index .item-rss-outer .item-action-child-list li {
    padding-right: 16px;
}

#page_rss_index .item-rss-outer .item-action-child-list li a {
    font-size: 14px;
    color: #9740D5;
    line-height: 48px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_rss_index .item-rss-outer .item-action-child-list li a span.ico {
    font-size: 16px;
    color: #9740D5;
}

html[dir="ltr"] #page_rss_index .item-rss-outer .item-action-child-list li a span.ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_rss_index .item-rss-outer .item-action-child-list li a span.ico {
    margin-left: 8px;
}

#page_rss_index .item-rss-outer .item-action-child-list li a:hover {
    color: #950FCD;
}

/*=====  End of Rss  ======*/
/*End RSS Feeds*/
/*Begin ' . Messages . '*/
/* core messages */

[id^=page_mail_] .text-warning {
    color: #9740D5;
}

[id^=page_mail_] .text-gray-dark {
    color: #a2a2a2;
}

[id^=page_mail_] .text-gray {
    color: #c8c8c8;
}

[id^=page_mail_] .text-gray-darker {
    color: #555555;
}

[id^=page_mail_] .wp-nor {
    white-space: nowrap;
}

[id^=page_mail_] .wp-nol {
    white-space: normal;
}

[id^=page_mail_] .text-transition {
    transition: color 0.3s ease-in-out;
}

[id^=page_mail_] .all-transition {
    transition: all 0.3s ease-in-out;
}

[id^=page_mail_] .mt-h1 {
    margin-top: 4px;
}

@media screen and (min-width: 767px) {
    [id^=page_mail_] .mt-sm-0 {
        margin-top: 0;
    }

    [id^=page_mail_] .mt-sm-1 {
        margin-top: 8px;
    }

    [id^=page_mail_] .mt-sm-2 {
        margin-top: 16px;
    }

    [id^=page_mail_] .mt-sm-3 {
        margin-top: 24px;
    }

    [id^=page_mail_] .mt-sm-4 {
        margin-top: 32px;
    }

    [id^=page_mail_] .mt-sm-h1 {
        margin-top: 4px;
    }
}

@media screen and (min-width: 767px) {
    [id^=page_mail_] .mt-xs-0 {
        margin-top: 0;
    }

    [id^=page_mail_] .mt-xs-1 {
        margin-top: 8px;
    }

    [id^=page_mail_] .mt-xs-2 {
        margin-top: 16px;
    }

    [id^=page_mail_] .mt-xs-3 {
        margin-top: 24px;
    }

    [id^=page_mail_] .mt-xs-4 {
        margin-top: 32px;
    }

    [id^=page_mail_] .mt-xs-h1 {
        margin-top: 4px;
    }
}

@media screen and (max-width: 639px) {
    [id^=page_mail_] .mt-xssm-0 {
        margin-top: 0;
    }

    [id^=page_mail_] .mt-xssm-1 {
        margin-top: 8px;
    }

    [id^=page_mail_] .mt-xssm-2 {
        margin-top: 16px;
    }

    [id^=page_mail_] .mt-xssm-3 {
        margin-top: 24px;
    }

    [id^=page_mail_] .mt-xssm-4 {
        margin-top: 32px;
    }

    [id^=page_mail_] .mt-xssm-h1 {
        margin-top: 4px;
    }
}

@media screen and (max-width: 479px) {
    [id^=page_mail_] .mt-xsxs-0 {
        margin-top: 0;
    }

    [id^=page_mail_] .mt-xsxs-1 {
        margin-top: 8px;
    }

    [id^=page_mail_] .mt-xsxs-2 {
        margin-top: 16px;
    }

    [id^=page_mail_] .mt-xsxs-3 {
        margin-top: 24px;
    }

    [id^=page_mail_] .mt-xsxs-4 {
        margin-top: 32px;
    }

    [id^=page_mail_] .mt-xsxs-h1 {
        margin-top: 4px;
    }
}

[id^=page_mail_] .mb-h1 {
    margin-bottom: 4px !important;
}

[id^=page_mail_] .mb--3 {
    margin-bottom: -24px;
}

[id^=page_mail_] .mb--2 {
    margin-bottom: -16px !important;
}

[id^=page_mail_] .mb-0 {
    margin-bottom: 0;
}

[id^=page_mail_] .mb-h2 {
    margin-bottom: 2px;
}

@media screen and (min-width: 767px) {
    [id^=page_mail_] .mb-sm-0 {
        margin-bottom: 0;
    }

    [id^=page_mail_] .mb-sm-1 {
        margin-bottom: 8px;
    }

    [id^=page_mail_] .mb-sm-2 {
        margin-bottom: 16px;
    }

    [id^=page_mail_] .mb-sm-3 {
        margin-bottom: 24px;
    }

    [id^=page_mail_] .mb-sm-4 {
        margin-bottom: 32px;
    }

    [id^=page_mail_] .mb-sm-h1 {
        margin-bottom: 4px;
    }

    [id^=page_mail_] .mb-sm-h2 {
        margin-bottom: 2px;
    }
}

@media screen and (min-width: 767px) {
    [id^=page_mail_] .mb-xs-0 {
        margin-bottom: 0;
    }

    [id^=page_mail_] .mb-xs-1 {
        margin-bottom: 8px;
    }

    [id^=page_mail_] .mb-xs-2 {
        margin-bottom: 16px;
    }

    [id^=page_mail_] .mb-xs-3 {
        margin-bottom: 24px;
    }

    [id^=page_mail_] .mb-xs-4 {
        margin-bottom: 32px;
    }

    [id^=page_mail_] .mb-xs-h1 {
        margin-bottom: 4px;
    }

    [id^=page_mail_] .mb-xs-h2 {
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 479px) {
    [id^=page_mail_] .mb-xsxs-0 {
        margin-bottom: 0;
    }

    [id^=page_mail_] .mb-xsxs-1 {
        margin-bottom: 8px;
    }

    [id^=page_mail_] .mb-xsxs-2 {
        margin-bottom: 16px;
    }

    [id^=page_mail_] .mb-xsxs-3 {
        margin-bottom: 24px;
    }

    [id^=page_mail_] .mb-xsxs-4 {
        margin-bottom: 32px;
    }

    [id^=page_mail_] .mb-xsxs-h1 {
        margin-bottom: 4px;
    }

    [id^=page_mail_] .mb-xsxs-h2 {
        margin-bottom: 2px;
    }
}

html[dir='ltr'] [id^=page_mail_] .ml-h1 {
    margin-left: 4px;
}

html[dir='rtl'] [id^=page_mail_] .ml-h1 {
    margin-right: 4px;
}

html[dir='ltr'] [id^=page_mail_] .ml--1 {
    margin-left: -8px !important;
}

html[dir='rtl'] [id^=page_mail_] .ml--1 {
    margin-right: -8px !important;
}

html[dir='ltr'] [id^=page_mail_] .ml--2 {
    margin-left: -16px !important;
}

html[dir='rtl'] [id^=page_mail_] .ml--2 {
    margin-right: -16px !important;
}

@media screen and (min-width: 767px) {
    html[dir='ltr'] [id^=page_mail_] .ml-sm-0 {
        margin-left: 0;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-sm-0 {
        margin-right: 0;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-sm-1 {
        margin-left: 8px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-sm-1 {
        margin-right: 8px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-sm-2 {
        margin-left: 16px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-sm-2 {
        margin-right: 16px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-sm-3 {
        margin-left: 24px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-sm-3 {
        margin-right: 24px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-sm-h1 {
        margin-left: 4px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-sm-h1 {
        margin-right: 4px;
    }
}

@media screen and (min-width: 767px) {
    html[dir='ltr'] [id^=page_mail_] .ml-xs-0 {
        margin-left: 0;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xs-0 {
        margin-right: 0;
    }
}

@media screen and (max-width: 639px) {
    html[dir='ltr'] [id^=page_mail_] .ml-xssm-0 {
        margin-left: 0;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xssm-0 {
        margin-right: 0;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xssm-1 {
        margin-left: 8px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xssm-1 {
        margin-right: 8px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xssm-2 {
        margin-left: 16px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xssm-2 {
        margin-right: 16px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xssm-3 {
        margin-left: 24px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xssm-3 {
        margin-right: 24px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xssm-h1 {
        margin-left: 4px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xssm-h1 {
        margin-right: 4px;
    }
}

@media screen and (max-width: 479px) {
    html[dir='ltr'] [id^=page_mail_] .ml-xsxs-0 {
        margin-left: 0;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xsxs-0 {
        margin-right: 0;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xsxs-1 {
        margin-left: 8px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xsxs-1 {
        margin-right: 8px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xsxs-2 {
        margin-left: 16px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xsxs-2 {
        margin-right: 16px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xsxs-3 {
        margin-left: 24px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xsxs-3 {
        margin-right: 24px;
    }

    html[dir='ltr'] [id^=page_mail_] .ml-xsxs-h1 {
        margin-left: 4px;
    }

    html[dir='rtl'] [id^=page_mail_] .ml-xsxs-h1 {
        margin-right: 4px;
    }
}

html[dir='ltr'] [id^=page_mail_] .mr--1 {
    margin-right: -8px !important;
}

html[dir='rtl'] [id^=page_mail_] .mr--1 {
    margin-left: -8px !important;
}

html[dir='ltr'] [id^=page_mail_] .mr--2 {
    margin-right: -16px !important;
}

html[dir='rtl'] [id^=page_mail_] .mr--2 {
    margin-left: -16px !important;
}

html[dir='ltr'] [id^=page_mail_] .mr-h1 {
    margin-right: 4px;
}

html[dir='rtl'] [id^=page_mail_] .mr-h1 {
    margin-left: 4px;
}

[id^=page_mail_] .w-auto {
    width: auto;
}

[id^=page_mail_] .w-full {
    width: 100%;
}

[id^=page_mail_] .fz-12 {
    font-size: 12px;
    line-height: 16px;
}

[id^=page_mail_] .fz-14 {
    font-size: 14px;
    line-height: 18px;
}

[id^=page_mail_] .fz-28 {
    font-size: 28px;
    line-height: 37px;
}

[id^=page_mail_] .fz-16 {
    font-size: 16px;
    line-height: 21px;
}

[id^=page_mail_] .fz-20 {
    font-size: 20px;
    line-height: 26px;
}

@media screen and (min-width: 767px) {
    [id^=page_mail_] .fz-xs-20 {
        font-size: 20px;
        line-height: 26px;
    }
}

[id^=page_mail_] .mx-h1 {
    margin-left: 4px;
    margin-right: 4px;
}

[id^=page_mail_] .mx--1 {
    margin-left: -8px;
    margin-right: -8px;
}

html[dir='ltr'] [id^=page_mail_] .pr-4 {
    padding-right: 32px !important;
}

html[dir='rtl'] [id^=page_mail_] .pr-4 {
    padding-left: 32px !important;
}

html[dir='ltr'] [id^=page_mail_] .pr-h1 {
    padding-right: 4px;
}

html[dir='rtl'] [id^=page_mail_] .pr-h1 {
    padding-left: 4px;
}

[id^=page_mail_] .pt-h1 {
    padding-top: 4px;
}

[id^=page_mail_] .pb-h1 {
    padding-bottom: 4px;
}

[id^=page_mail_] .d-block {
    display: block;
}

[id^=page_mail_] .d-inline-block {
    display: inline-block;
}

[id^=page_mail_] .d-flex {
    display: flex;
}

[id^=page_mail_] .d-inline-flex {
    display: inline-flex;
}

[id^=page_mail_] .fw-normal {
    font-weight: normal;
}

[id^=page_mail_] .cursor-point {
    cursor: pointer;
}

[id^=page_mail_] .align-middle {
    vertical-align: middle;
}

[id^=page_mail_] .shink-2 {
    flex-shrink: 2;
}

[id^=page_mail_] .shink-1 {
    flex-shrink: 1;
}

[id^=page_mail_] .align-items-center {
    align-items: center;
}

[id^=page_mail_] .align-items-baseline {
    align-items: baseline;
}

[id^=page_mail_] .justify-content-center {
    justify-content: center !important;
}

[id^=page_mail_] .justify-content-between {
    justify-content: space-between;
}

[id^=page_mail_] .flex-wrap {
    flex-wrap: wrap;
}

[id^=page_mail_] .flex-column {
    flex-direction: column;
}

[id^=page_mail_] .flex-row {
    flex-direction: row;
}

@media screen and (max-width: 479px) {
    [id^=page_mail_] .col-xsxs-12 {
        width: 100%;
    }
}

#page_mail_index ._block_top {
    height: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#page_mail_index .item-mark-all-read {
    position: static;
    top: auto;
    right: auto;
}

html[dir='rtl'] #page_mail_index .item-mark-all-read>span {
    display: inline-block;
}

#page_mail_customlist_index #content-stage,
#page_mail_index #content-stage {
    min-height: auto !important;
    padding: 16px 16px;
}

#page_mail_customlist_index #js_main_mail_thread_holder .mail_thread_form_holder,
#page_mail_index #js_main_mail_thread_holder .mail_thread_form_holder {
    margin-top: 0;
}

.core-messages {
    display: flex;
    margin: -16px -16px;
}

.core-messages .dropzone-component[id*="attachment-dropzone"] .dz-preview .dz-attachment-upload-again {
    border-radius: 4px !important;
}

.core-messages__no-message {
    min-height: 511px;
    color: #dcdcdc;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.core-messages__no-message .ico {
    font-size: 72px;
}

@media screen and (min-width: 768px) {
    .core-messages__left-side {
/*        min-width: 320px;*/
        min-width: 100%;
/*        max-width: 320px;*/
        max-width: 100%;
    }

    html[dir='ltr'] .core-messages__left-side {
        border-right: 1px solid #dcdcdc;
    }

    html[dir='rtl'] .core-messages__left-side {
        border-left: 1px solid #dcdcdc;
    }
}

@media screen and (min-width: 767px) {
    .core-messages__left-side {
        flex-grow: 1;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    #main.empty-left:not(.empty-right) .core-messages__left-side,
    #main.empty-right:not(.empty-left) .core-messages__left-side,
    #main:not(.empty-left):not(.empty-right) .core-messages__left-side {
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1025px) {
    #main:not(.empty-left):not(.empty-right) .core-messages__left-side {
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
    }
}

.core-messages__right-side {
    flex: 1;
    min-width: 0;
}

@media screen and (min-width: 767px) {
    .core-messages__right-side {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    #main.empty-left:not(.empty-right) .core-messages__right-side,
    #main.empty-right:not(.empty-left) .core-messages__right-side,
    #main:not(.empty-left):not(.empty-right) .core-messages__right-side {
        display: none;
    }
}

@media (min-width: 1025px) {
    #main:not(.empty-left):not(.empty-right) .core-messages__right-side {
        display: none;
    }
}

.core-messages.active-messages .core-messages__left-side {
    display: none !important;
}

.core-messages.active-messages .core-messages__right-side {
    display: block !important;
}

.core-messages__search {
    display: flex;
    position: relative;
    padding: 8px;
    border-bottom: 1px solid #dcdcdc;
}

.core-messages__search-input {
    background-color: #f8f8f8 !important;
    color: #c8c8c8 !important;
    border: 0;
    outline: 0;
}

html[dir='ltr'] .core-messages__search-input {
    padding-left: 30px;
}

html[dir='rtl'] .core-messages__search-input {
    padding-right: 30px;
    padding-left: 8px;
}

html[dir='ltr'] .core-messages__search-input.search-page {
    padding-right: 32px;
}

html[dir='rtl'] .core-messages__search-input.search-page {
    padding-left: 32px;
    padding-right: 30px;
}

.core-messages__search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #c8c8c8;
}

html[dir="ltr"] .core-messages__search-icon {
    left: 16px;
}

html[dir="rtl"] .core-messages__search-icon {
    right: 16px;
}

.core-messages__search-new {
    font-size: 16px;
    padding: 0 8px;
    line-height: 32px;
    color: #9740D5;
    transition: color 0.3s ease-in-out;
}

html[dir="ltr"] .core-messages__search-new {
    margin-left: 8px;
}

html[dir="rtl"] .core-messages__search-new {
    margin-right: 8px;
}

.core-messages__search-new:hover {
    color: #950FCD;
}

.core-messages__filter {
    border-bottom: 1px solid #dcdcdc;
}

html[dir='ltr'] .core-messages__filter {
    padding: 6px 12px 6px 8px;
}

html[dir='rtl'] .core-messages__filter {
    padding: 6px 8px 6px 12px;
}

.core-messages__filter-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98px;
}

.core-messages__filter-back {
    color: #555555 !important;
}

.core-messages__filter-back .fa {
    font-size: 26px;
    color: #9740D5;
    line-height: 19px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -3px 0 -3px -8px;
}

html[dir='ltr'] .core-messages__filter-back .fa {
    margin: -3px 0 -3px -8px;
}

html[dir='rtl'] .core-messages__filter-back .fa {
    margin: -3px -8px -3px 0;
    transform: rotate(180deg);
}

.core-messages__filter .dropdown-menu {
    min-width: 280px !important;
}

.core-messages__filter .dropdown-menu>li a {
    white-space: normal;
}

html[dir='ltr'] .core-messages__filter .dropdown-menu {
    margin-right: -11px;
}

html[dir='rtl'] .core-messages__filter .dropdown-menu {
    margin-left: -11px;
}

.core-messages__list.message-container {
    overflow: hidden;
}

.core-messages__list-body {
    flex-grow: 1;
    min-width: 1px;
}

.core-messages__list-body.js_item_click {
    cursor: pointer;
}

.core-messages__list-wapper {
    max-height: 511px;
    min-height: 511px;
}

.core-messages__list-item {
    padding-top: 8px;
    padding-bottom: 8px;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #dcdcdc;
}

html[dir='ltr'] .core-messages__list-item {
    padding-right: 12px;
}

html[dir='rtl'] .core-messages__list-item {
    padding-left: 12px;
}

.core-messages__list-item .item-checkbox {
    width: auto;
    height: auto;
    padding: 8px;
    font-size: 16px;
    background-color: transparent !important;
}

.core-messages__list-item:hover .core-messages__list-content>a {
    opacity: 1;
}

.core-messages__list-item:hover {
    background-color: #f8f8f8;
}

.core-messages__list-item:hover .core-messages__list-content>a {
    opacity: 1;
}

.core-messages__list-item.is_selected_thread {
    background-color: #f8f8f8;
}

.core-messages__list-item.is_selected_thread .core-messages__list-content>p {
    color: #555555;
}

.core-messages__list-item.mail_is_new {
    background-color: #E8DAF2;
}

.core-messages__list-item.mail_is_new .core-messages__list-content>p {
    color: #555555;
    font-weight: bold;
}

.core-messages__list-photo {
    width: 56px;
    height: 56px;
    min-width: 56px;
    pointer-events: none;
    position: relative;
}

.core-messages__list-photo .no_image_user,
.core-messages__list-photo .img-wrapper {
    box-shadow: none !important;
}

.core-messages__list-photo .no_image_user {
    width: 100%;
    height: 100%;
}

.core-messages__list-photo .img-wrapper img {
    width: 100%;
    height: 100%;
}

.core-messages__list-photo:not(.in-dropdown)>a {
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: block;
    position: absolute;
    top: 0;
}

html[dir='ltr'] .core-messages__list-photo:not(.in-dropdown)>a {
    left: 0;
}

html[dir='rtl'] .core-messages__list-photo:not(.in-dropdown)>a {
    right: 0;
}

.core-messages__list-photo:not(.in-dropdown)>a:first-child:nth-last-child(2),
.core-messages__list-photo:not(.in-dropdown)>a:first-child:nth-last-child(2)~a {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
}

.core-messages__list-photo:not(.in-dropdown)>a:first-of-type {
    z-index: 2;
    top: auto !important;
    bottom: 0 !important;
}

html[dir='ltr'] .core-messages__list-photo:not(.in-dropdown)>a:first-of-type {
    left: auto !important;
    right: 0 !important;
}

html[dir='rtl'] .core-messages__list-photo:not(.in-dropdown)>a:first-of-type {
    left: 0 !important;
    right: auto !important;
}

.core-messages__list-photo.in-dropdown.has-2-avt,
.core-messages__list-photo.in-dropdown.has-3-avt,
.core-messages__list-photo.in-dropdown.has-4-avt {
    border-radius: 100%;
    overflow: hidden;
}

.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar {
    float: left;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar {
    float: right;
}

.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar .no_image_user,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar .no_image_user,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar .no_image_user,
.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar .img-wrapper,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar .img-wrapper,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar .img-wrapper {
    min-width: 56px;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(1) .no_image_user span,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(1) .no_image_user span,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(1) .no_image_user span {
    left: 25% !important;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(1) .no_image_user span,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(1) .no_image_user span,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(1) .no_image_user span {
    left: 75% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .no_image_user span,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .no_image_user span,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .no_image_user span {
    left: 75% !important;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .no_image_user span,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .no_image_user span,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .no_image_user span {
    left: 25% !important;
}

.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(3) .no_image_user,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) .no_image_user,
.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(4) .no_image_user,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(4) .no_image_user,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user,
.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(3) .img-wrapper,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .img-wrapper,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) .img-wrapper,
.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(4) .img-wrapper,
.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(4) .img-wrapper,
.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .img-wrapper {
    margin-top: -100%;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .img-wrapper,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .img-wrapper,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .img-wrapper {
    margin-left: -100%;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .no_image_user,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(2) .img-wrapper,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .img-wrapper,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .img-wrapper {
    margin-right: -100%;
}

.core-messages__list-photo.in-dropdown.has-2-avt .no_image_user span,
.core-messages__list-photo.in-dropdown.has-3-avt .no_image_user span,
.core-messages__list-photo.in-dropdown.has-4-avt .no_image_user span {
    font-size: 9px !important;
}

.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.core-messages__list-photo.in-dropdown.has-2-avt .item-avatar:nth-child(1) {
    border-right: 1px solid #fff;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(1) {
    border-right: 1px solid #fff;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) {
    border-bottom: 1px solid #fff;
    height: 50%;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(2) .no_image_user span {
    top: 25% !important;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) {
    height: 50%;
}

.core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user span {
    top: 75% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user span {
    left: 75% !important;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user span {
    left: 25% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .img-wrapper {
    margin-left: -100%;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .no_image_user,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-3-avt .item-avatar:nth-child(3) .img-wrapper {
    margin-right: -100%;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar {
    width: 50%;
    height: 50%;
    overflow: hidden;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(1) {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(1) .no_image_user span {
    top: 25% !important;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) {
    border-bottom: 1px solid #fff;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(2) .no_image_user span {
    top: 25% !important;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) {
    border-right: 1px solid #fff;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) .no_image_user span {
    top: 75% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) .no_image_user span {
    left: 25% !important;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(3) .no_image_user span {
    left: 75% !important;
}

.core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user span {
    top: 75% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user span {
    left: 75% !important;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user span {
    left: 25% !important;
}

html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user,
html[dir='ltr'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .img-wrapper {
    margin-left: -100%;
}

html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .no_image_user,
html[dir='rtl'] .core-messages__list-photo.in-dropdown.has-4-avt .item-avatar:nth-child(4) .img-wrapper {
    margin-right: -100%;
}

.core-messages__list-inner {
    flex-grow: 1;
    min-width: 1px;
}

html[dir='ltr'] .core-messages__list-inner {
    margin-left: 12px;
}

html[dir='rtl'] .core-messages__list-inner {
    margin-right: 12px;
}

.core-messages__list-owner>a {
    min-width: 1px;
    font-weight: bold;
    color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core-messages__list-mark-read {
    padding: 12px 12px 3px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
}

html[dir='ltr'] .core-messages__list-mark-read {
    right: -12px;
}

html[dir='rtl'] .core-messages__list-mark-read {
    left: -12px;
}

.core-messages__list-mark-read a {
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
    width: 8px;
    height: 8px;
    display: block;
    background-color: #950FCD;
    border: 1px solid #950FCD;
}

.core-messages__list-mark-read a span {
    display: none;
}

.core-messages__list-mark-read.unread a {
    border: 1px solid #a2a2a2;
    background-color: transparent;
}

.core-messages__list-time {
    position: relative;
}

html[dir='ltr'] .core-messages__list-time {
    padding-right: 20px;
}

html[dir='rtl'] .core-messages__list-time {
    padding-left: 20px;
}

.core-messages__list-content>p {
    min-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[dir="ltr"] .core-messages__list-content>p {
    margin-right: 8px;
}

html[dir="rtl"] .core-messages__list-content>p {
    margin-left: 8px;
}

.core-messages__list-content>p span {
    display: inline-block;
}

html[dir='rtl'] .core-messages__list-content>p span {
    float: right;
}

.core-messages__list-content>a {
    opacity: 0;
    position: relative;
    line-height: normal;
    font-size: 12px;
    transition: opacity 0.3s ease-in-out;
    color: #a2a2a2;
}

.core-messages__list .custom-list-parent {
    border-bottom: 1px solid #dcdcdc;
    cursor: pointer;
}

.core-messages__list .custom-list-parent.is_selected_thread {
    background-color: #f8f8f8;
}

.core-messages__list .edit-custom-list {
    min-width: 1px;
}

html[dir='ltr'] .core-messages__list .edit-custom-list {
    padding-left: 6px;
}

html[dir='rtl'] .core-messages__list .edit-custom-list {
    padding-right: 6px;
    text-align: right;
}

.core-messages__list .custom-list-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 0;
}

.core-messages__title {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.core-messages__title-action [data-toggle="dropdown"] {
    color: #9740D5;
}

.core-messages__title-action [data-toggle="dropdown"]:hover,
.core-messages__title-action [data-toggle="dropdown"]:hover .ico {
    color: #9223C9;
}

.core-messages__title-action .open [data-toggle="dropdown"],
.core-messages__title-action .open [data-toggle="dropdown"] .ico {
    color: #9223C9;
}

.core-messages__title-action .dropdown-menu a {
    cursor: pointer;
}

.core-messages__title-edit {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 4px;
    right: 44px;
}

.core-messages__title-name {
    display: inline-flex;
    align-items: center;
    min-width: 1px;
}

.core-messages__title-name .back-to-list {
    margin: 0 !important;
}

@media screen and (min-width: 767px) {
    html[dir='ltr'] .core-messages__title-name {
        margin-left: -16px;
    }

    html[dir='rtl'] .core-messages__title-name {
        margin-right: -16px;
    }
}

.core-messages__title .remove-list-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 40px;
    height: 40px;
}

.core-messages__title .custon-list-input {
    width: 100%;
    position: relative;
}

.core-messages__title .custon-list-input input {
    box-shadow: none !important;
    border-color: #dcdcdc !important;
    padding: 0 8px;
    outline: none;
    height: 32px;
    font-weight: normal;
}

.core-messages__title .custon-list-input span[class*="js_customlist_name"] {
    position: relative;
}

.core-messages__title .custon-list-input span[class*="js_customlist_name"]:not(.hide_it) {
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 4px 5px;
}

.core-messages__title .custon-list-input span[class*="js_customlist_name"]:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -8px;
    right: -8px;
    bottom: -2px;
    border: 1px solid #dcdcdc;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (max-width: 992px) {
    .core-messages__title .custon-list-input span[class*="js_customlist_name"]:before {
        display: none;
    }
}

.core-messages__title .custon-list-input:hover span[class*="js_customlist_name"]:before {
    opacity: 1;
}

@media screen and (min-width: 767px) {
    .core-messages__title .custon-list-input {
        position: relative;
    }

    html[dir='ltr'] .core-messages__title .custon-list-input {
        padding-left: 24px;
    }

    html[dir='rtl'] .core-messages__title .custon-list-input {
        padding-right: 24px;
    }

    .core-messages__title .custon-list-input .back-to-list {
        position: absolute;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    html[dir='ltr'] .core-messages__title .custon-list-input .back-to-list {
        left: 0;
    }

    html[dir='rtl'] .core-messages__title .custon-list-input .back-to-list {
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input,
    #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input,
    #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        position: relative;
    }

    html[dir='ltr'] #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input,
    html[dir='ltr'] #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input,
    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        padding-left: 24px;
    }

    html[dir='rtl'] #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input,
    html[dir='rtl'] #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input,
    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        padding-right: 24px;
    }

    #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input .back-to-list,
    #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input .back-to-list,
    #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        position: absolute;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    html[dir='ltr'] #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input .back-to-list,
    html[dir='ltr'] #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input .back-to-list,
    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        left: 0;
    }

    html[dir='rtl'] #main.empty-left:not(.empty-right) .core-messages__title .custon-list-input .back-to-list,
    html[dir='rtl'] #main.empty-right:not(.empty-left) .core-messages__title .custon-list-input .back-to-list,
    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        right: 0;
    }
}

@media (min-width: 1025px) {
    #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        position: relative;
    }

    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        padding-left: 24px;
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input {
        padding-right: 24px;
    }

    #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        position: absolute;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        left: 0;
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages__title .custon-list-input .back-to-list {
        right: 0;
    }
}

.core-messages__title .create-custom {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
}

.core-messages__conversation {
    min-height: 510px;
}

@media (min-width: 767px) {
    .core-messages__conversation {
        min-height: 350px;
    }
}

.core-messages__conversation .mail-messages {
    max-height: 510px;
    min-height: 510px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    margin-bottom: 8px;
}

.core-messages__conversation .mail-messages .mCustomScrollBox {
    max-height: 510px !important;
}

@media (min-width: 767px) {
    .core-messages__conversation .mail-messages {
        max-height: 350px;
        min-height: 350px;
    }

    .core-messages__conversation .mail-messages .mCustomScrollBox {
        max-height: 350px !important;
    }
}

.core-messages__conversation .mail-messages .mCSB_scrollTools {
    margin: 0 !important;
}

html[dir='ltr'] .core-messages__conversation .mail-messages .mCSB_scrollTools {
    right: 0 !important;
}

html[dir='rtl'] .core-messages__conversation .mail-messages .mCSB_scrollTools {
    left: 0 !important;
    right: auto !important;
}

.core-messages__conversation .mail-messages .mCSB_scrollTools .mCSB_dragger_bar {
    background-color: #a2a2a2 !important;
}

.core-messages__conversation #mail_threaded_new_message .mail_thread_holder {
    margin-top: 8px;
}

.core-messages__conversation .mail_thread_holder {
    display: flex;
    align-items: center;
}

.core-messages__conversation .mail_thread_holder .mail_text {
    max-width: 100%;
    width: 100%;
}

.core-messages__conversation .mail_thread_holder .mail_text a:not(.item-media-src) {
    /* word-wrap: break-word;
                     word-break: break-all;
                     display: inline-block; */
    /* overflow-wrap: break-word;
                      word-wrap: break-word;
                      hyphens: auto; */
    word-wrap: break-word;
    white-space: pre-wrap;
}

.core-messages__conversation .mail_thread_holder.is_user {
    justify-content: flex-end;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content {
    color: #ffffff;
    background-color: #9740D5;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .attachment_row_link {
    border-bottom: 1px solid #D5A9FF;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .attachment_row_link,
.core-messages__conversation .mail_thread_holder.is_user .mail_content .item-info {
    color: #D5A9FF;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .attachment-row-actions>a span.ico {
    color: #D5A9FF !important;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .attachment-row-actions:hover>a span.ico {
    color: #ffffff !important;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .mail_text a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.core-messages__conversation .mail_thread_holder.is_user .mail_content .mail_text a {
    color: #ffffff;
}

.core-messages__conversation .mail_thread_holder .mail_content {
    max-width: 80%;
    min-height: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
    padding: 11px 16px;
    border-radius: 16px;
    word-break: break-word;
    word-wrap: break-word;
}

.core-messages__conversation .mail_thread_holder .mail_content .attachment_row_link {
    padding-bottom: 3px;
    border-bottom: 1px solid #c8c8c8;
    display: inline-block;
    width: auto;
    min-width: 1px;
    max-width: 100%;
    color: #c8c8c8;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .core-messages__conversation .mail_thread_holder .mail_content .attachment_row_link {
        /* IE10+ CSS */
        max-width: 180px;
    }
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder .mail_content .attachment_row_link {
    text-align: right;
}

.core-messages__conversation .mail_thread_holder .mail_content .item-info {
    color: #c8c8c8;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder .mail_content .item-info {
    text-align: right;
}

.core-messages__conversation .mail_thread_holder .mail_content .attachment_header_holder {
    display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .core-messages__conversation .mail_thread_holder .mail_content .mail_text {
        max-width: 100%;
    }
}

#main:not(.empty-left):not(.empty-right) .core-messages__conversation .mail_thread_holder .mail_content .mail_text img,
#main.empty-left:not(.empty-right) .core-messages__conversation .mail_thread_holder .mail_content .mail_text img,
#main.empty-right:not(.empty-left) .core-messages__conversation .mail_thread_holder .mail_content .mail_text img {
    max-width: 100%;
}

.core-messages__conversation .mail_thread_holder .mail_content.is_mixed_text {
    border-radius: 16px !important;
}

.core-messages__conversation .mail_thread_holder .mail_content.is_mixed_text .mail_text img {
    margin-bottom: 11px;
    max-width: 248px;
    display: block;
}

@media (max-width: 768px) {
    .core-messages__conversation .mail_thread_holder .mail_content.is_mixed_text .mail_text {
        max-width: 100%;
    }

    .core-messages__conversation .mail_thread_holder .mail_content.is_mixed_text .mail_text img {
        max-width: 100%;
    }
}

.core-messages__conversation .mail_thread_holder .mail_content.is_only_image_text {
    border-radius: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
    padding: 0;
}

.core-messages__conversation .mail_thread_holder .mail_content.is_only_image_text .parsed_image {
    border-radius: 16px;
    max-width: none;
    margin: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    max-width: 310px;
}

@media (max-width: 768px) {
    .core-messages__conversation .mail_thread_holder .mail_content.is_only_image_text .parsed_image {
        max-width: 100%;
    }

    .core-messages__conversation .mail_thread_holder .mail_content.is_only_image_text .parsed_image img {
        max-width: 100%;
    }
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment {
    border-radius: 16px !important;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 3px;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .mail_text {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .mail_text img {
    max-width: 248px;
}

@media screen and (max-width: 479px) {
    .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .mail_text img {
        max-width: 179px;
    }
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view {
    max-height: none;
    overflow: visible;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    width: 100%;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment_list {
    margin: 8px 0 0 !important;
    flex-direction: column !important;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body {
    flex-basis: auto;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body {
    padding-left: 8px;
    padding-right: 24px;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body {
    padding-right: 8px;
    padding-left: 24px;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body.no_delete_action {
    padding-right: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body.no_delete_action {
    padding-left: 0;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-body .attachment-row-title {
    min-width: 1px;
    width: 100%;
    align-items: flex-start;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-row {
    width: 100% !important;
    max-width: 248px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-row+.attachment-row {
    margin-top: 8px;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-image {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-row-actions {
    top: 0;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-row-actions>a span.ico {
    color: #c8c8c8;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .attachment_holder_view .attachment-row-actions:hover>a span.ico {
    color: #a2a2a2;
}

.core-messages__conversation .mail_thread_holder .mail_content.has_attachment .item-outer {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .item-outer .attachment-row-actions {
    margin-right: -16px;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder .mail_content.has_attachment .item-outer .attachment-row-actions {
    margin-left: -16px;
}

.core-messages__conversation .mail_thread_holder .mail_user_image {
    margin-top: 4px;
}

html[dir="ltr"] .core-messages__conversation .mail_thread_holder .mail_user_image {
    margin-right: 16px;
}

html[dir="rtl"] .core-messages__conversation .mail_thread_holder .mail_user_image {
    margin-left: 16px;
}

.core-messages__conversation .mail_thread_holder .mail_user_image .img-wrapper,
.core-messages__conversation .mail_thread_holder .mail_user_image .no_image_user {
    width: 32px !important;
    height: 32px !important;
}

.core-messages__conversation .mail_thread_holder .mail_user_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.core-messages__conversation .mail_thread_holder .mail_user_image .no_image_user span {
    font-size: 12px;
}

.core-messages__conversation .mail_thread_holder+.mail_thread_holder {
    margin-top: 8px;
}

.core-messages__conversation .mail_thread_holder:not(.is_user).is_first_message {
    align-items: flex-start;
}

.core-messages__conversation .mail_thread_holder:not(.is_user).is_first_message .mail_content {
    max-width: calc(80% - 48px);
    border-bottom-left-radius: 0;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_middle_message .mail_content {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_middle_message .mail_content {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_last_message .mail_content {
    border-top-left-radius: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_last_message .mail_content {
    border-top-right-radius: 0;
}

.core-messages__conversation .mail_thread_holder:not(.is_user).is_middle_message .mail_content,
.core-messages__conversation .mail_thread_holder:not(.is_user).is_last_message .mail_content {
    max-width: calc(80% - 13px);
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_middle_message,
html[dir='ltr'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_last_message {
    padding-left: 48px;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_middle_message,
html[dir='rtl'] .core-messages__conversation .mail_thread_holder:not(.is_user).is_last_message {
    padding-right: 48px;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder.is_user.is_first_message .mail_content {
    border-bottom-right-radius: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder.is_user.is_first_message .mail_content {
    border-bottom-left-radius: 0;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder.is_user.is_middle_message .mail_content {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder.is_user.is_middle_message .mail_content {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

html[dir='ltr'] .core-messages__conversation .mail_thread_holder.is_user.is_last_message .mail_content {
    border-top-right-radius: 0;
}

html[dir='rtl'] .core-messages__conversation .mail_thread_holder.is_user.is_last_message .mail_content {
    border-top-left-radius: 0;
}

.core-messages__conversation .message-time-list {
    text-align: center;
    color: #c8c8c8;
    text-transform: uppercase;
    margin: 12px 0;
}

.core-messages__conversation .message-time-list span {
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #fff;
}

.core-messages__conversation .message-time-list span:after,
.core-messages__conversation .message-time-list span:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #c8c8c8;
    width: 24px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.core-messages__conversation .message-time-list span:before {
    right: 100%;
}

.core-messages__conversation .message-time-list span:after {
    left: 100%;
}

.core-messages__conversation .mCS-minimal-dark.mCSB_scrollTools_vertical {
    width: 8px !important;
}

html[dir='ltr'] .core-messages__conversation .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 8px !important;
}

html[dir='rtl'] .core-messages__conversation .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 8px !important;
}

.core-messages__conversation .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger_bar {
    width: 8px !important;
}

.core-messages__conversation .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_draggerContainer {
    background-color: #eeeeee;
    border-radius: 16px;
}

.core-messages__footer .compose-form {
    display: flex;
    align-items: center;
    border-top: 1px solid #dcdcdc;
}

html[dir="ltr"] .core-messages__footer .compose-form {
    padding-right: 16px;
}

html[dir="rtl"] .core-messages__footer .compose-form {
    padding-left: 16px;
}

.core-messages__footer .attachment-holder {
    border: 0;
}

.core-messages__footer .editor_holder {
    align-items: center;
    border: 0;
    flex-grow: 1;
    border-radius: 0;
    display: inline-flex;
    padding: 9px 10px 9px 16px;
}

.core-messages__footer .editor_holder .global_attachment_header {
    height: 100%;
    display: flex;
    align-items: center;
}

.core-messages__footer .editor_holder .edit_menu_container {
    flex-grow: 1;
    border: 0;
}

.core-messages__footer .editor_holder .edit_menu_container textarea.form-control {
    min-width: auto;
    min-height: auto;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    padding: 8px 0;
    height: 20px;
}

.core-messages__footer .editor_holder .global_attachment {
    background-color: transparent;
    border-bottom: 0;
}

.core-messages__footer .editor_holder .global_attachment_manage {
    position: static;
    display: inline-block;
}

.core-messages__footer .editor_holder .global_attachment_manage .attachment-counter,
.core-messages__footer .editor_holder .global_attachment_manage .ico-angle-down {
    display: none;
}

.core-messages__footer .editor_holder .global_attachment_manage>a {
    overflow: hidden;
    text-indent: 999px;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    color: #a2a2a2;
    font-size: 16px;
}

.core-messages__footer .editor_holder .global_attachment_manage>a .item-label-text {
    display: none;
}

.core-messages__footer .editor_holder .global_attachment_manage>a .ico-paperclip-alt {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    position: absolute;
}

.core-messages__footer .editor_holder .global_attachment_manage>a:hover {
    color: #555555;
}

.core-messages__footer .editor_holder .global_attachment_list {
    line-height: normal;
    margin-left: 0;
    margin-right: 0;
}

.core-messages__footer .editor_holder .global_attachment_list li {
    padding: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.core-messages__footer .editor_holder .global_attachment_list li a {
    padding: 0;
}

.core-messages__footer .editor_holder .global_attachment_list li a .fa {
    font-size: 19px;
}

@media screen and (max-width: 479px) {
    .core-messages__footer .editor_holder .global_attachment_list {
        display: inline-flex;
    }
}

.core-messages__footer .attachment-body .js_attachment_add_inline .ico:before {
    content: "\eaa1";
}

.core-messages__footer .attachment-body .js_attachment_remove_inline .ico:before {
    content: "\eaec";
}

.core-messages__mass-actions {
    padding: 6px 8px;
    border-bottom: 1px solid #dcdcdc;
}

.core-messages__select-all input {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    position: absolute;
}

.core-messages__select-all input:checked+.ico {
    color: #9740D5;
}

.core-messages__select-all input:checked+.ico:before {
    content: "\ea7b";
}

.core-messages__select-all .ico {
    display: inline-block;
    font-size: 14px;
    color: #a2a2a2;
}

.core-messages__checkbox input {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    position: absolute;
}

.core-messages__checkbox input:checked+.ico {
    color: #9740D5;
}

.core-messages__checkbox input:checked+.ico:before {
    content: "\ea7b";
}

.core-messages__checkbox .ico {
    color: #a2a2a2;
}

.core-messages__addmember {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.core-messages__addmember>form {
    flex: 1;
    min-width: 0;
}

.core-messages__addmember .search-friend-list {
    position: absolute;
    top: 100%;
    margin-top: 14px;
    padding: 8px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(85, 85, 85, 0.2);
    z-index: 1;
}

html[dir='ltr'] .core-messages__addmember .search-friend-list {
    left: -16px;
    right: -4px;
}

html[dir='rtl'] .core-messages__addmember .search-friend-list {
    right: -16px;
    left: -4px;
}

.core-messages__addmember .search-friend-list ul {
    display: flex;
    flex-wrap: wrap;
}

.core-messages__addmember .search-friend-list ul li {
    width: 50%;
    padding: 8px;
}

.core-messages__addmember .search-friend-list ul li>div {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.core-messages__addmember .search-friend-list ul li>div .user,
.core-messages__addmember .search-friend-list ul li>div .customlist {
    min-width: 1px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[dir="ltr"] .core-messages__addmember .search-friend-list ul li>div .user,
html[dir="ltr"] .core-messages__addmember .search-friend-list ul li>div .customlist {
    margin-left: 8px;
}

html[dir="rtl"] .core-messages__addmember .search-friend-list ul li>div .user,
html[dir="rtl"] .core-messages__addmember .search-friend-list ul li>div .customlist {
    margin-right: 8px;
}

.core-messages__addmember .search-friend-list ul li>div .image {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}

.core-messages__addmember .search-friend-list ul li>div .image img {
    width: 32px;
    height: 32px;
}

.core-messages__addmember .search-friend-list ul li>div.js_core_messages_search_friend .image {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.core-messages__addmember .search-friend-list ul li>div.js_core_messages_search_custom_list .image {
    background-color: #dcdcdc;
    color: #fff;
}

.core-messages__addmember .search-friend-component {
    border: 0;
    padding: 0;
    align-items: center;
    position: relative;
}

.core-messages__addmember .item-search-friend-selected,
.core-messages__addmember .item-search-custom-list-selected {
    border: 1px solid #9740D5;
    color: #9740D5;
    font-size: 12px;
    border-radius: 1px;
    padding: 4px 8px;
    display: inline-block;
    margin-bottom: 4px;
}

html[dir="ltr"] .core-messages__addmember .item-search-friend-selected,
html[dir="ltr"] .core-messages__addmember .item-search-custom-list-selected {
    margin-right: 8px;
}

html[dir="rtl"] .core-messages__addmember .item-search-friend-selected,
html[dir="rtl"] .core-messages__addmember .item-search-custom-list-selected {
    margin-left: 8px;
}

.core-messages__addmember .item-search-friend-name {
    line-height: normal;
}

.core-messages__addmember .item-search-friend-remove,
.core-messages__addmember .item-search-custom-list-remove {
    display: inline-flex;
    line-height: normal;
    font-size: 8px;
    width: 22px;
    height: 22px;
    justify-content: center;
    align-items: center;
    margin: -4px -8px -4px 0;
}

.core-messages__addmember .item-search-friend-remove:hover,
.core-messages__addmember .item-search-custom-list-remove:hover {
    color: #9223C9;
}

.core-messages__addmember .search_friend_input {
    padding: 0;
    border: 0;
    outline: none;
    height: auto;
    box-shadow: none !important;
    background-color: transparent !important;
}

@media (min-width: 767px) {
    .core-messages__addmember .search_friend_input {
        min-width: 240px;
    }
}

@media screen and (min-width: 767px) {
    .core-messages .back-to-list {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    html[dir='ltr'] .core-messages .back-to-list {
        margin-left: -16px;
    }

    html[dir='rtl'] .core-messages .back-to-list {
        margin-right: -16px;
        transform: rotate(180deg);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    #main.empty-left:not(.empty-right) .core-messages .back-to-list,
    #main.empty-right:not(.empty-left) .core-messages .back-to-list,
    #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    html[dir='ltr'] #main.empty-left:not(.empty-right) .core-messages .back-to-list,
    html[dir='ltr'] #main.empty-right:not(.empty-left) .core-messages .back-to-list,
    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        margin-left: -16px;
    }

    html[dir='rtl'] #main.empty-left:not(.empty-right) .core-messages .back-to-list,
    html[dir='rtl'] #main.empty-right:not(.empty-left) .core-messages .back-to-list,
    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        margin-right: -16px;
        transform: rotate(180deg);
    }
}

@media (min-width: 1025px) {
    #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    html[dir='ltr'] #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        margin-left: -16px;
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .core-messages .back-to-list {
        margin-right: -16px;
        transform: rotate(180deg);
    }
}

.file-text-message {
    margin-right: 4px;
}

.core-messages__conversation .js_template_message_is_user {
    display: none;
}

.back-parent {
    padding: 6px 8px;
    border-bottom: 1px solid #dcdcdc;
}

.check-out-search {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8c8c8;
    cursor: pointer;
}

html[dir='ltr'] .check-out-search {
    right: 48px;
}

html[dir='rtl'] .check-out-search {
    left: 48px;
}

.js_box_content #js_compose_new_message .compose-form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.js_box_content #js_compose_new_message .compose-form .editor_holder {
    width: 100%;
}

.js_box_content #js_compose_new_message .btn-compose {
    margin-top: 16px;
}

.tooltip.core-mail-tooltip {
    z-index: 9999;
}

@media (max-width: 1024px) {
    .tooltip.core-mail-tooltip {
        display: none !important;
    }
}

.tooltip.core-mail-tooltip .tooltip-inner {
    border-radius: 4px;
}

.core-messages__right-side .core-messages-advanced-compose .search-friend-component {
    margin-top: 8px;
    margin-bottom: 8px;
}

.js_box_holder #js_compose_new_message #js_compose_message_textarea {
    max-height: 150px;
    margin-bottom: 0;
}

html[dir='ltr'] .core-messages__list-content>a:first-child {
    margin-left: auto;
}

html[dir='rtl'] .core-messages__list-content>a:first-child {
    margin-right: auto;
}

.js_group_conversation_title_change {
    box-shadow: none !important;
    border-color: #dcdcdc !important;
    padding: 0 8px;
    outline: none;
    height: 32px;
    font-weight: normal;
    margin: 0 -4px;
}

.core-messages__title-name {
    width: 100%;
}

.core-messages__title-name .js_group_conversation_title {
    width: 100%;
}

.remove-list-group [data-toggle="dropdown"] {
    color: #9740D5;
}

.remove-list-group [data-toggle="dropdown"]:hover,
.remove-list-group [data-toggle="dropdown"]:hover .ico {
    color: #9223C9;
}

.remove-list-group .open [data-toggle="dropdown"],
.remove-list-group .open [data-toggle="dropdown"] .ico {
    color: #9223C9;
}

.core-messages__title-name .js_group_conversation_title .js_group_conversation_title_text {
    position: relative;
}

.core-messages__title-name .js_group_conversation_title .js_group_conversation_title_text:not(.hide_it) {
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 4px 2px;
}

.core-messages__title-name .js_group_conversation_title .js_group_conversation_title_text:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -8px;
    right: -8px;
    bottom: -2px;
    border: 1px solid #dcdcdc;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (max-width: 992px) {
    .core-messages__title-name .js_group_conversation_title .js_group_conversation_title_text:before {
        display: none;
    }
}

.core-messages__title-name .js_group_conversation_title .js_group_conversation_title_text:hover:before {
    opacity: 1;
}

.js_group_members_block {
    display: flex;
    flex-flow: wrap;
}

.js_group_members_block .group-member {
    margin-bottom: 16px;
    width: 50px;
    position: relative;
    margin-right: 12px;
    display: inline-block;
}

.js_group_members_block .group-member-avatar {
    position: relative;
    margin-bottom: 8px;
}

.js_group_members_block .group-member-avatar .no_image_user,
.js_group_members_block .group-member-avatar .img-wrapper {
    width: 48px;
    height: 48px;
}

.js_group_members_block .group-member-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
}

#user_sticky_bar:not(.user-sticky-bar) #hd-message .dropdown-panel,
.sticky-bar-xs:not(.user-sticky-bar) #hd-message .dropdown-panel,
.sticky-bar-sm:not(.user-sticky-bar) #hd-message .dropdown-panel {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

#user_sticky_bar:not(.user-sticky-bar) #hd-message .dropdown-panel .dropdown-panel-body,
.sticky-bar-xs:not(.user-sticky-bar) #hd-message .dropdown-panel .dropdown-panel-body,
.sticky-bar-sm:not(.user-sticky-bar) #hd-message .dropdown-panel .dropdown-panel-body {
    background: none;
    box-shadow: none;
    border: none;
}

#user_sticky_bar:not(.user-sticky-bar) #hd-message .dropdown-panel-footer,
.sticky-bar-xs:not(.user-sticky-bar) #hd-message .dropdown-panel-footer,
.sticky-bar-sm:not(.user-sticky-bar) #hd-message .dropdown-panel-footer {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dcdcdc;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 12px;
    text-transform: capitalize;
    text-align: center;
}

#user_sticky_bar:not(.user-sticky-bar) #hd-message .dropdown-panel-footer.one-el,
.sticky-bar-xs:not(.user-sticky-bar) #hd-message .dropdown-panel-footer.one-el,
.sticky-bar-sm:not(.user-sticky-bar) #hd-message .dropdown-panel-footer.one-el {
    justify-content: center;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body #core-messages-conversation-item-panel,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body #core-messages-conversation-item-panel,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body #core-messages-conversation-item-panel,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm #core-messages-conversation-item-panel,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm #core-messages-conversation-item-panel,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm #core-messages-conversation-item-panel,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs #core-messages-conversation-item-panel,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs #core-messages-conversation-item-panel,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs #core-messages-conversation-item-panel {
    max-height: 400px;
    overflow: auto;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .empty-message,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .empty-message,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .empty-message,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .empty-message,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .empty-message,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .empty-message,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .empty-message,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .empty-message,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .empty-message {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px;
    margin-left: 16px;
    margin-right: 16px;
    color: #c8c8c8;
    border-bottom: 1px solid #dcdcdc;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .empty-message img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .empty-message img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .empty-message img,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .empty-message img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .empty-message img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .empty-message img,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .empty-message img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .empty-message img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .empty-message img {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item {
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover {
    background: #f8f8f8;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item.is_new,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item.is_new,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item.is_new {
    background: #E8DAF2 !important;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .js_hover_info:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .js_hover_info:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .js_hover_info:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .js_hover_info:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .js_hover_info:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .js_hover_info:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .js_hover_info:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .js_hover_info:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .js_hover_info:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper:before {
    border: 1px solid #950FCD;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .no_image_user,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .no_image_user,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .no_image_user {
    box-shadow: none;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a {
    color: #9740D5 !important;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .content .name .user_profile_link_span a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .content .name .user_profile_link_span a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .content .name .user_profile_link_span a:hover {
    color: #950FCD !important;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action {
    color: #555555;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept {
    background: #9740D5;
    color: #FFF;
    border: none;
    background-size: 100%;
    position: relative;
    z-index: 1;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:before {
    border-radius: inherit;
    background-image: linear-gradient(-90deg, #9740D5, #0dea35);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item:hover .panel-actions .btn-action.accept:hover:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item:hover .panel-actions .btn-action.accept:hover:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:hover:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item:hover .panel-actions .btn-action.accept:hover:before {
    opacity: 1;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content {
    display: flex;
    word-break: break-word;
    word-wrap: break-word;
    border-bottom: 1px solid #dcdcdc;
    flex-direction: row;
    padding-top: 8px;
    padding-bottom: 8px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .fa,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .fa,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .fa {
    font-size: 30px;
    width: 56px;
    text-align: center;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .extra_info_link .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .extra_info_link .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .extra_info_link .fa,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .extra_info_link .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .extra_info_link .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .extra_info_link .fa,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .extra_info_link .fa,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .extra_info_link .fa,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .extra_info_link .fa {
    width: 12px;
    font-size: 12px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user {
    width: 56px;
    height: 56px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .img-wrapper img,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .img-wrapper img,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper img,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper img,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .img-wrapper img {
    width: 100%;
    height: 100%;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user span,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user span,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .no_image_user span,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user span,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user span,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .no_image_user span,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user span,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user span,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .no_image_user span {
    font-size: 16px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .content,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content {
    flex: 1;
    overflow: hidden;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .content .name .user_profile_link_span a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .content .name .user_profile_link_span a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content .name .user_profile_link_span a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .content .name .user_profile_link_span a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9740D5 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 12px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action:hover {
    color: #555555;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept {
    border: 1px solid #9740D5;
    color: #9740D5;
    margin-right: 6px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
    border: none;
    background: #9740D5;
    color: #FFF;
}

html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item-content .panel-actions .btn-action.accept {
    margin-right: 0;
    margin-left: 6px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .popup,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .popup,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .popup,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .popup,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .popup,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .popup,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .popup,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .popup,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .popup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete {
    position: absolute;
    right: 13px;
    top: 40px;
    z-index: 2;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a {
    color: #c8c8c8;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #a2a2a2;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete a:hover {
    color: #555555;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a {
    color: #D5A9FF;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete.is_new a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete.is_new a:hover,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a:hover,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete.is_new a:hover {
    color: #9740D5;
}

html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .notification-delete {
    right: auto;
    left: 13px;
}

html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content {
    margin-left: 16px;
}

html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content {
    margin-right: 16px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name {
    flex: 1;
    color: #555555;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name {
    margin-right: 8px;
}

html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .name {
    margin-left: 8px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time {
    color: #a2a2a2;
    font-size: 12px;
    position: relative;
}

html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time {
    padding-right: 16px;
}

html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time {
    padding-left: 16px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread {
    border: 1px solid #a2a2a2;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread.is_new {
    background-color: #9740D5;
    border-color: #9740D5;
}

html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread,
html[dir='rtl'] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .fullname-time .time .message-unread {
    right: auto;
    left: 0;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
}

html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="ltr"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
html[dir="ltr"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview {
    padding-right: 16px;
}

html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-item .panel-item-content .content .preview,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-item .panel-item-content .content .preview,
html[dir="rtl"] #user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview,
html[dir="rtl"] .sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-item .panel-item-content .content .preview {
    padding-left: 16px;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-actions,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-actions,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-actions,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-actions,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-actions,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-actions,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-actions,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-actions,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-actions:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-actions:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-actions:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-actions:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-actions:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-actions:before,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-actions:before,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-actions:before,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-actions:before {
    display: none;
}

#user_sticky_bar:not(.user-sticky-bar) #message-panel-body .panel-actions .btn-compose,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body .panel-actions .btn-compose,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body .panel-actions .btn-compose,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-sm .panel-actions .btn-compose,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-sm .panel-actions .btn-compose,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-sm .panel-actions .btn-compose,
#user_sticky_bar:not(.user-sticky-bar) #message-panel-body-xs .panel-actions .btn-compose,
.sticky-bar-xs:not(.user-sticky-bar) #message-panel-body-xs .panel-actions .btn-compose,
.sticky-bar-sm:not(.user-sticky-bar) #message-panel-body-xs .panel-actions .btn-compose {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-messages-conversation-popup {
    width: calc(100% - 32px);
    min-width: 767px;
    transform: translateX(-50%);
    top: 16px;
    left: 50%;
    margin: 0;
    z-index: 5003;
    display: block;
}

.core-messages-conversation-popup .open-popup {
    max-height: 415px !important;
    min-height: 415px !important;
}

.core-messages-conversation-popup .mail-messages .mCustomScrollBox {
    max-height: 415px !important;
}

.user-sticky-bar ul.user-sticky-bar-items li .dropdown-panel .dropdown-panel-body#message-panel-body .panel-items .panel-item .panel-item-content .content .fullname-time .name {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS */
    .mail_ie_support {
        min-width: 767px;
    }

    .js_box_content .mail_ie_support {
        max-width: 350px;
    }
}

/*End Messages*/
/*Begin ' . Activity Points . '*/

.core-activitypoint-statistic {
    display: block;
}

.core-activitypoint-statistic .item-statistic-with-icon {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (min-width: 767px) {
    .core-activitypoint-statistic .item-statistic-with-icon {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.core-activitypoint-statistic .item-statistic-with-icon .item-icon {
    color: #c8c8c8;
    font-size: 56px;
    line-height: 0;
}

html[dir="ltr"] .core-activitypoint-statistic .item-statistic-with-icon .item-icon {
    margin-right: 16px;
}

html[dir="rtl"] .core-activitypoint-statistic .item-statistic-with-icon .item-icon {
    margin-left: 16px;
}

.core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title {
    font-size: 18px;
    line-height: 24px;
    color: #a2a2a2;
}

.core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico {
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico {
    margin-left: 8px;
}

html[dir="rtl"] .core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico {
    margin-right: 8px;
}

.core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico:hover,
.core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico:focus {
    color: #555555;
}

html[dir='rtl'] .core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-title .ico {
    display: inline-block;
}

@media (max-width: 1024px) {
    .core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-number {
        font-size: 24px !important;
    }
}

.core-activitypoint-statistic .item-statistic-with-icon .item-inner .item-number {
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #9740D5;
}

.core-activitypoint-statistic .statistic-list-mini {
    display: flex;
}

.core-activitypoint-statistic .statistic-list-mini .item-list-title {
    max-width: 60%;
}

.core-activitypoint-statistic .statistic-list-mini .item-title {
    font-size: 14px;
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html[dir="ltr"] .core-activitypoint-statistic .statistic-list-mini .item-title {
    padding-right: 16px;
}

html[dir="rtl"] .core-activitypoint-statistic .statistic-list-mini .item-title {
    padding-left: 16px;
}

.core-activitypoint-statistic .statistic-list-mini .item-title .ico {
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .core-activitypoint-statistic .statistic-list-mini .item-title .ico {
    margin-left: 8px;
}

html[dir="rtl"] .core-activitypoint-statistic .statistic-list-mini .item-title .ico {
    margin-right: 8px;
}

.core-activitypoint-statistic .statistic-list-mini .item-title .ico:hover,
.core-activitypoint-statistic .statistic-list-mini .item-title .ico:focus {
    color: #555555;
}

html[dir='rtl'] .core-activitypoint-statistic .statistic-list-mini .item-title .ico {
    display: inline-block;
}

.core-activitypoint-statistic .statistic-list-mini .item-number {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
}

.core-activitypoint-statistic .statistic-list-mini .item-title,
.core-activitypoint-statistic .statistic-list-mini .item-number {
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 12px;
}

@media (min-width: 767px) {

    .core-activitypoint-statistic .statistic-list-mini .item-title,
    .core-activitypoint-statistic .statistic-list-mini .item-number {
        margin-bottom: 4px;
        margin-top: 4px;
    }
}

@media (min-width: 767px) {
    #main:not(.empty-left):not(.empty-right) .core-activitypoint-statistic {
        flex-direction: column;
    }
}

@media (min-width: 767px) {
    .core-activitypoint-statistic {
        flex-direction: column;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .core-activitypoint-statistic {
        flex-direction: row;
    }
}

.core-activitypoint-statistic .statistic-wrapper-left,
.core-activitypoint-statistic .statistic-wrapper-right {
    width: 50%;
    display: flex;
    align-items: center;
}

@media (min-width: 767px) {

    .core-activitypoint-statistic .statistic-wrapper-left,
    .core-activitypoint-statistic .statistic-wrapper-right {
        width: 100%;
    }
}

@media (min-width: 767px) {

    #main:not(.empty-left):not(.empty-right) .core-activitypoint-statistic .statistic-wrapper-left,
    #main:not(.empty-left):not(.empty-right) .core-activitypoint-statistic .statistic-wrapper-right {
        width: 100%;
    }
}

@media (max-width: 479px) {

    .core-activitypoint-statistic .statistic-wrapper-left,
    .core-activitypoint-statistic .statistic-wrapper-right {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 767px) {
    #main:not(.empty-right):not(.empty-left) .core-activitypoint-statistic .statistic-wrapper-left {
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 16px;
    }
}

@media (min-width: 767px) {
    .core-activitypoint-statistic .statistic-wrapper-left {
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .core-activitypoint-statistic .statistic-wrapper-left {
        border-bottom: none;
        margin-bottom: 0;
    }
}

@media (max-width: 479px) {
    .core-activitypoint-statistic .statistic-wrapper-left {
        padding-bottom: 8px;
        margin-bottom: 0;
    }
}

.core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon {
    flex: 1;
    min-width: 0;
}

@media (min-width: 767px) {

    #main.empty-left .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon,
    #main.empty-right .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon {
        flex: 1.2;
    }

    html[dir="ltr"] #main.empty-left .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon,
    html[dir="ltr"] #main.empty-right .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon {
        padding-right: 8px;
    }

    html[dir="rtl"] #main.empty-left .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon,
    html[dir="rtl"] #main.empty-right .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon {
        padding-left: 8px;
    }
}

@media (max-width: 479px) {
    .core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon {
        padding-top: 0;
    }
}

.core-activitypoint-statistic .statistic-wrapper-left .item-statistic-with-icon .item-inner .item-number {
    color: #9740D5;
}

.core-activitypoint-statistic .statistic-wrapper-left .statistic-list-mini {
    flex: 1;
    min-width: 0;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 768px) {
    #main.empty-left.empty-right .core-activitypoint-statistic .statistic-wrapper-left .statistic-list-mini {
        flex: 0.7;
    }
}

@media (max-width: 479px) {
    html[dir='ltr'] .core-activitypoint-statistic .statistic-wrapper-left .statistic-list-mini {
        padding-left: 72px;
    }

    html[dir='rtl'] .core-activitypoint-statistic .statistic-wrapper-left .statistic-list-mini {
        padding-right: 72px;
    }
}

.core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
}

html[dir='ltr'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
    border-left: 1px solid #eeeeee;
}

html[dir='rtl'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
    border-right: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    html[dir='ltr'] #main:not(.empty-right):not(.empty-left) .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-left: 0;
        padding-left: 0;
    }

    html[dir='rtl'] #main:not(.empty-right):not(.empty-left) .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-right: 0;
        padding-right: 0;
    }
}

@media (min-width: 767px) and (min-width: 480px) {
    html[dir="ltr"] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        padding-left: 0;
    }

    html[dir="rtl"] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        padding-right: 0;
    }

    html[dir="ltr"] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        margin-right: 16px;
    }

    html[dir="rtl"] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        margin-left: 16px;
    }

    html[dir='ltr'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-left: 0;
    }

    html[dir='rtl'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-right: 0;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        padding-left: 16px;
        padding-right: 16px;
    }

    html[dir='ltr'] #main.empty-left.empty-right .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-left: 1px solid #eeeeee;
    }

    html[dir='rtl'] #main.empty-left.empty-right .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:first-child {
        border-right: 1px solid #eeeeee;
    }
}

@media (max-width: 479px) {
    .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-bottom: 1px solid #eeeeee;
    }

    .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon:last-child {
        border-bottom: 0;
    }

    html[dir='ltr'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
        border-left: 0;
    }

    html[dir='rtl'] .core-activitypoint-statistic .statistic-wrapper-right .item-statistic-with-icon {
        border-right: 0;
    }
}

.core-activitypoint__index-search {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #eeeeee;
}

@media (max-width: 479px) {
    .core-activitypoint__index-search {
        margin-top: 8px;
    }
}

.core-activitypoint__index-search .search-item-wrapper {
    display: flex;
    flex-flow: wrap;
    align-items: flex-end;
    margin: 0 -8px;
}

.core-activitypoint__index-search .search-item-wrapper .form-group {
    padding-left: 8px;
    padding-right: 8px;
}

.core-activitypoint__index-search .search-item-wrapper .select_date input.form-control {
    background: #fff;
}

@media (min-width: 767px) {
    .core-activitypoint__index-search .search-item-wrapper .search-item {
        width: 50%;
    }

    .core-activitypoint__index-search .search-item-wrapper .search-item .js_datepicker_holder {
        width: 100%;
    }

    .core-activitypoint__index-search .search-item-wrapper .item-btn-search {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .core-activitypoint__index-search .search-item-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .core-activitypoint__index-search .search-item-wrapper .search-item {
        width: 100%;
    }
}

.core-activitypoint__index-list {
    margin-top: 16px;
}

.core-activitypoint-table .w120 {
    min-width: 120px;
}

.core-activitypoint-table.transaction-table thead {
    color: #a2a2a2;
}

.core-activitypoint-table.transaction-table thead tr th {
    background-color: #eeeeee;
}

.core-activitypoint-table.transaction-table .minus {
    color: #9740D5;
    font-weight: bold;
}

.core-activitypoint-table.transaction-table .plus {
    color: #9740D5;
    font-weight: bold;
}

.core-activitypoint-table thead th {
    height: 40px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-weight: normal;
    position: relative;
    border-bottom: 0 !important;
    white-space: nowrap;
}

.core-activitypoint-table thead th.t_center {
    text-align: center;
}

.core-activitypoint-table thead th.sortable {
    cursor: pointer;
}

.core-activitypoint-table thead th.sortable.asc .item-up {
    display: none;
}

.core-activitypoint-table thead th.sortable.desc .item-down {
    display: none;
}

.core-activitypoint-table thead th .item-table-sort-wapper {
    cursor: pointer;
    vertical-align: middle;
    display: inline-flex;
    flex-direction: column;
}

html[dir="ltr"] .core-activitypoint-table thead th .item-table-sort-wapper {
    margin-left: 8px;
}

html[dir="rtl"] .core-activitypoint-table thead th .item-table-sort-wapper {
    margin-right: 8px;
}

.core-activitypoint-table thead th .item-table-sort-wapper .ico {
    line-height: 8px;
}

.core-activitypoint-table tbody {
    border-bottom: 1px solid #eeeeee;
}

.core-activitypoint-table tbody tr:first-child td {
    border-top: 0;
}

.core-activitypoint-table tbody tr td {
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-color: #eeeeee !important;
}

.core-activitypoint-table tbody tr td .td-content {
    font-size: 14px;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.core-activitypoint-table tbody tr td .td-content.center {
    justify-content: center;
}

.core-activitypoint-table.earnpoint-table thead {
    color: #fff;
}

.core-activitypoint-table.earnpoint-table thead tr th {
    background-color: #9740D5;
}

.core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module {
    background-color: #f8f8f8;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

@media (min-width: 767px) {
    .core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module:hover {
        background-color: #eeeeee;
    }
}

.core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module.open .module-icon-collapse .ico {
    transform: rotate(-180deg);
}

html[dir="ltr"] .core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module .module-icon-collapse {
    margin-right: 8px;
}

html[dir="rtl"] .core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module .module-icon-collapse {
    margin-left: 8px;
}

.core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module .module-icon-collapse span.ico {
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-activitypoint-table.earnpoint-table .core-activitypoint-tr-module-content:not(.open) {
    display: none;
}

.core-activitypoint-packages-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -16px;
}

.core-activitypoint-packages-list .packages-item {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}

@media (max-width: 768px) and (min-width: 768px) {
    .core-activitypoint-packages-list .packages-item {
        width: 100%;
    }

    #main.empty-left.empty-right .core-activitypoint-packages-list .packages-item {
        width: 50%;
    }
}

#main.empty-left.empty-right .core-activitypoint-packages-list .packages-item {
    width: 33.33%;
}

@media (min-width: 767px) {
    #main.empty-left.empty-right .core-activitypoint-packages-list .packages-item {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .core-activitypoint-packages-list .packages-item {
        width: 100% !important;
    }
}

.core-activitypoint-packages-list .packages-item .item-outer {
    cursor: pointer;
    border-radius: 4px;
    padding: 16px;
    border: 1px solid #c8c8c8;
    display: flex;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.core-activitypoint-packages-list .packages-item .item-outer.is_selected_package {
    color: #9740D5;
    border-color: #9740D5;
}

.core-activitypoint-packages-list .packages-item .item-outer.is_selected_package .item-point,
.core-activitypoint-packages-list .packages-item .item-outer.is_selected_package .item-line {
    color: #9740D5 !important;
}

@media (min-width: 767px) {
    .core-activitypoint-packages-list .packages-item .item-outer:hover {
        border-color: #9740D5;
    }
}

.core-activitypoint-packages-list .packages-item .item-outer .item-media {
    min-width: 48px;
    width: 48px;
}

html[dir="ltr"] .core-activitypoint-packages-list .packages-item .item-outer .item-media {
    margin-right: 8px;
}

html[dir="rtl"] .core-activitypoint-packages-list .packages-item .item-outer .item-media {
    margin-left: 8px;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-media span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.core-activitypoint-packages-list .packages-item .item-outer .item-media span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .core-activitypoint-packages-list .packages-item .item-outer .item-inner {
    padding-right: 8px;
}

html[dir="rtl"] .core-activitypoint-packages-list .packages-item .item-outer .item-inner {
    padding-left: 8px;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner .item-title {
    font-size: 24px;
    line-height: 32px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner .item-info {
    display: flex;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner .item-line {
    margin: 0 4px;
    color: #a2a2a2;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner .item-point {
    color: #a2a2a2;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-inner .item-cash {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon {
    display: flex;
    align-items: center;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon label {
    margin: 0;
    padding: 0 !important;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon label input {
    display: none;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon label input:checked+.ico {
    color: #9740D5;
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon label input:checked+.ico:before {
    content: "\eab4";
}

.core-activitypoint-packages-list .packages-item .item-outer .item-icon label .ico {
    color: #c8c8c8;
    display: inline-flex;
    align-items: center;
    font-size: 32px;
    min-width: 32px;
}

.core-activitypoint-addpackage {
    position: absolute;
    top: -60px;
}

html[dir="ltr"] .core-activitypoint-addpackage {
    right: 0;
}

html[dir="rtl"] .core-activitypoint-addpackage {
    left: 0;
}

@media (min-width: 768px) {
    .core-activitypoint-addpackage .ico {
        display: none;
    }
}

@media (min-width: 767px) {
    .core-activitypoint-addpackage {
        position: fixed;
        bottom: 16px;
        top: auto;
        z-index: 99;
    }

    .core-activitypoint-addpackage .item-text {
        display: none;
    }

    .core-activitypoint-addpackage .ico {
        font-size: 14px;
    }

    html[dir="ltr"] .core-activitypoint-addpackage {
        right: 16px;
    }

    html[dir="rtl"] .core-activitypoint-addpackage {
        left: 16px;
    }

    .core-activitypoint-addpackage .btn {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 767px) {
    [id*=page_activitypoint] .ui-datepicker {
        z-index: 11 !important;
    }
}

@media (min-width: 767px) {
    [id*=page_activitypoint] #content-stage {
        position: relative;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    [id*=page_activitypoint] #content-stage .row ._block_content {
        position: static !important;
    }

    html[dir="ltr"] [id*=page_activitypoint] #content-stage .row ._block_content .core-activitypoint-addpackage {
        right: 16px;
    }

    html[dir="rtl"] [id*=page_activitypoint] #content-stage .row ._block_content .core-activitypoint-addpackage {
        left: 16px;
    }
}

.core-activitypoint__packages-action {
    display: flex;
    justify-content: flex-end;
    margin: 0 -16px;
    padding: 0 16px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

html[dir="ltr"] .core-activitypoint__packages-action .btn {
    margin-left: 8px;
}

html[dir="rtl"] .core-activitypoint__packages-action .btn {
    margin-right: 8px;
}

.core-activitypoint__packages-action .btn.cancel {
    display: none !important;
}

.js_box_content .core-activitypoint__packages-action .btn.back {
    display: none !important;
}

.js_box_content .core-activitypoint__packages-action .btn.cancel {
    display: inline-flex !important;
}

.js_toggle_header_all {
    cursor: pointer;
}

.js_toggle_header_all.open .module-icon-collapse .ico {
    transform: rotate(-180deg);
}

html[dir="ltr"] .js_toggle_header_all .module-icon-collapse {
    margin-right: 8px;
}

html[dir="rtl"] .js_toggle_header_all .module-icon-collapse {
    margin-left: 8px;
}

.js_toggle_header_all .module-icon-collapse span.ico {
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*End Activity Points*/
/*Begin ' . Blogs . '*/

.blog-button-option {
    cursor: pointer;
}

.item-container.blog-listing {
    display: flex;
    flex-flow: wrap;
    padding-bottom: 10px;
    margin-right: -16px;
    margin-left: -16px;
}

.item-container.blog-listing .blog-item {
    position: relative;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-color: transparent;
}

html[dir="ltr"] .item-container.blog-listing .blog-item {
    padding-left: 16px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item {
    padding-right: 16px;
}

html[dir="ltr"] .item-container.blog-listing .blog-item {
    padding-right: 16px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item {
    padding-left: 16px;
}

.item-container.blog-listing .blog-item+.blog-item {
    margin-top: -2px;
}

.item-container.blog-listing .blog-item:last-of-type .item-outer {
    border-bottom: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    .item-container.blog-listing .blog-item:hover {
        background: #f8f8f8;
        border-color: #eeeeee;
    }

    .item-container.blog-listing .blog-item:hover .item-outer {
        border-color: transparent;
    }

    .item-container.blog-listing .blog-item:hover+div .item-outer {
        border-color: transparent;
    }

    .item-container.blog-listing .blog-item:hover .item-desc {
        color: #555555 !important;
    }

    .item-container.blog-listing .blog-item:hover .item-title a {
        color: #950FCD !important;
    }

    .item-container.blog-listing .blog-item:hover .item-author a {
        color: #555555 !important;
    }
}

.item-container.blog-listing .blog-item .moderation_row {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    z-index: 2;
}

.item-container.blog-listing .blog-item .moderation_row .item-checkbox {
    height: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.blog-listing .blog-item .item-outer {
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #eeeeee;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.blog-listing .blog-item .item-outer .item-option {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
}

@media (max-width: 1199px) {
    .item-container.blog-listing .blog-item .item-outer .item-option {
        top: 8px;
    }
}

@media (min-width: 767px) {
    .item-container.blog-listing .blog-item .item-outer .item-option {
        top: -8px;
        right: -8px;
    }
}

.item-container.blog-listing .blog-item .item-outer .item-option a.btn {
    background: none;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.item-container.blog-listing .blog-item .item-outer .item-option a.btn:hover {
    color: #555555;
}

.item-container.blog-listing .blog-item .item-outer .item-option a.btn:hover i.ico:before {
    content: "\ea88";
}

.item-container.blog-listing .blog-item .item-outer .item-option .dropdown i.ico {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.blog-listing .blog-item .item-outer .item-option .dropdown.open i.ico {
    opacity: 1;
    color: #555555;
}

.item-container.blog-listing .blog-item .item-outer .item-option .dropdown.open i.ico:before {
    content: "\ea88";
}

.item-container.blog-listing .blog-item .item-outer .item-media-src {
    position: relative;
    display: block;
    min-width: 224px;
    float: left;
}

html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    margin-right: 16px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    margin-left: 16px;
}

html[dir='rtl'] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    float: right;
}

.item-container.blog-listing .blog-item .item-outer .item-media-src>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-size: contain;
}

.item-container.blog-listing .blog-item .item-outer .item-media-src>span:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.item-container.blog-listing .blog-item .item-outer .item-media-src .item-icon {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
}

@media (max-width: 1200px) {
    .item-container.blog-listing .blog-item .item-outer .item-media-src {
        min-width: 200px !important;
    }
}

@media (min-width: 767px) {
    .item-container.blog-listing .blog-item .item-outer .item-media-src {
        margin-right: 0 !important;
    }
}

.item-container.blog-listing .blog-item .item-outer.none-image {
    position: relative;
}

.item-container.blog-listing .blog-item .item-outer.none-image .item-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}

html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor.has-feature .item-title,
html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor.has-pending .item-title,
html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-feature.has-pending .item-title {
    padding-left: 56px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor.has-feature .item-title,
html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor.has-pending .item-title,
html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-feature.has-pending .item-title {
    padding-right: 56px;
}

html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor .item-title,
html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-feature .item-title,
html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer.none-image.has-pending .item-title {
    padding-left: 32px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-sponsor .item-title,
html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-feature .item-title,
html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image.has-pending .item-title {
    padding-right: 32px;
}

.item-container.blog-listing .blog-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
    position: relative;
}

@media (max-width: 1199px) {
    .item-container.blog-listing .blog-item .item-outer .item-inner {
        position: static;
    }
}

@media (min-width: 767px) {
    .item-container.blog-listing .blog-item .item-outer .item-inner {
        position: relative;
    }
}

.item-container.blog-listing .blog-item .item-outer .item-title {
    padding-bottom: 4px;
}

html[dir="ltr"] .item-container.blog-listing .blog-item .item-outer .item-title {
    padding-right: 48px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-title {
    padding-left: 48px;
}

.item-container.blog-listing .blog-item .item-outer .item-title a {
    font-weight: bold;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 18px;
    text-overflow: ellipsis;
    line-height: 24px;
    word-wrap: break-word;
    max-height: 48px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
}

.item-container.blog-listing .blog-item .item-outer .item-title a:hover {
    color: #950FCD !important;
}

.item-container.blog-listing .blog-item .item-outer .item-author {
    font-size: 12px;
    color: #a2a2a2;
    margin-bottom: 4px;
}

@media (max-width: 1200px) {
    .item-container.blog-listing .blog-item .item-outer .item-author {
        margin-bottom: 2px;
    }
}

.item-container.blog-listing .blog-item .item-outer .item-author .user_profile_link_span>a {
    font-weight: normal !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    word-break: break-word;
    word-wrap: break-word;
}

.item-container.blog-listing .blog-item .item-outer .item-author .user_profile_link_span>a:hover {
    color: #950FCD !important;
}

.item-container.blog-listing .blog-item .item-outer .item-desc {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.blog-listing .blog-item .item-outer .total-view {
    color: #555555;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}

.item-container.blog-listing .blog-item .item-outer .total-view span {
    margin-right: 5px;
}

.item-container.blog-listing .blog-item .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    font-size: 220%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-container.blog-listing .blog-item .loading-overlay>i {
    color: #9740D5;
}

@media (max-width: 1199px) {

    .item-container.blog-listing .blog-item .moderation_row,
    .item-container.blog-listing .blog-item .item-option .dropdown i.fa {
        opacity: 1 !important;
    }

    .item-container.blog-listing .blog-item:last-of-type {
        border-bottom: 1px solid #eeeeee;
    }

    .item-container.blog-listing .blog-item:last-of-type .item-outer {
        border-bottom: 0;
    }

    .item-container.blog-listing .blog-item .item-outer {
        display: block !important;
        position: relative;
        min-height: 100%;
    }

    .item-container.blog-listing .blog-item .item-outer .item-title-author-responsive {
        display: block !important;
    }

    .item-container.blog-listing .blog-item .item-outer .item-title-author-responsive .item-author {
        margin-bottom: 8px;
    }

    .item-container.blog-listing .blog-item .item-outer .item-media-src {
        min-width: 145px !important;
        padding-bottom: 16px;
    }

    .item-container.blog-listing .blog-item .item-outer .item-media-src>span:before {
        padding-bottom: 70% !important;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-title {
        display: none;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-author {
        display: none;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-desc {
        margin-top: 0;
    }
}

@media (min-width: 767px) {
    .item-container.blog-listing .blog-item .moderation_row {
        height: 40px !important;
    }

    .item-container.blog-listing .blog-item .moderation_row,
    .item-container.blog-listing .blog-item .item-option .dropdown i.fa {
        opacity: 1 !important;
    }

    .item-container.blog-listing .blog-item .item-outer {
        display: flex !important;
        flex-direction: column;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-title {
        padding-right: 30px;
    }

    .item-container.blog-listing .blog-item .item-outer .item-title-author-responsive {
        display: none !important;
    }

    .item-container.blog-listing .blog-item .item-outer .item-media-src {
        min-width: 100% !important;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    .item-container.blog-listing .blog-item .item-outer .item-media-src>span:before {
        padding-bottom: 50% !important;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-title {
        display: block;
    }

    .item-container.blog-listing .blog-item .item-outer .item-inner .item-author {
        display: inline;
    }
}

#left .item-container.with-blog .sticky-label-icon,
#right .item-container.with-blog .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] #left .item-container.with-blog .sticky-label-icon,
html[dir="ltr"] #right .item-container.with-blog .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] #left .item-container.with-blog .sticky-label-icon,
html[dir="rtl"] #right .item-container.with-blog .sticky-label-icon {
    left: 16px;
}

#left .item-container.with-blog .blog-item:last-of-type,
#right .item-container.with-blog .blog-item:last-of-type {
    margin-bottom: 0;
}

#left .item-container.with-blog .blog-item:last-of-type .item-outer,
#right .item-container.with-blog .blog-item:last-of-type .item-outer {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#left .item-container.with-blog .blog-item:hover .item-media-src>span,
#right .item-container.with-blog .blog-item:hover .item-media-src>span {
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
}

#left .item-container.with-blog .blog-item:hover .item-inner .item-title a,
#right .item-container.with-blog .blog-item:hover .item-inner .item-title a {
    color: #950FCD;
}

#left .item-container.with-blog .blog-item:hover .item-inner .total-view,
#right .item-container.with-blog .blog-item:hover .item-inner .total-view {
    color: #555555;
}

#left .item-container.with-blog .blog-item .item-outer,
#right .item-container.with-blog .blog-item .item-outer {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
    flex-direction: row;
    display: flex;
}

#left .item-container.with-blog .blog-item .item-outer .item-media-src,
#right .item-container.with-blog .blog-item .item-outer .item-media-src {
    width: 56px;
    margin-right: 12px;
}

#left .item-container.with-blog .blog-item .item-outer .item-media-src>span,
#right .item-container.with-blog .blog-item .item-outer .item-media-src>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-size: contain;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-blog .blog-item .item-outer .item-media-src>span:before,
#right .item-container.with-blog .blog-item .item-outer .item-media-src>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#left .item-container.with-blog .blog-item .item-outer .total-view,
#right .item-container.with-blog .blog-item .item-outer .total-view {
    margin-top: 2px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-blog .blog-item .item-outer .item-inner,
#right .item-container.with-blog .blog-item .item-outer .item-inner {
    flex: 1;
    padding: 0;
}

#left .item-container.with-blog .blog-item .item-outer .item-inner .item-desc,
#right .item-container.with-blog .blog-item .item-outer .item-inner .item-desc {
    display: none;
}

#left .item-container.with-blog .blog-item .item-outer .item-author,
#right .item-container.with-blog .blog-item .item-outer .item-author {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#left .item-container.with-blog .blog-item .item-outer .item-author>span,
#right .item-container.with-blog .blog-item .item-outer .item-author>span {
    max-width: 120px !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#left .item-container.with-blog .blog-item .item-outer .item-author>span span,
#right .item-container.with-blog .blog-item .item-outer .item-author>span span {
    display: inline-block;
}

#left .item-container.with-blog .blog-item .item-outer .item-author span a,
#right .item-container.with-blog .blog-item .item-outer .item-author span a {
    font-weight: 400 !important;
}

#left .item-container.with-blog .blog-item .item-outer .item-title,
#right .item-container.with-blog .blog-item .item-outer .item-title {
    padding-right: 0;
    margin-bottom: 2px;
}

#left .item-container.with-blog .blog-item .item-outer .item-title a,
#right .item-container.with-blog .blog-item .item-outer .item-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: normal;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-blog .blog-item .item-outer .item-title a:hover,
#right .item-container.with-blog .blog-item .item-outer .item-title a:hover {
    color: #950FCD;
}

@media (min-width: 767px) and (min-width: 480px) {

    #left .item-container.with-blog,
    #right .item-container.with-blog {
        display: flex;
        flex-flow: wrap;
        margin: 0 -8px;
    }

    #left .item-container.with-blog .blog-item,
    #right .item-container.with-blog .blog-item {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
    }

    #left .item-container.with-blog .blog-item .item-outer,
    #right .item-container.with-blog .blog-item .item-outer {
        height: 100%;
        border-bottom: 0;
    }
}

#page_blog_view .alert {
    margin-bottom: 32px;
}

#page_blog_view .blog-view {
    position: relative;
}

#page_blog_view .blog-view .blog-image {
    position: relative;
    display: block;
    margin: -16px;
    margin-top: 0;
    margin-bottom: 16px;
}

#page_blog_view .blog-view .blog-image span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-size: contain;
    border: 0;
}

#page_blog_view .blog-view .blog-image span:before {
    content: "";
    display: block;
    padding-bottom: 42.85%;
}

@media (min-width: 767px) {
    #page_blog_view .blog-view .blog-image {
        margin-top: 0;
    }
}

#page_blog_view .blog-info {
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
}

#page_blog_view .blog-info .blog-info-image {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

#page_blog_view .blog-info .blog-info-image a {
    width: 100%;
    height: 100%;
}

#page_blog_view .blog-info .blog-info-image a.no_image_user>span {
    font-size: 11px;
}

#page_blog_view .blog-info .blog-info-image .img-wrapper {
    width: 32px;
    height: 32px;
}

#page_blog_view .blog-info .blog-info-image .img-wrapper img {
    width: 100%;
    height: 100%;
}

html[dir="ltr"] #page_blog_view .blog-info .blog-info-main {
    margin-left: 8px;
}

html[dir="rtl"] #page_blog_view .blog-info .blog-info-main {
    margin-right: 8px;
}

#page_blog_view .blog-info .blog-info-main>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#page_blog_view .blog-info .blog-info-main .blog-author .user_profile_link_span {
    display: inline-block;
}

#page_blog_view .blog-total-viewlike {
    position: relative;
    min-height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 16px;
    color: #a2a2a2;
}

#page_blog_view .blog-total-viewlike .blog-number {
    font-weight: bold;
    color: #555555;
}

#page_blog_view .blog-total-viewlike>span {
    position: absolute;
    top: 15px;
    right: 0;
}

#page_blog_view .blog-total-viewlike .comment-mini-content-commands {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}

#page_blog_view .blog-post {
    padding-bottom: 32px;
    margin-bottom: 8px;
    padding-top: 0;
    font-size: 16px;
    line-height: 21px;
    border-bottom: 1px solid #eeeeee;
}

#page_blog_view .blog-post img {
    max-width: 100%;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    padding-bottom: 10px;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #dddddd;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tbody>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tfoot>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tbody>tr>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>caption+thead>tr:first-child>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>colgroup+thead>tr:first-child>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>thead:first-child>tr:first-child>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>caption+thead>tr:first-child>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>colgroup+thead>tr:first-child>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>tbody+tbody {
    border-top: 2px solid #dddddd;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table .table {
    background-color: #e5eaef;
    padding: 10px;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tbody>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tfoot>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tbody>tr>td,
#page_blog_view .blog-post .table-wrapper.table-responsive table>tfoot>tr>td {
    border: 1px solid #dddddd;
}

#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>th,
#page_blog_view .blog-post .table-wrapper.table-responsive table>thead>tr>td {
    border-bottom-width: 2px;
}

#page_blog_view .item_bar {
    position: absolute;
    top: 0;
}

html[dir='ltr'] #page_blog_view .item_bar {
    right: -8px;
}

html[dir='rtl'] #page_blog_view .item_bar {
    left: -8px;
}

#page_blog_view .item_bar .item_bar_action_holder .item_bar_action {
    background: none;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    width: 32px;
    height: 32px;
}

#page_blog_view .item_bar .item_bar_action_holder .item_bar_action:hover {
    color: #555555;
}

#page_blog_view .item_bar .item_bar_action_holder .item_bar_action:hover i.ico:before {
    content: "\ea88";
}

#page_blog_view .item_bar .item_bar_action_holder .item_bar_action:before {
    display: none;
}

#page_blog_view .item_bar .item_bar_action_holder.open .item_bar_action {
    color: #555555;
}

#page_blog_view .item_bar .item_bar_action_holder.open .item_bar_action i.ico:before {
    content: "\ea88";
}

#page_blog_view .layout-middle {
    position: relative;
}

#page_blog_view .blog-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] #page_blog_view .blog-icon {
    right: 16px;
}

html[dir="rtl"] #page_blog_view .blog-icon {
    left: 16px;
}

#page_blog_view .blog-icon .sticky-label-icon {
    margin: 0 1px;
}

#page_blog_view .blog-icon .sticky-label-icon span.ico {
    font-size: 14px;
}

#page_blog_view .blog-category {
    background: none;
    color: #a2a2a2;
    padding: 0 !important;
    margin-bottom: 8px;
}

#page_blog_view .blog-category a {
    color: #555555;
}

#page_blog_view .blog-category a:hover {
    color: #950FCD;
}

#page_blog_view .item_tag_holder {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 8px;
    border-top: 0;
    font-size: 12px;
    line-height: 16px;
}

#page_blog_view .item_tag_holder .item_tag {
    color: #a2a2a2;
}

#page_blog_view .item_tag_holder a {
    color: #555555 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_blog_view .item_tag_holder a:hover {
    color: #950FCD !important;
}

#page_blog_view .addthis_block {
    padding-top: 8px;
    margin-bottom: 16px;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blog-row {
    padding-bottom: 0;
    border: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    position: ralative;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blog-row>div {
    display: table-cell;
    vertical-align: top;
    box-sizing: content-box;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    padding-bottom: 0;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blogger-cover {
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blogger-cover span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blogger-cover span:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blogger-cover.no-image-cover>span {
    background: #555555;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blogger-info {
    position: relative;
    padding: 0;
    padding-top: 16px;
    display: block;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-image {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 50%;
    border: 4px solid white;
    border-radius: 100%;
    box-sizing: content-box;
    -webkit-transform: translate(-50%, -40px);
    -moz-transform: translate(-50%, -40px);
    -ms-transform: translate(-50%, -40px);
    -o-transform: translate(-50%, -40px);
    transform: translate(-50%, -40px);
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-image .img-wrapper,
#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-image .no_image_user {
    width: 56px;
    height: 56px;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-image img {
    width: 100%;
    height: 100%;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-title {
    text-align: center;
    padding: 0;
    padding-top: 10px;
    min-height: 40px;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-title .user_profile_link_span a {
    font-weight: bold !important;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-title .blog-user-details {
    margin-top: 2px;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-user-details time {
    font-size: 12px;
    color: #555555;
    background: #fff;
    position: absolute;
    left: 50%;
    padding: 0 5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#js_block_border_apps_core_blogs_block_topbloggers ul li .blogger-1st .blog-user-details:before {
    content: "";
    border-bottom: 1px solid black;
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    border-color: #eeeeee;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li:last-of-type {
    margin-bottom: 0;
}

#js_block_border_apps_core_blogs_block_topbloggers ul li:last-of-type .blog-row {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image {
    padding: 0;
    width: 40px;
    height: 40px;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image .img-wrapper,
#js_block_border_apps_core_blogs_block_topbloggers .blog-image .no_image_user {
    width: 40px;
    height: 40px;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image img {
    width: 100%;
    height: 100%;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image .blog-image-holder {
    width: 100%;
    height: 100%;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image .blog-image-holder .no_image_user {
    width: 100%;
    height: 100%;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-image .blog-image-holder .no_image_user>span {
    font-size: 12px;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-title {
    padding: 0 10px;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-title .user_profile_link_span a {
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal !important;
    color: #9740D5 !important;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-title .user_profile_link_span a:hover {
    color: #950FCD !important;
}

#js_block_border_apps_core_blogs_block_topbloggers .blog-title .blog-user-details time {
    color: #a2a2a2;
    font-size: 12px;
}

.blog_popular_topic ul>li {
    display: inline-block;
}

._app_blog.js_parent_feed_entry .activity_feed_content_image,
.feed_share_blog .activity_feed_content_image {
    display: none;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-image,
.feed_share_blog .blog-feed .blog-feed-image {
    width: 100%;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-image span,
.feed_share_blog .blog-feed .blog-feed-image span {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-size: contain;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-image span:before,
.feed_share_blog .blog-feed .blog-feed-image span:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info,
.feed_share_blog .blog-feed .blog-feed-info {
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 10px 20px 10px 14px;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-title,
.feed_share_blog .blog-feed .blog-feed-info .blog-title {
    margin-bottom: 5px;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-title a,
.feed_share_blog .blog-feed .blog-feed-info .blog-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555 !important;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-title a:hover,
.feed_share_blog .blog-feed .blog-feed-info .blog-title a:hover {
    color: #9740D5 !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general {
    margin-bottom: 5px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general>span,
html[dir="ltr"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general>span {
    margin-right: 8px;
}

html[dir="rtl"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general>span,
html[dir="rtl"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general>span {
    margin-left: 8px;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general a,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general a {
    color: #555555 !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general a:hover,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general a:hover {
    color: #9740D5 !important;
}

html[dir='rtl'] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-datetime,
html[dir='rtl'] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-datetime {
    display: inline-block;
}

html[dir='rtl'] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory,
html[dir='rtl'] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory,
html[dir='rtl'] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-views,
html[dir='rtl'] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-views {
    display: inline-block;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-views:before,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-views:before {
    content: ".";
}

html[dir="ltr"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="ltr"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="ltr"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-views:before,
html[dir="ltr"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-views:before {
    margin-right: 8px;
}

html[dir="rtl"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="rtl"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="rtl"] ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-views:before,
html[dir="rtl"] .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-views:before {
    margin-left: 8px;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip.open>a,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip.open>a {
    color: #950FCD !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip>a,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip>a {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #9740D5 !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip>a:hover,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip>a:hover {
    color: #950FCD !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu {
    background: rgba(0, 0, 0, 0.86);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
    min-width: 200px;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu:after,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu:after {
    border-color: transparent;
    border-top-color: rgba(0, 0, 0, 0.86);
    bottom: 0;
}

@media (min-width: 767px) {

    ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu,
    .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu {
        min-width: 80px;
    }
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a {
    color: #fff !important;
    white-space: normal;
}

@media (min-width: 767px) {

    ._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a,
    .feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a {
        font-size: 12px;
        padding: 4px 8px;
        min-height: 24px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
    }
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a:hover,
.feed_share_blog .blog-feed .blog-feed-info .blog-info-general .blog-catgory .dropdown-tooltip .dropdown-menu>li a:hover {
    color: #fff !important;
    background: transparent !important;
}

._app_blog.js_parent_feed_entry .blog-feed .blog-feed-info .blog-content,
.feed_share_blog .blog-feed .blog-feed-info .blog-content {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}

._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-title a,
.feed_share_blog .blog-feed.has-image .blog-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 21px;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: block !important;
}

._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before,
.feed_share_blog .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before {
    content: "-";
}

html[dir="ltr"] ._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="ltr"] .feed_share_blog .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before {
    margin-right: 8px;
}

html[dir="rtl"] ._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before,
html[dir="rtl"] .feed_share_blog .blog-feed.has-image .blog-feed-info .blog-info-general .blog-catgory:before {
    margin-left: 8px;
}

._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-feed-info .blog-info-general .blog-views:before,
.feed_share_blog .blog-feed.has-image .blog-feed-info .blog-info-general .blog-views:before {
    display: none;
}

._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-views,
.feed_share_blog .blog-feed.has-image .blog-views {
    padding: 4px 8px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: -35px;
    margin-right: 0 !important;
    color: #fff;
}

html[dir="ltr"] ._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-views,
html[dir="ltr"] .feed_share_blog .blog-feed.has-image .blog-views {
    right: 8px;
}

html[dir="rtl"] ._app_blog.js_parent_feed_entry .blog-feed.has-image .blog-views,
html[dir="rtl"] .feed_share_blog .blog-feed.has-image .blog-views {
    left: 8px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .moderation_row {
    right: 0;
    left: auto;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    margin-left: 16px;
}

html[dir="rtl"] html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-media-src {
    margin-right: 16px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-media-src .item-icon {
    left: 8px;
    right: auto;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer.none-image .item-icon {
    right: 0;
    left: auto;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 50px;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-inner .item-author span {
    display: inline-block;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-inner .total-view span {
    margin-right: 0;
    margin-left: 5px;
    display: inline-block;
}

html[dir="rtl"] .item-container.blog-listing .blog-item .item-outer .item-inner .item-option {
    left: -8px;
    right: auto;
}

html[dir="rtl"] .blog-button-option .dropdown-menu:after {
    left: 18px;
    right: auto;
}

html[dir="rtl"] .blog-button-option .dropdown-menu li a {
    padding: 10px 16px;
}

html[dir="rtl"] .blog-button-option .dropdown-menu li span.ico {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] .blog-button-option .dropdown-menu li span.ico {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] .blog-button-option .dropdown-menu li span.ico {
    margin-right: 8px;
}

html[dir="rtl"] .item-container.with-blog .blog-item .item-outer .total-view {
    right: 0;
    left: auto;
}

html[dir="rtl"] .item-container.with-blog .blog-item .item-outer .item-option {
    left: 0;
    right: auto;
}

html[dir="rtl"] #left .item-container.with-blog .blog-item .item-outer .item-media-src,
html[dir="rtl"] #right .item-container.with-blog .blog-item .item-outer .item-media-src {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] .blog-category a {
    display: inline-block;
}

html[dir="rtl"] #page_blog_view .blog-info .blog-info-main {
    padding-left: 0;
}

html[dir="ltr"] html[dir="rtl"] #page_blog_view .blog-info .blog-info-main {
    padding-right: 8px;
}

html[dir="rtl"] html[dir="rtl"] #page_blog_view .blog-info .blog-info-main {
    padding-left: 8px;
}

html[dir="rtl"] #page_blog_view .blog-total-viewlike {
    text-align: left !important;
}

html[dir="rtl"] #page_blog_view .blog-icon {
    left: 16px;
    right: auto !important;
}

html[dir="rtl"] #page_blog_view .blog-total-viewlike>span {
    left: 0;
    right: auto !important;
}

#page_blog_add .blog-add-button-group {
    display: flex;
}

html[dir="ltr"] #page_blog_add .blog-add-button-group>input {
    margin-right: 8px;
}

html[dir="rtl"] #page_blog_add .blog-add-button-group>input {
    margin-left: 8px;
}

.blog-news-container .item-blog .item-outer {
    display: flex;
}

.blog-news-container .item-blog .item-outer .item-media {
    min-width: 48px;
}

html[dir='ltr'] .blog-news-container .item-blog .item-outer .item-media {
    margin-right: 12px;
}

html[dir='rtl'] .blog-news-container .item-blog .item-outer .item-media {
    margin-left: 12px;
}

.blog-news-container .item-blog .item-outer .item-media .img-wrapper,
.blog-news-container .item-blog .item-outer .item-media .no_image_user {
    width: 48px;
    height: 48px;
}

.blog-news-container .item-blog .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

/*End Blogs*/
/*Begin ' . Quizzes . '*/

.quizzes-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[id^=js_block_border_apps_core_quizzes_] {
    position: relative;
}

[id^=js_block_border_apps_core_quizzes_] .content {
    position: static;
}

[id^=js_block_border_apps_core_quizzes_] .flag_style {
    top: 0;
    right: 16px;
    position: absolute !important;
}

.quiz-icon {
    position: absolute;
    display: flex;
    right: 16px;
    top: 0;
}

.quiz-icon .sticky-label-icon {
    position: relative;
}

html[dir='rtl'] .quiz-icon {
    right: auto;
    left: 16px;
}

#page_quiz_view .layout-middle {
    position: relative;
}

#page_quiz_view .header-page-title a {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

html[dir="ltr"] #page_quiz_view .header-page-title.header-has-label-1 {
    padding-right: 48px;
}

html[dir="rtl"] #page_quiz_view .header-page-title.header-has-label-1 {
    padding-left: 48px;
}

html[dir='rtl'] #page_quiz_view .header-page-title.header-has-label-1 {
    padding-left: 48px;
    padding-right: 16px;
}

#page_quiz_view .header-page-title.header-has-label-2 {
    padding-right: 72px;
}

html[dir='rtl'] #page_quiz_view .header-page-title.header-has-label-2 {
    padding-right: 16px;
    padding-left: 72px;
}

.quizzes-widget-block article .item-outer {
    display: flex;
}

.quizzes-widget-block article .item-outer .item-media {
    margin-right: 12px;
}

.quizzes-widget-block article .item-outer .item-media-bg {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 56px;
    height: 56px;
    transition: box-shadow 0.3s;
}

.quizzes-widget-block article .item-outer .item-media-bg:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.quizzes-widget-block article .item-outer .item-inner {
    overflow: hidden;
}

.quizzes-widget-block article .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.quizzes-widget-block article .item-outer .item-inner .item-author {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.quizzes-widget-block article .item-outer .item-inner .item-author .user_profile_link_span {
    display: inline-block;
}

.quizzes-widget-block article .item-outer .item-inner .item-author .user_profile_link_span,
.quizzes-widget-block article .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
}

.quizzes-widget-block article .item-outer .item-inner .item-vote {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    transition: color 0.3s;
}

.quizzes-widget-block article .item-outer:hover .item-media-bg {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.quizzes-widget-block article .item-outer:hover .item-title {
    color: #9223C9;
}

.quizzes-widget-block article .item-outer:hover .item-vote {
    color: #555555;
}

.quizzes-widget-block article+article {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

.quizzes-widget-block.quizzes-app .sticky-label-icon {
    position: absolute;
    top: 0;
}

.quizzes-app.main {
    margin: 0 -16px;
}

.quizzes-app.main article {
    position: relative;
    transition: background-color 0.3s;
    padding: 0 16px;
}

.quizzes-app.main article .item-outer {
    display: flex;
    position: relative;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 16px;
    padding-bottom: 16px;
}

html[dir="ltr"] .quizzes-app.main article .item-outer {
    padding-right: 24px;
}

html[dir="rtl"] .quizzes-app.main article .item-outer {
    padding-left: 24px;
}

.quizzes-app.main article .item-outer .item-media {
    position: relative;
}

.quizzes-app.main article .item-outer .item-media-bg {
    width: 104px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.quizzes-app.main article .item-outer .item-media-bg:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.quizzes-app.main article .item-outer .item-media .flag_style_parent {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.quizzes-app.main article .item-outer .item-media .flag_style_parent .sticky-label-icon {
    position: relative;
}

.quizzes-app.main article .item-outer .item-inner {
    overflow: hidden;
}

.quizzes-app.main article .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 18px;
    text-overflow: ellipsis;
    line-height: 24px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 48px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.quizzes-app.main article .item-outer .item-inner time {
    display: block;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.quizzes-app.main article .item-outer .item-inner time .user_profile_link_span {
    display: inline-block;
}

.quizzes-app.main article .item-outer .item-inner time .user_profile_link_span,
.quizzes-app.main article .item-outer .item-inner time .user_profile_link_span a {
    font-weight: normal !important;
}

.quizzes-app.main article .item-outer .item-inner time .user_profile_link_span:hover,
.quizzes-app.main article .item-outer .item-inner time .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.quizzes-app.main article .item-outer .item-inner time>span {
    display: inline-block;
}

.quizzes-app.main article .item-outer .item-inner .item-statistic {
    margin-left: -8px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}

.quizzes-app.main article .item-outer .item-inner .item-statistic span {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}

.quizzes-app.main article .item-outer .moderation_row {
    position: absolute;
    left: -16px;
    top: 0;
    z-index: 2;
}

.quizzes-app.main article .item-outer .item-option {
    position: absolute;
    right: -8px;
    top: 8px;
}

.quizzes-app.main article .item-outer .item-option .row_edit_bar_action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.quizzes-app.main article .item-outer .item-option .row_edit_bar_action .ico {
    color: #a2a2a2;
}

.quizzes-app.main article .item-outer .item-option .dropdown.open .row_edit_bar_action .ico:before {
    content: "\ea88";
}

.quizzes-app.main article .item-outer>.flag_style_parent {
    position: absolute;
    top: 0;
    display: flex;
    left: 0;
}

html[dir="ltr"] .quizzes-app.main article .item-outer.no-photo.one-action .item-title {
    padding-left: 40px;
}

html[dir="rtl"] .quizzes-app.main article .item-outer.no-photo.one-action .item-title {
    padding-right: 40px;
}

html[dir="ltr"] .quizzes-app.main article .item-outer.no-photo.both-action .item-title {
    padding-left: 64px;
}

html[dir="rtl"] .quizzes-app.main article .item-outer.no-photo.both-action .item-title {
    padding-right: 64px;
}

.quizzes-app.main article .item-outer.no-photo .item-media {
    margin: 0;
}

.quizzes-app.main article .item-outer.no-photo .flag_style_parent {
    display: none;
}

.quizzes-app.main article .item-outer.no-photo .flag_style_parent.hide {
    display: flex !important;
}

.quizzes-app.main article+article {
    margin-top: -1px;
}

.quizzes-app.main article:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.quizzes-app.main article:hover {
    background-color: #f8f8f8;
}

.quizzes-app.main article:hover .item-title {
    color: #950FCD !important;
}

.quizzes-app.main article:hover:before {
    opacity: 1;
}

.quizzes-app.main article:hover+article:before {
    opacity: 1;
}

@media (min-width: 767px) {

    .empty-right .quizzes-app.main,
    .empty-left .quizzes-app.main,
    .empty-left.empty-right .quizzes-app.main {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    .empty-right .quizzes-app.main article,
    .empty-left .quizzes-app.main article,
    .empty-left.empty-right .quizzes-app.main article {
        margin-top: 0;
        padding: 0 12px;
    }

    .empty-right .quizzes-app.main article .item-outer,
    .empty-left .quizzes-app.main article .item-outer,
    .empty-left.empty-right .quizzes-app.main article .item-outer {
        padding: 24px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .empty-right .quizzes-app.main article .item-outer .moderation_row,
    .empty-left .quizzes-app.main article .item-outer .moderation_row,
    .empty-left.empty-right .quizzes-app.main article .item-outer .moderation_row {
        left: 0;
    }

    .empty-right .quizzes-app.main article:first-of-type:before,
    .empty-left .quizzes-app.main article:first-of-type:before,
    .empty-left.empty-right .quizzes-app.main article:first-of-type:before,
    .empty-right .quizzes-app.main article:nth-of-type(2):before,
    .empty-left .quizzes-app.main article:nth-of-type(2):before,
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
    }

    .empty-right .quizzes-app.main article:nth-of-type(2):before,
    .empty-left .quizzes-app.main article:nth-of-type(2):before,
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    .empty-right .quizzes-app.main article:before,
    .empty-left .quizzes-app.main article:before,
    .empty-left.empty-right .quizzes-app.main article:before {
        display: none;
    }

    .empty-right .quizzes-app.main article:hover,
    .empty-left .quizzes-app.main article:hover,
    .empty-left.empty-right .quizzes-app.main article:hover {
        background-color: transparent;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    .empty-right .quizzes-app.main article:nth-of-type(2):before,
    .empty-left .quizzes-app.main article:nth-of-type(2):before,
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    .empty-right .quizzes-app.main article:nth-of-type(3):before,
    .empty-left .quizzes-app.main article:nth-of-type(3):before,
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(3):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
        left: 0;
        right: 12px;
    }

    html[dir="rtl"] .empty-right .quizzes-app.main article:nth-of-type(2):before,
    html[dir="rtl"] .empty-left .quizzes-app.main article:nth-of-type(2):before,
    html[dir="rtl"] .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    html[dir="rtl"] .empty-right .quizzes-app.main article:nth-of-type(3):before,
    html[dir="rtl"] .empty-left .quizzes-app.main article:nth-of-type(3):before,
    html[dir="rtl"] .empty-left.empty-right .quizzes-app.main article:nth-of-type(3):before {
        left: 12px;
        right: 0;
    }
}

@media (min-width: 768px) {
    .empty-left.empty-right .quizzes-app.main {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    .empty-left.empty-right .quizzes-app.main article {
        margin-top: 0;
        padding: 0 12px;
    }

    .empty-left.empty-right .quizzes-app.main article .item-outer {
        padding: 24px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .empty-left.empty-right .quizzes-app.main article .item-outer .moderation_row {
        left: 0;
    }

    .empty-left.empty-right .quizzes-app.main article:first-of-type:before,
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
    }

    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    .empty-left.empty-right .quizzes-app.main article:before {
        display: none;
    }

    .empty-left.empty-right .quizzes-app.main article:hover {
        background-color: transparent;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    .empty-left.empty-right .quizzes-app.main article:nth-of-type(3):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
        left: 0;
        right: 12px;
    }

    html[dir="rtl"] .empty-left.empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    html[dir="rtl"] .empty-left.empty-right .quizzes-app.main article:nth-of-type(3):before {
        left: 12px;
        right: 0;
    }
}

@media (min-width: 767px) {

    .empty-left .quizzes-app.main article,
    .empty-right .quizzes-app.main article {
        width: 50%;
    }

    .empty-left .quizzes-app.main article:hover,
    .empty-right .quizzes-app.main article:hover {
        background: #f8f8f8 !important;
    }
}

@media (min-width: 767px) {
    .empty-left.empty-right .quizzes-app.main article {
        width: 33.33%;
    }

    .empty-left.empty-right .quizzes-app.main article:hover {
        background: #f8f8f8 !important;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .empty-left.empty-right .quizzes-app.main article {
        width: 50%;
    }
}

.quizzes-app.feed .item-wrapper {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.quizzes-app.feed .item-outer-action {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.quizzes-app.feed .item-outer-action .action-vote-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quizzes-app.feed .item-outer-action .action-vote-bottom .item-show-more {
    font-weight: bold;
    cursor: pointer;
}

.quizzes-app.feed .item-outer-action .action-vote-bottom .item-show-more .ico {
    font-size: 10px;
}

.quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit {
    display: inline-flex;
    align-items: center;
}

html[dir='ltr'] .quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit {
    margin-left: auto;
}

html[dir='rtl'] .quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit {
    margin-right: auto;
}

html[dir="ltr"] .quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit .item-submit {
    margin-left: 16px;
}

html[dir="rtl"] .quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit .item-submit {
    margin-right: 16px;
}

.quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit .item-submit .btn {
    font-weight: bold;
}

@media (min-width: 767px) {
    .quizzes-app.feed .item-outer-action .action-vote-bottom {
        flex-direction: column;
        justify-content: center;
    }

    .quizzes-app.feed .item-outer-action .action-vote-bottom .quizz-group-submit {
        margin: 0 !important;
        margin-top: 8px !important;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}

.quizzes-app.feed .item-outer-info {
    display: flex;
    padding: 16px;
    background-color: #f8f8f8;
}

.quizzes-app.feed .item-outer-info .item-media {
    width: 104px;
    min-width: 104px;
    height: 88px;
}

html[dir="ltr"] .quizzes-app.feed .item-outer-info .item-media {
    margin-left: 16px;
}

html[dir="rtl"] .quizzes-app.feed .item-outer-info .item-media {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .quizzes-app.feed .item-outer-info .item-media {
        display: none !important;
    }
}

.quizzes-app.feed .item-outer-info .item-media .item-media-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.quizzes-app.feed .item-outer-info .item-inner {
    flex: 1;
    min-width: 0;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list {
    margin-top: 8px;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol {
    counter-reset: item;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li {
    margin: 0;
    padding: 0 0 0 20px;
    text-indent: -14px;
    list-style-type: none;
    counter-increment: item;
    margin-bottom: 8px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li:nth-child(-n+2) {
    display: block;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li:last-child {
    margin-bottom: 0;
}

.quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li:before {
    display: inline-block;
    width: 1em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

html[dir="ltr"] .quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li:before {
    padding-right: 8px;
}

html[dir="rtl"] .quizzes-app.feed .item-outer-info .item-inner .quizzes-answer-list ol li:before {
    padding-left: 8px;
}

.quizzes-app.taken-recent article .item-outer {
    display: flex;
}

.quizzes-app.taken-recent article .item-outer .item-media {
    margin-right: 12px;
}

.quizzes-app.taken-recent article .item-outer .item-media .no_image_user,
.quizzes-app.taken-recent article .item-outer .item-media .img-wrapper {
    width: 40px;
    height: 40px;
    min-width: 40px;
    transition: all 0.3s;
    border-radius: 100%;
    overflow: hidden;
}

.quizzes-app.taken-recent article .item-outer .item-media .no_image_user span,
.quizzes-app.taken-recent article .item-outer .item-media .img-wrapper span {
    font-size: 14px;
}

.quizzes-app.taken-recent article .item-outer .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.quizzes-app.taken-recent article .item-outer .item-inner {
    overflow: hidden;
    width: 100%;
}

.quizzes-app.taken-recent article .item-outer .item-inner .item-author {
    color: #a2a2a2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
}

.quizzes-app.taken-recent article .item-outer .item-inner .item-author .user_profile_link_span {
    display: inline-block;
}

.quizzes-app.taken-recent article .item-outer .item-inner .item-author .user_profile_link_span,
.quizzes-app.taken-recent article .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
}

.quizzes-app.taken-recent article .item-outer .item-inner .item-percent {
    font-size: 16px;
    line-height: 21px;
    transition: color 0.3s;
    display: flex;
    justify-content: space-between;
}

.quizzes-app.taken-recent article .item-outer .item-inner .item-percent .item-view {
    height: 22px;
    border: 1px solid #9740D5;
    border-radius: 11px;
    font-size: 12px;
    color: #9740D5;
    font-weight: normal;
    line-height: 20px;
    transition: all 0.3s;
    padding-left: 8px;
    padding-right: 8px;
}

.quizzes-app.taken-recent article .item-outer:hover .user_profile_link_span,
.quizzes-app.taken-recent article .item-outer:hover .user_profile_link_span a {
    color: #9223C9 !important;
}

.quizzes-app.taken-recent article .item-outer:hover .no_image_user,
.quizzes-app.taken-recent article .item-outer:hover .img-wrapper {
    box-shadow: 0 6px 12px 0 rgba(38, 129, 213, 0.4);
}

.quizzes-app.taken-recent article .item-outer:hover .no_image_user:before,
.quizzes-app.taken-recent article .item-outer:hover .img-wrapper:before {
    border-color: #950FCD;
}

.quizzes-app.taken-recent article .item-outer:hover .no_image_user span:before,
.quizzes-app.taken-recent article .item-outer:hover .img-wrapper span:before {
    border-color: #950FCD;
}

.quizzes-app.taken-recent article .item-outer:hover .item-percent {
    color: #9223C9;
}

.quizzes-app.taken-recent article .item-outer:hover .item-percent .item-view {
    color: #9223C9;
    border-color: #950FCD;
    box-shadow: 0 4px 12px 0 rgba(30, 103, 170, 0.2);
}

@media screen and (min-width: 768px) {
    .quizzes-app.taken-recent article+article {
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

@media screen and (min-width: 767px) {
    .quizzes-app.taken-recent {
        margin: 0 -4px;
        display: flex;
        flex-wrap: wrap;
    }

    .quizzes-app.taken-recent article {
        padding: 0 4px;
        margin-bottom: 12px;
        width: 50%;
    }
}

@media screen {
    .quizzes-app.taken-recent {
        flex-direction: column;
    }

    .quizzes-app.taken-recent article {
        width: 100%;
        margin-bottom: 0;
    }

    .quizzes-app.taken-recent article+article {
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

#page_quiz_view #js_comment_module {
    margin-top: 16px;
}

#page_quiz_view .item_info {
    display: flex;
    align-items: center;
    height: auto;
    max-height: none;
    padding-bottom: 12px;
    margin: 0;
}

#page_quiz_view .item_info .img-wrapper,
#page_quiz_view .item_info .no_image_user {
    border-radius: 100%;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

html[dir="ltr"] #page_quiz_view .item_info .img-wrapper,
html[dir="ltr"] #page_quiz_view .item_info .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #page_quiz_view .item_info .img-wrapper,
html[dir="rtl"] #page_quiz_view .item_info .no_image_user {
    margin-left: 8px;
}

#page_quiz_view .item_info .img-wrapper span,
#page_quiz_view .item_info .no_image_user span {
    font-size: 10px;
}

#page_quiz_view .item_info .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_quiz_view .item_info .item_info_author {
    overflow: hidden;
}

#page_quiz_view .item_info .item_info_author div {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

#page_quiz_view .item_info .item_info_author div .user_profile_link_span {
    display: inline-block;
}

#page_quiz_view .item_info .item_info_author div.time {
    margin-top: 4px;
}

#page_quiz_view .item_bar {
    position: absolute;
    top: 0;
}

html[dir='ltr'] #page_quiz_view .item_bar {
    right: -8px;
}

html[dir='rtl'] #page_quiz_view .item_bar {
    left: -8px;
}

#page_quiz_view .item_bar .item_bar_action {
    width: 32px;
    height: 32px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

#page_quiz_view .item_bar .item_bar_action:hover .ico:before {
    content: "\ea88";
}

#page_quiz_view .item_bar .dropdown-menu {
    margin-top: 0;
}

#page_quiz_view .item_bar .open .item_bar_action .ico:before {
    content: "\ea88";
}

#page_quiz_view .item-comment {
    position: relative;
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
}

#page_quiz_view .item-comment .comment_mini_content_border {
    border-radius: 0;
    margin: 0;
}

#page_quiz_view .item-comment .comment_mini_content_border .comment-mini-content-commands {
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0;
}

#page_quiz_view .item-comment .item-total-view {
    color: #a2a2a2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -12px;
}

#page_quiz_view .item-comment .item-total-view b {
    color: #555555;
}

#page_quiz_view .item-comment .item-total-view span {
    display: inline-block;
    padding: 0 12px;
}

#page_quiz_view .item-content {
    padding: 0;
    display: flex;
}

#page_quiz_view .item-content .item-media {
    min-width: 200px;
}

#page_quiz_view .item-content .item-media span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_quiz_view .item-content .item-media span:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

@media screen {
    #page_quiz_view .item-content {
        flex-direction: column;
    }

    #page_quiz_view .item-content .item-media {
        min-width: auto;
        margin: 0 0 12px 0;
    }
}

#page_quiz_view .item_content {
    padding-top: 8px;
    padding-bottom: 0;
    position: relative;
}

#page_quiz_view .item_content .quiz_result_title {
    border-bottom-color: #eeeeee;
    display: flex;
    justify-content: space-between;
}

html[dir='rtl'] #page_quiz_view .item_content .quiz_result_title .text-capitalize {
    display: inline-block;
}

html[dir='rtl'] #page_quiz_view .item_content .quiz_result_title .txt-success {
    display: inline-block;
}

#page_quiz_view .item_content .quiz_result_title .user_profile_link_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    margin: 0 5px;
}

#page_quiz_view .item_content .quiz_result_title b {
    display: inline-block;
}

#page_quiz_view .item_content .quiz_result_title .quiz_back {
    font-size: 14px;
}

@media screen and (max-width: 640px) {
    #page_quiz_view .item_content .quiz_result_title {
        flex-direction: column;
    }

    #page_quiz_view .item_content .quiz_result_title .quiz_back {
        margin-top: 8px;
    }
}

#page_quiz_view .item_content .pagination {
    margin-top: 16px;
}

#page_quiz_view .js_pager_buttons {
    border-bottom: 1px solid #eeeeee;
    margin-top: 0;
}

#page_quiz_view .addthis_block {
    margin-top: 16px;
    padding-top: 16px;
    margin-bottom: 24px;
}

.quiz_questions {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    border-bottom: 0;
}

.quiz_questions .quiz_questions_inner {
    display: flex;
    padding-bottom: 16px;
    padding-top: 16px;
}

.quiz_questions .quiz_questions_inner+.quiz_questions_inner {
    border-top: 1px solid #eeeeee;
}

.quiz_questions .quiz_questions_nummberlist {
    font-size: 20px;
    color: #dcdcdc;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 48px;
    max-width: 48px;
    font-weight: bold;
}

html[dir='ltr'] .quiz_questions .quiz_questions_nummberlist {
    padding-right: 12px;
}

html[dir='rtl'] .quiz_questions .quiz_questions_nummberlist {
    padding-left: 12px;
}

@media (min-width: 767px) {
    .quiz_questions .quiz_questions_nummberlist {
        font-size: 16px;
    }
}

.quiz_questions .quiz_answers {
    padding: 0;
    padding-left: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #eeeeee;
}

.quiz_questions .quiz_answers .radio {
    margin-bottom: 0;
}

.quiz_questions .quiz_answers .radio+.radio {
    margin-top: 1px;
}

.quiz_questions .quiz_answers .radio label {
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.quiz_questions .quiz_answers .radio label input {
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
    opacity: 0;
}

.quiz_questions .quiz_answers .radio label input:checked+.ico {
    color: #9740D5;
}

.quiz_questions .quiz_answers .radio label input:checked+.ico:before {
    content: "\e990";
}

.quiz_questions .quiz_answers .radio label .ico {
    color: #555555;
    font-size: 14px;
}

html[dir="ltr"] .quiz_questions .quiz_answers .radio label .ico {
    margin-right: 8px;
}

html[dir="rtl"] .quiz_questions .quiz_answers .radio label .ico {
    margin-left: 8px;
}

.quiz_questions .quiz_answers .radio label.checkbox .ico {
    font-size: 14px;
}

.quiz_questions .quiz_answers .radio label.checkbox input:checked+.ico:before {
    content: "\eb28";
}

.quiz_questions .quiz_answers .quiz_answer {
    display: inline-block;
}

.quiz_questions .quiz_answers .quiz_answer+.quiz_answer {
    margin-top: 2px;
}

html[dir='rtl'] .quiz_questions .quiz_answers {
    padding-left: 0;
    padding-right: 12px;
    border-left: 0;
    border-right: 1px solid #eeeeee;
}

.quiz_result_items .quiz_result_item {
    display: flex;
    padding: 0;
    border-top: 0;
}

.quiz_result_items .quiz_result_item .quiz_result_number {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #dcdcdc;
    border-right: 1px solid #eeeeee;
}

.quiz_result_items .quiz_result_item .quiz_result_answer {
    width: 100%;
}

.quiz_result_items .quiz_result_item .quiz_result_answer .correct_answer_title {
    color: #a2a2a2;
    display: inline-block;
}

.quiz_result_items .quiz_result_item .quiz_result_answer .status {
    display: inline-block;
}

.quiz_result_items .quiz_result_item+.quiz_result_item {
    margin-top: 32px;
}

.quiz_result_items .quiz_result_item+.quiz_result_item .quiz_result_answer {
    position: relative;
}

.quiz_result_items .quiz_result_item+.quiz_result_item .quiz_result_answer:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    top: -16px;
}

.quiz_result_items .quiz_result_item+.quiz_result_item .quiz_result_answer .incorrect_answer+.correct_answer {
    margin-top: 2px;
}

.quiz_user_title {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 8px;
    padding-top: 24px;
    border-bottom: 1px solid #dcdcdc;
}

.quiz_user_title span {
    display: inline-block;
    color: #a2a2a2;
}

.quiz_load {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    padding-top: 16px;
    display: block;
    text-align: center;
}

.quiz_user_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

@media (min-width: 767px) {
    .quiz_user_list {
        flex-flow: wrap;
    }

    .quiz_user_list .quiz_user_list_left {
        width: 100%;
    }

    .quiz_user_list .quiz_user_list_right {
        width: 100%;
        margin: 0 !important;
        margin-top: 8px !important;
        align-items: center;
        justify-content: space-between;
        padding-left: 8px;
        padding-right: 8px;
    }
}

html[dir="ltr"] .quiz_user_list .quiz_user_list_right {
    margin-left: 8px;
}

html[dir="rtl"] .quiz_user_list .quiz_user_list_right {
    margin-right: 8px;
}

.quiz_user_list [class^=quiz_user_list_] {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_list_number {
    color: #a2a2a2;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image {
    display: inline-flex;
    align-items: center;
}

html[dir="ltr"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image {
    margin-left: 40px;
}

html[dir="rtl"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image {
    margin-right: 40px;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .no_image_user,
.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .img-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .no_image_user span,
.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .img-wrapper span {
    font-size: 18px;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner {
    display: inline-flex;
    flex-direction: column;
}

html[dir="ltr"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner {
    margin-left: 16px;
}

html[dir="rtl"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner {
    margin-right: 16px;
}

@media (max-width: 360px) {
    html[dir="ltr"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner {
        margin-left: 8px;
    }

    html[dir="rtl"] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner {
        margin-right: 8px;
    }
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner .user_profile_link_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_user_image .quiz_user_inner time {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.quiz_user_list [class^=quiz_user_list_] .quiz_percentage {
    font-size: 16px;
}

.quiz_user_list:hover .quiz_user_image>a {
    border-radius: 100%;
    box-shadow: 0 6px 12px 0 rgba(38, 129, 213, 0.4);
}

.quiz_user_list:hover .no_image_user span:before,
.quiz_user_list:hover .img-wrapper:before {
    border-color: #950FCD;
}

.quiz_user_list:hover .user_profile_link_span,
.quiz_user_list:hover .user_profile_link_span a {
    color: #9223C9 !important;
}

.quiz_user_list:hover .quiz_percentage {
    color: #9223C9;
}

.quiz_user_list:hover .quiz_button a {
    box-shadow: 0 4px 12px 0 rgba(30, 103, 170, 0.2);
    color: #9223C9;
}

.quiz-answer {
    margin-top: 8px;
    border-left: 1px solid #eeeeee;
}

html[dir="ltr"] .quiz-answer {
    padding-left: 24px;
}

html[dir="rtl"] .quiz-answer {
    padding-right: 24px;
}

.quiz-answer input.answer {
    width: auto;
    min-width: 256px;
}

html[dir="ltr"] .quiz-answer input.answer {
    padding-right: 40px;
}

html[dir="rtl"] .quiz-answer input.answer {
    padding-left: 40px;
}

html[dir='rtl'] .quiz-answer input.answer {
    padding-right: 12px;
    padding-left: 40px;
}

@media screen {
    .quiz-answer input.answer {
        min-width: auto;
    }
}

.quiz-answer .answer_holder {
    display: inline-flex;
    flex-direction: column;
}

.quiz-answer .answer_parent {
    padding: 0;
    margin: 0;
    display: inline-flex;
}

.quiz-answer .answer_parent+.answer_parent {
    margin-top: 8px;
}

.quiz-answer .answer_parent.correctAnswer .a_addAnswer:before {
    display: none;
}

.quiz-answer .answer_parent.correctAnswer #a_setCorrect .ico {
    color: #9740D5;
}

.quiz-answer .answer_parent.correctAnswer #a_setCorrect .ico:before {
    content: "\eab4";
}

.quiz-answer [class^=a_] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz-answer #a_setCorrect {
    position: absolute;
    right: 80px;
    top: 0;
    z-index: 1;
    color: #a2a2a2;
}

html[dir='rtl'] .quiz-answer #a_setCorrect {
    right: auto;
    left: 80px;
}

html[dir='rtl'] .quiz-answer {
    padding-left: 0;
    padding-right: 24px;
    border-left: 0;
    border-right: 1px solid #eeeeee;
}

@media screen {
    .quiz-answer {
        padding: 0 !important;
        border: 0 !important;
    }
}

.quiz_add_new_question {
    line-height: 18px;
    position: relative;
}

.quiz_add_new_question:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

.quiz_add_new_question a {
    position: relative;
    background-color: #fff;
}

html[dir="ltr"] .quiz_add_new_question a {
    padding-left: 16px;
}

html[dir="rtl"] .quiz_add_new_question a {
    padding-right: 16px;
}

html[dir='rtl'] .quiz_add_new_question .ico {
    display: inline-block;
}

.quizzes-app #removeQuestion {
    top: 0;
}

.quizzes-app #removeQuestion a:hover {
    color: #9740D5;
}

html[dir='rtl'] .quizzes-app #removeQuestion {
    right: auto;
    left: 0;
}

html[dir='rtl'] #page_quiz_view .item_bar {
    right: auto;
    left: -10px;
}

html[dir='rtl'] #page_quiz_view .item-comment .item-total-view {
    margin-right: 0;
    margin-left: -12px;
    right: auto;
    left: 0;
}

html[dir='rtl'] #page_quiz_view .item_info .img-wrapper,
html[dir='rtl'] #page_quiz_view .item_info .no_image_user {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] [id^=js_block_border_apps_core_quizzes_block_] .flag_style {
    right: auto;
    left: 16px;
}

html[dir='rtl'] .quizzes-widget-block article .item-outer .item-media {
    margin-right: 0;
    margin-left: 12px;
}

html[dir='rtl'] .quizzes-app.main .item-outer .item-inner .item-statistic {
    margin-left: 0;
    margin-right: -8px;
}

html[dir='rtl'] .quizzes-app.main article .item-outer {
    padding-right: 0;
    padding-left: 24px;
}

html[dir='rtl'] .quizzes-app.main article .item-outer .moderation_row {
    left: auto;
    right: -16px;
}

html[dir='rtl'] .quizzes-app.main article .item-outer .item-option {
    right: auto;
    left: -8px;
}

html[dir='rtl'] .quizzes-app.main article .item-outer .item-media .flag_style_parent {
    left: 0;
    right: auto;
}

html[dir='rtl'] .quizzes-app.main article .item-outer>.flag_style_parent {
    right: 0;
    left: auto;
}

html[dir='rtl'] .quizzes-app.main article .item-outer.no-photo.one-action .item-title {
    padding-left: 0;
    padding-right: 40px;
}

html[dir='rtl'] .quizzes-app.main article .item-outer.no-photo.both-action .item-title {
    padding-left: 0;
    padding-right: 64px;
}

html[dir='rtl'] .empty-right .quizzes-app.main article .item-outer .moderation_row {
    right: 0;
    left: auto;
}

html[dir='rtl'] .quizzes-app.taken-recent article .item-outer .item-media {
    margin-right: 0;
    margin-left: 12px;
}

html[dir='rtl'] .quiz_result_items .quiz_result_item .quiz_result_number {
    border-right: 0;
    border-left: 1px solid #eeeeee;
}

html[dir='rtl'] #page_quiz_view .item_content .quiz_result_title .quiz_back .ico {
    display: inline-block;
}

html[dir='rtl'] #page_quiz_view .item_content .quiz_result_title .quiz_back .ico:before {
    content: "\eaf8";
}

html[dir='rtl'] .quiz_user_list [class^=quiz_user_list_] .quiz_user_list_number {
    left: auto;
    right: 8px;
}

html[dir='rtl'] .quiz_user_list [class^=quiz_user_list_] .quiz_user_image {
    margin-left: 0;
    margin-right: 40px;
}

@media screen and (min-width: 768px) {

    html[dir='rtl'] .empty-right .quizzes-app.main article:first-of-type:before,
    html[dir='rtl'] .empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    html[dir='rtl'] .empty-right .quizzes-app.main article:nth-of-type(2):before {
        left: 12px;
        right: 0;
    }
}

/*End Quizzes*/
/*Begin ' . Polls . '*/

.poll-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[id^=js_block_border_apps_core_polls_block_] {
    position: relative;
}

[id^=js_block_border_apps_core_polls_block_] .content {
    position: static;
}

[id^=js_block_border_apps_core_polls_block_] .flag_style {
    top: 0;
    right: 16px;
    position: absolute !important;
}

.poll-app-addthis-parent {
    border-top: 1px solid #eeeeee;
    margin-top: 28px;
}

.poll-icon {
    position: absolute;
    display: flex;
    top: 0;
}

html[dir="ltr"] .poll-icon {
    right: 16px;
}

html[dir="rtl"] .poll-icon {
    left: 16px;
}

.poll-widget-block article .item-outer {
    display: flex;
}

.poll-widget-block article .item-outer .item-media {
    margin-right: 12px;
}

.poll-widget-block article .item-outer .item-media-bg {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 56px;
    height: 56px;
    transition: box-shadow 0.3s;
}

.poll-widget-block article .item-outer .item-media-bg:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.poll-widget-block article .item-outer .item-inner {
    overflow: hidden;
}

.poll-widget-block article .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.poll-widget-block article .item-outer .item-inner .item-author {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.poll-widget-block article .item-outer .item-inner .item-author .user_profile_link_span,
.poll-widget-block article .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
}

.poll-widget-block article .item-outer .item-inner .item-vote {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    transition: color 0.3s;
}

.poll-widget-block article .item-outer:hover .item-media-bg {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.poll-widget-block article .item-outer:hover .item-title {
    color: #9223C9;
}

.poll-widget-block article .item-outer:hover .item-vote {
    color: #555555;
}

.poll-widget-block article+article {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

.poll-widget-block.poll-app .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .poll-widget-block.poll-app .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] .poll-widget-block.poll-app .sticky-label-icon {
    left: 16px;
}

.poll-app.main {
    margin: 0 -16px;
}

.poll-app.main article {
    position: relative;
    transition: background-color 0.3s;
    padding: 0 16px;
}

.poll-app.main article .item-outer {
    display: flex;
    position: relative;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 16px;
    padding-bottom: 16px;
}

html[dir="ltr"] .poll-app.main article .item-outer {
    padding-right: 24px;
}

html[dir="rtl"] .poll-app.main article .item-outer {
    padding-left: 24px;
}

.poll-app.main article .item-outer .item-media {
    position: relative;
}

.poll-app.main article .item-outer .item-media-bg {
    width: 104px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.poll-app.main article .item-outer .item-media-bg:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.poll-app.main article .item-outer .item-media .flag_style_parent {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.poll-app.main article .item-outer .item-inner {
    overflow: hidden;
}

.poll-app.main article .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 18px;
    text-overflow: ellipsis;
    line-height: 24px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 48px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.poll-app.main article .item-outer .item-inner .item-title:hover {
    color: #950FCD;
}

.poll-app.main article .item-outer .item-inner time {
    display: block;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.poll-app.main article .item-outer .item-inner time .user_profile_link_span {
    display: inline-block;
}

.poll-app.main article .item-outer .item-inner time .user_profile_link_span,
.poll-app.main article .item-outer .item-inner time .user_profile_link_span a {
    font-weight: normal !important;
}

.poll-app.main article .item-outer .item-inner time .user_profile_link_span:hover,
.poll-app.main article .item-outer .item-inner time .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.poll-app.main article .item-outer .item-inner time>span {
    display: inline-block;
}

.poll-app.main article .item-outer .item-inner .item-statistic {
    margin-left: -8px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}

.poll-app.main article .item-outer .item-inner .item-statistic span {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}

.poll-app.main article .item-outer .moderation_row {
    position: absolute;
    left: -16px;
    top: 0;
    z-index: 2;
}

.poll-app.main article .item-outer .item-option {
    position: absolute;
    right: -8px;
    top: 8px;
}

.poll-app.main article .item-outer .item-option .row_edit_bar_action {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.poll-app.main article .item-outer .item-option .row_edit_bar_action .ico {
    color: #a2a2a2;
}

.poll-app.main article .item-outer .item-option .row_edit_bar_action:hover .ico:before {
    content: "\ea88";
}

.poll-app.main article .item-outer .item-option .dropdown.open .row_edit_bar_action .ico:before {
    content: "\ea88";
}

.poll-app.main article .item-outer>.flag_style_parent {
    position: absolute;
    top: 0;
    display: flex;
    left: 0;
}

html[dir="ltr"] .poll-app.main article .item-outer.no-photo.one-action .item-title {
    padding-left: 40px;
}

html[dir="rtl"] .poll-app.main article .item-outer.no-photo.one-action .item-title {
    padding-right: 40px;
}

html[dir="ltr"] .poll-app.main article .item-outer.no-photo.both-action .item-title {
    padding-left: 64px;
}

html[dir="rtl"] .poll-app.main article .item-outer.no-photo.both-action .item-title {
    padding-right: 64px;
}

.poll-app.main article .item-outer.no-photo .item-media {
    margin: 0;
}

.poll-app.main article .item-outer.no-photo .flag_style_parent {
    display: none;
}

.poll-app.main article .item-outer.no-photo .flag_style_parent.hide {
    display: flex !important;
}

.poll-app.main article+article {
    margin-top: -1px;
}

.poll-app.main article:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.poll-app.main article:hover {
    background-color: #f8f8f8;
}

.poll-app.main article:hover .item-title {
    color: #950FCD !important;
}

.poll-app.main article:hover:before {
    opacity: 1;
}

.poll-app.main article:hover+article:before {
    opacity: 1;
}

@media (min-width: 767px) {

    .empty-left.empty-right .poll-app.main,
    .empty-left .poll-app.main,
    .empty-right .poll-app.main {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    .empty-left.empty-right .poll-app.main article,
    .empty-left .poll-app.main article,
    .empty-right .poll-app.main article {
        margin-top: 0;
        padding: 0 12px;
    }

    .empty-left.empty-right .poll-app.main article .item-outer,
    .empty-left .poll-app.main article .item-outer,
    .empty-right .poll-app.main article .item-outer {
        padding: 24px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .empty-left.empty-right .poll-app.main article .item-outer .moderation_row,
    .empty-left .poll-app.main article .item-outer .moderation_row,
    .empty-right .poll-app.main article .item-outer .moderation_row {
        left: 0;
    }

    .empty-left.empty-right .poll-app.main article:first-of-type:before,
    .empty-left .poll-app.main article:first-of-type:before,
    .empty-right .poll-app.main article:first-of-type:before,
    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before,
    .empty-left .poll-app.main article:nth-of-type(2):before,
    .empty-right .poll-app.main article:nth-of-type(2):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
    }

    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before,
    .empty-left .poll-app.main article:nth-of-type(2):before,
    .empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    .empty-left.empty-right .poll-app.main article:before,
    .empty-left .poll-app.main article:before,
    .empty-right .poll-app.main article:before {
        display: none;
    }

    .empty-left.empty-right .poll-app.main article:hover,
    .empty-left .poll-app.main article:hover,
    .empty-right .poll-app.main article:hover {
        background-color: transparent;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before,
    .empty-left .poll-app.main article:nth-of-type(2):before,
    .empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    .empty-left.empty-right .poll-app.main article:nth-of-type(3):before,
    .empty-left .poll-app.main article:nth-of-type(3):before,
    .empty-right .poll-app.main article:nth-of-type(3):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
        left: 0;
        right: 12px;
    }

    html[dir="rtl"] .empty-left.empty-right .poll-app.main article:nth-of-type(2):before,
    html[dir="rtl"] .empty-left .poll-app.main article:nth-of-type(2):before,
    html[dir="rtl"] .empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    html[dir="rtl"] .empty-left.empty-right .poll-app.main article:nth-of-type(3):before,
    html[dir="rtl"] .empty-left .poll-app.main article:nth-of-type(3):before,
    html[dir="rtl"] .empty-right .poll-app.main article:nth-of-type(3):before {
        left: 12px;
        right: 0;
    }
}

@media (min-width: 768px) {
    .empty-left.empty-right .poll-app.main {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    .empty-left.empty-right .poll-app.main article {
        margin-top: 0;
        padding: 0 12px;
    }

    .empty-left.empty-right .poll-app.main article .item-outer {
        padding: 24px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .empty-left.empty-right .poll-app.main article .item-outer .moderation_row {
        left: 0;
    }

    .empty-left.empty-right .poll-app.main article:first-of-type:before,
    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
    }

    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    .empty-left.empty-right .poll-app.main article:before {
        display: none;
    }

    .empty-left.empty-right .poll-app.main article:hover {
        background-color: transparent;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .empty-left.empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    .empty-left.empty-right .poll-app.main article:nth-of-type(3):before {
        display: block;
        opacity: 1;
        left: 12px;
        right: 0;
        width: auto;
        left: 0;
        right: 12px;
    }

    html[dir="rtl"] .empty-left.empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 0;
    }

    html[dir="rtl"] .empty-left.empty-right .poll-app.main article:nth-of-type(3):before {
        left: 12px;
        right: 0;
    }
}

@media (min-width: 767px) {
    .empty-left.empty-right .poll-app.main article {
        width: 33.33%;
    }

    .empty-left.empty-right .poll-app.main article:hover {
        background: #f8f8f8 !important;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .empty-left.empty-right .poll-app.main article {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {

    .empty-right .poll-app.main article,
    .empty-left .poll-app.main article {
        width: 50%;
    }

    .empty-right .poll-app.main article:hover,
    .empty-left .poll-app.main article:hover {
        background: #f8f8f8 !important;
    }
}

#page_poll_view .layout-middle {
    position: relative;
}

#page_poll_view .header-page-title a {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

html[dir="ltr"] #page_poll_view .header-page-title.header-has-label-1 {
    padding-right: 48px;
}

html[dir="rtl"] #page_poll_view .header-page-title.header-has-label-1 {
    padding-left: 48px;
}

#page_poll_view .header-page-title.header-has-label-2 {
    padding-right: 72px;
}

html[dir='rtl'] #page_poll_view .header-page-title.header-has-label-2 {
    padding-right: 16px;
    padding-left: 72px;
}

#page_poll_view .item-pending.alert {
    margin-bottom: 16px;
}

#page_poll_view .item_info {
    display: flex;
    align-items: center;
    height: auto;
    max-height: none;
    padding-bottom: 12px;
    margin: 0;
}

#page_poll_view .item_info .img-wrapper,
#page_poll_view .item_info .no_image_user {
    border-radius: 100%;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

html[dir="ltr"] #page_poll_view .item_info .img-wrapper,
html[dir="ltr"] #page_poll_view .item_info .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #page_poll_view .item_info .img-wrapper,
html[dir="rtl"] #page_poll_view .item_info .no_image_user {
    margin-left: 8px;
}

#page_poll_view .item_info .img-wrapper span,
#page_poll_view .item_info .no_image_user span {
    font-size: 10px;
}

#page_poll_view .item_info .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_poll_view .item_info .item_info_author {
    overflow: hidden;
}

#page_poll_view .item_info .item_info_author div {
    font-size: 12px;
    line-height: 16px;
    color: #c8c8c8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

#page_poll_view .item_info .item_info_author div .user_profile_link_span {
    display: inline-block;
}

#page_poll_view .item_info .item_info_author div .user_profile_link_span,
#page_poll_view .item_info .item_info_author div .user_profile_link_span a {
    font-weight: normal !important;
}

#page_poll_view .item_content {
    padding-top: 0;
}

#page_poll_view .item_content .votes {
    padding-top: 16px;
}

#page_poll_view .item_bar {
    position: absolute;
    top: 0;
}

html[dir='ltr'] #page_poll_view .item_bar {
    right: -8px;
}

html[dir='rtl'] #page_poll_view .item_bar {
    left: -8px;
}

#page_poll_view .item_bar .item_bar_action {
    width: 32px;
    height: 32px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

#page_poll_view .item_bar .item_bar_action:hover .ico:before {
    content: "\ea88";
}

#page_poll_view .item_bar .dropdown-menu {
    margin-top: 0;
}

#page_poll_view .item_bar .open .item_bar_action .ico:before {
    content: "\ea88";
}

#page_poll_view .item-comment {
    position: relative;
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
}

#page_poll_view .item-comment .comment_mini_content_border {
    border-radius: 0;
    margin: 0;
}

#page_poll_view .item-comment .comment_mini_content_border .comment-mini-content-commands {
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0;
}

#page_poll_view .item-comment .item-total-view {
    color: #a2a2a2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -12px;
}

#page_poll_view .item-comment .item-total-view b {
    color: #555555;
}

#page_poll_view .item-comment .item-total-view span {
    display: inline-block;
    padding: 0 12px;
}

#page_poll_view .item-comment .item-total-view span.vote {
    cursor: pointer;
}

#page_poll_view .item-content {
    padding: 0;
    display: flex;
}

#page_poll_view .item-content .item-media {
    min-width: 200px;
}

#page_poll_view .item-content .item-media span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_poll_view .item-content .item-media span:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

#page_poll_view .item-content .item_view_content {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
}

@media screen {
    #page_poll_view .item-content {
        flex-direction: column;
    }

    #page_poll_view .item-content .item-media {
        min-width: auto;
        margin: 0 0 12px 0;
    }
}

.poll_question {
    border-top: 8px solid #eeeeee;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.poll_question .radio {
    margin-bottom: 0 !important;
    background-color: #f8f8f8;
    padding: 7px 16px;
}

.poll_question .radio+.radio {
    margin-top: 1px;
}

.poll_question .radio label {
    padding: 0;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.poll_question .radio label input {
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
    opacity: 0;
}

.poll_question .radio label input:checked+.ico {
    color: #9740D5;
}

.poll_question .radio label input:checked+.ico:before {
    content: "\e990";
}

.poll_question .radio label .ico {
    color: #a2a2a2;
    font-size: 16px;
    margin-top: 1px;
}

html[dir="ltr"] .poll_question .radio label .ico {
    margin-right: 8px;
}

html[dir="rtl"] .poll_question .radio label .ico {
    margin-left: 8px;
}

.poll_question .radio label.checkbox .ico {
    font-size: 14px;
}

.poll_question .radio label.checkbox input:checked+.ico:before {
    content: "\eb28";
}

.poll_answer {
    display: table;
    width: 100%;
}

.poll_answer .answers_container {
    padding: 0;
    display: table-row;
    border-bottom: 0;
    margin: 0;
    transition: background-color 0.3s;
}

.poll_answer .answers_container:last-child>div {
    border-bottom: 1px solid #eeeeee;
}

.poll_answer .answers_container>div {
    vertical-align: middle;
    display: table-cell;
    padding: 11px 0;
    border-top: 1px solid #eeeeee;
}

.poll_answer .answers_container>div.poll_anwser_user {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.poll_answer .answers_container .extra_info.text {
    text-align: right;
}

.poll_answer .answers_container .extra_info.text span {
    cursor: pointer;
    min-width: 72px;
    white-space: nowrap;
    color: #a2a2a2;
    transition: color 0.3s;
}

.poll_answer .answers_container .extra_info.percent {
    text-align: right;
    font-size: 18px;
    min-width: 45px;
}

.poll_answer .answers_container.user_answered_this {
    font-weight: normal;
    background-color: #cafdd0 !important;
}

.poll_answer .answers_container.user_answered_this>div {
    border-color: #fff;
}

.poll_answer .answers_container.user_answered_this .poll_answer_container {
    background-color: rgba(85, 85, 85, 0.1);
}

.poll_answer .answers_container.user_answered_this .poll_anwser_user,
.poll_answer .answers_container.user_answered_this .extra_info.percent {
    color: #555555 !important;
}

.poll_answer .answers_container.user_answered_this .extra_info.text span {
    color: #a2a2a2 !important;
}

.poll_answer .answers_container.user_answered_this:hover .poll_anwser_user,
.poll_answer .answers_container.user_answered_this:hover .extra_info.percent,
.poll_answer .answers_container.user_answered_this:hover .extra_info.text span {
    color: #9223C9 !important;
}

.poll_answer .answers_container .poll_answer_container {
    margin-left: 24px;
    background-color: #eeeeee;
    margin-right: 20px;
}

html[dir='rtl'] .poll_answer .answers_container .poll_answer_container {
    margin-right: 24px;
    margin-left: 20px;
}

.poll_answer .answers_container .poll_answer_container .poll_answer_percentage {
    background-color: #9740D5;
}

.poll_answer .answers_container:hover,
.poll_answer .answers_container.active {
    background-color: #f8f8f8;
}

.poll_answer .answers_container:hover .poll_anwser_user,
.poll_answer .answers_container.active .poll_anwser_user,
.poll_answer .answers_container:hover .extra_info.percent,
.poll_answer .answers_container.active .extra_info.percent {
    color: #9740D5;
}

.poll_answer .answers_container:hover .extra_info.text span,
.poll_answer .answers_container.active .extra_info.text span {
    color: #555555 !important;
}

@media screen and (min-width: 320px) {
    .poll_answer .answers_container {
        display: flex;
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

    .poll_answer .answers_container .mobile {
        display: none;
    }

    .poll_answer .answers_container .poll_anwser_user {
        border: 0 !important;
    }

    .poll_answer .answers_container .hide {
        flex-direction: column;
        display: inline-flex !important;
        border: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .poll_answer .answers_container .hide .poll_answer_container {
        width: 80px;
        margin: 0;
    }

    html[dir='rtl'] .poll_answer .answers_container .hide .poll_answer_container {
        margin: 0;
    }

    .poll_answer .answers_container .hide .extra_info.text {
        text-align: unset;
    }

    .poll_answer .answers_container .hide .extra_info.text span {
        min-width: auto;
    }

    .poll_answer .answers_container .hide .extra_info.percent {
        min-width: 50px;
    }

    .poll_answer .answers_container .hide>div {
        min-width: 180px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    html[dir="ltr"] .poll_answer .answers_container .hide>div {
        padding-right: 16px;
    }

    html[dir="rtl"] .poll_answer .answers_container .hide>div {
        padding-left: 16px;
    }

    .poll_answer .answers_container .hide>div:last-child {
        margin-top: 8px;
    }

    .poll_answer .answers_container .hide>div .vote-member {
        padding: 0 !important;
    }

    .poll_answer .answers_container+.answers_container {
        margin-top: -1px;
    }
}

@media screen and (max-width: 992px) {
    html[dir="ltr"] .poll_answer .answers_container .hide>div {
        padding-right: 0;
    }

    html[dir="rtl"] .poll_answer .answers_container .hide>div {
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    .poll_answer .answers_container .hide>div:last-child {
        margin-top: 4px;
    }
}

@media screen {
    .poll_answer .answers_container {
        flex-direction: column;
        align-items: baseline;
    }

    .poll_answer .answers_container .poll_anwser_user {
        padding-bottom: 0;
        padding-top: 0;
    }

    .poll_answer .answers_container .hide {
        display: flex !important;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 0;
    }

    html[dir="ltr"] .poll_answer .answers_container .hide {
        padding-left: 16px;
    }

    html[dir="rtl"] .poll_answer .answers_container .hide {
        padding-right: 16px;
    }

    html[dir="ltr"] .poll_answer .answers_container .hide {
        padding-right: 16px;
    }

    html[dir="rtl"] .poll_answer .answers_container .hide {
        padding-left: 16px;
    }

    .poll_answer .answers_container .hide>div {
        padding-right: 0;
    }

    .poll_answer .answers_container .hide .extra_info.percent {
        text-align: left;
    }
}

.vote-member {
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
    padding: 12px 16px 12px 32px !important;
}

html[dir='rtl'] .vote-member {
    text-align: left;
}

.vote-member-inner {
    display: inline-block;
    vertical-align: middle;
}

.vote-member-inner>a,
.vote-member-inner .img-wrapper {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 100%;
}

.vote-member-inner>a span,
.vote-member-inner .img-wrapper span {
    font-size: 10px;
}

.vote-member-inner>a img,
.vote-member-inner .img-wrapper img {
    width: 100%;
    height: 100%;
}

.vote-member-inner>a:hover,
.vote-member-inner .img-wrapper:hover {
    width: 24px;
    height: 24px;
}

.vote-member-inner>a:hover span,
.vote-member-inner .img-wrapper:hover span {
    font-size: 10px;
    display: flex;
}

.vote-member-inner+.vote-member-inner {
    padding-left: 4px;
}

.vote-member-inner span {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-member-inner span .ico {
    color: #a2a2a2 !important;
}

.vote-member:empty {
    padding: 12px 16px 12px 0 !important;
}

.poll_answer_button {
    display: flex;
    justify-content: space-between;
}

.poll_answer_button b {
    margin-left: 4px;
}

.corepoll-checkbox-custom label,
.corepoll-radio-custom label {
    padding: 0 !important;
}

.corepoll-checkbox-custom label input,
.corepoll-radio-custom label input {
    display: none;
}

.corepoll-checkbox-custom label input:checked+.ico,
.corepoll-radio-custom label input:checked+.ico {
    color: #9740D5;
}

.corepoll-checkbox-custom label .ico,
.corepoll-radio-custom label .ico {
    color: rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    min-width: 14px;
}

.corepoll-radio-custom label input:checked+.ico:before {
    content: "\e990";
}

.corepoll-checkbox-custom label input:checked+.ico:before {
    content: "\eb28";
}

.poll-app.feed .item-wrapper {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.poll-app.feed.cannot-change-answer .item-answer:not(.chosen) {
    display: none !important;
}

.poll-app.feed.cannot-change-answer .item-answer.chosen {
    margin-bottom: 12px !important;
}

.poll-app.feed.cannot-change-answer .item-answer.chosen label input+.ico:before {
    font-size: 14px;
    content: "\eb17" !important;
    color: #9740D5;
}

.poll-app.feed.show-full-answer .item-outer-action .action-vote-list .item-answer {
    display: block;
}

.poll-app.feed.show-full-answer .item-outer-action .action-vote-bottom {
    justify-content: flex-end;
}

.poll-app.feed.show-full-answer .item-outer-action .action-vote-bottom .item-show-more {
    display: none !important;
}

.poll-app.feed .item-outer-action {
    padding: 16px;
}

.poll-app.feed .item-outer-action .action-vote-list {
    font-size: 16px;
}

.poll-app.feed .item-outer-action .action-vote-list .item-answer {
    margin-bottom: 16px;
    display: none;
}

.poll-app.feed .item-outer-action .action-vote-list .item-answer:nth-child(-n+3) {
    display: block;
}

.poll-app.feed .item-outer-action .action-vote-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 767px) {
    .poll-app.feed .item-outer-action .action-vote-bottom {
        flex-direction: column;
        justify-content: center;
    }

    .poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit {
        margin: 0 !important;
        margin-top: 8px !important;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}

.poll-app.feed .item-outer-action .action-vote-bottom .item-show-more {
    font-weight: bold;
    cursor: pointer;
}

.poll-app.feed .item-outer-action .action-vote-bottom .item-show-more .ico {
    font-size: 10px;
}

.poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit {
    display: inline-flex;
    align-items: center;
}

html[dir='ltr'] .poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit {
    margin-left: auto;
}

html[dir='rtl'] .poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit {
    margin-right: auto;
}

html[dir="ltr"] .poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit .item-submit {
    margin-left: 16px;
}

html[dir="rtl"] .poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit .item-submit {
    margin-right: 16px;
}

.poll-app.feed .item-outer-action .action-vote-bottom .poll-group-submit .item-submit .btn {
    font-weight: bold;
}

.poll-app.feed .item-outer-info {
    display: flex;
    padding: 16px;
    background-color: #f8f8f8;
}

.poll-app.feed .item-outer-info .item-media {
    width: 104px;
    min-width: 104px;
    height: 88px;
}

html[dir="ltr"] .poll-app.feed .item-outer-info .item-media {
    margin-left: 16px;
}

html[dir="rtl"] .poll-app.feed .item-outer-info .item-media {
    margin-right: 16px;
}

@media (min-width: 767px) {
    .poll-app.feed .item-outer-info .item-media {
        display: none !important;
    }
}

.poll-app.feed .item-outer-info .item-media .item-media-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.poll-app.feed .item-outer-info .item-inner {
    flex: 1;
    min-width: 0;
}

.poll-app.feed .item-outer-info .item-inner .core-feed-description {
    margin-top: 4px;
}

.poll-app .design-control {
    float: left;
    display: inline-flex;
    align-items: center;
}

html[dir="ltr"] .poll-app .design-control {
    margin-right: 32px;
}

html[dir="rtl"] .poll-app .design-control {
    margin-left: 32px;
}

.poll-app .design-control ._colorpicker_holder {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.poll-app .design-control+.design-control {
    position: relative;
}

.poll-app .design-control+.design-control:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
    background-color: #eeeeee;
}

.poll-app .sortable.ui-sortable {
    padding: 0;
}

#page_poll_design .colpick {
    margin-top: 8px;
}

#page_poll_design header,
#page_poll_design .row_title_image,
#page_poll_design .vote-member {
    display: none;
}

#page_poll_design .poll_answer .answers_container>div {
    padding-top: 15px;
    padding-bottom: 15px;
}

#page_poll_design .row_first {
    padding: 0;
}

#page_poll_design .table_clear_button {
    display: flex;
    align-items: center;
}

#page_poll_design .table_clear_button li {
    float: none;
    margin-top: 0;
}

html[dir="ltr"] #page_poll_design .table_clear_button li {
    margin-right: 8px;
}

html[dir="rtl"] #page_poll_design .table_clear_button li {
    margin-left: 8px;
}

#page_poll_design .poll-app.poll_answer .answers_container .poll_answer_container {
    margin-right: 16px;
}

.js_poll_answer_voted .poll-result-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-left: 22px;
    position: relative;
}

.js_poll_answer_voted .poll-result-title .ico {
    position: absolute;
    left: 0;
    top: 2px;
}

.js_poll_answer_voted .poll-result-title span {
    margin: 0 4px;
    color: #c8c8c8;
}

.js_poll_answer_voted .poll-result-title span,
.js_poll_answer_voted .poll-result-title strong {
    display: inline-block;
}

.js_poll_answer_voted .item-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    margin: 16px -4px 0 -4px;
    position: relative;
}

.js_poll_answer_voted .item-container:before {
    content: "";
    display: block;
    height: 1px;
    left: 4px;
    right: 4px;
    background-color: #eeeeee;
    position: absolute;
    top: 0;
}

.js_poll_answer_voted .item-container article {
    padding: 0 4px;
    width: 33.33%;
    margin-bottom: 16px;
}

.js_poll_answer_voted .item-container article .item-outer {
    display: flex;
    align-items: center;
}

.js_poll_answer_voted .item-container article .item-outer .item-media .no_image_user,
.js_poll_answer_voted .item-container article .item-outer .item-media .img-wrapper {
    width: 48px;
    height: 48px;
    transition: all 0.3s;
    border-radius: 100%;
    overflow: hidden;
}

.js_poll_answer_voted .item-container article .item-outer .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.js_poll_answer_voted .item-container article .item-outer .item-inner {
    overflow: hidden;
}

.js_poll_answer_voted .item-container article .item-outer .item-inner time {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.js_poll_answer_voted .item-container article .item-outer:hover .no_image_user,
.js_poll_answer_voted .item-container article .item-outer:hover .img-wrapper {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.js_poll_answer_voted .item-container article .item-outer:hover .no_image_user:before,
.js_poll_answer_voted .item-container article .item-outer:hover .img-wrapper:before {
    border-color: #950FCD;
}

.js_poll_answer_voted .item-container article .item-outer:hover .js_hover_info:before {
    border-color: #950FCD;
}

.js_poll_answer_voted .item-container article .item-outer:hover .user_profile_link_span,
.js_poll_answer_voted .item-container article .item-outer:hover .user_profile_link_span a {
    color: #9223C9 !important;
}

@media screen and (min-width: 767px) {
    .js_poll_answer_voted .item-container article {
        width: 50%;
    }
}

@media screen {
    .js_poll_answer_voted .item-container article {
        width: 100%;
    }
}

.js_poll_answer_voted .pagination {
    margin: 0;
    margin: 0 -16px -4px -16px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

.poll-app.view-all {
    margin-top: -8px;
}

.poll-app.view-all article {
    margin: 0 -16px;
    padding: 0 16px;
    transition: all 0.3s;
    position: relative;
}

.poll-app.view-all article .item-outer {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: all 0.3s;
}

.poll-app.view-all article .item-outer:after {
    content: "";
    display: block;
    border-top: 1px solid #cafdd0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    opacity: 0;
    transition: opacity 0.3s;
}

.poll-app.view-all article .item-outer .item-media .no_image_user,
.poll-app.view-all article .item-outer .item-media .img-wrapper {
    width: 48px;
    height: 48px;
    min-width: 48px;
    transition: all 0.3s;
    overflow: hidden;
    border-radius: 100%;
}

.poll-app.view-all article .item-outer .item-media .no_image_user span,
.poll-app.view-all article .item-outer .item-media .img-wrapper span {
    font-size: 14px;
}

.poll-app.view-all article .item-outer .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.poll-app.view-all article .item-outer .item-inner .item-author {
    color: #a2a2a2;
}

.poll-app.view-all article .item-outer .item-inner .item-author span {
    color: #555555;
}

.poll-app.view-all article .item-outer .item-inner time {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-top: 4px;
    display: block;
}

.poll-app.view-all article+article .item-outer {
    border-top: 1px solid #eeeeee;
}

.poll-app.view-all article:hover {
    background-color: #cafdd0;
}

.poll-app.view-all article:hover .item-outer {
    border-top-color: #D5A9FF;
}

.poll-app.view-all article:hover .item-outer .no_image_user,
.poll-app.view-all article:hover .item-outer .img-wrapper {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.poll-app.view-all article:hover .item-outer .no_image_user:before,
.poll-app.view-all article:hover .item-outer .img-wrapper:before {
    border-color: #950FCD;
}

.poll-app.view-all article:hover .item-outer .no_image_user span:before,
.poll-app.view-all article:hover .item-outer .img-wrapper span:before {
    border-color: #950FCD;
}

.poll-app.view-all article:hover .item-outer:after {
    opacity: 1;
}

.poll-app.view-all article:hover+article .item-outer {
    border-top-color: #D5A9FF;
}

.poll-app.view-all .pagination {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    margin: 0 -16px -4px -16px;
}

.poll-app.lasted-vote article .item-outer {
    display: flex;
}

.poll-app.lasted-vote article .item-outer .item-media {
    margin-right: 12px;
}

.poll-app.lasted-vote article .item-outer .item-media .no_image_user,
.poll-app.lasted-vote article .item-outer .item-media .img-wrapper {
    width: 40px;
    height: 40px;
    min-width: 40px;
    transition: all 0.3s;
    border-radius: 100%;
    overflow: hidden;
}

.poll-app.lasted-vote article .item-outer .item-media .no_image_user span,
.poll-app.lasted-vote article .item-outer .item-media .img-wrapper span {
    font-size: 14px;
}

.poll-app.lasted-vote article .item-outer .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.poll-app.lasted-vote article .item-outer .item-inner {
    overflow: hidden;
}

.poll-app.lasted-vote article .item-outer .item-inner .item-author {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.poll-app.lasted-vote article .item-outer .item-inner .item-author span {
    color: #555555;
}

.poll-app.lasted-vote article .item-outer .item-inner time {
    display: block;
    margin-top: 4px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
}

.poll-app.lasted-vote article .item-outer:hover .user_profile_link_span,
.poll-app.lasted-vote article .item-outer:hover .user_profile_link_span a {
    color: #9223C9 !important;
}

.poll-app.lasted-vote article .item-outer:hover .no_image_user,
.poll-app.lasted-vote article .item-outer:hover .img-wrapper {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.poll-app.lasted-vote article .item-outer:hover .no_image_user:before,
.poll-app.lasted-vote article .item-outer:hover .img-wrapper:before {
    border-color: #950FCD;
}

.poll-app.lasted-vote article .item-outer:hover .no_image_user span:before,
.poll-app.lasted-vote article .item-outer:hover .img-wrapper span:before {
    border-color: #950FCD;
}

.poll-app.lasted-vote article .item-outer:hover time {
    color: #555555;
}

@media screen and (min-width: 768px) {
    .poll-app.lasted-vote article+article {
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

@media screen and (min-width: 767px) {
    .poll-app.lasted-vote {
        margin: 0 -4px;
        display: flex;
        flex-wrap: wrap;
    }

    .poll-app.lasted-vote article {
        padding: 0 4px;
        margin-bottom: 12px;
        width: 50%;
    }
}

@media screen {
    .poll-app.lasted-vote {
        flex-direction: column;
    }

    .poll-app.lasted-vote article {
        width: 100%;
        margin-bottom: 0;
    }

    .poll-app.lasted-vote article+article {
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

/*----------  create  ----------*/

.poll-app.create .sortable .placeholder+.placeholder {
    margin-top: 16px;
}

.poll-app.create .sortable .js_prev_block {
    position: relative;
    display: flex;
}

.poll-app.create .sortable .js_prev_block>a {
    position: absolute;
    right: 46px;
    top: 1px;
    z-index: 1;
    font-size: 16px;
    height: 38px;
    width: 38px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-left: 1px solid transparent;
}

html[dir='rtl'] .poll-app.create .sortable .js_prev_block>a {
    border-radius: 4px 0 0 4px;
}

.poll-app.create .sortable .js_prev_block input[type="text"] {
    text-indent: unset !important;
    padding-right: 40px;
}

.poll-app.create .sortable .js_prev_block input[type="text"]:focus~a {
    background-color: #f8f8f8;
    border-left-color: #eeeeee;
}

html[dir='rtl'] .poll-app.create .sortable .js_prev_block input[type="text"] {
    padding-left: 40px;
    padding-right: 12px;
}

.poll-app.create .sortable .js_prev_block .js_arrow_up_down {
    position: static !important;
    left: auto !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
}

.poll-app.create .sortable .js_prev_block .js_arrow_up_down .ico {
    position: static !important;
    font-size: 16px;
}

html[dir='rtl'] .poll-app.create .sortable .js_prev_block .js_arrow_up_down {
    margin-right: 8px;
}

.poll-app.create .privacy-block-content {
    margin: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    display: inline-flex;
    position: relative;
    min-width: 240px;
    padding: 16px 0;
}

html[dir="ltr"] .poll-app.create .privacy-block-content {
    padding-right: 48px;
}

html[dir="rtl"] .poll-app.create .privacy-block-content {
    padding-left: 48px;
}

.poll-app.create .privacy-block-content .item_is_active_holder {
    right: -11px;
    position: absolute;
}

.poll-app.create .privacy-block-content .item_is_active_holder.item_selection_not_active~label {
    color: #c8c8c8;
}

.poll-app.create .privacy-block-content .item_is_active_holder.item_selection_not_active~.inner * {
    color: #c8c8c8;
}

.poll-app.create .privacy-block-content label {
    margin-bottom: 6px;
}

.poll-app.create .privacy-block-content .extra_info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.poll-app.create .privacy-block-content .inner {
    max-width: 180px;
}

.poll-app.create.votes {
    margin-bottom: -1px;
}

.poll-app.create.votes .privacy-block-content .item_is_active_holder .js_item_active:before {
    top: 11px;
    transform: translate(-50%, 0);
}

.poll-app.create.poll-end-time {
    margin-bottom: 16px;
}

.poll-app.create.footer {
    margin-bottom: 0;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

#page_poll_add .js_poll_expire_select_time .js_datepicker_holder input.js_date_picker {
    background: none;
}

html[dir='rtl'] #page_poll_view .item_info .img-wrapper,
html[dir='rtl'] #page_poll_view .item_info .no_image_user {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] #page_poll_view .item_bar {
    right: auto;
    left: -10px;
}

html[dir='rtl'] #page_poll_view .item-comment .item-total-view {
    margin-right: 0;
    margin-left: -12px;
}

html[dir='rtl'] #page_poll_view .item_info .item-media,
html[dir='rtl'] #page_poll_view .item_info .no_image_user {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] #page_poll_view .item-comment .item-total-view {
    margin-right: 0;
    margin-left: -12px;
    right: auto;
    left: 0;
}

html[dir='rtl'] .poll-app.main article .item-outer {
    padding-right: 0;
    padding-left: 24px;
}

html[dir='rtl'] .poll-app.main article .item-outer .moderation_row {
    left: auto;
    right: -16px;
}

html[dir='rtl'] .poll-app.main article .item-outer .item-inner .item-statistic {
    margin-left: 0;
    margin-right: -8px;
}

html[dir='rtl'] .poll-app.main article .item-outer .item-option {
    right: auto;
    left: -8px;
}

html[dir='rtl'] .poll-app.main article .item-outer .item-media .flag_style_parent {
    left: 0;
    right: auto;
}

html[dir='rtl'] .poll-app.main article .item-outer>.flag_style_parent {
    right: 0;
    left: auto;
}

html[dir='rtl'] .poll-app.main article .item-outer.no-photo.one-action .item-title {
    padding-left: 0;
    padding-right: 40px;
}

html[dir='rtl'] .poll-app.main article .item-outer.no-photo.both-action .item-title {
    padding-left: 0;
    padding-right: 64px;
}

html[dir='rtl'] .poll-app.lasted-vote article .item-outer .item-media {
    margin-left: 12px;
    margin-right: 0;
}

html[dir='rtl'] .poll-app.poll_answer .answers_container .extra_info.percent {
    text-align: left;
}

html[dir='rtl'] .poll_answer_button b {
    margin-left: 0;
    margin-right: 4px;
}

html[dir='rtl'] .poll-app .design-control {
    float: right;
    margin-right: 0;
    margin-left: 32px;
}

html[dir='rtl'] .poll-app .design-control+.design-control:before {
    left: auto;
    right: -16px;
}

html[dir='rtl'] .poll-app.create .sortable .js_prev_block>a {
    right: auto;
    left: 45px;
}

html[dir='rtl'] .poll-app.create .privacy-block-content .item_is_active_holder {
    right: auto;
    left: -11px;
}

html[dir='rtl'] .js_poll_answer_voted .poll-result-title {
    padding-left: 0;
    padding-right: 22px;
}

html[dir='rtl'] .js_poll_answer_voted .poll-result-title .ico {
    left: auto;
    right: 0;
}

html[dir='rtl'] #page_poll_design .poll-app.poll_answer .answers_container .poll_answer_container {
    margin-right: 0;
    margin-left: 16px;
}

html[dir='rtl'] #page_poll_design .poll_answer .answers_container>div {
    padding-left: 0;
    padding-right: 16px;
}

html[dir='rtl'] #page_poll_design .table_clear_button li {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] [id^=js_block_border_apps_core_polls_block_] .flag_style {
    right: auto;
    left: 16px;
}

html[dir='rtl'] .empty-right .poll-app.main article .item-outer .moderation_row {
    right: 0;
    left: auto;
}

html[dir='rtl'] .poll-widget-block article .item-outer .item-media {
    margin-right: 0;
    margin-left: 12px;
}

html[dir='rtl'] .poll_question .radio label .ico {
    margin-right: 0;
    margin-left: 8px;
}

html[dir='rtl'] .poll-app .vote-member-inner+.vote-member-inner {
    padding-left: 0;
    padding-right: 4px;
}

html[dir='rtl'] .vote-member {
    padding-right: 32px !important;
    padding-left: 16px !important;
}

html[dir='rtl'] .vote-member:empty {
    padding-left: 0 !important;
    padding-right: 16px !important;
}

html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-like-link,
html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-comment-link,
html[dir='rtl'] .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder {
    margin-right: 0;
    margin-left: 16px;
}

@media screen and (min-width: 768px) {

    html[dir='rtl'] .empty-right .poll-app.main article:first-of-type:before,
    html[dir='rtl'] .empty-right .poll-app.main article:nth-of-type(2):before {
        left: 0;
        right: 12px;
    }

    html[dir='rtl'] .empty-right .poll-app.main article:nth-of-type(2):before {
        left: 12px;
        right: 0;
    }
}

@media screen and (max-width: 992px) {
    html[dir='rtl'] .poll-app.poll_answer .answers_container .hide>div {
        padding-right: 0;
        padding-left: 16px;
    }
}

@media screen {
    html[dir='rtl'] .poll-app.poll_answer .answers_container .hide>div {
        padding-left: 0;
    }

    html[dir='rtl'] .poll-app.poll_answer .answers_container .extra_info.percent {
        text-align: right;
    }
}

/*End Polls*/
/*Begin ' . Forums . '*/

.forum-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forum-app .ico {
    display: inline-block;
}

.forum-app .text-transition {
    transition: color 0.3s;
}

.forum-app h4 {
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    margin: 0;
}

.forum-app h5 {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    margin: 0;
}

.forum-app h6 {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
}

.forum-app .item-sponsor,
.forum-app .item-featured {
    width: 24px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    color: #FFF;
    position: relative;
}

.forum-app .item-sponsor .flag_style_arrow,
.forum-app .item-featured .flag_style_arrow {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    z-index: 1;
    left: 0;
}

.forum-app .item-sponsor:before,
.forum-app .item-featured:before,
.forum-app .item-sponsor:after,
.forum-app .item-featured:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    position: absolute;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    background-color: transparent;
    z-index: 0;
    bottom: -3px;
}

.forum-app .item-sponsor:before,
.forum-app .item-featured:before {
    right: -1px;
    transform: rotate(26deg);
}

.forum-app .item-sponsor:after,
.forum-app .item-featured:after {
    left: -1px;
    transform: rotate(-26deg);
}

.forum-app .item-sponsor {
    background: #00a8ff;
}

.forum-app .item-sponsor .flag_style_arrow {
    border-left: 12px solid #00a8ff;
    border-right: 12px solid #00a8ff;
    border-bottom: 6px solid transparent;
}

.forum-app .item-featured {
    background: #9740D5;
}

.forum-app .item-featured .flag_style_arrow {
    border-left: 12px solid #9740D5;
    border-right: 12px solid #9740D5;
    border-bottom: 6px solid transparent;
}

.forum-app .moderation_row {
    z-index: 5;
}

.forum-app .forum_outer .item-option {
    position: absolute;
    right: 70%;
    margin-right: 22px;
    top: 0;
}

.forum-checkbox input {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.forum-checkbox input:checked+.ico {
    color: #9740D5;
}

.forum-checkbox input:checked+.ico:before {
    content: "\eb28";
}

.forum-app-highlight {
    display: inline-block;
}

.forum-app.recent-discussion .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .forum-app.recent-discussion .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] .forum-app.recent-discussion .sticky-label-icon {
    left: 16px;
}

.forum-app.recent-discussion article+article {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

.forum-app.recent-discussion article:last-of-type {
    margin-bottom: 4px;
}

.forum-app.recent-discussion .item-outer {
    display: flex;
}

.forum-app.recent-discussion .item-outer .item-media .no_image_user,
.forum-app.recent-discussion .item-outer .item-media .img-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.forum-app.recent-discussion .item-outer .item-media .no_image_user span,
.forum-app.recent-discussion .item-outer .item-media .img-wrapper span {
    font-size: 14px;
}

.forum-app.recent-discussion .item-outer .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.forum-app.recent-discussion .item-outer .item-inner {
    overflow: hidden;
    margin-left: 12px;
}

.forum-app.recent-discussion .item-outer .item-inner .item-title {
    margin-bottom: 4px;
}

.forum-app.recent-discussion .item-outer .item-inner .item-content {
    margin-bottom: 4px;
}

.forum-app.recent-discussion .item-outer .item-inner .item-content span {
    position: relative;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.forum-app.recent-discussion .item-outer .item-inner .item-author-post {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
}

.forum-app.recent-discussion .item-outer .item-inner .item-author-post p {
    margin: 0;
    color: #a2a2a2;
    display: inline-block;
}

.forum-app.recent-discussion .item-outer .item-inner .item-time {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

html[dir='rtl'] .forum-app.recent-discussion .item-outer .item-inner {
    margin-right: 12px;
    margin-left: 0;
}

@media screen and (min-width: 480px) and (min-width: 767px) {
    .forum-app.recent-discussion {
        margin: 0 -4px;
        display: flex;
        flex-wrap: wrap;
    }

    .forum-app.recent-discussion article {
        margin-top: 0 !important;
        width: 50%;
        padding: 0 4px;
        margin-bottom: 12px;
    }

    .forum-app.recent-discussion article:nth-child(-n+2) {
        border-top: 0 !important;
        padding-top: 0 !important;
    }
}

.forum-app.forum-main.level-1>article {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    transition: background-color 0.3s;
}

.forum-app.forum-main.level-1>article .ico.item-category:before {
    content: "\eb5d";
}

.forum-app.forum-main.level-1>article .ico.item-forum:before {
    content: "\e9c0";
}

.forum-app.forum-main.level-1>article>.item-outer {
    border-top: 1px solid #eeeeee;
}

.forum-app.forum-main.level-1>article>.item-outer>.item-title {
    position: relative;
}

.forum-app.forum-main.level-1>article>.item-outer>.item-title h4 {
    display: inline-flex;
    align-items: baseline;
}

.forum-app.forum-main.level-1>article>.item-outer>.item-title h4 a {
    color: #555555;
    display: block;
}

html[dir="ltr"] .forum-app.forum-main.level-1>article>.item-outer>.item-title h4 a {
    padding-right: 32px;
}

html[dir="rtl"] .forum-app.forum-main.level-1>article>.item-outer>.item-title h4 a {
    padding-left: 32px;
}

.forum-app.forum-main.level-1>article>.item-outer>.item-title .toggle {
    cursor: pointer;
    position: absolute;
    right: -5px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
}

.forum-app.forum-main.level-1>article>.item-outer .item-description {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
}

html[dir="ltr"] .forum-app.forum-main.level-1>article>.item-outer .item-description {
    padding-left: 24px;
}

html[dir="rtl"] .forum-app.forum-main.level-1>article>.item-outer .item-description {
    padding-right: 24px;
}

.forum-app.forum-main.level-1>article>.item-outer:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    opacity: 0;
    transition: opacity 0.3s;
}

.forum-app.forum-main.level-1>article>.item-outer:hover>.item-title h4 a,
.forum-app.forum-main.level-1>article>.item-outer:hover>.item-title h4 .ico {
    color: #9223C9;
}

.forum-app.forum-main.level-1>article>.item-outer:hover .item-description {
    color: #555555;
}

.forum-app.forum-main.level-1>article.is_toggled {
    background-color: #f8f8f8;
}

.forum-app.forum-main.level-1>article.is_toggled>.item-outer {
    padding-bottom: 0;
}

.forum-app.forum-main.level-1>article.is_toggled>.item-outer:before {
    opacity: 1;
}

.forum-app.forum-main.level-1>article.is_toggled .item-title h4 a,
.forum-app.forum-main.level-1>article.is_toggled .item-title h4 .ico {
    color: #9223C9;
}

.forum-app.forum-main.level-1>article.is_toggled .item-description h6 {
    color: #a2a2a2;
}

.forum-app.forum-main.level-1>article.is_toggled .toggle .ico:before {
    content: "\eab7";
}

.forum-app.forum-main.level-1>article:last-of-type>.item-outer {
    border-bottom: 1px solid #eeeeee;
    transition: border 0.3s;
}

.forum-app.forum-main.level-1>article:last-of-type>.item-outer:hover {
    border-bottom-color: #a2a2a2;
}

.forum-app.forum-main.level-1>article:last-of-type.is_toggled>.item-outer {
    border-bottom: 0;
}

.forum-app.forum-main.level-2 {
    background-color: #fff;
    margin-top: 16px;
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: 0;
    display: none;
    border-top: 1px solid #eeeeee;
}

.forum-app.forum-main.level-2 article.item-forum {
    padding-left: 40px;
    padding-right: 24px;
}

html[dir='rtl'] .forum-app.forum-main.level-2 article.item-forum {
    padding-right: 40px;
    padding-left: 24px;
}

.forum-app.forum-main.level-2 article.item-forum .item-outer:hover .item-title a {
    color: #9223C9;
}

.forum-app.forum-main article.item-forum .item-outer p {
    margin-bottom: 0;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner {
    display: flex;
    align-items: center;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-title {
    padding-right: 104px;
    flex-grow: 1;
    overflow: hidden;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-title a {
    display: inline-block;
    max-width: 100%;
    color: #555555;
    margin-top: 3px;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-title a:hover {
    color: #9223C9;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-title .item-description {
    margin-top: 8px;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic {
    margin-right: -24px;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner {
    display: flex;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li {
    font-size: 12px;
    line-height: 16px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
}

.forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li span {
    color: #a2a2a2;
}

@media screen {
    .forum-app.forum-main article.item-forum .item-outer .item-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .forum-app.forum-main article.item-forum .item-outer .item-inner .item-title {
        padding-right: 0;
        max-width: 100%;
    }

    .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic {
        margin-right: 0;
        margin-left: -24px;
        margin-top: 8px;
    }

    .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li {
        flex-direction: row;
    }

    html[dir='ltr'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li {
        padding-right: 0;
    }

    html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li {
        padding-left: 0;
    }

    .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li strong {
        margin-right: 4px;
    }
}

.forum-app.forum-main article.item-forum .item-outer:hover .item-title a {
    color: #9223C9;
}

.forum-app.forum-main article.item-forum+article .item-outer {
    border-top: 1px solid #eeeeee;
    transition: border 0.3s;
}

.forum-app.forum-main article.item-forum:hover+article .item-outer {
    border-top: 1px solid #a2a2a2;
}

.forum-app.forum-main.level-1 .item-forum .item-outer {
    border-color: #eeeeee !important;
}

.forum-app.new-post article {
    position: relative;
}

.forum-app.new-post article .moderation_row {
    position: absolute;
    left: -16px;
    top: 0;
    z-index: 2;
}

html[dir='rtl'] .forum-app.new-post article .moderation_row {
    left: auto;
    right: -16px;
}

.forum-app.new-post article .forum_outer {
    padding-bottom: 24px;
    border-bottom: 1px solid #eeeeee;
}

.forum-app.new-post article .forum_outer-inner {
    display: flex;
    align-items: center;
}

.forum-app.new-post article .forum_outer-inner .item-time {
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}

.forum-app.new-post article .forum_outer-inner .item-time time,
.forum-app.new-post article .forum_outer-inner .item-time .color,
.forum-app.new-post article .forum_outer-inner .item-time .dot {
    display: inline-block;
    color: #a2a2a2;
}

.forum-app.new-post article .forum_outer-inner .item-time .dot {
    margin: 0 4px;
}

.forum-app.new-post article .forum_outer-inner .item-inner {
    overflow: hidden;
}

.forum-app.new-post article .forum_outer .item-description {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 76px;
    white-space: normal;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.forum-app.new-post article .forum_outer .img-wrapper,
.forum-app.new-post article .forum_outer .no_image_user {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
}

.forum-app.new-post article .forum_outer .img-wrapper span,
.forum-app.new-post article .forum_outer .no_image_user span {
    font-size: 16px;
}

.forum-app.new-post article .forum_outer .img-wrapper img {
    width: 100%;
    height: 100%;
}

.forum-app.new-post article:first-of-type {
    padding-top: 24px;
}

.forum-app.new-post article+article {
    padding-top: 24px;
}

.forum-app.my-thread,
.forum-app.announcements {
    margin-top: -10px;
}

.forum-app.my-thread article,
.forum-app.announcements article {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.forum-app.my-thread .item-outer,
.forum-app.announcements .item-outer {
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    transition: background-color 0.3s;
}

.forum-app.my-thread .item-outer .section-left,
.forum-app.announcements .item-outer .section-left {
    display: flex;
    align-items: flex-start;
    width: 65%;
    overflow: hidden;
}

html[dir="ltr"] .forum-app.my-thread .item-outer .section-left,
html[dir="ltr"] .forum-app.announcements .item-outer .section-left {
    padding-right: 56px;
}

html[dir="rtl"] .forum-app.my-thread .item-outer .section-left,
html[dir="rtl"] .forum-app.announcements .item-outer .section-left {
    padding-left: 56px;
}

.forum-app.my-thread .item-outer .section-left .section-left-inner,
.forum-app.announcements .item-outer .section-left .section-left-inner {
    overflow: hidden;
    margin-left: 12px;
}

.forum-app.my-thread .item-outer .section-left .item-author-post,
.forum-app.announcements .item-outer .section-left .item-author-post {
    font-size: 12px;
    white-space: nowrap;
    margin-top: 4px;
}

.forum-app.my-thread .item-outer .section-left .item-author-post span,
.forum-app.announcements .item-outer .section-left .item-author-post span,
.forum-app.my-thread .item-outer .section-left .item-author-post .item-time,
.forum-app.announcements .item-outer .section-left .item-author-post .item-time {
    display: inline-block;
    color: #a2a2a2;
    overflow: hidden;
}

.forum-app.my-thread .item-outer .section-left .item-author-post .user_profile_link_span,
.forum-app.announcements .item-outer .section-left .item-author-post .user_profile_link_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

.forum-app.my-thread .item-outer .section-left .item-author-post .user_profile_link_span,
.forum-app.announcements .item-outer .section-left .item-author-post .user_profile_link_span,
.forum-app.my-thread .item-outer .section-left .item-author-post .user_profile_link_span a,
.forum-app.announcements .item-outer .section-left .item-author-post .user_profile_link_span a {
    font-weight: normal !important;
}

@media screen {

    .forum-app.my-thread .item-outer .section-left .item-author-post .user_profile_link_span,
    .forum-app.announcements .item-outer .section-left .item-author-post .user_profile_link_span {
        max-width: 72px;
    }
}

.forum-app.my-thread .item-outer .section-left .item-media .no_image_user,
.forum-app.announcements .item-outer .section-left .item-media .no_image_user,
.forum-app.my-thread .item-outer .section-left .item-media .img-wrapper,
.forum-app.announcements .item-outer .section-left .item-media .img-wrapper {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    overflow: hidden;
}

.forum-app.my-thread .item-outer .section-left .item-media .no_image_user span,
.forum-app.announcements .item-outer .section-left .item-media .no_image_user span,
.forum-app.my-thread .item-outer .section-left .item-media .img-wrapper span,
.forum-app.announcements .item-outer .section-left .item-media .img-wrapper span {
    font-size: 20px;
}

.forum-app.my-thread .item-outer .section-left .item-media .img-wrapper img,
.forum-app.announcements .item-outer .section-left .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.forum-app.my-thread .item-outer .section-right,
.forum-app.announcements .item-outer .section-right {
    display: flex;
    align-items: flex-start;
    width: 35%;
    justify-content: space-between;
    min-width: 248px;
    position: relative;
}

.forum-app.my-thread .item-outer .section-right .item-author-rep,
.forum-app.announcements .item-outer .section-right .item-author-rep {
    width: 50%;
    font-size: 12px;
    line-height: 16px;
}

.forum-app.my-thread .item-outer .section-right .item-author-rep div,
.forum-app.announcements .item-outer .section-right .item-author-rep div {
    color: #a2a2a2;
}

.forum-app.my-thread .item-outer .section-right .item-author-rep .user_profile_link_span,
.forum-app.announcements .item-outer .section-right .item-author-rep .user_profile_link_span {
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
}

.forum-app.my-thread .item-outer .section-right .item-author-rep .user_profile_link_span,
.forum-app.announcements .item-outer .section-right .item-author-rep .user_profile_link_span,
.forum-app.my-thread .item-outer .section-right .item-author-rep .user_profile_link_span a,
.forum-app.announcements .item-outer .section-right .item-author-rep .user_profile_link_span a {
    font-weight: normal !important;
    color: #9740D5 !important;
}

.forum-app.my-thread .item-outer .section-right .item-author-rep .user_profile_link_span:hover,
.forum-app.announcements .item-outer .section-right .item-author-rep .user_profile_link_span:hover,
.forum-app.my-thread .item-outer .section-right .item-author-rep .user_profile_link_span a:hover,
.forum-app.announcements .item-outer .section-right .item-author-rep .user_profile_link_span a:hover {
    color: #9223C9 !important;
}

.forum-app.my-thread .item-outer .section-right .item-statistic,
.forum-app.announcements .item-outer .section-right .item-statistic {
    display: flex;
    margin-right: -25px;
}

html[dir='rtl'] .forum-app.my-thread .item-outer .section-right .item-statistic,
html[dir='rtl'] .forum-app.announcements .item-outer .section-right .item-statistic {
    margin-right: 0;
    margin-left: -25px;
}

.forum-app.my-thread .item-outer .section-right .item-statistic li,
.forum-app.announcements .item-outer .section-right .item-statistic li {
    padding: 0 25px;
    display: flex;
    flex-direction: column;
}

.forum-app.my-thread .item-outer .section-right .item-statistic li div,
.forum-app.announcements .item-outer .section-right .item-statistic li div {
    font-size: 12px;
    line-height: 16px;
}

.forum-app.my-thread .item-outer .section-right .item-statistic li .text,
.forum-app.announcements .item-outer .section-right .item-statistic li .text {
    color: #a2a2a2;
}

.forum-app.my-thread .item-outer .moderation_row,
.forum-app.announcements .item-outer .moderation_row {
    position: absolute;
    left: 0;
    top: 0;
}

.forum-app.my-thread .item-outer .item-option,
.forum-app.announcements .item-outer .item-option {
    position: absolute;
    right: 100%;
    margin-right: 22px;
    top: 0;
}

.forum-app.my-thread .item-outer .item-option .row_edit_bar_action,
.forum-app.announcements .item-outer .item-option .row_edit_bar_action {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forum-app.my-thread .item-outer .item-option .row_edit_bar_action .ico,
.forum-app.announcements .item-outer .item-option .row_edit_bar_action .ico {
    color: #a2a2a2;
}

.forum-app.my-thread .item-outer .item-option .open .row_edit_bar_action .ico:before,
.forum-app.announcements .item-outer .item-option .open .row_edit_bar_action .ico:before {
    content: "\e994";
}

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

    .forum-app.my-thread .item-outer .item-option,
    .forum-app.announcements .item-outer .item-option {
        margin-right: 0;
        right: 0;
    }
}

.forum-app.my-thread .item-outer.active,
.forum-app.announcements .item-outer.active {
    background-color: #f8f8f8;
}

.forum-app.my-thread .item-outer.active .item-title a,
.forum-app.announcements .item-outer.active .item-title a {
    font-weight: bold;
}

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

    .forum-app.my-thread .item-outer,
    .forum-app.announcements .item-outer {
        flex-direction: column;
    }

    .forum-app.my-thread .item-outer .section-left,
    .forum-app.announcements .item-outer .section-left {
        padding-right: 0;
        width: 100%;
        align-items: center;
    }

    html[dir="ltr"] .forum-app.my-thread .item-outer .section-left .item-title,
    html[dir="ltr"] .forum-app.announcements .item-outer .section-left .item-title {
        padding-right: 32px;
    }

    html[dir="rtl"] .forum-app.my-thread .item-outer .section-left .item-title,
    html[dir="rtl"] .forum-app.announcements .item-outer .section-left .item-title {
        padding-left: 32px;
    }

    .forum-app.my-thread .item-outer .section-right,
    .forum-app.announcements .item-outer .section-right {
        width: auto;
        position: static;
    }

    html[dir="ltr"] .forum-app.my-thread .item-outer .section-right,
    html[dir="ltr"] .forum-app.announcements .item-outer .section-right {
        padding-left: 64px;
    }

    html[dir="rtl"] .forum-app.my-thread .item-outer .section-right,
    html[dir="rtl"] .forum-app.announcements .item-outer .section-right {
        padding-right: 64px;
    }
}

@media screen {

    .forum-app.my-thread .item-outer .section-right,
    .forum-app.announcements .item-outer .section-right {
        flex-direction: column;
    }

    .forum-app.my-thread .item-outer .section-right .item-statistic,
    .forum-app.announcements .item-outer .section-right .item-statistic {
        margin-right: 0;
        margin-left: -8px;
        margin-top: 8px;
    }

    html[dir='rtl'] .forum-app.my-thread .item-outer .section-right .item-statistic,
    html[dir='rtl'] .forum-app.announcements .item-outer .section-right .item-statistic {
        margin-right: -8px;
        margin-left: 0;
    }

    .forum-app.my-thread .item-outer .section-right .item-statistic li,
    .forum-app.announcements .item-outer .section-right .item-statistic li {
        flex-flow: row;
        padding-left: 8px;
        padding-right: 8px;
    }

    .forum-app.my-thread .item-outer .section-right .item-statistic li .number,
    .forum-app.announcements .item-outer .section-right .item-statistic li .number {
        margin-right: 4px;
    }
}

#page_forum_forum .forum_section_header.title {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    background-color: #585858;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px !important;
    margin: 0 -16px;
    border-bottom: 0;
}

#page_forum_forum .forum-app.my-thread,
#page_forum_forum .forum-app.announcements {
    margin: 0 -16px;
}

#page_forum_forum .forum-app.my-thread article,
#page_forum_forum .forum-app.announcements article {
    border-bottom: 0;
}

#page_forum_forum .forum-app.my-thread article .item-outer,
#page_forum_forum .forum-app.announcements article .item-outer {
    padding: 16px;
}

#page_forum_forum .forum-app.my-thread article .item-outer .section-right .item-author-rep .user_profile_link_span,
#page_forum_forum .forum-app.announcements article .item-outer .section-right .item-author-rep .user_profile_link_span,
#page_forum_forum .forum-app.my-thread article .item-outer .section-right .item-author-rep .user_profile_link_span a,
#page_forum_forum .forum-app.announcements article .item-outer .section-right .item-author-rep .user_profile_link_span a {
    color: #555555 !important;
}

#page_forum_forum .forum-app.my-thread article .item-outer.sticky,
#page_forum_forum .forum-app.announcements article .item-outer.sticky,
#page_forum_forum .forum-app.my-thread article .item-outer.sponsored,
#page_forum_forum .forum-app.announcements article .item-outer.sponsored {
    background-color: #E8DAF2;
}

#page_forum_forum .forum-app.my-thread article .item-outer.closed,
#page_forum_forum .forum-app.announcements article .item-outer.closed {
    background-color: #eeeeee;
}

#page_forum_forum .forum-app.my-thread article .item-outer.closed .item-title a,
#page_forum_forum .forum-app.announcements article .item-outer.closed .item-title a {
    color: #555555;
}

#page_forum_forum .forum-app.my-thread article+article,
#page_forum_forum .forum-app.announcements article+article {
    border-top: 1px solid #eeeeee;
}

#page_forum_thread .layout-middle {
    position: relative;
}

#page_forum_thread .forum-thread-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] #page_forum_thread .forum-thread-icon {
    right: 16px;
}

html[dir="rtl"] #page_forum_thread .forum-thread-icon {
    left: 16px;
}

.forum-app.forum_header_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 48px;
    border-bottom: 1px solid #eeeeee;
    margin: -4px -16px 0 -16px;
}

.forum-app.forum_header_menu .sub_menu_bar {
    display: inline-flex;
    align-items: center;
}

.forum-app.forum_header_menu .sub_menu_bar li {
    margin-left: 0;
}

html[dir="ltr"] .forum-app.forum_header_menu .sub_menu_bar li.js_thread_subscribe {
    margin-right: 16px;
}

html[dir="rtl"] .forum-app.forum_header_menu .sub_menu_bar li.js_thread_subscribe {
    margin-left: 16px;
}

.forum-app.forum_header_menu .sub_menu_bar li a {
    padding: 0;
}

.forum-app.forum_header_menu .sub_menu_bar li .subscribe {
    color: #9740D5;
}

.forum-app.forum_header_menu .sub_menu_bar li .subscribe:hover {
    text-decoration: none;
    color: #9223C9;
}

.forum-app.forum_header_menu .sub_menu_bar li .rss_link {
    font-size: 16px;
    padding: 0;
}

.forum-app.forum_header_menu .addthis_block .addthis_toolbox {
    height: 32px;
}

.forum-app.forum_header_menu .addthis_block a {
    margin-bottom: 0;
    line-height: 10px;
}

.forum_thread_view_holder {
    margin-top: 16px;
}

.forum_thread_view_holder .forum_time_stamp .comment_mini_content_border {
    border-radius: 0;
    margin: 0 -16px;
}

.forum_thread_view_holder .thread_starter {
    margin-bottom: 32px;
}

.forum_thread_view_holder .thread_starter .comment-mini-content-commands {
    border-bottom-color: #dcdcdc;
}

.forum_thread_view_holder .thread_starter .forum_poll_content {
    padding: 0;
}

.forum_thread_view_holder .thread_starter .forum_poll_content .poll-title {
    word-break: break-word;
    word-wrap: break-word;
}

.forum_thread_view_holder .thread_starter .forum_poll_content .item-content {
    display: flex;
}

.forum_thread_view_holder .thread_starter .forum_poll_content .item-content .item-media {
    min-width: 200px;
}

.forum_thread_view_holder .thread_starter .forum_poll_content .item-content .item-media>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.forum_thread_view_holder .thread_starter .forum_poll_content .item-content .item-media>span:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}

.forum_thread_view_holder .thread_starter .forum_poll_content .item-content .item_view_content {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
}

@media screen {
    .forum_thread_view_holder .thread_starter .forum_poll_content .item-content {
        flex-direction: column;
    }

    .forum_thread_view_holder .thread_starter .forum_poll_content .item-content .item-media {
        min-width: auto;
        margin: 0 0 12px 0;
    }
}

.forum_thread_view_holder .thread_starter .item-comment {
    display: none;
}

.forum_thread_view_holder .thread_starter .item_content {
    padding: 0;
}

.forum_thread_view_holder .thread_replies .comment_mini_content_border .feed-options-holder {
    right: -8px;
}

html[dir='rtl'] .forum_thread_view_holder .thread_replies .comment_mini_content_border .feed-options-holder {
    left: -8px;
    right: auto;
}

.forum_thread_view_holder .thread_replies article {
    margin: 0 -16px;
    padding: 0 16px;
    margin-bottom: 32px;
}

.forum_thread_view_holder .thread_replies .comment_mini_content_border {
    margin: 0;
}

.forum_thread_view_holder .thread_replies .comment_mini_content_border .comment-mini-content-commands {
    padding-left: 0;
    padding-right: 0;
}

.forum_thread_view_holder .comment-mini-content-commands {
    padding-bottom: 12px;
}

.forum_thread_view_holder img {
    max-width: 100%;
    max-height: 100%;
}

.forum-app.detail article {
    position: relative;
}

.forum-app.detail .moderation_row {
    position: absolute;
    top: -32px;
}

html[dir="ltr"] .forum-app.detail .moderation_row {
    left: 0;
}

html[dir="rtl"] .forum-app.detail .moderation_row {
    right: 0;
}

.forum-app.detail .forum_outer-inner {
    display: flex;
    align-items: center;
    position: relative;
}

.forum-app.detail .forum_outer-inner .item-media .img-wrapper,
.forum-app.detail .forum_outer-inner .item-media .no_image_user {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.forum-app.detail .forum_outer-inner .item-media .img-wrapper span,
.forum-app.detail .forum_outer-inner .item-media .no_image_user span {
    font-size: 14px;
}

.forum-app.detail .forum_outer-inner .item-media .img-wrapper img {
    width: 100%;
    height: 100%;
}

.forum-app.detail .forum_outer-inner .item-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.forum-app.detail .forum_outer-inner .item-time {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}

.forum-app.detail .forum_outer-inner .item-option {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    top: 50%;
    margin-top: -16px;
}

html[dir="ltr"] .forum-app.detail .forum_outer-inner .item-option .forum_post_count {
    margin-right: 8px;
}

html[dir="rtl"] .forum-app.detail .forum_outer-inner .item-option .forum_post_count {
    margin-left: 8px;
}

.forum-app.detail .forum_outer-inner .item-option .row_edit_bar_action {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #a2a2a2;
}

.forum-app.detail .table_info,
.forum-app.detail .item_info {
    display: none;
}

.forum-app.detail .forum_quote_holder,
.forum-app.detail .forum_thanks_holder {
    margin-left: 0;
}

html[dir="ltr"] .forum-app.detail .forum_quote_holder,
html[dir="ltr"] .forum-app.detail .forum_thanks_holder {
    margin-right: 16px;
}

html[dir="rtl"] .forum-app.detail .forum_quote_holder,
html[dir="rtl"] .forum-app.detail .forum_thanks_holder {
    margin-left: 16px;
}

.forum-app.detail .forum_quote_holder .forum_thanks.thanked,
.forum-app.detail .forum_thanks_holder .forum_thanks.thanked {
    color: #9740D5;
}

.forum-app.detail #bottom_reply_btn_wrapper.page_breadcrumbs_menu {
    margin: 0;
}

#page_forum_thread .js_thank_post {
    margin-left: 0;
}

html[dir="ltr"] #page_forum_thread .js_thank_post {
    margin-right: 48px;
}

html[dir="rtl"] #page_forum_thread .js_thank_post {
    margin-left: 48px;
}

#page_forum_post .form-group.item-privacy-subscribe,
#page_forum_thread .form-group.item-privacy-subscribe {
    margin-bottom: 0;
    margin-top: -8px;
}

#page_forum_post .privacy-block-content,
#page_forum_thread .privacy-block-content {
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    display: inline-flex;
    align-items: center;
    position: relative;
    min-width: 255px;
    padding: 16px 0;
    word-wrap: break-word;
    word-break: break-word;
    /* margin: 0;
        display: inline-flex;
        align-items: center;
        width: 100%;
        max-width: 255px;
        border-bottom: 1px solid @border-color-light;
        .pb-2();
        position: relative;
        
        label{
            margin-bottom: 0;
            order: 1;
        }
        .item_is_active_holder{
            height: 20px;
        } */
}

#page_forum_post .privacy-block-content .item_is_active_holder,
#page_forum_thread .privacy-block-content .item_is_active_holder {
    right: -11px;
    position: absolute;
    bottom: 0;
}

#page_forum_post .privacy-block-content .item_is_active_holder.item_selection_not_active~label,
#page_forum_thread .privacy-block-content .item_is_active_holder.item_selection_not_active~label {
    color: #c8c8c8;
}

#page_forum_post .privacy-block-content .item_is_active_holder.item_selection_not_active~.inner *,
#page_forum_thread .privacy-block-content .item_is_active_holder.item_selection_not_active~.inner * {
    color: #c8c8c8;
}

#page_forum_post .privacy-block-content label,
#page_forum_thread .privacy-block-content label {
    margin-bottom: 0;
    max-width: 230px;
}

html[dir="ltr"] #page_forum_post .privacy-block-content label,
html[dir="ltr"] #page_forum_thread .privacy-block-content label {
    padding-right: 8px;
}

html[dir="rtl"] #page_forum_post .privacy-block-content label,
html[dir="rtl"] #page_forum_thread .privacy-block-content label {
    padding-left: 8px;
}

#page_forum_post .privacy-block-content .extra_info,
#page_forum_thread .privacy-block-content .extra_info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#page_forum_post .privacy-block-content .inner,
#page_forum_thread .privacy-block-content .inner {
    max-width: 180px;
}

#page_forum_post .form-footer {
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

#page_forum_thread .js_box .form-footer {
    margin-top: 16px;
}

.forum-app.feed {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
}

.forum-app.feed .forum-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
}

.forum-app.feed .forum-feed-breakbrum {
    margin-top: 4px;
}

.forum-app.feed .forum-feed-breakbrum li {
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
}

.forum-app.feed .forum-feed-breakbrum li a {
    color: #555555;
}

.forum-app.feed .forum-feed-breakbrum li+li a:before {
    content: "\eab8";
    font-family: 'lineficon' !important;
    color: #a2a2a2;
    margin: 0 6px;
    font-size: 8px;
}

.forum-app.feed .forum-description {
    margin-top: 2px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    white-space: pre-line;
}

.feed_share_forum {
    border: 1px solid #eeeeee;
}

.feed_share_forum .forum-app.feed {
    margin-top: 16px;
}

#js_thread_quick_reply .privacy-block-content {
    border-bottom: 0;
    min-width: 120px;
}

#js_thread_quick_reply .privacy-block-content label {
    max-width: 90px;
}

#js_thread_quick_reply .item-areabox-reply {
    margin-bottom: 8px;
}

#js_thread_quick_reply .form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#js_thread_quick_reply .form-footer .item-subscribe {
    min-width: 0;
    flex: 1;
}

#js_thread_quick_reply .form-footer .item-subscribe .form-group {
    margin-bottom: 0;
    margin-top: -8px;
}

.advance_search_button {
    position: absolute;
    top: 0;
    z-index: 1;
    right: 48px;
    height: auto;
    bottom: 0;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advance_search_button a {
    color: #555555;
}

.advance_search_button a.active .ico:before {
    content: "\eac8";
}

[id^=page_forum_] .header-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[id^=page_forum_] .header-page-title .forum_quick_link_wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    z-index: 4;
}

[id^=page_forum_] .header-page-title .forum_quick_link_wrapper a {
    font-size: 12px;
    line-height: 16px;
}

[id^=page_forum_] .header-page-title .rss-link-forum {
    font-size: 12px;
    line-height: 16px;
    color: #9740D5;
}

[id^=page_forum_] .header-page-title .rss-link-forum .ico {
    margin-right: 4px;
}

[id^=page_forum_] .header-page-title .rss-link-forum:hover {
    color: #9223C9;
}

html[dir='rtl'] #page_forum_thread .js_thank_post {
    margin-left: 48px;
    margin-right: 0;
}

html[dir='rtl'] #page_forum_post .item_is_active_holder,
html[dir='rtl'] #page_forum_thread .item_is_active_holder {
    right: auto;
    left: -11px;
}

html[dir='rtl'] .forum-app.detail .forum_outer-inner .item-option {
    right: auto;
    left: 0;
}

html[dir='rtl'] .advance_search_button {
    right: auto;
    left: 48px;
}

html[dir='rtl'] .advance_search_form:before {
    right: auto !important;
    left: 56px;
}

html[dir='rtl'] ._app_forum .activity_feed_content_link .forum-feed-breakbrum li {
    float: right;
}

html[dir='rtl'] ._app_forum .activity_feed_content_link .forum-feed-breakbrum li+li a:before {
    content: "\eab5";
    display: inline-block;
}

html[dir='rtl'] .forum-app.my-thread .item-outer .moderation_row {
    right: 0;
    left: auto;
}

html[dir='rtl'] .forum-app.forum-main>article>.item-outer>.item-title .toggle {
    left: -5px;
    right: auto;
}

html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 104px;
}

html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic {
    margin-right: 0;
    margin-left: -24px;
}

html[dir='rtl'] .forum-app.my-thread .item-outer .item-option {
    left: 100%;
    margin-right: 0;
    margin-left: 22px;
    right: auto;
}

html[dir='rtl'] .forum-app.my-thread .item-outer .section-left .section-left-inner,
html[dir='rtl'] .forum-app.announcements .item-outer .section-left .section-left-inner {
    margin-right: 12px;
}

@media screen {
    html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic {
        margin-left: 0;
        margin-right: -24px;
    }

    html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-title {
        padding-left: 0;
    }

    html[dir='rtl'] .forum-app.forum-main article.item-forum .item-outer .item-inner .item-stastistic-inner li strong {
        margin-right: 0;
        margin-left: 4px;
    }
}

@media screen and (max-width: 639px) {
    html[dir='rtl'] .forum-app.my-thread .item-outer .section-left {
        padding-left: 0;
    }

    html[dir='rtl'] .forum-app.my-thread .item-outer .section-right .item-statistic li .number {
        margin-right: 0;
        margin-left: 4px;
    }

    html[dir='rtl'] .forum-app.my-thread .item-outer .item-option {
        right: auto;
        left: 0;
        margin: 0;
    }
}

@media screen {
    html[dir='rtl'] .forum-app.my-thread .item-outer .section-right .item-statistic {
        margin-right: -8px;
    }
}

@media (min-width: 767px) {
    .core-forum-thread-top-place {
        display: flex;
        flex-direction: column;
    }

    .core-forum-thread-top-place .go_left {
        margin-bottom: 8px;
        padding: 0 !important;
    }

    html[dir='ltr'] .core-forum-thread-top-place .t_right {
        text-align: left;
    }

    html[dir='rtl'] .core-forum-thread-top-place .t_right {
        text-align: right;
    }
}

/*End Forums*/
/*Begin ' . Videos . '*/
/* move from autoload */

ul.activity_feed_form_attach li {
    position: relative;
}

#pf-video-process,
#pf-video-process-main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000000000000;
    background: rgba(0, 0, 0, 0.9);
}

#pf-video-process>i,
#pf-video-process-main>i {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.pf-video-content {
    position: absolute;
    left: 0;
    right: 30%;
    bottom: 0;
    top: 0;
}

.pf-video-content>i {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.pf-video-content>i.fa-check-circle {
    font-size: 80px;
    color: #5CB85C;
    margin-left: -40px;
    margin-top: -40px;
}

.pf-video-form {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 30%;
    background: #fff;
    overflow: auto;
}

.pf-video-form .table {
    padding: 20px;
}

.pf-video-form div.valid_message {
    margin-top: 0 !important;
}

#page_route_v_process>div,
#page_route_v_process>footer {
    visibility: hidden;
}

#page_route_v_process .form-control-feedback {
    visibility: hidden;
}

#page_route_v #content,
#page_route_video #content {
    display: none;
}

.item-collections article.pf-video-row {
    padding: 0;
}

.pf_video_message {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

#global_attachment_videos.completed {
    background: transparent !important;
}

.js_box_content .pf_video_message,
.js_box_content .pf_process_form {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.js_box_content .pf_video_message {
    border-bottom: 1px #dfdfdf solid;
}

.js_box_content .table_clear {
    margin-top: 0;
}

.js_box_content .table_clear>input {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.v-feed-video .fb_video_iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.v-feed-video .fb_video_player {
    border: 0;
}

.v-feed-video .fb_video_player .video-js,
.v-feed-video .fb_video_player video {
    width: 100% !important;
    height: auto;
    max-height: 70vh;
}

.v-feed-video .fb_video_player>div.pf-video-player {
    display: flex;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
}

.v-feed-video .fb_video_embed {
    margin: 0 auto;
    position: static !important;
    min-width: 220px;
}

.p-video-overlay-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.45;
    filter: blur(40px);
    background-size: cover;
    background-position: center center;
}

.v-feed-video .fb_video_iframe iframe,
.v-feed-video .fb_video_player video.pf-video-player {
    width: 100%;
    height: 100%;
}

.v-feed-video.feed-video-url .item-media-outer {
    position: relative;
    padding-bottom: 56.5%;
    /* 16:9 */
    height: 0;
    border: 0;
    overflow: hidden;
}

.v-feed-video.feed-video-upload .item-media-outer {
    position: relative;
    border: 0;
    padding-bottom: 56.5%;
    overflow: hidden;
    height: 0;
}

video.pf-video-player {
    background: #3c3c3c;
}

.js-pf-video-embed {
    display: none;
}

.video-view .pf_video_wrapper {
    background-color: #000;
}

.video-view .pf_video_wrapper video {
    height: auto;
    max-height: 650px;
}

.video-view .pf_video_wrapper_iframe {
    padding-bottom: 55%;
    height: 0;
    border: 0;
}

.video-view .pf_video_wrapper_iframe iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-view .pf_video_wrapper_container {
    background: #000000;
}

.video-view .pf_video_facebook_new_iframe {
    opacity: 0;
    height: 0;
    margin: 0 auto;
}

.video-view .pf_video_facebook_new_iframe.pf_facebook_16_9 {
    width: 30%;
    min-width: 220px;
}

.video-view .pf_video_facebook_new_iframe.pf_facebook_1_1 {
    width: 50%;
    min-width: 220px;
}

.pf_v_video_submit {
    display: none;
}

.pf_v_url_cancel,
.pf_v_url_cancel:hover {
    font-size: 12px;
}

.pf_v_video_url {
    position: relative;
}

.pf_v_video_url .table_right {
    padding-bottom: 0;
}

.pf_v_video_url .table_right #video_url {
    padding-right: 55px;
}

.js_box_content .pf_v_url_cancel,
.pf_v_video_url .pf_v_url_cancel,
.pf_v_video_url .pf_v_url_processing {
    position: absolute;
    top: 13px;
}

[dir="ltr"] .js_box_content .pf_v_url_cancel,
[dir="ltr"] .pf_v_video_url .pf_v_url_cancel,
[dir="ltr"] .pf_v_video_url .pf_v_url_processing {
    right: 10px;
}

#global_attachment_videos {
    margin-bottom: 20px;
}

.activity_feed_form_button_position_button .form-spin-it {
    display: block;
    margin: 12px 20px 0 0;
}

.pf_video_embed_video iframe {
    max-width: 100%;
}

.global_attachment_holder_section#global_attachment_videos {
    background: transparent;
    padding: 0;
}

.global_attachment_holder_section#global_attachment_videos .pf_upload_form.completed .extra_info {
    margin-top: 10px;
}

.pf_video_status {
    margin-top: 10px;
}

.process-video-upload {
    min-width: 140px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.video_item_view .item_info,
.video_item_view .pf_video_wrapper,
.video_item_view .video-content {
    margin-bottom: 20px;
}

.video_item_view .item_info {
    padding-right: 50px;
}

.video_item_view .pf_video_addthis {
    margin-bottom: 15px;
}

.video_item_view.item_view>.alert {
    margin-bottom: 20px;
}

.video_category {
    padding: 10px;
    color: #555555;
    display: inline-block;
    background: #f5f5f5;
    margin-bottom: 20px;
}

#pf_v_share_success_message .form-group {
    margin-bottom: 30px;
}

.activity_feed_form_button_position_button .form-spin-it.video_form_processing {
    margin: 12px 20px 12px 0;
}

.v-feed-video>a.v-feed-title {
    margin-top: 10px;
}

.pf_process_form.pf_video_process_form>span {
    position: relative;
    z-index: 1;
    left: 0;
    top: 10px;
}

.video_rows.item-collections article>div._moderator {
    z-index: initial;
}

.video_rows.item-collections article>div._moderator .moderate_link,
.video_rows.item-collections article>div._moderator .row_edit_bar_parent {
    display: none !important;
}

.video_rows.item-collections article:hover>div._moderator .moderate_link,
.video_rows.item-collections article:hover>div._moderator .row_edit_bar_parent {
    display: block !important;
}

.video_rows.item-collections article>div._moderator a.moderate_link_active {
    display: block !important;
}

.video_rows .collection-item-stage {
    width: 100%;
    padding-bottom: 0;
}

.pf_video_attach_form_file {
    color: #999999;
    margin: 10px 0;
    background: #f0f0f0;
    width: 100%;
    padding: 20px 10px;
}

.select-video.feed-attach-form-file {
    padding: 20px 10px;
}

@media (min-width: 768px) {
    .video_rows .collection-item-stage {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .empty-right .video_rows .collection-item-stage {
        width: 33%;
    }
}

[dir="rtl"] .js_box_content .pf_v_url_cancel,
[dir="rtl"] .pf_v_video_url .pf_v_url_cancel,
[dir="rtl"] .pf_v_video_url .pf_v_url_processing {
    left: 10px;
}

[dir="rtl"] .video_item_view .item_info>span,
[dir="rtl"] .pf-video-row .t h2>span,
[dir="rtl"] .video_item_view .item_info>span>span,
[dir="rtl"] .video_item_view .item_info>span+span:before,
[dir="rtl"] .video_category>span,
[dir="rtl"] .video_category>a,
[dir="rtl"] .pf_select_video p.help-block>span {
    display: inline-block;
}

[dir="rtl"] .pf_v_video_url .table_right #video_url {
    padding-right: 12px;
    padding-left: 55px;
}

[dir="rtl"] .video_item_view .item_info {
    padding-right: 0px;
    padding-left: 50px;
}

/* end */

.item-container.with-video .item-author {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    min-height: 16px;
}

.item-container.with-video .item-author .item-author-info {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-container.with-video .item-author>span {
    display: inline-flex;
    overflow: hidden;
}

.item-container.with-video .item-author>span span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item-container.with-video .user_profile_link_span {
    margin-left: 4px;
}

.item-container.with-video .user_profile_link_span a {
    font-weight: normal !important;
}

@media (min-width: 767px) {

    #page_v_index .empty-right .item-container.video-listing .video-item,
    #page_v_index .empty-left .item-container.video-listing .video-item {
        width: 33.33%;
    }

    #page_v_index .empty-right.empty-left .item-container.video-listing .video-item {
        width: 25%;
    }
}

.item-container.video-listing {
    display: flex;
    flex-flow: wrap;
    margin: 0 -12px;
}

.item-container.video-listing .video-item {
    position: relative;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}

@media (min-width: 767px) {
    .item-container.video-listing .video-item {
        width: 100%;
    }
}

@media (min-width: 767px) {
    .item-container.video-listing .video-item:hover .item-outer .item-media-src>span {
        box-shadow: 0px 4px 10px 0px rgba(38, 129, 213, 0.3);
    }

    .item-container.video-listing .video-item:hover .item-outer .item-media-src>span:after {
        opacity: 1;
    }

    .item-container.video-listing .video-item:hover .item-outer .item-inner .item-title a {
        color: #950FCD !important;
    }
}

.item-container.video-listing .video-item .item-outer {
    position: relative;
}

.item-container.video-listing .video-item .item-outer .moderation_row {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.item-container.video-listing .video-item .item-outer .item-media-src {
    display: block;
    position: relative;
}

.item-container.video-listing .video-item .item-outer .item-media-src>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.video-listing .video-item .item-outer .item-media-src>span:before {
    content: "";
    display: block;
    padding-bottom: 53%;
}

.item-container.video-listing .video-item .item-outer .item-media-src>span:after {
    font-family: 'lineficon' !important;
    content: "\ead6";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 40px;
    color: #fff;
    background-color: rgba(39, 129, 213, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1;
}

.item-container.video-listing .video-item .item-outer .item-media-src>span:hover {
    box-shadow: 0px 4px 10px 0px rgba(38, 129, 213, 0.3);
}

.item-container.video-listing .video-item .item-outer .item-media-src>span:hover:after {
    opacity: 1;
}

.item-container.video-listing .video-item .item-outer .item-media-src .item-icon {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    z-index: 2;
}

.item-container.video-listing .video-item .item-outer .item-inner {
    position: relative;
    padding-top: 16px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar {
    width: 48px;
    height: 48px;
    overflow: hidden;
    box-sizing: content-box;
    position: absolute;
    top: -40px;
    left: 8px;
    z-index: 2;
    padding: 2px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #fff;
    border-radius: 100%;
    pointer-events: none;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar>a {
    width: 100%;
    height: 100%;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar .img-wrapper {
    width: 48px;
    height: 48px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar .img-wrapper img {
    width: 100%;
    height: 100%;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-video-length {
    position: absolute;
    top: -8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.502);
    color: #c8c8c8;
    font-size: 12px;
    padding: 8px 12px;
    border-radius: 16px;
    transform: translateY(-100%);
}

.item-container.video-listing .video-item .item-outer .item-inner .item-title {
    margin-bottom: 4px;
    padding-right: 30px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-title a {
    color: #555555 !important;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD !important;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-author {
    margin-bottom: 8px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-author .item-author-info {
    max-width: 120px !important;
}

@media (max-width: 1200px) {
    .item-container.video-listing .video-item .item-outer .item-inner .item-author .item-author-info {
        max-width: 70px !important;
    }
}

.item-container.video-listing .video-item .item-outer .item-inner .item-author a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-author a:hover {
    color: #950FCD !important;
}

.item-container.video-listing .video-item .item-outer .item-inner .total-view {
    font-size: 12px;
    line-height: 16px;
}

.item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    display: inline-block;
}

html[dir="ltr"] .item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    margin-right: 8px;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    margin-left: 8px;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option {
    position: absolute;
    top: 8px;
    right: -8px;
    cursor: pointer;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option a.dropdown-toggle {
    background: none;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option a.dropdown-toggle:hover {
    color: #555555;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option a.dropdown-toggle:hover i.ico:before {
    content: "\ea88";
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option .dropdown i.ico {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option .dropdown.open i.ico {
    opacity: 1;
    color: #555555;
}

.item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option .dropdown.open i.ico:before {
    content: "\ea88";
}

.item-container.video-listing .video-item .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
    font-size: 220%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-container.video-listing .video-item .loading-overlay>i {
    color: #9740D5;
}

#left .item-container.with-video .sticky-label-icon,
#right .item-container.with-video .sticky-label-icon {
    position: absolute;
    top: 0;
}

html[dir="ltr"] #left .item-container.with-video .sticky-label-icon,
html[dir="ltr"] #right .item-container.with-video .sticky-label-icon {
    right: 16px;
}

html[dir="rtl"] #left .item-container.with-video .sticky-label-icon,
html[dir="rtl"] #right .item-container.with-video .sticky-label-icon {
    left: 16px;
}

#left .item-container.with-video .video-item .item-outer,
#right .item-container.with-video .video-item .item-outer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

#left .item-container.with-video .video-item:nth-child(1) .item-outer,
#right .item-container.with-video .video-item:nth-child(1) .item-outer {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

#left .item-container.with-video .video-item:hover .item-outer .item-media-src>span,
#right .item-container.with-video .video-item:hover .item-outer .item-media-src>span {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

#left .item-container.with-video .video-item:hover .item-outer .item-media-src .item-video-icon span.ico,
#right .item-container.with-video .video-item:hover .item-outer .item-media-src .item-video-icon span.ico {
    background: #9740D5;
    box-shadow: 0px 1px 2px 0px rgba(38, 129, 213, 0.5);
}

#left .item-container.with-video .video-item:hover .item-outer .item-title a,
#right .item-container.with-video .video-item:hover .item-outer .item-title a {
    color: #950FCD;
}

#left .item-container.with-video .video-item:hover .item-outer .total-view,
#right .item-container.with-video .video-item:hover .item-outer .total-view {
    color: #555555 !important;
}

#left .item-container.with-video .video-item .item-outer .item-media-src,
#right .item-container.with-video .video-item .item-outer .item-media-src {
    display: block;
    position: relative;
}

#left .item-container.with-video .video-item .item-outer .item-media-src>span,
#right .item-container.with-video .video-item .item-outer .item-media-src>span {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-video .video-item .item-outer .item-media-src>span:before,
#right .item-container.with-video .video-item .item-outer .item-media-src>span:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

#left .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon,
#right .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#left .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon span.ico,
#right .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon span.ico {
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon span.ico:before,
#right .item-container.with-video .video-item .item-outer .item-media-src .item-video-icon span.ico:before {
    margin-left: 4px;
}

#left .item-container.with-video .video-item .item-outer .item-inner,
#right .item-container.with-video .video-item .item-outer .item-inner {
    padding-top: 8px;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-title,
#right .item-container.with-video .video-item .item-outer .item-inner .item-title {
    margin-bottom: 4px;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-title a,
#right .item-container.with-video .video-item .item-outer .item-inner .item-title a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-title a:hover,
#right .item-container.with-video .video-item .item-outer .item-inner .item-title a:hover {
    color: #950FCD;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-info,
#right .item-container.with-video .video-item .item-outer .item-inner .item-info {
    display: flex;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-info .item-video-length,
#right .item-container.with-video .video-item .item-outer .item-inner .item-info .item-video-length {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    min-width: 45px;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-info .item-video-length:after,
#right .item-container.with-video .video-item .item-outer .item-inner .item-info .item-video-length:after {
    content: ".";
    padding: 0 5px;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-author,
#right .item-container.with-video .video-item .item-outer .item-inner .item-author {
    margin-bottom: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-author a,
#right .item-container.with-video .video-item .item-outer .item-inner .item-author a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-video .video-item .item-outer .item-inner .item-author .item-author-info,
#right .item-container.with-video .video-item .item-outer .item-inner .item-author .item-author-info {
    width: 100%;
}

#left .item-container.with-video .video-item .item-outer .item-inner .total-view,
#right .item-container.with-video .video-item .item-outer .item-inner .total-view {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
#right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    display: inline-block;
}

html[dir="ltr"] #left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
html[dir="ltr"] #right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    margin-right: 8px;
}

html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    margin-left: 8px;
}

@media (min-width: 767px) and (min-width: 480px) {

    #left .item-container.with-video .videos-list,
    #right .item-container.with-video .videos-list {
        display: flex;
        flex-flow: wrap;
        margin: 0 -8px;
    }

    #left .item-container.with-video .videos-list .video-item,
    #right .item-container.with-video .videos-list .video-item {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }

    #left .item-container.with-video .videos-list .video-item:nth-child(2) .item-outer,
    #right .item-container.with-video .videos-list .video-item:nth-child(2) .item-outer {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
    }
}

#page_v_play .layout-middle {
    position: relative;
}

#page_v_play .video-icon {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] #page_v_play .video-icon {
    right: 0;
}

html[dir="rtl"] #page_v_play .video-icon {
    left: 0;
}

#page_v_play .video-icon .sticky-label-icon span.ico {
    font-size: 14px;
}

#page_v_play ._block_top .header-page-title {
    display: none !important;
}

#page_v_play ._block_breadcrumb .breadcrumbs-bottom {
    display: none !important;
}

#page_v_play .video-view .core-videos-view-title {
    font-size: 22px;
    font-weight: bold;
    word-break: break-word;
    word-wrap: break-word;
    padding-top: 16px;
    padding-bottom: 12px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}

#page_v_play .video-view .core-videos-view-title a {
    font-size: 22px;
    color: #555555 !important;
}

@media (min-width: 767px) {
    #page_v_play .video-view .core-videos-view-title a {
        font-size: 20px;
    }
}

#page_v_play .video-view .video-info-wrapper {
    position: relative;
}

#page_v_play .video-view .video-info {
    display: flex;
    margin-bottom: 12px;
}

html[dir="ltr"] #page_v_play .video-view .video-info {
    padding-right: 32px;
}

html[dir="rtl"] #page_v_play .video-view .video-info {
    padding-left: 32px;
}

#page_v_play .video-view .video-info .video-info-image {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 100%;
    overflow: visible !important;
}

#page_v_play .video-view .video-info .video-info-image a {
    width: 100%;
    height: 100%;
}

#page_v_play .video-view .video-info .video-info-image a.no_image_user>span {
    font-size: 11px;
}

#page_v_play .video-view .video-info .video-info-image .img-wrapper {
    width: 32px;
    height: 32px;
}

#page_v_play .video-view .video-info .video-info-image .img-wrapper img {
    width: 100%;
    height: 100%;
}

html[dir="ltr"] #page_v_play .video-view .video-info .video-info-main {
    margin-left: 8px;
}

html[dir="rtl"] #page_v_play .video-view .video-info .video-info-main {
    margin-right: 8px;
}

#page_v_play .video-view .video-info .video-info-main>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

#page_v_play .video-view .video-info .video-info-main .video-author {
    word-break: break-word;
    word-wrap: break-word;
}

#page_v_play .video-view .video-info .video-info-main .video-author .user_profile_link_span {
    display: inline-block;
}

#page_v_play .video-view .video-info .video-info-main .video-author .user_profile_link_span a {
    font-weight: normal !important;
}

@media (min-width: 767px) {
    #page_v_play .video-view .video-info .video-info-main .video-author {
        display: flex;
        flex-flow: wrap;
    }

    #page_v_play .video-view .video-info .video-info-main .video-author .user_profile_link_span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }

    html[dir='ltr'] #page_v_play .video-view .video-info .video-info-main .video-author .user_profile_link_span {
        margin-right: 4px;
    }

    html[dir='rtl'] #page_v_play .video-view .video-info .video-info-main .video-author .user_profile_link_span {
        margin-left: 4px;
    }
}

#page_v_play .video-view .item_bar {
    position: absolute;
    top: -4px;
}

html[dir='ltr'] #page_v_play .video-view .item_bar {
    right: -8px;
}

html[dir='rtl'] #page_v_play .video-view .item_bar {
    left: -8px;
}

#page_v_play .video-view .item_bar .item_bar_action_holder .item_bar_action {
    background: none;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    width: 32px;
    height: 32px;
}

#page_v_play .video-view .item_bar .item_bar_action_holder .item_bar_action:hover {
    color: #555555;
}

#page_v_play .video-view .item_bar .item_bar_action_holder .item_bar_action:hover i.ico:before {
    content: "\ea88";
}

#page_v_play .video-view .item_bar .item_bar_action_holder .item_bar_action:before {
    display: none;
}

#page_v_play .video-view .item_bar .item_bar_action_holder.open .item_bar_action {
    color: #555555;
}

#page_v_play .video-view .item_bar .item_bar_action_holder.open .item_bar_action i.ico:before {
    content: "\ea88";
}

#page_v_play .video-view .video-content {
    margin-bottom: 16px;
}

#page_v_play .video-view .pf_video_addthis {
    border-top: 1px solid #eeeeee;
}

#page_v_play .video-view .core-videos-view-content-collapse-container {
    margin-bottom: 24px;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-content-collapse {
    margin-bottom: 16px;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-content-collapse.collapsed .video-content.truncate-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 54px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-content-collapse.collapsed .video-content.truncate-text+div {
    display: none;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-content-collapse.collapsed .video_category.truncate-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-content-collapse .video-content {
    font-size: 14px;
    line-height: 18px;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .js-item-btn-toggle-collapse {
    cursor: pointer;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewmore-btn,
#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewless-btn {
    display: none;
    align-items: center;
}

html[dir='ltr'] #page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewmore-btn .ico,
html[dir='ltr'] #page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewless-btn .ico {
    margin-left: 4px;
}

html[dir='rtl'] #page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewmore-btn .ico,
html[dir='rtl'] #page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse .item-viewless-btn .ico {
    margin-right: 4px;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse.has-viewmore .item-viewmore-btn {
    display: inline-flex;
}

#page_v_play .video-view .core-videos-view-content-collapse-container .core-videos-view-action-collapse.has-viewless .item-viewless-btn {
    display: inline-flex;
}

#page_v_play .video-view .video_category {
    background: none;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

#page_v_play .video-view .video_category a {
    color: #555555;
}

#page_v_play .video-view .video_category a:hover {
    color: #950FCD;
}

#page_v_play .video-view .pf_video_wrapper {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

@media (min-width: 767px) {
    #page_v_play .video-view .pf_video_wrapper {
        margin-left: -16px;
        margin-right: -16px;
        width: auto !important;
    }
}

#page_v_play .video-view .pf_video_wrapper:hover ._a_back {
    opacity: 1;
}

#page_v_play .video-view .pf_video_wrapper ._a_back {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 12px;
    height: 32px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    top: 16px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] #page_v_play .video-view .pf_video_wrapper ._a_back {
    left: 16px;
}

html[dir="rtl"] #page_v_play .video-view .pf_video_wrapper ._a_back {
    right: 16px;
}

@media (max-width: 1024px) {
    #page_v_play .video-view .pf_video_wrapper ._a_back {
        display: none !important;
    }
}

html[dir='rtl'] #page_v_play .video-view .pf_video_wrapper ._a_back {
    left: auto;
}

html[dir='rtl'] #page_v_play .video-view .pf_video_wrapper ._a_back .ico {
    transform: rotate(180deg);
}

#page_v_play .video-view .pf_video_wrapper ._a_back .ico {
    margin: 0;
    font-size: 14px;
}

html[dir="ltr"] #page_v_play .video-view .pf_video_wrapper ._a_back .ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_v_play .video-view .pf_video_wrapper ._a_back .ico {
    margin-left: 8px;
}

._app_v.js_parent_feed_entry .activity_feed_content .v-feed-inner,
.feed_share_v .v-feed-inner {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

._app_v.js_parent_feed_entry .activity_feed_content .v-feed-inner .v-feed-title,
.feed_share_v .v-feed-inner .v-feed-title {
    z-index: 2;
    font-size: 16px;
    line-height: 21px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold !important;
    position: static;
    padding-right: 0;
    padding-left: 0;
    color: #555555 !important;
    margin-top: 0 !important;
    margin-bottom: 4px;
}

._app_v.js_parent_feed_entry .activity_feed_content .v-feed-view,
.feed_share_v .v-feed-view {
    z-index: 2;
    color: #a2a2a2;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

._app_v.js_parent_feed_entry .activity_feed_content .v-feed-description,
.feed_share_v .v-feed-description {
    margin-top: 0;
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}

html[dir="rtl"] .item-container.with-video .user_profile_link_span {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .moderation_row {
    right: 0;
    left: auto !important;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-media-src .item-icon {
    left: 8px;
    right: auto;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .item-video-length {
    left: 8px;
    right: auto;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .item-video-avatar {
    right: 8px;
    left: auto;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .item-title {
    padding-right: 0;
    padding-left: 30px;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .total-view span {
    margin-right: 8px;
}

html[dir="rtl"] .item-container.video-listing .video-item .item-outer .item-inner .item-option.video-button-option {
    left: -8px;
    right: auto;
}

html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .video-info.show-only-featured,
html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .video-info.show-only-featured {
    left: 0;
    right: auto !important;
}

html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
html[dir="ltr"] html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .total-view>span,
html[dir="rtl"] html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .total-view>span {
    margin-right: 8px;
}

html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .video-info.show-only-sponsored .item-video-length,
html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .video-info.show-only-sponsored .item-video-length {
    left: 8px;
    right: auto;
}

html[dir="rtl"] #left .item-container.with-video .video-item .item-outer .item-inner .video-info.show-only-sponsored .video-button-play,
html[dir="rtl"] #right .item-container.with-video .video-item .item-outer .item-inner .video-info.show-only-sponsored .video-button-play {
    left: 0;
    right: auto;
}

html[dir="rtl"] .video-button-option .dropdown-menu {
    margin-right: 0 !important;
    margin-left: 8px;
}

html[dir="rtl"] .video-button-option .dropdown-menu:after {
    left: 5px !important;
    right: auto !important;
}

html[dir="rtl"] .video-button-option .dropdown-menu li a {
    padding: 10px 16px;
}

html[dir="rtl"] .video-button-option .dropdown-menu li span.ico {
    margin-right: 0;
}

html[dir="ltr"] html[dir="rtl"] .video-button-option .dropdown-menu li span.ico {
    margin-left: 8px;
}

html[dir="rtl"] html[dir="rtl"] .video-button-option .dropdown-menu li span.ico {
    margin-right: 8px;
}

html[dir="rtl"] #page_v_play .video-info .video-info-main {
    padding-left: 0;
}

html[dir="ltr"] html[dir="rtl"] #page_v_play .video-info .video-info-main {
    padding-right: 8px;
}

html[dir="rtl"] html[dir="rtl"] #page_v_play .video-info .video-info-main {
    padding-left: 8px;
}

html[dir="rtl"] #page_v_play .video-total-viewlike {
    text-align: left !important;
}

html[dir="rtl"] #page_v_play .item_bar .dropdown-menu {
    margin-left: 0 !important;
}

html[dir="rtl"] ._app_v.js_parent_feed_entry .activity_feed_content .activity_feed_content_link .v-feed-title {
    left: auto !important;
    right: 10px;
    padding-right: 0;
    padding-left: 100px;
}

html[dir="rtl"] ._app_v.js_parent_feed_entry .activity_feed_content .activity_feed_content_link .v-feed-view {
    left: 8px;
    right: auto !important;
}

.core-video-schedule-item {
    margin-bottom: 16px;
}

.core-video-schedule-item .item-media {
    position: relative;
}

.core-video-schedule-item .item-media .item-close {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .core-video-schedule-item .item-media .item-close {
    right: 0;
}

html[dir="rtl"] .core-video-schedule-item .item-media .item-close {
    left: 0;
}

.core-video-schedule-item .item-media .item-close .item-btn {
    width: 32px;
    height: 32px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
}

.core-video-schedule-item .item-media .item-media-src {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.core-video-schedule-item .item-media .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.core-video-schedule-item .item-inner {
    border: 1px solid #eeeeee;
    border-top: 0;
    padding: 16px;
}

.core-video-schedule-item .item-title {
    color: #555555;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#js_edit_schedule_form .dropzone-component[id*="v-dropzone"] .dz-success .dz-remove-file {
    opacity: 1 !important;
}

#js_edit_schedule_form .dropzone-component[id*="v-dropzone"] .dz-remove-file {
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    cursor: pointer !important;
    color: #9740D5 !important;
    background-color: transparent !important;
    position: inherit !important;
    align-items: normal !important;
    justify-content: normal !important;
    border-radius: 0 !important;
    font-size: 12px !important;
}

#js_edit_schedule_form .dropzone-component[id*="v-dropzone"] .dz-remove-file:hover {
    color: #950FCD !important;
}

/*End Videos*/
/*Begin ' . Instant Messaging . '*/

#pf-im-total-messages {
    position: fixed;
    z-index: 10001;
    right: 4px;
    bottom: 30px;
    padding: 6px 8px;
    color: #fff;
    line-height: normal;
    background: #EF312C;
    font-size: 9px;
    border-radius: 50%;
    display: none;
}

.close-im-window {
    position: absolute;
    right: 8px;
    top: 9px;
    background: #EF312C;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    opacity: 0.6;
    line-height: 17px;
    color: white;
    font-size: 10px;
    cursor: pointer;
}

.close-im-window:hover {
    opacity: 1.0;
}

[dir="rtl"] .close-im-window {
    left: 8px !important;
    right: auto;
}

#page_im_messages .close-im-window {
    display: none;
}

.popup-im-window {
    position: absolute;
    top: 9px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    opacity: 0.6;
    line-height: 17px;
    color: white;
    font-size: 10px;
    cursor: pointer;
    background: green;
    right: 29px;
}

.popup-im-window:hover {
    opacity: 1;
}

[dir="rtl"] .popup-im-window {
    left: 29px !important;
    right: auto;
}

#page_im_messages .popup-im-window {
    display: none;
}

#pf-open-im {
    position: fixed;
    z-index: 1000;
    right: 6px;
    bottom: 50%;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px #fbfbfb solid;
    border-radius: 50%;
    cursor: pointer;
    visibility: hidden !important;
}

#pf-open-im i {
    font-size: 22px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 8px;
}

#pf-im {
    background: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 98;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    position: fixed;
    color: #555555;
    top: 50%;
    overflow: hidden;
    display: none;
    height: 400px;
    margin-top: -200px;
    cursor: default;
}

#pf-im>i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    opacity: 0.6;
    margin-left: -10px;
    margin-top: -10px;
}

#page_im_messages #pf-im {
    display: block !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: auto;
    height: auto;
    margin: 0;
    box-shadow: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#page_im_messages #pf-im>i {
    display: none;
}

.pf-im-menu {
    background: #f5f5f5;
    border-bottom: 1px #eeeeee solid;
    border-right: 1px #eeeeee solid;
    width: 320px;
}

.pf-im-menu ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: auto;
    height: 30px;
    line-height: 34px;
}

.pf-im-menu ul li {
    display: table-cell;
    font-size: 11px;
    text-align: center;
    width: 50%;
}

.pf-im-menu ul li a,
.pf-im-menu ul li a:hover {
    display: block;
    text-decoration: none;
    color: #808080;
    text-align: center;
}

.pf-im-menu ul li a.active {
    color: #337AB7;
}

.pf-im-menu ul li:nth-of-type(2) {
    border-left: 1px #eeeeee solid;
}

.pf-im-search-user {
    overflow: auto;
    width: 100%;
}

._pf_im_friend_search {
    position: relative;
}

._pf_im_friend_search>i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    height: 32px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #c8c8c8;
    animation: none;
}

html[dir="ltr"] ._pf_im_friend_search>i {
    left: 0;
}

html[dir="rtl"] ._pf_im_friend_search>i {
    right: 0;
}

._pf_im_friend_search>i.fa-spinner:before {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

._pf_im_friend_search>input {
    padding: 0;
    margin: 0;
    box-shadow: none !important;
    outline: none;
    border: 0;
    height: 32px;
    font-size: 12px;
    color: #c8c8c8;
    background: #f8f8f8;
    display: flex;
    align-items: center;
}

html[dir="ltr"] ._pf_im_friend_search>input {
    padding-left: 40px;
}

html[dir="rtl"] ._pf_im_friend_search>input {
    padding-right: 40px;
}

#pf-chat-window-active {
    visibility: hidden;
    position: fixed;
    z-index: 100000001;
    right: 205px;
    top: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #fff;
}

.p-im-chat-room-block .chat-row {
    padding-left: 16px;
    padding-right: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    flex: 1;
    min-height: 0;
}

.p-im-chat-room-block .chat-row .twa {
    font-size: 18px;
}

.p-im-chat-room-block .chat-row .pf-chat-row-loading {
    text-align: center;
    padding: 8px;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper {
    display: flex;
    align-items: center;
    padding: 12px 16px;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper .pf-im-chat-bottom-input-form {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper .pf-im-chat-bottom-input-form div[contenteditable="true"] {
    width: 100%;
    cursor: text;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper {
    display: inline-flex;
    align-items: center;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper .item-action-btn {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

.p-im-chat-room-block .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper .item-action-btn:hover {
    color: #555555;
}

.p-im-chat-room-block .chat-form {
    display: flex;
    min-height: 56px;
    background: #fff;
    border-top: 1px solid #eeeeee;
    overflow: hidden;
}

.p-im-chat-room-block .chat-form .p-im-btn-send {
    outline: none !important;
    height: 32px;
    padding: 0 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .p-im-chat-room-block .chat-form .p-im-btn-send {
    margin-left: 8px;
}

html[dir="rtl"] .p-im-chat-room-block .chat-form .p-im-btn-send {
    margin-right: 8px;
}

html[dir="ltr"] .p-im-chat-room-block .chat-form .p-im-btn-send i {
    margin-right: 8px;
}

html[dir="rtl"] .p-im-chat-room-block .chat-form .p-im-btn-send i {
    margin-left: 8px;
}

.p-im-chat-room-block .chat-form .p-im-btn-send:after {
    content: attr(title);
}

.p-im-chat-room-block .chat-form .chat-row-action {
    position: static;
    line-height: 20px;
    display: flex;
    max-width: 100%;
}

.p-im-chat-room-block .chat-form .chat-row-action .chat-attachment-preview {
    margin-top: 8px;
}

[dir="rtl"] .p-im-chat-room-block .chat-form .chat-row-action {
    padding-left: 0;
    padding-right: 5px;
}

.p-im-chat-room-block .chat-form .chat-row-action>i {
    display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    cursor: pointer;
}

[dir="rtl"] .p-im-chat-room-block .chat-form .chat-row-action>i {
    margin-right: 0;
    margin-left: 8px;
}

.p-im-chat-room-block .chat-form .chat-attachment-preview-uploading {
    width: 16px;
}

.p-im-chat-room-block .chat-form .chat-attachment-preview {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    display: none;
    border-left: 3px solid #808080;
    font-size: 11px;
    background: #f2f2f2;
    max-width: 100%;
}

.p-im-chat-room-block .chat-form .chat-attachment-preview>.chat-attachment-file-name {
    display: none;
    font-weight: bold;
    font-size: 11px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.p-im-chat-room-block .chat-form .chat-attachment-preview>.chat-attachment-remove {
    cursor: pointer;
}

[dir="rtl"] .p-im-chat-room-block .chat-form .chat-attachment-preview {
    border-left: none;
    border-right: 3px solid #808080;
}

.p-im-chat-room-block .chat-form p {
    margin: auto;
    font-size: 12px;
}

.p-im-chat-room-block .pf-chat-window-loading {
    padding: 8px;
    text-align: center;
}

body:not(#page_im_messages) #pf-im {
    display: none;
}

#page_im_messages #section-header {
    margin-bottom: 0 !important;
}

@media (min-width: 767px) {
    #page_im_messages.p-im-buddy-screen .p-im-chat-room-block {
        display: none;
    }
}

#page_im_messages .p-im-chat-room-block {
    z-index: 9999;
    right: 0;
    left: 320px;
    top: 0;
    bottom: 0;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#page_im_messages .p-im-chat-room-block.p-im-chat-room-block-empty {
    z-index: 9998;
}

[dir="rtl"] #page_im_messages .p-im-chat-room-block {
    left: 0 !important;
    right: 320px;
}

@media (min-width: 767px) {
    #page_im_messages .p-im-chat-room-block {
        left: 0 !important;
        right: 0 !important;
    }
}

#page_im_messages .p-im-sidebar-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 320px;
}

@media (min-width: 767px) {
    #page_im_messages .p-im-sidebar-wrapper {
        width: 100%;
    }
}

#page_im_messages .pf-im-title {
    height: 48px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px #eeeeee solid;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

html[dir='ltr'] #page_im_messages .pf-im-title {
    border-right: 1px #eeeeee solid;
}

html[dir='rtl'] #page_im_messages .pf-im-title {
    border-left: 1px #eeeeee solid;
}

#page_im_messages .p-im-friend-search-wrapper {
    padding: 8px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    z-index: 99;
}

html[dir='ltr'] #page_im_messages .p-im-friend-search-wrapper {
    border-right: 1px solid #eeeeee;
}

html[dir='rtl'] #page_im_messages .p-im-friend-search-wrapper {
    border-left: 1px solid #eeeeee;
}

#page_im_messages .p-im-main-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: auto;
    width: 100%;
    border-right: 1px #eeeeee solid;
    z-index: 100;
}

#page_im_messages .p-im-main-wrapper .p-im-main {
    display: flex;
    flex-direction: column;
}

#page_im_messages .p-im-main-wrapper .p-im-main .pf-im-more-conversation {
    order: 2;
}

#page_im_messages .p-im-main-wrapper .p-im-loading-wrapper {
    padding: 16px;
}

#page_im_messages .p-im-main-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    margin-left: 5px;
}

[dir="rtl"] #page_im_messages .p-im-main-wrapper {
    right: 0 !important;
    border-left: 1px #eeeeee solid !important;
    border-right: none !important;
}

.p-im-close-dock-item {
    display: none !important;
}

.p-im-float-dock-item .p-im-close-dock-item {
    display: inline-flex !important;
}

.pf-chat-with-user {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.pf-chat-with-user:hover {
    background: #f2f2f2;
}

.pf-chat-message {
    display: flex;
    margin-bottom: 8px;
}

.pf-chat-message .pf-chat-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pf-chat-message .pf-chat-body>* {
    max-width: 100%;
}

.pf-chat-message .pf-chat-body .p-im-chat-link-outer {
    max-width: 100%;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .pf-chat-message .pf-chat-body .p-im-chat-link-outer {
        /* IE10+ CSS */
        width: 100%;
    }
}

.pf-chat-message:first-child {
    margin-top: 16px;
}

.pf-chat-message.pf-chat-owner {
    justify-content: flex-end;
}

.pf-chat-message.pf-chat-owner .pf-chat-body {
    align-items: flex-end;
}

.pf-chat-message.pf-chat-owner .pf-chat-image {
    display: none;
}

.pf-chat-message :hover .pf_chat_delete_message {
    display: flex;
}

html[dir="ltr"] .pf-chat-image {
    margin-right: 16px;
}

html[dir="rtl"] .pf-chat-image {
    margin-left: 16px;
}

.pf-chat-image .no_image_user,
.pf-chat-image .img-wrapper {
    width: 32px;
    height: 32px;
}

.pf-chat-image .no_image_user img,
.pf-chat-image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.pf-chat-image .no_image_user span,
.pf-chat-image .img-wrapper span {
    font-size: 12px;
}

#im_send_btn:focus {
    outline: none;
}

.chat-row-close {
    cursor: pointer;
    display: flex;
}

html[dir='ltr'] .chat-row-close {
    margin-right: -8px;
}

html[dir='rtl'] .chat-row-close {
    margin-left: -8px;
}

.chat-row-close .item-action-btn {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.chat-row-close .item-action-btn .ico,
.chat-row-close .item-action-btn .fa {
    font-size: 16px;
}

.chat-row-close .item-action-btn:hover {
    color: #555555;
}

.chat-row-close .dropdown-menu {
    width: 210px;
}

.chat-row-close .dropdown-menu li a {
    white-space: normal;
}

.chat-row-action i:hover {
    color: #000;
}

.chat-row-users {
    color: #555555;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

.chat-row-users .user_profile_link_span a {
    color: #555555 !important;
    font-weight: bold !important;
}

.chat-row-title {
    height: 48px;
    padding: 8px 16px;
    border-bottom: 1px #eeeeee solid;
    cursor: default;
    position: relative;
    display: flex;
    align-items: center;
}

.chat-row-title .chat-row-users {
    flex: 1;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.chat-row-title .chat-row-users .item-chat-user-name {
    font-weight: bold;
}

.chat-row-title .chat-row-users .item-chat-user-name:not(:first-child) {
    display: none;
}

html[dir='ltr'] .chat-row-title .chat-row-close {
    margin-left: auto;
}

html[dir='rtl'] .chat-row-title .chat-row-close {
    margin-right: auto;
}

.pf-chat-owner .pf-chat-body {
    max-width: calc(100% - 56px);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .pf-chat-owner .pf-chat-body {
        /* IE10+ CSS */
        max-width: 100%;
    }

    .pf-chat-owner .pf-chat-body .pf-chat-body-inner,
    .pf-chat-owner .pf-chat-body .p-im-chat-link-outer {
        max-width: calc(100% - 56px);
    }
}

.pf-chat-body-inner {
    background: #eeeeee;
    padding: 8px 12px;
    min-height: 40px;
    border-radius: 4px;
    position: relative;
}

.pf-chat-owner .pf-chat-body-inner {
    background: #9740D5;
}

.pf-chat-owner .pf-chat-body-inner .pf-im-chat-text {
    color: #fff;
}

.pf-chat-owner .pf-chat-body-inner .pf-im-chat-text a {
    color: #fff !important;
}

.pf-chat-body-inner span {
    word-wrap: break-word;
}

.pf-chat-body-inner:hover time.built {
    display: block;
}

.p-im-time-tooltip {
    max-width: 200px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    min-height: 24px;
    font-size: 12px;
    display: none;
    position: absolute;
    top: -8px;
    white-space: nowrap;
    left: 0;
    transform: translate(0, -100%);
}

html[dir='rtl'] .p-im-time-tooltip {
    right: 0;
    left: auto;
}

.p-im-time-tooltip:not(.built) {
    display: none !important;
}

.p-im-time-tooltip:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -5px;
    left: 16px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

html[dir='rtl'] .p-im-time-tooltip:after {
    right: 16px;
    left: auto;
}

.p-im-time-tooltip.owner {
    right: 0;
    left: auto;
    transform: translate(0, -100%);
}

html[dir='rtl'] .p-im-time-tooltip.owner {
    left: 0;
    right: auto;
}

.p-im-time-tooltip.owner:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -5px;
    right: 16px;
    left: auto;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

html[dir='rtl'] .p-im-time-tooltip.owner:after {
    left: 16px;
    right: auto;
}

html[dir="ltr"] .pf-im-panel-info {
    padding-left: 24px;
}

html[dir="rtl"] .pf-im-panel-info {
    padding-right: 24px;
}

.pf-im-more-conversation {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    align-items: center;
    text-align: center;
    cursor: pointer;
    color: #9740D5;
}

.pf-im-more-conversation:hover {
    color: #950FCD;
}

.p-im-sidebar-wrapper .pf-im-more-conversation {
    padding: 16px;
}

.p-im-DropdownContainer .pf-im-more-conversation {
    margin: 0 16px;
    border-bottom: 1px solid #eeeeee;
}

.pf-im-panel {
    transition: all 300ms ease;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    color: #222;
}

.pf-im-panel .item-outer {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    border-bottom: 1px #eeeeee solid;
}

@media (min-width: 767px) {
    .pf-im-panel:hover {
        background: #f8f8f8;
        transition: all 0.3s ease;
    }
}

body#page_im_messages .pf-im-panel.active {
    background: #f8f8f8;
}

.pf-im-panel.is_hidden {
    display: none !important;
}

.pf-im-panel .badge {
    background: #9740D5;
    color: #fff;
    display: none;
    position: absolute;
    top: 16px;
    font-size: 12px;
    z-index: 2;
    opacity: 0.8;
}

html[dir="ltr"] .pf-im-panel .badge {
    right: 8px;
}

html[dir="rtl"] .pf-im-panel .badge {
    left: 8px;
}

html[dir='ltr'] .pf-im-panel .pf-im-panel-image {
    margin-right: 12px;
}

html[dir='rtl'] .pf-im-panel .pf-im-panel-image {
    margin-left: 12px;
}

.pf-im-panel .pf-im-panel-image .image_deferred,
.pf-im-panel .pf-im-panel-image .image_object {
    background-size: contain;
    width: 56px;
    height: 56px;
}

.pf-im-panel .pf-im-panel-image .no_image_user,
.pf-im-panel .pf-im-panel-image .img-wrapper {
    width: 56px;
    height: 56px;
}

.pf-im-panel .pf-im-panel-image .no_image_user span,
.pf-im-panel .pf-im-panel-image .img-wrapper span {
    font-size: 15px;
}

.pf-im-panel time {
    font-size: 10px;
    opacity: 0.8;
    display: inline-block;
    color: #808080;
}

.pf-im-panel .pf-im-panel-content {
    flex: 1;
    min-width: 0;
}

.pf-im-panel .pf-im-panel-content .__thread-name {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 4px;
}

.pf-im-panel .pf-im-panel-content .pf-im-panel-preview {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.pf-im-panel.new {
    display: block;
    background: #E8DAF2;
}

.pf-im-panel.new .badge {
    display: block;
}

.pf-im-panel.new .pf-im-panel-content .pf-im-panel-preview {
    color: #555555;
}

#page_im_messages .pf-im-panel.new .pf-im-panel-content .pf-im-panel-preview {
    font-weight: bold;
}

.chat-row-back {
    display: none !important;
}

/**
 * Responsive
 */

@media (max-width: 980px) {
    body {
        margin-right: 0 !important;
    }
}

@media (min-width: 767px) {
    .chat-row-back {
        display: inline-flex !important;
    }

    body.im-is-active #pf-im {
        display: block !important;
        width: auto;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        height: auto;
    }

    body.im-is-active ._pf_im_friend_search {
        width: 100%;
    }

    body.im-is-active .pf-im-search-user {
        width: 100%;
    }

    body.im-is-active .popup-im-window {
        display: none;
    }

    body.im-is-active .chat-row-back {
        cursor: pointer;
    }

    body.im-is-active .pf-im-menu,
    body.im-is-active .pf-im-main {
        width: auto;
        right: 0;
    }

    body.im-is-active #pf-chat-window {
        left: 0;
        right: 0;
    }
}

.ui-resizable-handle {
    z-index: 100000000 !important;
}

.chat-form-actions {
    position: absolute;
    right: 20px;
    bottom: 35px;
    width: 300px;
    height: 171px;
    font-size: 20px;
    overflow: auto;
    background: #fff;
    z-index: 1000;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 7px 21px rgba(83, 92, 105, 0.52), 0 -1px 6px 0 rgba(83, 92, 105, 0.06);
}

[dir="rtl"] .chat-form-actions {
    right: auto;
    left: 20px;
}

@media (min-width: 767px) {
    .chat-form-actions {
        left: 24px !important;
        right: 24px !important;
        width: auto;
    }
}

.chat-form-actions>i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
    font-size: 12px;
    opacity: 0.6;
}

.chat-form-actions .emoji-list {
    height: 171px;
    max-height: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 8px;
}

.pf_im_hosting {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    max-width: 310px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.pf_im_hosting_title {
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
    color: #222;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px #fbfbfb solid;
}

.pf_chat_message_deleted {
    font-size: 11px;
    opacity: 0.6;
    font-style: italic;
}

.pf_chat_delete_message {
    position: absolute;
    top: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: none;
}

html[dir='ltr'] .pf_chat_delete_message {
    right: 0;
    left: auto;
    transform: translate(100%, -50%);
}

html[dir='rtl'] .pf_chat_delete_message {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%);
}

html[dir='ltr'] .pf-chat-owner .pf_chat_delete_message {
    left: 0;
    right: auto;
    transform: translate(-100%, -50%);
}

html[dir='rtl'] .pf-chat-owner .pf_chat_delete_message {
    right: 0;
    left: auto;
    transform: translate(100%, -50%);
}

.pf_chat_delete_message i {
    color: #a2a2a2;
    font-size: 16px;
    -webkit-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
}

[dir="rtl"] .pf_chat_delete_message {
    left: 6px;
    right: auto;
}

.pf_chat_delete_message:hover i {
    color: #555555;
}

.pf-im-search {
    display: none;
    width: 500px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    position: fixed;
    z-index: 995;
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pf-im-search-top {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    color: #808080;
    font-size: 12px;
    position: relative;
}

.pf-im-search-title {
    display: inline-block;
    cursor: default;
}

.pf-im-search-action {
    display: inline-block;
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    opacity: 0.6;
    line-height: 17px;
    font-size: 10px;
    cursor: pointer;
}

html[dir="ltr"] .pf-im-search-action {
    right: 8px;
}

html[dir="rtl"] .pf-im-search-action {
    left: 8px;
}

[dir="rtl"] .pf-im-search-action {
    float: left;
    right: auto;
    left: 8px;
}

.pf-im-search-close i {
    margin-right: 5px;
    margin-left: 5px;
}

#pf-im-search-input {
    height: 32px;
    font-size: 11px;
    margin: 8px;
    width: calc(100% - 16px);
}

.pf-im-search-result {
    background-color: white;
    width: 100%;
    padding: 8px;
    color: #808080;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
    height: 250px;
}

.pf-im-search-result span.pf-im-no-message {
    font-size: 12px;
    font-style: italic;
    padding: 10px;
    line-height: 30px;
}

.chat-form-actions-arrow {
    position: absolute;
    bottom: 25px;
    left: 27px;
    z-index: 2000;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    display: none;
}

[dir="rtl"] .chat-form-actions-arrow {
    left: auto;
    right: 27px;
}

.pf-im-chat-link {
    border-radius: 8px;
    border: 1px solid #eeeeee;
    margin-bottom: 4px;
    display: flex;
    max-width: 280px;
}

html[dir='ltr'] .pf-chat-owner .pf-im-chat-link {
    margin-left: auto;
}

html[dir='rtl'] .pf-chat-owner .pf-im-chat-link {
    margin-right: auto;
}

.pf-im-chat-link .pf-im-chat-image {
    width: 64px;
    height: 64px;
}

.pf-im-chat-link .pf-im-chat-image .item-media-src {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.pf-im-chat-link .pf-im-chat-image .item-media-src:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.p-im-AppDock-RoomList .pf-im-chat-link .pf-im-chat-image {
    width: 64px;
    height: 64px;
}

.im_attachment {
    display: flex;
}

.pf-chat-owner .im_attachment {
    justify-content: flex-end;
}

.im_attachment img {
    max-width: 300px;
}

@media (min-width: 767px) {
    .im_attachment img {
        max-width: 120px;
    }
}

.pf-im-chat-image {
    width: auto;
    max-width: 120px;
    display: inline-block;
    float: left;
}

[dir="rtl"] .pf-im-chat-image {
    float: right;
}

.pf-im-chat-image img {
    width: calc(100% - 16px);
    font-size: 0;
}

.pf-im-chat-content {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block;
    flex: 1;
    min-width: 0;
}

.pf-im-chat-content>a {
    color: #555;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.pf-im-chat-content .pf-im-chat-description {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #a2a2a2;
}

[dir="rtl"] .pf-im-chat-content {
    float: right;
}

.pf-im-failed-button {
    display: block;
    width: 13%;
    margin: auto;
    padding: 5px;
}

#pf-im-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    display: none;
}

#page_im_messages {
    overflow: hidden;
}

#page_im_messages #main {
    display: block !important;
}

#page_im_messages>.js_box_image_holder {
    top: 0;
}

.pf_im_hosting_announcement {
    display: block;
    width: 50%;
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.pf_im_hosting_announcement>span {
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #2ecc71;
    color: #fff;
    display: block;
}

.pf_im_hosting_announcement>p {
    margin-top: 20px;
    margin-bottom: 10px;
}

.pf_im_hosting_announcement>a {
    width: auto;
    display: block;
}

.p-im-DropdownMessageFooterWrapper {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 12px;
    line-height: 16px;
}

.p-im-DropdownMessageFooterWrapper>a:first-child:last-child {
    margin: 0 auto;
}

.p-im-DropdownContainerPosition {
    position: absolute;
    transform: translateX(-100%) translateX(80px) !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease;
}

html[dir='rtl'] .p-im-DropdownContainerPosition {
    transform: translateX(-80px) !important;
}

@media (max-width: 479px) {
    .p-im-DropdownContainerPosition {
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }

    html[dir='rtl'] .p-im-DropdownContainerPosition {
        transform: none !important;
    }
}

@media (min-width: 767px) {
    .p-im-DropdownContainer {
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }

    .p-im-DropdownContainer .p-im-DropdownMessageWrapper {
        width: 100%;
    }
}

body.im-is-dropdown .p-im-DropdownContainerPosition {
    opacity: 1;
    visibility: visible;
}

.p-im-DropdownMessageWrapper {
    width: 320px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}

.p-im-DropdownMessageHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 10px 16px;
    background: #f8f8f8;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #dcdcdc;
}

.p-im-DropdownMessageHeader .item-title {
    font-weight: bold;
    color: #555555;
}

.p-im-DropdownMessageHeader .number-count {
    color: #a2a2a2;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

html[dir='rtl'] .p-im-DropdownMessageHeader .item-action-wrapper {
    margin-left: -16px;
}

html[dir='ltr'] .p-im-DropdownMessageHeader .item-action-wrapper {
    margin-right: -16px;
}

.p-im-DropdownMessageHeader .item-action-wrapper .p-im-IconBtn {
    height: 32px;
}

html[dir='ltr'] .p-im-DropdownMessageHeader .item-action-wrapper .p-im-IconBtn {
    margin-left: 4px;
}

html[dir='rtl'] .p-im-DropdownMessageHeader .item-action-wrapper .p-im-IconBtn {
    margin-right: 4px;
}

.p-im-DropdownMessageItems {
    max-height: 220px;
    overflow: auto;
    position: static;
}

.p-im-DropdownMessageItems .pf-im-main {
    display: flex;
    flex-direction: column;
}

.p-im-DropdownMessageItems .pf-im-main .pf-im-more-conversation {
    order: 2;
}

.p-im-DropdownMessageItem {
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    transition: background-color 300ms ease;
}

.p-im-DropdownMessageItem .p-im-DropdownMessageItemOuter {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dcdcdc;
}

.p-im-DropdownMessageItem .p-im-DropdownMessageItemOuter .item-row-inner {
    flex: 1;
    min-width: 0;
    display: flex;
}

html[dir='ltr'] .p-im-DropdownMessageItem .p-im-DropdownMessageItemOuter .item-row-inner {
    margin-right: -12px;
}

html[dir='rtl'] .p-im-DropdownMessageItem .p-im-DropdownMessageItemOuter .item-row-inner {
    margin-left: -12px;
}

.p-im-DropdownMessageItem .p-im-DropdownMessageItemOuter .item-row-inner .item-row-inner-main {
    flex: 1;
    min-width: 0;
}

html[dir='ltr'] .p-im-DropdownMessageItem .p-im-Avatar {
    margin-right: 12px;
}

html[dir='rtl'] .p-im-DropdownMessageItem .p-im-Avatar {
    margin-left: 12px;
}

.p-im-DropdownMessageItem .item-user {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    flex: 1;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

html[dir="ltr"] .p-im-DropdownMessageItem .item-user {
    margin-right: 8px;
}

html[dir="rtl"] .p-im-DropdownMessageItem .item-user {
    margin-left: 8px;
}

@media (min-width: 767px) {
    .p-im-DropdownMessageItem .item-user:hover {
        color: #950FCD;
    }
}

.p-im-DropdownMessageItem .item-row-title-wrapper {
    margin-bottom: 4px;
}

.p-im-DropdownMessageItem .item-row-title-wrapper,
.p-im-DropdownMessageItem .item-row-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.p-im-DropdownMessageItem .item-msg-text {
    flex: 1;
    min-width: 0;
    color: #a2a2a2;
    -webkit-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
}

html[dir="ltr"] .p-im-DropdownMessageItem .item-msg-text {
    padding-right: 8px;
}

html[dir="rtl"] .p-im-DropdownMessageItem .item-msg-text {
    padding-left: 8px;
}

.p-im-DropdownMessageItem .item-msg-text .item-msg-icon {
    display: inline-flex;
    font-size: 14px;
}

html[dir='ltr'] .p-im-DropdownMessageItem .item-msg-text .item-msg-icon {
    margin-right: 6px;
}

html[dir='rtl'] .p-im-DropdownMessageItem .item-msg-text .item-msg-icon {
    margin-left: 6px;
}

.p-im-DropdownMessageItem .item-minor-info {
    display: inline-flex;
    align-items: center;
}

.p-im-DropdownMessageItem .item-minor-info .item-time {
    font-size: 12px;
    line-height: 16px;
    color: #c8c8c8;
}

html[dir='ltr'] .p-im-DropdownMessageItem .item-minor-info .item-time {
    margin-right: 4px;
}

html[dir='rtl'] .p-im-DropdownMessageItem .item-minor-info .item-time {
    margin-left: 4px;
}

.p-im-DropdownMessageItem .p-im-CircleUnreadStatus {
    margin: 0 8px;
}

.p-im-DropdownMessageItem:hover {
    background: #f8f8f8;
}

.p-im-DropdownMessageItem:hover .item-msg-text {
    color: #555555;
}

.p-im-DropdownMessageItem.activeRoomAllMessage {
    background: #f8f8f8 !important;
}

.p-im-DropdownMessageItem.activeRoomAllMessage .item-msg-text {
    color: #555555 !important;
}

.p-im-DropdownMessageItem.unread {
    background: #E8DAF2;
}

.p-im-DropdownMessageItem.unread .item-msg-text {
    color: #555555;
}

.p-im-DropdownMessageItem.unread .p-im-CircleUnreadStatus {
    background-color: #9740D5;
    border-color: #9740D5;
}

.p-im-DropdownMessageItem.unread .p-im-IconBtn {
    color: #D5A9FF;
}

.p-im-DropdownMessageItem.unread.full .item-msg-text {
    font-weight: bold;
}

.p-im-DropdownMessageItem .item-msg-text-parse br {
    display: none;
}

.p-im-DropdownMessageItem:not(.full) .item-msg-text {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.p-im-DropdownMessageItem.full .p-im-DropdownMessageItemOuter {
    align-items: center;
}

.p-im-DropdownMessageItem.full .p-im-DropdownMessageItemOuter .item-row-inner {
    align-items: center;
}

.p-im-DropdownMessageItem.full .item-action-more .p-im-IconBtn {
    color: #a2a2a2;
    font-size: 16px;
    height: 32px;
}

.p-im-DropdownMessageItem.full .item-action-more .p-im-DropdownWrapper {
    position: relative;
}

.p-im-DropdownMessageItem.full .item-action-more .p-im-DropdownWrapper:not(.open) {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.p-im-DropdownMessageItem.full .item-msg-text {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.p-im-DropdownMessageItem.full .item-msg-text .item-msg-text-parse {
    flex: 1;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-im-DropdownMessageItem.full:hover .item-action-more .p-im-DropdownWrapper {
    opacity: 1;
    visibility: visible;
}

.p-im-CircleUnreadStatus {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 1px solid #a2a2a2;
    border-radius: 100%;
    margin: 0 4px;
}

.p-im-CircleUnreadStatus.unread {
    background-color: #9740D5;
    border-color: #9740D5;
}

.p-im-IconBtn {
    line-height: 20px;
    font-size: 14px;
    padding: 0 6px;
    cursor: pointer;
    color: #a2a2a2;
    position: relative;
    min-width: 20px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.p-im-Toolbar {
    display: flex;
}

.p-im-Toolbar>li {
    position: relative;
    line-height: 34px;
}

.p-im-Avatar {
    box-shadow: 0 2px 5px 0 rgba(38, 129, 213, 0);
    position: relative;
}

.p-im-Avatar .uiUserStatus {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    right: 5%;
    bottom: 1%;
}

.p-im-Avatar .uiUserStatus.online {
    background-color: #9740D5;
    border: 2px solid #eeeeee;
}

.p-im-Avatar .uiUserStatus.away {
    background-color: #9740D5;
    border: 2px solid #eeeeee;
}

.p-im-Avatar .uiUserStatus.busy {
    background-color: #9740D5;
    border: 2px solid #eeeeee;
}

a.p-im-Avatar.hasLink {
    cursor: pointer;
}

.p-im-Avatar-56,
.p-im-Avatar-56 .p-im-AvatarImg {
    width: 56px;
    height: 56px;
}

.p-im-Avatar-40,
.p-im-Avatar-40 .p-im-AvatarImg {
    width: 40px;
    height: 40px;
}

.p-im-Avatar-32,
.p-im-Avatar-32 .p-im-AvatarImg {
    width: 32px;
    height: 32px;
}

.p-im-Avatar-16,
.p-im-Avatar-16 .p-im-AvatarImg {
    width: 16px;
    height: 16px;
}

.p-im-AvatarImg {
    border-radius: 50%;
    background-color: #eee;
}

#page_im_messages .p-im-AppDock {
    display: none !important;
}

@media (min-width: 767px) {

    .p-im-btn-send .ico,
    .p-im-btn-send .fa {
        margin: 0 !important;
    }

    .p-im-btn-send:after {
        display: none;
    }
}

.p-im-AppDock {
    position: fixed;
    right: 0;
    margin: 0 60px 0 0;
    bottom: 0;
    z-index: 98;
    height: 34px;
    transform: translateZ(0);
}

@media (min-width: 767px) {
    .p-im-AppDock {
        display: none;
    }
}

html[dir='rtl'] .p-im-AppDock {
    margin: 0 0 0 60px;
    left: 0;
    right: auto;
}

html[dir='ltr'] .p-im-AppDock .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper {
    margin-right: -8px;
}

html[dir='rtl'] .p-im-AppDock .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper {
    margin-left: -8px;
}

.p-im-AppDock .pf-im-chat-bottom-wrapper .chat-bottom-action-wrapper .p-im-btn-send {
    display: none !important;
}

.p-im-AppDock .p-im-chat-room-block .chat-form {
    min-height: 40px;
    padding: 4px 16px;
}

.p-im-AppDock .p-im-AppDock-RoomList {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.p-im-AppDock .p-im-AppDock-outer {
    display: flex;
    flex-direction: row-reverse;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item {
    margin-left: 16px;
    height: 34px;
    position: relative;
    width: 284px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .chat-row-title {
    height: 34px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed {
    width: 200px !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .dock-item-inner {
    height: auto !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .dock-item-inner>* {
    display: none !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .dock-item-inner .js_p_im_dock_header {
    display: flex !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .dock-item-inner .js_p_im_dock_header .chat-row-close>* {
    display: none !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .dock-item-inner .js_p_im_dock_header .chat-row-close .p-im-close-dock-item {
    display: flex !important;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .p-im-dock-search,
.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.dock-item-collapsed .p-im-dock-body {
    display: none;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-header {
    border-bottom: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    height: 34px;
    min-height: 34px;
    padding: 0 16px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-header .item-title {
    flex: 1;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-search {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-search .p-im-dock-search_item input {
    border: 1px solid #c8c8c8;
    background: #fff;
    color: #555555;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body {
    overflow: auto;
    flex: 1;
    min-height: 0;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list {
    display: flex;
    flex-direction: column;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-more-conversation {
    order: 2;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel {
    background: transparent !important;
}

@media (min-width: 767px) {
    .p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel:hover {
        background: #E8DAF2 !important;
    }
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel .item-outer {
    border: 0;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel .item-outer .pf-im-panel-preview {
    display: none;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel .item-outer .__thread-name {
    font-weight: normal;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel-image .no_image_user,
.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel-image .img-wrapper {
    width: 40px;
    height: 40px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel-image .no_image_user img,
.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .p-im-dock-body .item-buddy-list .pf-im-panel-image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .dock-item-outer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item .dock-item-outer .dock-item-inner {
    display: flex;
    flex-direction: column;
    z-index: 10;
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    word-break: break-word;
    word-wrap: break-word;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList {
    width: 260px;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList .p-im-dock-search {
    display: none;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList .p-im-dock-header .item-action-btn .ico {
    color: #555555;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList .p-im-dock-header .item-action-btn:hover .ico {
    color: #9740D5;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList.open-search .p-im-dock-header {
    border-bottom: 0;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList.open-search .p-im-dock-header .js_p_im_toggle_search_dock .ico {
    color: #9740D5;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList.open-search .p-im-dock-search {
    display: block;
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-BuddyList .dock-item-inner {
    height: 573px;
    max-height: calc(100vh - 88px);
}

.p-im-AppDock .p-im-AppDock-outer .p-im-float-dock-item.p-im-AppDock-Room .dock-item-inner {
    height: 351px;
    max-height: calc(100vh - 88px);
}

.p-im-contenteditable {
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
}

.p-im-AppDock-Room .p-im-contenteditable {
    max-height: 150px;
}

#page_im_messages .p-im-contenteditable {
    max-height: 200px;
}

.p-im-loading-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 8px;
}

.p-im-info-gray {
    color: #a2a2a2;
}

.p-im-info-sm {
    font-size: 12px;
    line-height: 16px;
}

.p-im-ChatAllMessageEmpty {
    text-align: center;
    padding-top: 100px;
    color: #c8c8c8;
    height: 100%;
}

.p-im-ChatAllMessageEmpty .ico {
    font-size: 120px;
    display: inline-block;
    margin-bottom: 16px;
}

.p-im-ChatAllMessageEmpty .item-title {
    font-size: 18px;
}

#hd-message .dropdown-backdrop {
    display: none;
}

/*End Instant Messaging*/
/*Begin ' . Subscribe . '*/

#main:not(.empty-left):not(.empty-right) .membership-package__item {
    width: 50% !important;
}

#page_subscribe_compare .td_center {
    text-align: center;
}

#page_subscribe_compare .switch_type {
    margin-right: 5px;
}

#page_subscribe_compare #tbl_compare {
    table-layout: fixed;
}

#page_subscribe_compare #tbl_compare td,
#page_subscribe_compare #tbl_compare th {
    text-align: center;
    width: 160px;
}

#page_subscribe_compare #div_compare_wrapper {
    overflow: auto;
}

#page_subscribe_compare #main input[type=text] {
    width: 120px;
}

#page_subscribe_compare #tr_last {
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}

#page_subscribe_compare .th_package_title,
#page_subscribe_compare .th_title {
    border-bottom: 1px solid #dfdfdf;
    color: #333333;
    font-size: 16pt;
    line-height: 34px;
}

#page_subscribe_compare .tr_first_feature {
    border-top: 1px solid #dfdfdf;
}

#page_subscribe_compare .tr_feature {
    border-bottom: 1px solid #dfdfdf;
    height: 25px;
    line-height: 25px;
}

#page_subscribe_compare #tr_pricing_1 {
    font-size: 14px;
    font-weight: bold;
    border-top: 1px #dfdfdf solid;
    border-bottom: 1px #dfdfdf solid;
}

#page_subscribe_compare #tr_pricing_1 td {
    padding: 5px;
}

#page_subscribe_compare .tdPackageDescription {
    padding: 5px;
}

#page_subscribe_compare .td_feature img {
    vertical-align: middle;
}

#page_subscribe_compare .tr_purchase_1,
#page_subscribe_compare .tr_purchase_2 {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
}

#page_subscribe_compare #tbl_compare td.td_feature_head {
    font-size: 16px;
    text-align: left;
    padding: 10px 0px 10px 0px;
}

#page_subscribe_compare #tbl_compare {
    width: 100%;
}

#page_subscribe_compare .td_purchase_1 {
    padding: 8px 0px 8px 0px;
    text-align: center;
}

#page_subscribe_compare .td_purchase_1 a,
#page_subscribe_compare .td_purchase_1 a:hover {
    display: block;
    background: #333;
    color: #fff;
    height: 32px;
    line-height: 32px;
    width: 50%;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#page_subscribe_compare .compare_admincp td {
    border-left: 1px #dfdfdf solid;
}

#page_subscribe_compare .compare_admincp #tbl_compare td.td_comparison_title {
    text-align: left;
}

#page_subscribe_compare .compare_admincp #tbl_compare td.td_comparison_title input {
    width: 140px;
}

#page_subscribe_compare .compare_admincp #tbl_compare td.td_feature {
    text-align: right;
    position: relative;
}

#page_subscribe_compare .compare_admincp #tbl_compare td.td_feature div {
    position: relative;
}

#page_subscribe_compare .compare_admincp .switch_type {
    position: absolute;
    left: 2px;
    cursor: pointer;
}

#page_subscribe_compare .compare_admincp .img_accept,
#page_subscribe_compare .compare_admincp .img_reject {
    cursor: pointer;
}

#page_subscribe_compare .txt_title_new {
    color: #AFAFAF;
}

#subscribe_compare_plan .row>div {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#subscribe_compare_plan .panel.price,
#subscribe_compare_plan .panel.price>.panel-heading {
    border-radius: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

#subscribe_compare_plan .panel.price:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

#subscribe_compare_plan .panel.price:hover>.panel-heading {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
}

#subscribe_compare_plan .panel.price>.panel-heading {
    box-shadow: 0 5px 0 rgba(50, 50, 50, 0.2) inset;
}

#subscribe_compare_plan .price .list-group-item {
    border-bottom-: 1px solid rgba(250, 250, 250, 0.5);
}

#subscribe_compare_plan .panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#subscribe_compare_plan .panel.price .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#subscribe_compare_plan .price .panel-footer {
    color: #fff;
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
}

#subscribe_compare_plan .panel.price .btn {
    box-shadow: 0 -1px 0 rgba(50, 50, 50, 0.2) inset;
    border: 0;
}

#subscribe_compare_plan .price.panel-color>.panel-heading {
    color: #fff;
    background-color: #9740D5;
    border-color: #4ff865;
    border-bottom: 1px solid #4ff865;
}

#subscribe_compare_plan .price.panel-color>.panel-heading h3 {
    font-size: 30px;
    color: #e5e5e5;
    border: none;
}

#subscribe_compare_plan .price.panel-color>.panel-body {
    color: #fff;
    background-color: #0af028;
    padding: 7px 0;
}

#subscribe_compare_plan .price.panel-color>.panel-body strong {
    color: #9628D1;
    font-size: 18px;
}

#subscribe_compare_plan .price.panel-color>.panel-body .lead {
    margin-bottom: inherit !important;
}

#subscribe_compare_plan .price.panel-color ul {
    border-left: solid 1px #9740D5;
    border-right: solid 1px #9740D5;
}

#subscribe_compare_plan .price.panel-color .list-group-item {
    color: #333;
    background-color: #ffffff;
    font-weight: 600;
    padding: 10px 0;
}

#subscribe_compare_plan .price.panel-color .list-group-item:hover {
    background-color: #e6e6e6;
}

#subscribe_compare_plan .price.panel-color .list-group-item:not(:last-child) {
    border-bottom: solid 1px #37f750;
}

.js_box_content .subscription_package {
    max-height: 470px;
    overflow-x: scroll;
}

.subscription_package .item_content {
    padding: 0;
}

.js_box_content .item-membership-container {
    max-height: 400px;
    margin: -16px;
    padding: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow-y: auto;
}

.js_box_content .membership-item:first-child:nth-last-child(1) .item-outer {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.js_box_content .membership-item .item-outer {
    display: flex;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.js_box_content .membership-item .item-outer .item-image {
    width: 104px;
}

html[dir="ltr"] .js_box_content .membership-item .item-outer .item-image {
    margin-right: 24px;
}

html[dir="rtl"] .js_box_content .membership-item .item-outer .item-image {
    margin-left: 24px;
}

.js_box_content .membership-item .item-outer .item-image .item-media-src>span {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.js_box_content .membership-item .item-outer .item-image .item-media-src>span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.js_box_content .membership-item .item-outer .item-inner {
    flex: 1;
    min-width: 0;
}

.js_box_content .membership-item .item-outer .item-inner .item-block-title {
    font-size: 18px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    margin-bottom: 4px;
}

.js_box_content .membership-item .item-outer .item-inner .item-desc {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-bottom: 4px;
}

.js_box_content .membership-item .item-outer .item-inner .item-price {
    margin-bottom: 4px;
}

.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-first,
.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-recurring {
    font-size: 14px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-first .item-name,
.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-recurring .item-name {
    color: #555555;
}

.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-first .item-cost,
.js_box_content .membership-item .item-outer .item-inner .item-price .item-price-recurring .item-cost {
    color: #9740D5;
}

.membership-comparison-container {
    margin-top: 16px;
}

.membership-comparison-container .item-title-block {
    font-size: 20px;
    line-height: 26px;
    color: #a2a2a2;
    margin-bottom: 16px;
}

.membership-comparison-container #div_compare_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.membership-comparison-container #subscribe_compare_plan .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: 100% !important;
}

.membership-comparison-container #subscribe_compare_plan table {
    font-size: 14px;
    line-height: 18px;
    max-width: none;
}

.membership-comparison-container #subscribe_compare_plan table thead tr th {
    border-bottom: 0;
}

.membership-comparison-container #subscribe_compare_plan table thead tr th.item-feature {
    background: #eeeeee;
    min-width: 384px;
}

.membership-comparison-container #subscribe_compare_plan table thead tr th.item-compare {
    min-width: 160px;
    max-width: 160px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    background: #c8c8c8;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr:hover {
    background: #f8f8f8;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr:first-child td {
    border-top: 0;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr td {
    padding-top: 16px;
    padding-bottom: 16px;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-feature {
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 16px;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-feature span {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 36px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-compare {
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-compare span {
    color: #a2a2a2;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-compare .ico {
    color: #9740D5;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-button .price {
    color: #9740D5;
    margin: 4px 0;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-button .recurring {
    color: #a2a2a2;
    min-height: 18px;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-button.current-plant {
    vertical-align: middle;
}

.membership-comparison-container #subscribe_compare_plan table tbody tr .item-button.current-plant .text {
    color: #9740D5;
}

.membership-package__outer {
    margin: -8px;
}

.membership-package__item {
    padding: 8px;
}

html[dir='ltr'] .membership-package__item {
    float: left;
}

html[dir='rtl'] .membership-package__item {
    float: right;
}

#main.empty-left.empty-right .membership-package__item {
    width: 25%;
}

#main.empty-left .membership-package__item,
#main.empty-right .membership-package__item {
    width: 33.33%;
}

#main:not(.empty-left.empty-right) .membership-package__item {
    width: 50%;
}

@media (min-width: 767px) {
    .membership-package__item {
        width: 33.33% !important;
    }
}

@media (min-width: 767px) {
    .membership-package__item {
        width: 50% !important;
    }
}

@media (max-width: 479px) {
    .membership-package__item {
        width: 100% !important;
    }
}

.membership-package__item .item-outer {
    border-radius: 4px;
    border: 1px solid rgba(85, 85, 85, 0.1);
    padding: 24px 16px 16px;
    transition: box-shadow 0.3s ease-in-out;
    position: relative;
}

.membership-package__item .item-outer .item-popular {
    position: absolute;
    color: #fff;
    min-height: 24px;
    text-align: center;
    background-color: #9740D5;
    line-height: 24px;
    right: 0;
    transform: rotate(45deg) translate(3px, -12px);
    padding: 0 2px;
    font-size: 10px;
}

.membership-package__item .item-outer .item-popular:before,
.membership-package__item .item-outer .item-popular:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #950FCD;
    position: absolute;
    top: 100%;
}

.membership-package__item .item-outer .item-popular:before {
    right: 100%;
    margin-right: 15px;
    border-right: 5px solid transparent;
}

.membership-package__item .item-outer .item-popular:after {
    left: 100%;
    margin-left: 15px;
    border-left: 5px solid transparent;
}

.membership-package__item .item-outer .item-popular span {
    top: 0;
    width: 0;
    height: 0;
    position: absolute;
    border-bottom: 24px solid #9740D5;
}

.membership-package__item .item-outer .item-popular .right {
    left: 100%;
    border-right: 24px solid transparent;
}

.membership-package__item .item-outer .item-popular .left {
    right: 100%;
    border-left: 24px solid transparent;
}

.membership-package__item .item-outer .item-image {
    margin: 0 auto;
    width: 72px;
    height: 72px;
}

.membership-package__item .item-outer .item-image span {
    display: block;
    background-origin: border-box;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.membership-package__item .item-outer .item-title {
    font-size: 16px;
    line-height: 21px;
    margin-top: 12px;
}

.membership-package__item .item-outer .item-price {
    font-size: 22px;
    line-height: 29px;
    color: #9740D5;
    margin-top: 6px;
}

.membership-package__item .item-outer .item-recurring {
    color: #a2a2a2;
}

.membership-package__item .item-outer .item-desc {
    display: block;
    border-top: 1px solid #eeeeee;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    padding-top: 8px;
    word-break: break-word;
}

.membership-package__item .item-outer .item-sub {
    min-height: 48px;
}

.membership-package__item .item-outer .item-sub p {
    line-height: 48px;
    color: #9740D5;
}

.membership-package__item .item-outer .item-view {
    font-size: 12px;
    line-height: 16px;
    display: block;
}

.membership-package__item .item-outer .recurring {
    color: #a2a2a2;
    min-height: 18px;
}

@media screen and (max-width: 1199px) {
    .membership-package__item .item-outer .recurring {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 1025px) {
    .membership-package__item .item-outer:hover {
        box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    }
}

.my-subscription-search form {
    display: flex;
    align-items: flex-end;
    margin-left: -8px;
    margin-right: -8px;
}

.my-subscription-search form .form-group {
    padding-left: 8px;
    padding-right: 8px;
    max-width: 160px;
}

@media screen and (max-width: 479px) {
    .my-subscription-search form .form-group {
        max-width: none;
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .my-subscription-search form {
        flex-direction: column;
    }
}

.my-subscription-items .my-subscription-list-wapper {
    display: flex;
    flex-direction: column;
}

.my-subscription-items .my-subscription-list-wapper+.my-subscription-list-wapper {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
}

.my-subscription-items .my-subscription-list-inner {
    display: flex;
}

.my-subscription-items .my-subscription-list-inner .item-media {
    width: 72px;
    height: 72px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-subscription-items .my-subscription-list-inner .item-media img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.my-subscription-items .my-subscription-list-inner .item-body {
    min-width: 1px;
    flex-grow: 1;
    position: relative;
}

.my-subscription-items .my-subscription-list-inner .item-body .item {
    display: flex;
    font-size: 12px;
    line-height: 16px;
}

.my-subscription-items .my-subscription-list-inner .item-body .item .status {
    color: #a2a2a2;
    min-width: 124px;
    max-width: 124px;
}

.my-subscription-items .my-subscription-list-inner .item-body .item .active {
    color: #9740D5;
}

.my-subscription-items .my-subscription-list-inner .item-body .item .expire {
    color: #9E9AB1;
}

.my-subscription-items .my-subscription-list-inner .item-body .item .pending-action,
.my-subscription-items .my-subscription-list-inner .item-body .item .pending-payment {
    color: #9740D5;
}

.my-subscription-items .my-subscription-list-inner .item-body .item .cancel {
    color: #9740D5;
}

.my-subscription-items .my-subscription-list-inner .item-body .item+.item {
    margin-top: 8px;
}

@media screen and (min-width: 480px) {
    .my-subscription-items .my-subscription-list-inner .item-body {
        padding-right: 19px;
    }

    html[dir="ltr"] .my-subscription-items .my-subscription-list-inner .item-body {
        padding-left: 16px;
    }

    html[dir="rtl"] .my-subscription-items .my-subscription-list-inner .item-body {
        padding-right: 16px;
    }
}

@media screen and (max-width: 479px) {
    .my-subscription-items .my-subscription-list-inner .item-body {
        margin-top: 8px;
    }
}

@media screen and (min-width: 640px) {
    .my-subscription-items .my-subscription-list-inner .item-body>button {
        position: absolute;
        top: 16px;
    }

    html[dir='ltr'] .my-subscription-items .my-subscription-list-inner .item-body>button {
        right: 0;
    }

    html[dir='rtl'] .my-subscription-items .my-subscription-list-inner .item-body>button {
        left: 0;
    }
}

@media screen and (max-width: 479px) {
    .my-subscription-items .my-subscription-list-inner {
        flex-direction: column;
    }
}

.my-subscription-items .item-title {
    font-size: 16px;
    line-height: 21px;
}

.my-subscription-items .item-title a {
    color: #555555;
}

.my-subscription-items .item-title a:hover {
    color: #9223C9;
}

.recent-payment {
    margin-top: 16px;
    padding-top: 32px;
    border-top: 1px solid #eeeeee;
}

.recent-payment thead tr th {
    background-color: #9740D5;
    font-weight: normal;
    color: #fff;
    padding: 12px 16px;
    border: 0;
}

.recent-payment thead tr th+th {
    text-align: center;
}

.recent-payment tbody tr td {
    padding: 24px 16px;
    border-top: 0;
    border-bottom: 1px solid #eeeeee;
}

.recent-payment tbody tr td.pending {
    color: #9740D5;
}

.recent-payment tbody tr td.cancel {
    color: #9740D5;
}

.recent-payment tbody tr td.completed {
    color: #9740D5;
}

.recent-payment tbody tr td+td {
    text-align: center;
}

.cancel-subscription-block .my-subscription-items {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

.cancel-subscription-block .content {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.cancel-subscription-block .content strong {
    color: #555555;
}

.cancel-subscription-block .sub-reason label .ico {
    margin-bottom: 0;
    align-items: flex-start;
    padding-top: 3px;
}

.cancel-subscription-block .sub-reason li+li {
    margin-top: 16px;
}

.cancel-subscription-block .sub-warning-alert {
    margin-top: 16px;
    display: flex;
    padding: 12px 16px;
    margin-left: -16px;
    margin-right: -16px;
    background-color: #b1b1b1;
    align-items: center;
}

.cancel-subscription-block .sub-warning-alert .icon {
    font-size: 32px;
    color: #585858;
    display: inline-flex;
    align-items: center;
}

.cancel-subscription-block .sub-warning-alert .text {
    padding-left: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #585858;
}

.cancel-subscription-block .sub-bottom {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 479px) {
    .cancel-subscription-block .sub-bottom {
        flex-direction: column;
        justify-content: normal;
    }

    .cancel-subscription-block .sub-bottom .btn {
        margin: 0;
    }

    .cancel-subscription-block .sub-bottom .btn+.btn {
        margin-top: 8px;
    }
}

/*End Subscribe*/
/*Begin ' . Ad . '*/
/*--================================
=            Better ads            =
=================================--*/

[id^=page_ad] .js_datepicker_image {
    top: 50%;
    transform: translateY(-50%);
}

[id^=page_ad] .text-warning {
    color: #9740D5;
}

[id^=page_ad] .text-gray-dark {
    color: #a2a2a2;
}

[id^=page_ad] .text-gray {
    color: #c8c8c8;
}

[id^=page_ad] .text-gray-darker {
    color: #555555;
}

[id^=page_ad] .text-transition {
    transition: color 0.3s ease-in-out;
}

[id^=page_ad] .all-transition {
    transition: all 0.3s ease-in-out;
}

[id^=page_ad] .mt-h1 {
    margin-top: 4px;
}

[id^=page_ad] .mt--1 {
    margin-top: -8px;
}

[id^=page_ad] .mb-h1 {
    margin-bottom: 4px !important;
}

[id^=page_ad] .mb--3 {
    margin-bottom: -24px;
}

[id^=page_ad] .mb--2 {
    margin-bottom: -16px !important;
}

[id^=page_ad] .mb-0 {
    margin-bottom: 0;
}

html[dir='ltr'] [id^=page_ad] .ml--1 {
    margin-left: -8px !important;
}

html[dir='rtl'] [id^=page_ad] .ml--1 {
    margin-right: -8px !important;
}

html[dir='ltr'] [id^=page_ad] .ml--2 {
    margin-left: -16px !important;
}

html[dir='rtl'] [id^=page_ad] .ml--2 {
    margin-right: -16px !important;
}

@media screen and (min-width: 767px) {
    html[dir='ltr'] [id^=page_ad] .ml-xs-0 {
        margin-left: 0;
    }

    html[dir='rtl'] [id^=page_ad] .ml-xs-0 {
        margin-right: 0;
    }
}

html[dir='ltr'] [id^=page_ad] .mr--1 {
    margin-right: -8px !important;
}

html[dir='rtl'] [id^=page_ad] .mr--1 {
    margin-left: -8px !important;
}

html[dir='ltr'] [id^=page_ad] .mr--2 {
    margin-right: -16px !important;
}

html[dir='rtl'] [id^=page_ad] .mr--2 {
    margin-left: -16px !important;
}

html[dir='ltr'] [id^=page_ad] .mr-h1 {
    margin-right: 4px;
}

html[dir='rtl'] [id^=page_ad] .mr-h1 {
    margin-left: 4px;
}

[id^=page_ad] .w-auto {
    width: auto;
}

[id^=page_ad] .w-full {
    width: 100%;
}

[id^=page_ad] .fz-12 {
    font-size: 12px;
    line-height: 16px;
}

[id^=page_ad] .fz-14 {
    font-size: 14px;
    line-height: 18px;
}

[id^=page_ad] .fz-28 {
    font-size: 28px;
    line-height: 37px;
}

[id^=page_ad] .fz-16 {
    font-size: 16px;
    line-height: 21px;
}

[id^=page_ad] .fz-20 {
    font-size: 20px;
    line-height: 26px;
}

@media screen and (min-width: 767px) {
    [id^=page_ad] .fz-xs-20 {
        font-size: 20px;
        line-height: 26px;
    }
}

[id^=page_ad] .mx-h1 {
    margin-left: 4px;
    margin-right: 4px;
}

[id^=page_ad] .mx--1 {
    margin-left: -8px;
    margin-right: -8px;
}

html[dir='ltr'] [id^=page_ad] .pr-4 {
    padding-right: 32px !important;
}

html[dir='rtl'] [id^=page_ad] .pr-4 {
    padding-left: 32px !important;
}

[id^=page_ad] .d-block {
    display: block;
}

[id^=page_ad] .d-inline-block {
    display: inline-block;
}

[id^=page_ad] .d-flex {
    display: flex;
}

[id^=page_ad] .d-inline-flex {
    display: inline-flex;
}

[id^=page_ad] .fw-normal {
    font-weight: normal;
}

[id^=page_ad] .cursor-point {
    cursor: pointer;
}

[id^=page_ad] .align-middle {
    vertical-align: middle;
}

[id^=page_ad] .shink-2 {
    flex-shrink: 2;
}

[id^=page_ad] .shink-1 {
    flex-shrink: 1;
}

[id^=page_ad] .align-items-center {
    align-items: center;
}

[id^=page_ad] .justify-content-center {
    justify-content: center !important;
}

[id^=page_ad] .justify-content-between {
    justify-content: space-between;
}

[id^=page_ad] .flex-wrap {
    flex-wrap: wrap;
}

[id^=page_ad] .flex-column {
    flex-direction: column;
}

[id^=page_ad] .flex-row {
    flex-direction: row;
}

@media screen and (max-width: 479px) {
    [id^=page_ad] .col-xsxs-12 {
        width: 100%;
    }
}

[id^=page_ad] .ver-center {
    top: 50%;
    transform: translateY(-50%);
}

[id^=page_ad] .hoz-center {
    left: 50%;
    transform: translateX(-50%);
}

[id^=page_ad] .tooltip-inner {
    padding: 12px;
    border-radius: 5px;
    max-width: 122px;
}

/*----------  add page  ----------*/

.bts-add-age .selectize-control {
    min-width: 64px;
}

.bts-add-age .selectize-dropdown-content .option {
    white-space: nowrap;
}

.bts-add-gender .checkbox {
    float: left;
    margin: 0;
}

.bts-add-gender .checkbox+.checkbox {
    margin-left: 20px;
}

.bts-add-location select {
    width: auto;
}

@media screen and (min-width: 767px) {
    .bts-add-location select {
        width: 100%;
    }
}

.bts-add-startday .form-inline.js_datepicker_selects {
    display: inline-flex;
    padding-top: 0;
    align-items: center;
}

.bts-add-startday .form-inline.js_datepicker_selects .select-date-label {
    padding-left: 8px;
    padding-right: 8px;
}

.bts-add-startday .form-inline.js_datepicker_selects .select-date-separator {
    padding-left: 8px;
    padding-right: 8px;
}

@media screen and (min-width: 767px) {
    .bts-add-startday .form-inline.js_datepicker_selects .select-date-separator {
        padding-left: 4px;
        padding-right: 4px;
    }
}

.bts-add-startday .form-inline.js_datepicker_selects .form-control {
    min-width: 64px;
}

.bts-add-startday .js_datepicker_core {
    display: flex;
}

.betterads-disable-input .input-group-addon:last-child {
    position: absolute;
    border: 0;
    right: 0;
    width: auto;
    color: #c8c8c8;
    height: calc(100% - 16px);
    font-size: 14px;
    border-left: 1px solid #dcdcdc;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 12px;
    display: flex;
    align-items: center;
    background-color: transparent;
}

.betterads-disable-input .form-control.disabled {
    color: #9740D5;
    font-weight: bold;
}

#js_ads_space_12 {
    margin-top: 24px;
}

.bts-block .mb-0 {
    margin-bottom: 0;
}

.bts-block__thumb--img {
    display: block;
    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
    outline-offset: -1px;
}

.bts-block__thumb--img img {
    max-width: 100%;
    width: auto;
    height: auto;
}

@media screen and (min-width: 768px) {
    .bts-block__thumb--img img {
        max-height: 100%;
    }
}

@media screen and (min-width: 767px) {
    .bts-block__thumb--img img {
        width: 100%;
    }
}

.bts-block__del {
    right: 4px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    .bts-block__del {
        opacity: 0;
        visibility: hidden;
    }

    .bts-block__del:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 767px) {
    .bts-block__html {
        display: flex;
        flex-direction: row !important;
    }
}

@media screen and (min-width: 767px) {
    .bts-block__info {
        min-width: 1px;
        width: 60%;
        padding-left: 12px;
        flex-grow: 1;
    }
}

.bts-block__desc {
    transition: color 0.3s ease-in-out;
}

@media screen and (min-width: 767px) {
    .bts-block__desc {
        max-width: 100% !important;
        display: block !important;
        overflow: hidden !important;
        padding: 0 !important;
        font-size: 12px !important;
        text-overflow: ellipsis !important;
        line-height: 16px !important;
        word-break: break-word !important;
        word-wrap: break-word !important;
        max-height: 64px !important;
        white-space: normal !important;
        -webkit-line-clamp: 4 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
    }
}

@media screen and (max-width: 479px) {
    .bts-block__desc {
        max-width: 100% !important;
        display: block !important;
        overflow: hidden !important;
        padding: 0 !important;
        font-size: 12px !important;
        text-overflow: ellipsis !important;
        line-height: 16px !important;
        word-break: break-word !important;
        word-wrap: break-word !important;
        max-height: 32px !important;
        white-space: normal !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
    }
}

.bts-block__url,
.bts-block__title {
    margin-bottom: 4px !important;
}

.bts-block__item {
    position: relative;
}

.bts-block__item.only-img .bts-block__thumb--img img {
    max-height: none;
}

@media screen and (min-width: 768px),
(max-width: 479px) {
    .bts-block__item.only-img+.only-img {
        margin-top: 4px;
    }
}

@media screen and (min-width: 767px) and (min-width: 480px) {
    .bts-block__item.only-img {
        margin-top: 0;
    }

    .bts-block__item.only-img:not(:only-child) {
        padding: 2px;
    }

    .bts-block__item.only-img:not(:only-child):nth-child(3n+3) .bts-block__thumb--img {
        height: 318px;
        overflow: hidden;
    }

    .bts-block__item.only-img:not(:only-child):nth-child(3n+1),
    .bts-block__item.only-img:not(:only-child):nth-child(3n+2) {
        width: 50%;
    }

    .bts-block__item.only-img:not(:only-child):nth-child(3n+1) .bts-block__thumb--img,
    .bts-block__item.only-img:not(:only-child):nth-child(3n+2) .bts-block__thumb--img {
        height: 152px;
        overflow: hidden;
    }
}

.bts-block__item.only-html .bts-block__thumb--img img {
    transition: box-shadow 0.3s ease-in-out;
}

@media screen and (min-width: 767px) {
    .bts-block__item.only-html .bts-block__thumb--img {
        width: 168px;
        height: 128px;
        margin-bottom: 0;
    }

    .bts-block__item.only-html .bts-block__thumb--img img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 479px) {
    .bts-block__item.only-html .bts-block__thumb--img {
        width: 115px;
        height: 88px;
    }
}

@media screen and (min-width: 1025px) {
    .bts-block__item:hover .bts-block__del {
        opacity: 1;
        visibility: visible;
    }

    .bts-block__item:hover .bts-block__url {
        color: #9223C9;
    }

    .bts-block__item:hover .bts-block__desc {
        color: #555555;
    }
}

@media screen and (min-width: 767px) and (min-width: 480px) {
    .bts-block {
        display: flex;
        flex-wrap: wrap;
        margin: -2px;
    }
}

/*----------  top bottom block  ----------*/

.location_11 .bts-block {
    margin-bottom: 16px;
}

.location_8 .bts-block {
    margin-top: 16px;
}

.location_11 .bts-block .only-html,
.location_8 .bts-block .only-html,
.location_12 .bts-block .only-html,
.location_6 .bts-block .only-html {
    background-color: #fff;
}

.location_11 .bts-block .only-html .bts-block__thumb--img,
.location_8 .bts-block .only-html .bts-block__thumb--img,
.location_12 .bts-block .only-html .bts-block__thumb--img,
.location_6 .bts-block .only-html .bts-block__thumb--img {
    max-width: 918px;
    height: 128px;
}

@media screen and (min-width: 767px) {

    .location_11 .bts-block .only-html .bts-block__thumb--img,
    .location_8 .bts-block .only-html .bts-block__thumb--img,
    .location_12 .bts-block .only-html .bts-block__thumb--img,
    .location_6 .bts-block .only-html .bts-block__thumb--img {
        max-width: none;
        width: 100%;
        height: 102px;
    }
}

@media screen and (min-width: 767px) {

    .location_11 .bts-block .only-html .bts-block__thumb--img,
    .location_8 .bts-block .only-html .bts-block__thumb--img,
    .location_12 .bts-block .only-html .bts-block__thumb--img,
    .location_6 .bts-block .only-html .bts-block__thumb--img {
        height: 62px;
    }
}

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

    .location_11 .bts-block .only-html .bts-block__thumb--img,
    .location_8 .bts-block .only-html .bts-block__thumb--img,
    .location_12 .bts-block .only-html .bts-block__thumb--img,
    .location_6 .bts-block .only-html .bts-block__thumb--img {
        height: 44px;
    }
}

.location_11 .bts-block .only-img .bts-block__thumb--img img,
.location_8 .bts-block .only-img .bts-block__thumb--img img,
.location_12 .bts-block .only-img .bts-block__thumb--img img,
.location_6 .bts-block .only-img .bts-block__thumb--img img {
    width: 100%;
}

.location_11 .bts-block__html,
.location_8 .bts-block__html,
.location_12 .bts-block__html,
.location_6 .bts-block__html {
    flex-direction: row;
}

@media screen and (min-width: 767px) {

    .location_11 .bts-block__html,
    .location_8 .bts-block__html,
    .location_12 .bts-block__html,
    .location_6 .bts-block__html {
        flex-direction: column !important;
    }
}

.location_11 .bts-block__info,
.location_8 .bts-block__info,
.location_12 .bts-block__info,
.location_6 .bts-block__info {
    padding: 8px;
}

@media screen and (min-width: 767px) {

    .location_11 .bts-block__info,
    .location_8 .bts-block__info,
    .location_12 .bts-block__info,
    .location_6 .bts-block__info {
        min-width: 250px;
        max-width: calc(100% - 918px);
    }
}

@media screen and (min-width: 767px) {

    .location_11 .bts-block__title,
    .location_8 .bts-block__title,
    .location_12 .bts-block__title,
    .location_6 .bts-block__title {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 19px;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media screen {

    .location_11 .js_ad_space_parent,
    .location_8 .js_ad_space_parent {
        margin-left: -16px;
        margin-right: -16px;
    }
}

.location_11 .bts-block .bts-block__thumb--img,
.location_8 .bts-block .bts-block__thumb--img,
.location_12 .bts-block .bts-block__thumb--img,
.location_6 .bts-block .bts-block__thumb--img {
    margin-bottom: 0;
    overflow: hidden;
}

.location_11 .bts-block .bts-block__thumb--img img,
.location_8 .bts-block .bts-block__thumb--img img,
.location_12 .bts-block .bts-block__thumb--img img,
.location_6 .bts-block .bts-block__thumb--img img {
    height: auto;
    width: 100%;
    max-height: none;
}

/*----------  middle block  ----------*/

.location_7 .bts-block__item.only-img .bts-block__thumb--img,
.location_4 .bts-block__item.only-img .bts-block__thumb--img,
.location_2 .bts-block__item.only-img .bts-block__thumb--img {
    overflow: hidden;
}

.location_7 .bts-block__item.only-img .bts-block__thumb--img img,
.location_4 .bts-block__item.only-img .bts-block__thumb--img img,
.location_2 .bts-block__item.only-img .bts-block__thumb--img img {
    width: 100%;
}

.location_7 .bts-block__item.only-html .bts-block__html,
.location_4 .bts-block__item.only-html .bts-block__html,
.location_2 .bts-block__item.only-html .bts-block__html {
    display: flex;
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__html,
    .location_4 .bts-block__item.only-html .bts-block__html,
    .location_2 .bts-block__item.only-html .bts-block__html {
        flex-direction: row;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__html,
    .location_4 .bts-block__item.only-html .bts-block__html,
    .location_2 .bts-block__item.only-html .bts-block__html {
        flex-direction: column !important;
    }
}

.location_7 .bts-block__item.only-html .bts-block__thumb--img,
.location_4 .bts-block__item.only-html .bts-block__thumb--img,
.location_2 .bts-block__item.only-html .bts-block__thumb--img {
    width: auto !important;
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__thumb--img,
    .location_4 .bts-block__item.only-html .bts-block__thumb--img,
    .location_2 .bts-block__item.only-html .bts-block__thumb--img {
        margin-bottom: 0;
        height: 168px;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__thumb--img,
    .location_4 .bts-block__item.only-html .bts-block__thumb--img,
    .location_2 .bts-block__item.only-html .bts-block__thumb--img {
        height: 186px;
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__thumb--img,
    .location_4 .bts-block__item.only-html .bts-block__thumb--img,
    .location_2 .bts-block__item.only-html .bts-block__thumb--img {
        height: 178px;
    }
}

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

    .location_7 .bts-block__item.only-html .bts-block__thumb--img,
    .location_4 .bts-block__item.only-html .bts-block__thumb--img,
    .location_2 .bts-block__item.only-html .bts-block__thumb--img {
        height: 123px;
    }
}

.location_7 .bts-block__item.only-html .bts-block__thumb--img img,
.location_4 .bts-block__item.only-html .bts-block__thumb--img img,
.location_2 .bts-block__item.only-html .bts-block__thumb--img img {
    width: 100%;
}

.location_7 .bts-block__item.only-html .bts-block__desc,
.location_4 .bts-block__item.only-html .bts-block__desc,
.location_2 .bts-block__item.only-html .bts-block__desc {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 64px;
    white-space: normal;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media screen and (min-width: 767px) {

    html[dir="ltr"] .location_7 .bts-block__item.only-html .bts-block__title,
    html[dir="ltr"] .location_4 .bts-block__item.only-html .bts-block__title,
    html[dir="ltr"] .location_2 .bts-block__item.only-html .bts-block__title {
        padding-right: 32px;
    }

    html[dir="rtl"] .location_7 .bts-block__item.only-html .bts-block__title,
    html[dir="rtl"] .location_4 .bts-block__item.only-html .bts-block__title,
    html[dir="rtl"] .location_2 .bts-block__item.only-html .bts-block__title {
        padding-left: 32px;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__title,
    .location_4 .bts-block__item.only-html .bts-block__title,
    .location_2 .bts-block__item.only-html .bts-block__title {
        max-width: 100%;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 19px;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        display: block;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__info,
    .location_4 .bts-block__item.only-html .bts-block__info,
    .location_2 .bts-block__item.only-html .bts-block__info {
        min-width: 216px;
        max-width: 216px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-left: -1px;
    }

    html[dir="ltr"] .location_7 .bts-block__item.only-html .bts-block__info,
    html[dir="ltr"] .location_4 .bts-block__item.only-html .bts-block__info,
    html[dir="ltr"] .location_2 .bts-block__item.only-html .bts-block__info {
        padding-left: 16px;
    }

    html[dir="rtl"] .location_7 .bts-block__item.only-html .bts-block__info,
    html[dir="rtl"] .location_4 .bts-block__item.only-html .bts-block__info,
    html[dir="rtl"] .location_2 .bts-block__item.only-html .bts-block__info {
        padding-right: 16px;
    }

    html[dir="ltr"] .location_7 .bts-block__item.only-html .bts-block__info,
    html[dir="ltr"] .location_4 .bts-block__item.only-html .bts-block__info,
    html[dir="ltr"] .location_2 .bts-block__item.only-html .bts-block__info {
        padding-right: 8px;
    }

    html[dir="rtl"] .location_7 .bts-block__item.only-html .bts-block__info,
    html[dir="rtl"] .location_4 .bts-block__item.only-html .bts-block__info,
    html[dir="rtl"] .location_2 .bts-block__item.only-html .bts-block__info {
        padding-left: 8px;
    }
}

@media screen and (min-width: 767px) {

    .location_7 .bts-block__item.only-html .bts-block__info,
    .location_4 .bts-block__item.only-html .bts-block__info,
    .location_2 .bts-block__item.only-html .bts-block__info {
        width: 100%;
        padding-left: 0;
    }
}

.location_4 .js_ad_space_parent+div {
    padding-top: 15px;
}

.location_4 .event-detail-view {
    position: relative;
}

/*----------  search  ----------*/

.bts-filter-form {
    border-bottom: 1px solid #eeeeee;
}

@media screen and (min-width: 767px) {
    .bts-filter-form form {
        display: flex;
        align-items: flex-end;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form {
        flex-flow: wrap;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block {
        flex: none !important;
        width: 50%;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder {
        width: 100%;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder .js_date_picker {
        width: 100%;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .bts-filter-form form {
        display: flex;
        align-items: flex-end;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form,
    #main.empty-left:not(.empty-right) .bts-filter-form form,
    #main.empty-right:not(.empty-left) .bts-filter-form form {
        flex-flow: wrap;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block,
    #main.empty-left:not(.empty-right) .bts-filter-form form .d-inline-block,
    #main.empty-right:not(.empty-left) .bts-filter-form form .d-inline-block {
        flex: none !important;
        width: 50%;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder,
    #main.empty-left:not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder,
    #main.empty-right:not(.empty-left) .bts-filter-form form .d-inline-block .js_datepicker_holder {
        width: 100%;
    }

    #main:not(.empty-left):not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder .js_date_picker,
    #main.empty-left:not(.empty-right) .bts-filter-form form .d-inline-block .js_datepicker_holder .js_date_picker,
    #main.empty-right:not(.empty-left) .bts-filter-form form .d-inline-block .js_datepicker_holder .js_date_picker {
        width: 100%;
    }
}

@media (min-width: 640px) {
    .bts-filter-form form select {
        max-width: 250px;
    }
}

@media screen and (max-width: 639px) {
    .bts-filter-form form {
        display: flex;
        flex-wrap: wrap;
    }

    .bts-filter-form form>.form-group {
        width: 50%;
        flex-shrink: 1;
    }

    .bts-filter-form form>.form-group .js_datepicker_holder {
        display: block;
    }

    .bts-filter-form form>.form-group input {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .bts-filter-form form>.form-group {
        width: 100%;
    }

    .bts-filter-form form>.form-group.button-wapper {
        text-align: right;
    }
}

.bts-table .w-1 {
    width: 1%;
}

.bts-table .w-10 {
    width: 10%;
}

.bts-table .text-center {
    text-align: center !important;
}

.bts-table .px-3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.bts-table .bts-table__ads-title {
    min-width: 100px;
    word-break: break-all;
    word-wrap: break-word;
}

@media screen and (min-width: 767px) {
    .empty-left .bts-table {
        overflow: visible;
    }
}

.bts-table thead>tr>th {
    border-bottom: 1px solid #a2a2a2;
}

.bts-table td .btn {
    margin: 2px;
}

.bts-table .privacy-block-content {
    position: relative;
    margin: 0 auto;
    width: 48px;
    height: 50px;
}

.bts-table .privacy-block-content .item_is_active_holder {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    min-width: 48px;
}

.bts-table .privacy-block-content .item_is_active_holder .js_item_active {
    margin: 0;
    text-indent: -99999px;
    font-size: 28px;
    padding: 0;
    background: transparent !important;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
}

.bts-table .privacy-block-content .item_is_active_holder .js_item_active:before {
    font-family: 'lineficon' !important;
    content: "\e9b4";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bts-table .privacy-block-content .item_is_active_holder .js_item_active.item_is_active {
    color: #9740D5 !important;
}

.bts-table .privacy-block-content .item_is_active_holder .js_item_active.item_is_not_active {
    color: #a2a2a2 !important;
}

.bts-table .privacy-block-content .item_is_active_holder .js_item_active.item_is_not_active:before {
    content: "\e935";
}

html[dir='rtl'] .bts-table .privacy-block-content .item_is_active_holder .js_item_active {
    left: 0;
    right: auto;
}

.bts-table .privacy-block-content .item_is_active_holder.item_selection_not_active .js_item_active.item_is_active {
    z-index: 1;
    opacity: 0;
}

.bts-table .privacy-block-content .item_is_active_holder.item_selection_active .js_item_active.item_is_not_active {
    opacity: 0;
}

html[dir='rtl'] .bts-table .privacy-block-content .item_is_active_holder {
    right: auto;
    left: 0;
}

.bts-table tbody tr:nth-child(even) {
    background-color: #f8f8f8;
}

.bts-table__setting {
    box-shadow: none !important;
}

.bts-table__ads-title {
    width: 300px;
}

.bts-table__stt {
    width: 120px;
    min-width: 120px;
}

.bts-table__view {
    width: 100px !important;
    min-width: 100px;
}

.bts-table__sort {
    position: relative;
    padding-right: 24px;
}

.bts-table__sort,
.bts-table__sort-content {
    width: 160px;
}

.bts-table__sort-wapper {
    display: flex;
    flex-direction: column;
    color: #a2a2a2;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
}

.bts-table__sort-wapper .ico:first-of-type {
    margin-top: -3px;
}

.bts-table__sort-wapper .ico:last-of-type {
    margin-top: -4px;
}

@media screen and (min-width: 767px) {
    html[dir="ltr"] .bts-table__ads {
        padding-left: 24px;
    }

    html[dir="rtl"] .bts-table__ads {
        padding-right: 24px;
    }
}

/*----------  detail  ----------*/

#page_ad_report .header-page-title {
    margin-left: 0;
    margin-right: 0;
}

html[dir="ltr"] #page_ad_report .header-page-title {
    padding-left: 0;
}

html[dir="rtl"] #page_ad_report .header-page-title {
    padding-right: 0;
}

html[dir="ltr"] #page_ad_report .header-page-title {
    padding-right: 24px;
}

html[dir="rtl"] #page_ad_report .header-page-title {
    padding-left: 24px;
}

#page_ad_report #content {
    position: static;
}

#page_ad_report #content-stage {
    position: relative;
}

#page_ad_report .bts-detail-setting {
    position: absolute;
    right: 8px;
    top: 16px;
}

.bts-detail__preview {
    display: flex;
}

.bts-detail__preview__temp {
    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
    outline-offset: -1px;
    overflow: hidden;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
}

.bts-detail__preview__temp img {
    max-width: 100%;
    max-height: 100%;
}

.bts-detail__preview__media {
    min-width: 120px;
    max-width: 40%;
}

.bts-detail__preview__info {
    flex: 1;
    min-width: 1px;
}

.bts-detail__preview__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bts-detail__preview__content {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 18px;
    word-break: break-word;
    word-wrap: break-word;
    height: 90px;
    white-space: normal;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 94px;
    border-bottom: 1px solid #eeeeee;
}

.bts-detail__preview.hidden-info .bts-detail__body__info {
    display: none;
}

.bts-detail__preview.hidden-info .bts-detail__body__media {
    max-width: 100%;
}

.bts-detail__body__inner {
    flex: 1;
    border-bottom: 1px solid #eeeeee;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .bts-detail__body__inner {
        flex-basis: auto;
    }
}

.bts-detail .bts-filter-form {
    background-color: #f8f8f8;
    border-bottom: 0;
}

.bts-detail .bts-daily-reports table {
    table-layout: fixed;
}

#page_user_setting [id^=js_ads_space_],
#page_user_login [id^=js_ads_space_],
#page_friend_index [id^=js_ads_space_] {
    margin-bottom: 16px;
}

#page_user_setting .main_break,
#page_user_login .main_break,
#page_friend_index .main_break {
    padding-top: 0;
}

#page_user_privacy [id^=js_ads_space_] {
    margin-bottom: 32px;
}

.layout-left ._block:not(:empty)+._block:not(:empty),
.layout-right ._block:not(:empty)+._block:not(:empty) {
    margin-top: 16px;
}

@media screen and (min-width: 768px) {

    .location_1 .bts-block__item.only-img .bts-block__thumb--img,
    .location_3 .bts-block__item.only-img .bts-block__thumb--img,
    .location_10 .bts-block__item.only-img .bts-block__thumb--img,
    .location_9 .bts-block__item.only-img .bts-block__thumb--img {
        max-height: 100vh;
    }
}

.sponsor-block {
    display: flex;
    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
}

@media screen and (min-width: 480px) {
    .sponsor-block {
        max-width: 408px;
        margin: -1px -1px -1px 0;
    }
}

@media screen and (max-width: 479px) {
    .sponsor-block {
        margin: -1px -1px 0 -1px;
    }
}

.sponsor-block .bts-block__thumb--img {
    display: inline-block;
    width: 136px !important;
    height: 108px !important;
    min-width: 136px;
    outline: none !important;
}

.sponsor-block .bts-block__thumb--img img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 479px) {
    .sponsor-block .bts-block__thumb--img {
        width: auto !important;
        height: auto !important;
        display: block;
        position: relative;
    }

    .sponsor-block .bts-block__thumb--img:before {
        content: "";
        display: block;
        padding-bottom: 59%;
    }

    .sponsor-block .bts-block__thumb--img img {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.sponsor-block .bts-block__info {
    padding: 16px;
    margin-left: -1px;
    min-width: 1px;
    width: 100% !important;
}

.sponsor-block .bts-block__info .bts-block__title {
    font-weight: bold;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 479px) {
    .sponsor-block {
        flex-direction: column !important;
    }
}

.location_6 .js_ad_space_parent:nth-of-type(3),
.location_6 .js_ad_space_parent:nth-of-type(4) {
    margin-top: 24px;
}

.location_6 #js_block_border_core_menusub+.breadcrumbs_right_section+.js_ad_space_parent {
    margin-top: 0 !important;
}

#ads_add_form_content .radio-inline.control-label {
    display: inline-flex;
}

#ads_add_form_content .radio-inline.control-label input {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ad_unit_multi_ad_image {
    width: 100%;
    margin-bottom: 4px;
}

.ad_unit_multi_ad_image .ad-media {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.ad_unit_multi_ad_image .ad-media:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.ad_unit_multi_ad_image .no_image_item {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #dcdcdc;
}

.ad_unit_multi_ad_image .no_image_item:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.multi_ad_holder {
    margin-top: 12px;
    width: 100%;
}

.multi_ad_holder .bts-block__del {
    top: 16px;
}

.multi_ad_holder:first-child {
    margin-top: 0;
}

.multi_ad_holder:first-child .bts-block__del {
    top: 4px;
}

.multi_ad_holder:first-child .ad_unit_multi_ad {
    border-top: 0;
    padding-top: 0 !important;
}

.multi_ad_holder .ad_unit_multi_ad {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #eeeeee;
    border-bottom: 0;
    padding-top: 12px !important;
}

.ad_unit_multi_ad_content .ad_unit_multi_ad_title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #9740D5;
    margin-bottom: 2px;
}

.ad_unit_multi_ad_content .ad_unit_multi_ad_url {
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    margin-bottom: 2px;
}

.ad_unit_multi_ad_content .ad_unit_multi_ad_text {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 48px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bts-language-notice {
    font-size: 14px;
    color: #a2a2a2;
}

.bts-add-language .checkbox {
    float: left;
    margin: 0;
}

#js_ads_continue_form_button,
.core-ads-add-button-group {
    display: flex;
}

.bts-text-break-all {
    word-break: break-all;
    word-wrap: break-word;
}

#page_mail_index ._block.location_7 .bts-block,
#page_mail_index ._block.location_2 .bts-block {
    margin-bottom: 16px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .location_1 .multi_ad_holder .ad_unit_multi_ad,
    .location_3 .multi_ad_holder .ad_unit_multi_ad {
        display: block;
    }
}

/*Begin ' . Marketplace . '*/

.market-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-app .flex {
    display: flex;
}

.market-app .overflow {
    overflow: hidden;
}

[id^=js_block_border_apps_core_marketplace_block_] {
    position: relative;
}

[id^=js_block_border_apps_core_marketplace_block_] .content {
    position: static;
}

.ms-layer.video-title {
    font-family: "Lato", sans-serif;
    color: white;
    font-weight: 600;
    font-size: 42px;
    margin: 0px;
    letter-spacing: 0px;
}

.ms-layer.video-title.video-top-title {
    font-size: 16px;
    color: gray;
}

.ms-layer.video-title.video-sub-title {
    font-size: 22px;
    font-weight: 300;
}

.market-widget-block article .item-outer .item-media {
    margin-right: 12px;
    width: 56px;
    height: 56px;
    min-width: 56px;
}

.market-widget-block article .item-outer .item-media a {
    transition: box-shadow 0.3s;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.market-widget-block article .item-outer .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

html[dir='rtl'] .market-widget-block article .item-outer .item-media {
    margin-right: 0;
    margin-left: 12px;
}

.market-widget-block article .item-outer .item-inner .item-statistic {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}

.market-widget-block article .item-outer .item-inner .item-price {
    color: #9740D5;
}

.market-widget-block article .item-outer .item-inner .item-title {
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 38px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.market-widget-block article .item-outer .item-inner .item-title a {
    transition: color 0.3s;
}

.market-widget-block article .item-outer .item-inner .item-author {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.market-widget-block article .item-outer .item-inner .item-author .user_profile_link_span,
.market-widget-block article .item-outer .item-inner .item-author .user_profile_link_span a {
    font-weight: normal !important;
}

html[dir='rtl'] .market-widget-block article .item-outer .item-inner .item-author .user_profile_link_span,
html[dir='rtl'] .market-widget-block article .item-outer .item-inner .item-author .user_profile_link_span a {
    display: inline-block;
}

.market-widget-block article .item-outer .item-inner .item-statistic {
    color: #a2a2a2;
    transition: color 0.3s;
}

.market-widget-block article .item-outer .item-inner .item-statistic span {
    display: inline-block;
}

.market-widget-block article .item-outer:hover .item-media a {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.market-widget-block article .item-outer:hover .item-inner .item-statistic {
    color: #555555;
}

.market-widget-block article .item-outer:hover .item-inner .item-title a {
    color: #9223C9;
}

@media screen and (min-width: 768px) {
    .market-widget-block article+article {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

.market-widget-block.market-sponsored {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.market-widget-block.market-sponsored .item-author {
    display: block !important;
}

.market-widget-block.market-sponsored article {
    width: 50%;
    padding: 16px 4px 0 4px;
}

.market-widget-block.market-sponsored article .item-outer {
    flex-direction: column;
}

.market-widget-block.market-sponsored article .item-outer .item-inner {
    margin-top: 4px;
}

.market-widget-block.market-sponsored article .item-outer .item-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.market-widget-block.market-sponsored article .item-outer .item-media {
    margin-right: 0;
    width: 100%;
    height: auto;
}

.market-widget-block.market-sponsored article+article {
    margin-top: 0;
    border-top: 0;
}

.market-widget-block.market-sponsored article:nth-of-type(1),
.market-widget-block.market-sponsored article:nth-of-type(2) {
    padding-top: 0;
}

@media screen and (min-width: 767px) {
    .market-widget-block.market-sponsored article {
        width: 33.33%;
    }

    .market-widget-block.market-sponsored article:nth-of-type(2),
    .market-widget-block.market-sponsored article:nth-of-type(3),
    .market-widget-block.market-sponsored article:nth-of-type(4) {
        padding-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .market-widget-block.market-sponsored article {
        width: 50%;
    }

    .market-widget-block.market-sponsored article:nth-of-type(1),
    .market-widget-block.market-sponsored article:nth-of-type(2) {
        padding-top: 0;
    }

    .market-widget-block.market-sponsored article:nth-of-type(3),
    .market-widget-block.market-sponsored article:nth-of-type(4) {
        margin-top: 12px;
    }
}

@media screen {
    .market-widget-block.market-sponsored article {
        width: 100%;
    }

    .market-widget-block.market-sponsored article:nth-of-type(2) {
        margin-top: 12px;
    }
}

.market-widget-block.market-app .sticky-label-icon {
    top: 0;
    position: absolute;
}

@media screen and (min-width: 767px) {
    .market-widget-block {
        display: flex;
        flex-wrap: wrap;
    }

    .market-widget-block article {
        margin-top: 12px;
        width: 33.33%;
    }

    .market-widget-block article:nth-of-type(1),
    .market-widget-block article:nth-of-type(2),
    .market-widget-block article:nth-of-type(3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .market-widget-block article {
        width: 50%;
    }

    .market-widget-block article:nth-of-type(1),
    .market-widget-block article:nth-of-type(2) {
        margin-top: 0;
    }

    .market-widget-block article:nth-of-type(3) {
        margin-top: 12px;
    }
}

@media screen {
    .market-widget-block article {
        width: 100%;
        margin-bottom: 0;
    }

    .market-widget-block article:nth-of-type(2) {
        margin-top: 12px;
    }

    .market-widget-block article+article {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #eeeeee;
    }
}

.market-app.listing {
    margin: 0 -8px;
    display: flex;
    flex-flow: wrap;
}

.market-app.listing .flag_style_parent {
    position: absolute;
    top: 0;
    display: flex;
}

html[dir="ltr"] .market-app.listing .flag_style_parent {
    right: 8px;
}

html[dir="rtl"] .market-app.listing .flag_style_parent {
    left: 8px;
}

.market-app.listing .is_sponsored .flag_style_parent,
.market-app.listing .is_featured .flag_style_parent {
    display: flex !important;
}

.market-app.listing .moderation_row {
    position: absolute;
    top: 0;
}

html[dir="ltr"] .market-app.listing .moderation_row {
    left: 0;
}

html[dir="rtl"] .market-app.listing .moderation_row {
    right: 0;
}

.market-app.listing article {
    padding: 0 8px;
    margin-bottom: 24px;
}

@media (min-width: 1200px) {
    .market-app.listing article {
        width: 33.33%;
    }

    #main.empty-left.empty-right .market-app.listing article {
        width: 20%;
    }

    #main.empty-left:not(.empty-right) .market-app.listing article,
    #main.empty-right:not(.empty-left) .market-app.listing article {
        width: 25%;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    .market-app.listing article {
        width: 50%;
    }

    #main.empty-left.empty-right .market-app.listing article {
        width: 20%;
    }

    #main.empty-left:not(.empty-right) .market-app.listing article,
    #main.empty-right:not(.empty-left) .market-app.listing article {
        width: 33.33%;
    }
}

@media (min-width: 768px) and (min-width: 767px) {
    .market-app.listing article {
        width: 50%;
    }

    #main.empty-left.empty-right .market-app.listing article {
        width: 33.33%;
    }
}

@media (min-width: 767px) {
    .market-app.listing article {
        width: 50%;
    }
}

.market-app.listing article.has-action .item-inner .item-title {
    max-width: calc(100% - 8px*3) !important;
}

.market-app.listing article .item-outer {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.market-app.listing article .item-outer .item-media {
    transition: box-shadow 0.3s;
    position: relative;
    overflow: hidden;
}

.market-app.listing article .item-outer .item-media>a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: filter 0.3s;
}

.market-app.listing article .item-outer .item-media>a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.market-app.listing article .item-outer .item-media:before {
    content: "";
    z-index: 1;
    display: block;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.3s;
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.50196) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0) 100%);
}

@media screen and (min-width: 480px) {
    .market-app.listing article .item-outer .item-media:before {
        opacity: 0;
    }
}

.market-app.listing article .item-outer .item-media .item-info {
    position: absolute;
    display: flex;
    align-items: center;
    left: 8px;
    z-index: 1;
    right: 8px;
    transition: all 0.3s;
    bottom: 8px;
}

.market-app.listing article .item-outer .item-media .item-info .no_image_user,
.market-app.listing article .item-outer .item-media .item-info .img-wrapper {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.market-app.listing article .item-outer .item-media .item-info .no_image_user span,
.market-app.listing article .item-outer .item-media .item-info .img-wrapper span {
    font-size: 14px;
}

.market-app.listing article .item-outer .item-media .item-info .img-wrapper img {
    width: 100%;
    height: 100%;
}

.market-app.listing article .item-outer .item-media .item-info .item-info-author {
    overflow: hidden;
}

.market-app.listing article .item-outer .item-media .item-info .item-info-author div {
    color: #c8c8c8;
    max-width: 100%;
    display: block;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-app.listing article .item-outer .item-media .item-info .item-info-author div .user_profile_link_span {
    display: inline-block;
}

.market-app.listing article .item-outer .item-media .item-info .item-info-author div .user_profile_link_span,
.market-app.listing article .item-outer .item-media .item-info .item-info-author div .user_profile_link_span a {
    color: #fff !important;
    font-weight: normal !important;
}

.market-app.listing article .item-outer .item-media .item-info .item-info-author div .user_profile_link_span:hover,
.market-app.listing article .item-outer .item-media .item-info .item-info-author div .user_profile_link_span a:hover {
    color: #9223C9 !important;
}

@media screen and (min-width: 1025px) {
    .market-app.listing article .item-outer .item-media .item-info {
        bottom: -32px;
    }
}

@media (max-width: 1024px) {
    .market-app.listing article .item-outer .item-media .item-info {
        display: none;
    }
}

.market-app.listing article .item-outer .item-inner {
    padding-top: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    flex-basis: auto;
}

.market-app.listing article .item-outer .item-inner .item-price {
    font-size: 16px;
    line-height: 21px;
    color: #9740D5;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: auto;
}

.market-app.listing article .item-outer .item-inner .item-price .free {
    color: #9740D5;
}

.market-app.listing article .item-outer .item-inner .item-title {
    margin-bottom: 4px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.market-app.listing article .item-outer .item-inner .item-title a {
    color: #555555;
}

.market-app.listing article .item-outer .item-inner .item-title a:hover {
    color: #9223C9;
}

.market-app.listing article .item-outer .item-inner .item-minor-info {
    margin-bottom: 4px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

html[dir='ltr'] .market-app.listing article .item-outer .item-inner .item-minor-info .item-text-label {
    margin-right: 4px;
}

html[dir='rtl'] .market-app.listing article .item-outer .item-inner .item-minor-info .item-text-label {
    margin-left: 4px;
}

.market-app.listing article .item-outer .item-inner .item-minor-info .item-text-info {
    flex: 1;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.market-app.listing article .item-outer .item-inner .item-minor-info .item-text-info ul {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.market-app.listing article .item-outer .item-inner .item-minor-info a {
    color: #a2a2a2;
    transition: color 0.3s;
}

.market-app.listing article .item-outer .item-inner .item-minor-info a:hover {
    color: #9223C9;
}

.market-app.listing article .item-outer .item-inner .item-statistic {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-flow: wrap;
}

html[dir="ltr"] .market-app.listing article .item-outer .item-inner .item-statistic>span {
    margin-right: 16px;
}

html[dir="rtl"] .market-app.listing article .item-outer .item-inner .item-statistic>span {
    margin-left: 16px;
}

.market-app.listing article .item-outer .item-inner .item-option {
    position: absolute;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -8px;
    top: 4px;
}

.market-app.listing article .item-outer .item-inner .item-option .row_edit_bar_action {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.market-app.listing article .item-outer .item-inner .item-option .row_edit_bar_action .ico {
    color: #a2a2a2;
}

.market-app.listing article .item-outer .item-inner .item-option .dropdown.open .row_edit_bar_action .ico:before {
    content: "\ea88";
    color: #555555;
}

.market-app.listing article .item-outer .item-inner .item-option:hover .row_edit_bar_action .ico:before {
    content: "\ea88";
    color: #555555;
}

html[dir='rtl'] .market-app.listing article .item-outer .item-inner .item-option {
    right: auto;
    left: -8px;
}

.market-app.listing article .item-outer:hover .item-title a {
    color: #950FCD !important;
}

.market-app.listing article .item-outer:hover .item-media {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.market-app.listing article .item-outer:hover .item-media>a {
    /*  filter: blur(2px); */
}

.market-app.listing article .item-outer:hover .item-media:before {
    opacity: 1;
}

.market-app.listing article .item-outer:hover .item-media .item-info {
    bottom: 8px;
}

.market-app.add .form-inline.category {
    margin: 0 -8px;
}

.market-app.add .form-inline.category .form-group {
    width: 50%;
    padding: 0 8px;
}

.market-app.add .form-inline.category .form-group .js_mp_category_list {
    width: 100%;
}

.market-app.add .form-inline.category .form-group.price-right .form-inline {
    display: flex;
}

.market-app.add .form-inline.category .form-group.price-right .form-inline select,
.market-app.add .form-inline.category .form-group.price-right .form-inline .selectize-control {
    width: auto;
    border-top-right-radius: 0;
    border-right: 0;
    border-bottom-right-radius: 0;
}

.market-app.add .form-inline.category .form-group.price-right .form-inline input {
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex: 1;
}

@media screen and (max-width: 640px) {
    .market-app.add .form-inline.category {
        flex-direction: column;
    }

    .market-app.add .form-inline.category .form-group {
        width: 100%;
    }
}

.market-app.add .location>.form-inline {
    display: flex;
    margin: 0 -8px;
}

.market-app.add .location>.form-inline>.form-group {
    padding: 0 8px;
    width: 50%;
}

.market-app.add .location>.form-inline>.form-group select,
.market-app.add .location>.form-inline>.form-group input,
.market-app.add .location>.form-inline>.form-group .selectize-control {
    width: 100%;
}

.market-app.add .location>.form-inline>.form-group#js_mp_add_city {
    display: flex;
    margin: 0 0 0 -8px;
    padding-right: 0;
}

.market-app.add .location>.form-inline>.form-group#js_mp_add_city .form-group {
    padding: 0 8px;
    width: 50%;
    margin-bottom: 0;
}

.market-app.add .location>.form-inline>.form-group#js_mp_add_city .form-group:last-of-type {
    padding-right: 0;
}

@media screen {
    .market-app.add .location>.form-inline>.form-group#js_mp_add_city .form-group:last-of-type {
        padding: 0 8px;
        margin-top: 12px;
    }
}

@media screen {
    .market-app.add .location>.form-inline>.form-group#js_mp_add_city .form-group {
        width: 100%;
        margin: 0;
    }
}

@media screen {
    .market-app.add .location>.form-inline>.form-group#js_mp_add_city {
        flex-direction: column;
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 767px) {
    .market-app.add .location>.form-inline {
        flex-direction: column;
    }

    .market-app.add .location>.form-inline>.form-group {
        width: 100%;
        margin-bottom: 0;
    }

    .market-app.add .location>.form-inline #js_mp_add_city {
        margin-top: 8px !important;
    }
}

.market-app.add .footer {
    margin-bottom: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #eeeeee;
}

#page_marketplace_view #content-holder {
    position: relative;
}

#page_marketplace_view .item-block-detail-listing {
    margin-top: 16px !important;
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
}

#page_marketplace_view .item-block-detail-listing .item-header {
    font-size: 20px;
    line-height: 26px;
    color: #a2a2a2;
    font-weight: bold;
    margin-bottom: 16px;
}

#page_marketplace_view .item-block-detail-listing .market-app.listing .item-category {
    display: none !important;
}

#page_marketplace_view .item_view {
    margin-top: 0 !important;
}

#page_marketplace_view .market-view-detail-main-content .item-action-contact .btn {
    margin-bottom: 16px;
}

html[dir="ltr"] #page_marketplace_view .market-view-detail-main-content .item-action-contact .btn {
    margin-right: 8px;
}

html[dir="rtl"] #page_marketplace_view .market-view-detail-main-content .item-action-contact .btn {
    margin-left: 8px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author {
    display: flex;
    align-items: center;
    height: auto;
    max-height: none;
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #eeeeee;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .img-wrapper,
#page_marketplace_view .market-view-detail-main-content .item-info-author .no_image_user {
    border-radius: 100%;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

html[dir="ltr"] #page_marketplace_view .market-view-detail-main-content .item-info-author .img-wrapper,
html[dir="ltr"] #page_marketplace_view .market-view-detail-main-content .item-info-author .no_image_user {
    margin-right: 8px;
}

html[dir="rtl"] #page_marketplace_view .market-view-detail-main-content .item-info-author .img-wrapper,
html[dir="rtl"] #page_marketplace_view .market-view-detail-main-content .item-info-author .no_image_user {
    margin-left: 8px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .img-wrapper span,
#page_marketplace_view .market-view-detail-main-content .item-info-author .no_image_user span {
    font-size: 10px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .img-wrapper img {
    width: 100%;
    height: 100%;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action {
    margin-top: -8px;
}

html[dir="ltr"] #page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action {
    margin-left: 16px;
}

html[dir="rtl"] #page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action {
    margin-right: 16px;
}

html[dir='ltr'] #page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action {
    margin-right: -8px;
}

html[dir='rtl'] #page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action {
    margin-left: -8px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-main-action .item_bar_action {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-author {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-author div {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-author div:first-child {
    margin-bottom: 2px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-author div .user_profile_link_span,
#page_marketplace_view .market-view-detail-main-content .item-info-author .item-detail-author div .user_profile_link_span a {
    font-weight: normal !important;
}

html[dir='rtl'] #page_marketplace_view .market-view-detail-main-content .item-info-author {
    padding-right: 0;
}

html[dir="ltr"] html[dir='rtl'] #page_marketplace_view .market-view-detail-main-content .item-info-author {
    padding-left: 24px;
}

html[dir="rtl"] html[dir='rtl'] #page_marketplace_view .market-view-detail-main-content .item-info-author {
    padding-right: 24px;
}

#page_marketplace_view .market-view-detail-main-content .item_bar .item_bar_action {
    width: 32px;
    height: 32px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
}

#page_marketplace_view .market-view-detail-main-content .item_bar .item_bar_action:hover .ico:before {
    content: "\ea88";
}

#page_marketplace_view .market-view-detail-main-content .item_bar .dropdown-menu {
    margin-top: 0;
}

#page_marketplace_view .market-view-detail-main-content .item_bar .open .item_bar_action .ico:before {
    content: "\ea88";
}

#page_marketplace_view .market-view-detail-main-content .item-info-price {
    font-size: 24px;
    font-weight: bold;
    color: #9740D5;
    margin-bottom: 12px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-price .free {
    color: #9740D5;
}

#page_marketplace_view .market-view-detail-main-content .item-info-price .sold {
    color: #a2a2a2;
}

#page_marketplace_view .market-view-detail-main-content .item-info-statistic {
    display: flex;
    flex-flow: wrap;
    font-size: 14px;
    font-weight: bold;
    color: rgba(85, 85, 85, 0.8);
    margin-bottom: 12px;
}

html[dir="ltr"] #page_marketplace_view .market-view-detail-main-content .item-info-statistic .item-stat {
    margin-right: 16px;
}

html[dir="rtl"] #page_marketplace_view .market-view-detail-main-content .item-info-statistic .item-stat {
    margin-left: 16px;
}

#page_marketplace_view .market-view-detail-main-content .item-action-contact .item-action-list {
    display: flex;
    flex-flow: wrap;
}

#page_marketplace_view .market-view-detail-main-content .item-action-contact .item-action-list .item-buynow {
    min-width: 110px;
    text-transform: uppercase;
}

#page_marketplace_view .market-view-detail-main-content .item-action-contact .item-action-list .btn {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#page_marketplace_view .market-view-detail-main-content .item-action-contact .item-action-list .item-soldout {
    height: 40px;
    background: #eeeeee;
    color: #a2a2a2;
    text-transform: uppercase;
    font-weight: bold;
    pointer-events: none;
    min-width: 90px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-short-desc {
    color: #a2a2a2;
    margin-bottom: 16px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-location,
#page_marketplace_view .market-view-detail-main-content .item-info-categories {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 8px;
}

#page_marketplace_view .market-view-detail-main-content .item-info-location .item-label,
#page_marketplace_view .market-view-detail-main-content .item-info-categories .item-label {
    color: #a2a2a2;
}

#page_marketplace_view .market-view-detail-main-content .item-info-location>ul,
#page_marketplace_view .market-view-detail-main-content .item-info-categories>ul {
    display: inline;
}

#page_marketplace_view .market-view-detail-main-content .item-info-location>ul a,
#page_marketplace_view .market-view-detail-main-content .item-info-categories>ul a {
    color: #9740D5;
}

#page_marketplace_view .market-view-detail-main-content .item-info-location>ul a:hover,
#page_marketplace_view .market-view-detail-main-content .item-info-categories>ul a:hover {
    color: #950FCD;
}

#page_marketplace_view .market-view-detail-main-content .item-info-long-desc .item-label {
    color: #a2a2a2;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 4px;
}

#page_marketplace_view .market-view-detail-main-content .item-comment {
    position: relative;
    min-height: 48px;
    border-bottom: 1px solid #eeeeee;
}

#page_marketplace_view .market-view-detail-main-content .item-comment .comment_mini_content_border {
    border-radius: 0;
    margin: 0;
}

#page_marketplace_view .market-view-detail-main-content .item-comment .comment_mini_content_border .comment-mini-content-commands {
    padding: 8px 0;
    border-bottom: 0;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-slide-bgcont {
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-sbar.ms-dir-v {
    display: none;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-next,
#page_marketplace_view .ms-tabs-vertical-template .ms-nav-prev {
    cursor: pointer;
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-next:hover,
#page_marketplace_view .ms-tabs-vertical-template .ms-nav-prev:hover {
    background: #9740D5;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-prev {
    left: 0;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-prev:before {
    font-family: 'lineficon' !important;
    content: "\eab5";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-next {
    right: 0;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-nav-next:before {
    font-family: 'lineficon' !important;
    content: "\eab8";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list {
    position: static;
    width: calc(100% - 60px) !important;
    margin: 8px 30px;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list.not-nav-btn .ms-thumblist-fwd,
#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list.not-nav-btn .ms-thumblist-bwd {
    display: none !important;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame {
    width: 48px;
    height: 48px;
    margin-right: 5px;
    opacity: 1;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame img {
    width: 100%;
    height: 100%;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame.ms-thumb-frame-selected .ms-thumb:before {
    border-color: #9740D5 !important;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame .ms-thumb {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame .ms-thumb:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px solid transparent;
    position: absolute;
    z-index: 5;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame .ms-thumb:hover:before {
    border-color: rgba(220, 220, 220, 0.8);
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame .ms-thumb span {
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumb-frame .ms-thumb span:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-bwd,
#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-fwd {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    color: #dcdcdc;
    height: 48px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: none !important;
    background: transparent !important;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-bwd:before,
#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-fwd:before {
    font-size: 24px !important;
}

@media (min-width: 767px) {

    #page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-bwd:hover,
    #page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-fwd:hover {
        color: #a2a2a2;
    }
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumbs-cont {
    top: 0 !important;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-fwd {
    left: 0;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-fwd:before {
    font-family: 'lineficon' !important;
    content: '\eab5';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-bwd {
    right: 0;
}

#page_marketplace_view .ms-tabs-vertical-template .ms-thumb-list .ms-thumblist-bwd:before {
    font-family: 'lineficon' !important;
    content: '\eab8';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_marketplace_view .market-addthis {
    padding-top: 16px;
}

#page_marketplace_view .market-addthis .item-categories {
    display: flex;
    margin-bottom: 12px;
}

#page_marketplace_view .market-addthis .item-categories .item-label {
    margin-right: 4px;
}

.html[dir='rtl'] #page_marketplace_view .market-addthis .item-categories .item-label {
    margin-right: 0;
    margin-left: 4px;
}

#page_marketplace_view .market-addthis .addthis_block {
    margin-bottom: 24px;
}

#page_marketplace_view .marketplace-icon {
    position: absolute;
    display: flex;
    top: 0;
}

html[dir="ltr"] #page_marketplace_view .marketplace-icon {
    right: 16px;
}

html[dir="rtl"] #page_marketplace_view .marketplace-icon {
    left: 16px;
}

.market-view-detail .market-detail-not-right {
    display: flex;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block {
    width: 448px;
    position: relative;
}

html[dir="ltr"] .market-view-detail .market-detail-not-right .market-detail-photo-block {
    margin-right: 24px;
}

html[dir="rtl"] .market-view-detail .market-detail-not-right .market-detail-photo-block {
    margin-left: 24px;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block.one-slide .ms-thumb-list,
.market-view-detail .market-detail-not-right .market-detail-photo-block.one-slide .item-slider-count,
.market-view-detail .market-detail-not-right .market-detail-photo-block.one-slide .ms-nav-next,
.market-view-detail .market-detail-not-right .market-detail-photo-block.one-slide .ms-nav-prev {
    display: none !important;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block.hide-thumb .ms-thumb-list {
    display: none;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block.hide-thumb .item-slider-count {
    bottom: 8px;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block.hide-thumb .item-slider-count .item-count {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count {
    position: absolute;
    bottom: 72px;
}

html[dir="ltr"] .market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count {
    right: 8px;
}

html[dir="rtl"] .market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count {
    left: 8px;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count .item-count {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    cursor: pointer;
}

.market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count .item-count .ico {
    font-size: 14px;
}

html[dir='ltr'] .market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count .item-count .ico {
    margin-right: 4px;
}

html[dir='rtl'] .market-view-detail .market-detail-not-right .market-detail-photo-block .item-slider-count .item-count .ico {
    margin-left: 4px;
}

.market-view-detail .market-detail-not-right .detail-extra-info {
    flex: 1;
    min-width: 0;
    flex-basis: auto;
}

.market-view-detail .ms-thumb {
    opacity: 0;
}

.market-view-detail .master-slider .ms-thumb {
    opacity: 1;
}

.market-app.feed .item-media a {
    width: 200px;
    min-height: 200px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.market-app.feed .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 76%;
}

.market-app.feed .item-inner {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: -1px;
}

.market-app.feed .item-inner .item-title {
    font-weight: bold;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #555555;
}

.market-app.feed .item-inner .item-price {
    margin-top: 4px;
    font-size: 16px;
    line-height: 21px;
    color: #9740D5;
}

.market-app.feed .item-inner .item-category {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-top: 4px;
}

.market-app.feed .item-inner .item-category a {
    color: #555555;
}

html[dir='rtl'] .market-app.feed .item-inner .item-category a {
    display: inline-block;
}

html[dir='rtl'] .market-app.feed .item-inner .item-category>span {
    display: inline-block;
}

.market-app.feed .item-inner .item-description {
    margin-top: 4px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 57px;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a2a2a2;
    white-space: pre-line;
}

html[dir='rtl'] .market-app.feed .item-inner {
    margin-left: 0;
    margin-right: -1px;
}

@media screen {
    .market-app.feed .item-outer {
        flex-direction: column;
    }

    .market-app.feed .item-outer .item-media {
        margin-left: 0;
    }

    .market-app.feed .item-outer .item-media a {
        width: 100%;
    }

    .market-app.feed .item-outer .item-inner {
        margin: 0 !important;
    }
}

#page_marketplace_add .page_section_menu {
    margin-top: -16px;
}

.market-app.manage-photo .manage-photo-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.market-app.manage-photo .item-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

@media screen and (min-width: 480px) {
    .market-app.manage-photo .item-container article {
        width: 33.33%;
    }
}

@media screen and (min-width: 768px) {
    .market-app.manage-photo .item-container article {
        width: 16.66%;
    }
}

@media screen {
    .market-app.manage-photo .item-container article {
        width: 50%;
    }
}

.market-app.manage-photo .item-container article .item-media {
    position: relative;
}

.market-app.manage-photo .item-container article .item-media a {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.market-app.manage-photo .item-container article .item-media a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.market-app.manage-photo .item-container article .item-media .item-photo-delete {
    top: 8px;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 9px;
    cursor: pointer;
    z-index: 1;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

html[dir="ltr"] .market-app.manage-photo .item-container article .item-media .item-photo-delete {
    left: 8px;
}

html[dir="rtl"] .market-app.manage-photo .item-container article .item-media .item-photo-delete {
    right: 8px;
}

.market-app.manage-photo .item-container article .item-media .is-default {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.market-app.manage-photo .item-container article .item-media .is-default .item-default {
    color: #fff;
    z-index: 2;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
}

html[dir="ltr"] .market-app.manage-photo .item-container article .item-media .is-default .item-default {
    margin-left: 8px;
}

html[dir="rtl"] .market-app.manage-photo .item-container article .item-media .is-default .item-default {
    margin-right: 8px;
}

.market-app.manage-photo .item-container article .item-media .is-default .item-default .ico {
    margin-right: 4px;
}

html[dir='rtl'] .market-app.manage-photo .item-container article .item-media .is-default .item-default .ico {
    display: inline-block;
    margin-right: 0;
    margin-left: 4px;
}

.market-app.manage-photo .item-container article .item-media .is-default:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 30%);
}

.market-app.create .privacy-block-content {
    margin: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    display: inline-flex;
    flex-direction: row;
    position: relative;
    min-width: 240px;
    padding: 16px 0;
    width: 50%;
}

@media screen and (min-width: 767px) {
    .market-app.create .privacy-block-content {
        width: 100%;
    }
}

.market-app.create .privacy-block-content .item_is_active_holder {
    right: -11px;
    position: absolute !important;
}

.market-app.create .privacy-block-content .item_is_active_holder.item_selection_not_active~label {
    color: #c8c8c8;
}

.market-app.create .privacy-block-content .item_is_active_holder.item_selection_not_active~.inner * {
    color: #c8c8c8;
}

html[dir='rtl'] .market-app.create .privacy-block-content .item_is_active_holder {
    right: auto;
    left: -11px;
}

.market-app.create .privacy-block-content label {
    margin-bottom: 6px;
}

.market-app.create .privacy-block-content .extra_info {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
}

.market-app.create .privacy-block-content .inner {
    width: 100%;
    margin-right: 56px;
}

.market-app.create+.market-app.create.sold {
    margin-top: -17px;
}

.market-app.cancel-upload {
    border-top: 1px solid #eeeeee;
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
}

.market-app.cancel-upload a {
    display: inline-flex;
    align-items: center;
    height: 40px;
}

.market-app.invoice .text-center {
    text-align: center;
}

.market-app.invoice thead tr {
    background-color: #dcdcdc;
}

.market-app.invoice thead tr th {
    font-weight: normal;
    border-bottom: 0;
}

.market-app.invoice tbody td {
    border-top: 0;
    border-bottom: 1px solid #eeeeee;
}

.market-app.invoice tbody td.date {
    color: #a2a2a2;
    font-size: 12px;
}

html[dir='rtl'] .market-app.add .form-inline.category .form-group.price-right .form-inline input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html[dir='rtl'] .market-app.add .form-inline.category .form-group.price-right .form-inline select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-right-radius: 4px;
    border-right: 1px solid #c8c8c8;
    border-bottom-right-radius: 4px;
}

html[dir='rtl'] .market-app.add .location .form-inline>.form-group#js_mp_add_city .form-group:last-of-type {
    padding-left: 0;
    padding-right: 8px;
}

@media screen {
    html[dir='rtl'] .market-app.detail .location .form-inline>.form-group#js_mp_add_city .form-group:last-of-type {
        padding: 0 8px;
    }
}

.item-marketplace-member-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -16px;
}

.item-marketplace-member-list .user_rows {
    padding: 0 16px;
    margin: 0;
    margin-bottom: 16px;
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    height: auto;
}

.item-marketplace-member-list .user_rows .user_rows_image {
    background: transparent;
    position: relative;
    z-index: 1;
    width: 96px;
    height: 96px;
    border-radius: 100%;
    overflow: hidden;
    min-width: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.item-marketplace-member-list .user_rows .user_rows_image .img-wrapper {
    width: 96px;
    height: 96px;
}

.item-marketplace-member-list .user_rows .user_rows_image .img-wrapper img {
    width: 100%;
    height: 100%;
}

.item-marketplace-member-list .user_rows .user_rows_image .no_image_user {
    width: 100%;
    height: 100%;
}

.item-marketplace-member-list .user_rows .user_rows_image .no_image_user span.js_hover_info {
    position: absolute !important;
    margin-top: 0 !important;
}

.item-marketplace-member-list .user_rows .user_rows_image .no_image_user>span {
    margin-top: 0 !important;
    position: absolute !important;
    font-size: 14px !important;
}

.item-marketplace-member-list .user_rows .user_rows_image:hover {
    box-shadow: 0px 6px 12px 0px rgba(9, 216, 36, 0.4);
}

.item-marketplace-member-list .user_rows .user_rows_image:hover .js_hover_info:before,
.item-marketplace-member-list .user_rows .user_rows_image:hover .img-wrapper:before {
    border-color: #950FCD;
}

.item-marketplace-member-list .user_rows .user_rows_inner {
    max-width: 96px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-marketplace-member-list .user_rows .user_rows_inner .friend-info {
    display: none;
}

.item-marketplace-member-list .user_rows .user_rows_inner .user_profile_link_span {
    margin-top: 3px !important;
    position: static;
}

.item-marketplace-member-list .user_rows .user_rows_inner .user_profile_link_span a {
    background: #fff;
    color: #555555 !important;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-marketplace-member-list .user_rows .user_rows_inner .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.market-detail-responsive-mixin .market-view-detail .market-detail-not-right {
    flex-direction: column;
}

.market-detail-responsive-mixin .market-view-detail .market-detail-not-right .market-detail-photo-block {
    width: 100%;
    margin: 0;
    margin-bottom: 12px;
}

.core-map-item-listing .core-map-item .item-outer .item-minor-info .item-info-categories {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 8px;
}

.core-map-item-listing .core-map-item .item-outer .item-minor-info .item-info-categories .item-label {
    color: #a2a2a2;
}

.core-map-item-listing .core-map-item .item-outer .item-minor-info .item-info-categories>ul {
    display: inline;
}

.core-map-item-listing .core-map-item .item-outer .item-minor-info .item-info-categories>ul a {
    color: #9740D5;
}

.core-map-item-listing .core-map-item .item-outer .item-minor-info .item-info-categories>ul a:hover {
    color: #950FCD;
}

@media (min-width: 1200px) {
    #main:not(.empty-right):not(.empty-left) .market-view-detail .market-detail-not-right {
        flex-direction: column;
    }

    #main:not(.empty-right):not(.empty-left) .market-view-detail .market-detail-not-right .market-detail-photo-block {
        width: 100%;
        margin: 0;
        margin-bottom: 12px;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {

    #main:not(.empty-right) .market-view-detail .market-detail-not-right,
    #main:not(.empty-left) .market-view-detail .market-detail-not-right {
        flex-direction: column;
    }

    #main:not(.empty-right) .market-view-detail .market-detail-not-right .market-detail-photo-block,
    #main:not(.empty-left) .market-view-detail .market-detail-not-right .market-detail-photo-block {
        width: 100%;
        margin: 0;
        margin-bottom: 12px;
    }
}

@media (min-width: 767px) {
    .market-view-detail .market-detail-not-right {
        flex-direction: column;
    }

    .market-view-detail .market-detail-not-right .market-detail-photo-block {
        width: 100%;
        margin: 0;
        margin-bottom: 12px;
    }
}

/*End Marketplace*/
/*Begin ' . Shoutbox . '*/

#js_block_border__apps__shoutbox_block_chat {
    padding-bottom: 0 !important;
}

#js_block_border__apps__shoutbox_block_chat .content {
    padding-bottom: 0 !important;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer {
    padding: 16px 16px;
    margin: 0 -16px;
    border-top: #eeeeee solid 1px;
    background: #f8f8f8;
    position: relative;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .input-group {
    width: 100%;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .input-group textarea {
    min-width: 100%;
    min-height: 34px;
    resize: auto;
    height: 32px;
    overflow: hidden;
    line-height: 16px;
    padding: 8px;
    max-height: 250px;
    overflow: auto;
    z-index: 0;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-count {
    color: #a2a2a2;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent {
    display: flex;
    align-items: center;
}

html[dir='ltr'] #js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent>ul li {
    margin-right: 4px;
}

html[dir='rtl'] #js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent>ul li {
    margin-left: 4px;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent>ul li a {
    width: 24px;
    display: inline-flex;
    text-align: center;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #a2a2a2;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent>ul li a:hover {
    color: #9740D5;
}

#js_block_border__apps__shoutbox_block_chat .content .panel-footer .item-footer-sent .item-btn-sent button {
    max-width: 24px;
}

#js_block_border__apps__shoutbox_block_chat .no_image_user span {
    font-size: 11px;
    line-height: 11px;
}

.messages_body {
    width: 100%;
}

/*End my*/

#js_block_border__apps__shoutbox_block_chat .col-md-2,
#js_block_border__apps__shoutbox_block_chat .col-md-10 {
    padding: 0;
}

#js_block_border__apps__shoutbox_block_chat .panel {
    margin-bottom: 0;
}

.chat-window {
    bottom: 0;
    position: fixed;
    float: right;
    margin-left: 10px;
}

.chat-window>div>.panel {
    border-radius: 5px 5px 0 0;
}

.icon_minim {
    padding: 2px 10px;
}

.msg_container_base {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    max-height: 250px;
    min-height: 200px;
}

.top-bar {
    background: #666;
    color: white;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.msg_receive {
    background: #f1f5f8;
    padding-left: 0;
}

.msg_sent {
    background: #e1ebf5;
}

#js_block_border__apps__shoutbox_block_chat .messages {
    max-width: 100%;
    margin-top: 7px;
    display: inline-block;
    min-width: 50px;
}

#js_block_border__apps__shoutbox_block_chat .messages>p {
    color: #555555;
    font-weight: normal;
    margin: 0;
    padding: 0 10px 10px 10px;
    word-wrap: break-word;
    word-break: break-word;
}

.messages>span {
    font-size: 11px;
}

.msg_container {
    padding: 4px 0;
    margin: auto;
}

#js_block_border__apps__shoutbox_block_chat img {
    display: block;
    width: 100%;
}

#js_block_border__apps__shoutbox_block_chat .avatar {
    position: relative;
    width: 32px;
}

.messages_body .messages:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    transform: rotate(45deg);
    position: relative;
    top: -4px;
    right: -7px;
    border-right: 0;
    border-bottom: 0;
}

[dir="rtl"] .messages_body .messages:before {
    top: -4px;
    right: 15px;
}

.msg_container_base::-webkit-scrollbar-track {
    background-color: #eeeeee;
}

.msg_container_base::-webkit-scrollbar {
    width: 4px;
    background-color: #eeeeee;
}

.msg_container_base::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

#shoutbox_loading_new {
    text-align: center;
    width: 100%;
}

#shoutbox_loading_new hr {
    border: solid 1px dimgrey !important;
    width: 50%;
}

#js_block_border__apps__shoutbox_block_chat .msg_container_row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#js_block_border__apps__shoutbox_block_chat .msg_container_row.item-sent {
    flex-direction: row;
}

#js_block_border__apps__shoutbox_block_chat .msg_container_row:hover>button.close {
    display: block;
    opacity: 0.5;
}

#js_block_border__apps__shoutbox_block_chat .msg_container_row button {
    font-size: 14px;
    position: static;
    transform: none;
}

#js_block_border__apps__shoutbox_block_chat .title_avatar {
    display: inline-flex;
}

#js_block_border__apps__shoutbox_block_chat .title_fullname {
    padding-left: 10px;
}

#js_block_border__apps__shoutbox_block_chat .title_fullname>a {
    font-weight: bold;
}

#js_block_border__apps__shoutbox_block_chat .title_fullname .message_convert_time {
    font-style: normal;
}

[dir="rtl"] #js_block_border__apps__shoutbox_block_chat .title_fullname {
    padding-right: 10px;
}

[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
}

.shoutbox-container {
    margin-right: -8px;
}

html[dir='rtl'] .shoutbox-container {
    margin-right: 0;
    margin-left: -8px;
}

.shoutbox-container .shoutbox-item {
    position: relative;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item {
    padding-right: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item {
    padding-left: 8px;
}

.shoutbox-container .shoutbox-item:hover .shoutbox_action {
    opacity: 1 !important;
}

.shoutbox-container .shoutbox-item .item-quote-content {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    padding: 8px 12px;
    background: rgba(153, 251, 166, 0.3);
    font-size: 12px;
    margin-bottom: 8px;
}

.shoutbox-container .shoutbox-item .item-quote-content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #D5A9FF;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-quote-content:before {
    left: 0;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-quote-content:before {
    right: 0;
}

.shoutbox-container .shoutbox-item .item-quote-content .quote-user {
    font-weight: bold;
    margin-bottom: 4px;
}

.shoutbox-container .shoutbox-item.item-sent .item-outer {
    justify-content: flex-end;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item.item-sent .item-outer {
    padding-left: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item.item-sent .item-outer {
    padding-right: 8px;
}

.shoutbox-container .shoutbox-item.item-sent .item-outer .item-inner .item-shoutbox-body .item-title {
    display: none;
}

.shoutbox-container .shoutbox-item.item-sent .item-outer .item-time,
.shoutbox-container .shoutbox-item.item-sent .item-outer .item-count-like,
.shoutbox-container .shoutbox-item.item-sent .item-outer .item-edit-info {
    text-align: right;
}

html[dir='rtl'] .shoutbox-container .shoutbox-item.item-sent .item-outer .item-time,
html[dir='rtl'] .shoutbox-container .shoutbox-item.item-sent .item-outer .item-count-like,
html[dir='rtl'] .shoutbox-container .shoutbox-item.item-sent .item-outer .item-edit-info {
    text-align: left;
}

.shoutbox-container .shoutbox-item.item-sent .item-media-source {
    display: none;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item.item-receive .item-outer {
    padding-right: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item.item-receive .item-outer {
    padding-left: 8px;
}

.shoutbox-container .shoutbox-item.item-receive .item-outer .item-time {
    width: 110%;
}

.shoutbox-container .shoutbox-item.item-receive .item-outer .item-time,
.shoutbox-container .shoutbox-item.item-receive .item-outer .item-count-like,
.shoutbox-container .shoutbox-item.item-receive .item-outer .item-edit-info {
    text-align: left;
}

html[dir='rtl'] .shoutbox-container .shoutbox-item.item-receive .item-outer .item-time,
html[dir='rtl'] .shoutbox-container .shoutbox-item.item-receive .item-outer .item-count-like,
html[dir='rtl'] .shoutbox-container .shoutbox-item.item-receive .item-outer .item-edit-info {
    text-align: right;
}

.shoutbox-container .shoutbox-item .shoutbox_action {
    display: inline-flex;
    flex-direction: column;
    opacity: 0;
}

@media (max-width: 1024px) {
    .shoutbox-container .shoutbox-item .shoutbox_action {
        opacity: 1;
    }
}

.shoutbox-container .shoutbox-item .shoutbox_action.has-open-dropdown {
    opacity: 1;
}

.shoutbox-container .shoutbox-item .shoutbox_action.has-open-dropdown [data-toggle="dropdown"] {
    color: #555555;
}

.shoutbox-container .shoutbox-item .shoutbox_action .shoutbox-like a {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
}

.shoutbox-container .shoutbox-item .shoutbox_action [data-toggle="dropdown"] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    margin-bottom: 4px;
}

@media (min-width: 767px) {
    .shoutbox-container .shoutbox-item .shoutbox_action [data-toggle="dropdown"]:hover {
        color: #555555;
    }
}

.shoutbox-container .shoutbox-item .shoutbox_action .item-action-more .dropdown-menu {
    display: none;
}

.shoutbox-container .shoutbox-item .shoutbox_action .dropdown-menu a {
    cursor: pointer;
}

.shoutbox-container .shoutbox-item .item-outer {
    display: flex;
}

.shoutbox-container .shoutbox-item .item-outer .item-media-source {
    width: 24px;
    height: 24px;
    min-width: 24px;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-outer .item-media-source {
    margin-right: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-outer .item-media-source {
    margin-left: 8px;
}

.shoutbox-container .shoutbox-item .item-outer .item-media-source .img-wrapper,
.shoutbox-container .shoutbox-item .item-outer .item-media-source .no_image_user {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
}

.shoutbox-container .shoutbox-item .item-outer .item-media-source .img-wrapper img {
    width: 100% !important;
    height: 100% !important;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_sent {
    padding-left: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_sent {
    padding-right: 8px;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_sent {
    padding-right: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_sent {
    padding-left: 8px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    position: relative;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    padding-left: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    padding-right: 8px;
}

html[dir="ltr"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    padding-right: 8px;
}

html[dir="rtl"] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    padding-left: 8px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive .item-quote-content {
    background: #dcdcdc;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive .item-quote-content:before {
    background: #555555;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #eeeeee;
    position: absolute;
    top: 0;
    left: -8px;
}

html[dir='rtl'] .shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive:before {
    right: -8px;
    left: auto;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body .item-title {
    font-weight: bold;
    margin-bottom: 4px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body .item-title>a {
    color: #555555;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    line-height: 16px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 32px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_receive {
    background: #eeeeee;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body.msg_body_sent {
    background: #E8DAF2;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-shoutbox-body .twa {
    font-size: 13px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-time,
.shoutbox-container .shoutbox-item .item-outer .item-inner .item-edit-info {
    font-size: 12px;
    line-height: 16px;
    color: #dcdcdc;
    margin-top: 2px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-edit-info:before {
    content: ".";
    display: inline-block;
    transform: translateY(-2px);
    margin-right: 4px;
    margin-left: 4px;
}

.shoutbox-container .shoutbox-item .item-outer .item-inner .item-count-like {
    font-size: 12px;
    line-height: 16px;
    text-transform: lowercase;
    margin-top: 4px;
}

.shoutbox-like {
    margin-top: 4px;
}

.shoutbox-like .btn-shoutbox-like {
    display: inline-block;
    cursor: pointer;
}

.shoutbox-like .btn-shoutbox-like:before {
    font-family: 'lineficon' !important;
    content: '\ea9d';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
}

.shoutbox-like .btn-shoutbox-like.liked:before {
    color: #9740D5;
    animation: button-like 300ms ease;
}

.shoutbox-like .btn-shoutbox-like.unlike:before {
    color: #a2a2a2;
    animation: button-unlike 300ms ease;
}

.edit-shoutbox-message .item-footer-sent {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
}

html[dir="ltr"] .edit-shoutbox-message .item-footer-sent .btn {
    margin-left: 8px;
}

html[dir="rtl"] .edit-shoutbox-message .item-footer-sent .btn {
    margin-right: 8px;
}

.edit-shoutbox-message.has-quote .js_edit_shoutbox_message .shoutbox-input-wrapper {
    margin-top: 16px;
}

.edit-shoutbox-message .js_edit_shoutbox_message {
    width: 100%;
    border-radius: 4px;
    position: relative;
    padding: 16px;
    padding-bottom: 8px;
    background: #E8DAF2;
}

.edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-container {
    position: relative;
    margin: 0;
    padding: 0;
}

.edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-container .shoutbox-item {
    margin: 0;
    padding: 0;
}

html[dir="ltr"] .edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-container .shoutbox-item .item-quote-content {
    padding-right: 40px;
}

html[dir="rtl"] .edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-container .shoutbox-item .item-quote-content {
    padding-left: 40px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-input-wrapper {
    width: 100%;
    margin: 0;
}

.edit-shoutbox-message .js_edit_shoutbox_message .shoutbox-input-wrapper textarea {
    background: #fff;
    color: #555555;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 220px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .js_quoted_message_container {
    margin-bottom: -8px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .js_quoted_message_container .btn-delete-quoted {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    z-index: 1;
    top: 8px;
}

html[dir="ltr"] .edit-shoutbox-message .js_edit_shoutbox_message .js_quoted_message_container .btn-delete-quoted {
    right: 8px;
}

html[dir="rtl"] .edit-shoutbox-message .js_edit_shoutbox_message .js_quoted_message_container .btn-delete-quoted {
    left: 8px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .js_quoted_message_container .btn-delete-quoted .ico {
    font-size: 8px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment {
    display: flex;
    justify-content: space-between;
    background: transparent;
    height: 32px;
    line-height: 32px;
}

html[dir="ltr"] .edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .item-count {
    margin-left: 8px;
}

html[dir="rtl"] .edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .item-count {
    margin-right: 8px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .emoji-list {
    height: 170px !important;
    font-size: 26px;
    bottom: 31px !important;
    margin: 1px;
}

html[dir="ltr"] .edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .global_attachment_list {
    margin-right: 8px;
}

html[dir="rtl"] .edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .global_attachment_list {
    margin-left: 8px;
}

.edit-shoutbox-message .js_edit_shoutbox_message .attachment-holder .global_attachment .global_attachment_list .emoji-popup {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.shoutbox-message-detail .shoutbox-container {
    border-top: 1px solid #eeeeee;
}

.shoutbox-message-detail .shoutbox-container .message_convert_time {
    display: inline;
}

/*End Shoutbox*/
/*Begin ' . Saved Items . '*/

.p-saveitems-checkbox-custom label,
.p-saveitems-radio-custom label {
    padding: 0 !important;
    flex-flow: nowrap !important;
}

.p-saveitems-checkbox-custom label input,
.p-saveitems-radio-custom label input {
    display: none;
}

.p-saveitems-checkbox-custom label input:checked+.ico,
.p-saveitems-radio-custom label input:checked+.ico {
    color: #9740D5;
}

.p-saveitems-checkbox-custom label .ico,
.p-saveitems-radio-custom label .ico {
    color: #a2a2a2;
    display: inline-flex;
    align-items: center;
    margin-top: 1px;
    height: 14px;
}

.p-saveitems-radio-custom label input:checked+.ico:before {
    content: "\e990";
}

.p-saveitems-checkbox-custom label input:checked+.ico:before {
    content: "\eb28";
}

.p-saveditems-collections-container {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-flow: wrap;
}

.p-saveditems-collections-container .p-saveditems {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 28px;
}

@media screen and (min-width: 1200px) {
    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems {
        width: 25%;
    }

    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems:nth-child(-n+4) {
        margin-top: 0;
    }
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems {
        width: 33.33%;
    }

    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems:nth-child(-n+3) {
        margin-top: 0;
    }
}

@media screen and (min-width: 767px) {
    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems {
        width: 50%;
    }

    #main.empty-left.empty-right .p-saveditems-collections-container .p-saveditems:nth-child(-n+2) {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 1200px) {

    #main.empty-left:not(.empty-right) .p-saveditems-collections-container .p-saveditems,
    #main.empty-right:not(.empty-left) .p-saveditems-collections-container .p-saveditems {
        width: 33.33%;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-collections-container .p-saveditems:nth-child(-n+3),
    #main.empty-right:not(.empty-left) .p-saveditems-collections-container .p-saveditems:nth-child(-n+3) {
        margin-top: 0;
    }
}

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

    #main.empty-left:not(.empty-right) .p-saveditems-collections-container .p-saveditems,
    #main.empty-right:not(.empty-left) .p-saveditems-collections-container .p-saveditems {
        width: 50%;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-collections-container .p-saveditems:nth-child(-n+2),
    #main.empty-right:not(.empty-left) .p-saveditems-collections-container .p-saveditems:nth-child(-n+2) {
        margin-top: 0 !important;
    }
}

#main:not(.empty-right):not(.empty-left) .p-saveditems-collections-container .p-saveditems {
    width: 50%;
}

#main:not(.empty-right):not(.empty-left) .p-saveditems-collections-container .p-saveditems:nth-child(-n+2) {
    margin-top: 0 !important;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper {
    position: relative;
    margin-bottom: 16px;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link {
    position: relative;
    display: block;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(136, 136, 136, 0.13);
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
    display: flex;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a:not(.action) {
    color: #555555;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 21px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a:not(.action) {
    padding-right: 24px;
}

html[dir="rtl"] .p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a:not(.action) {
    padding-left: 24px;
}

@media screen {
    .p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a:not(.action) {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .dropdown {
    top: 4px;
    right: 16px;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}

.p-saveditems-collections-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
    text-transform: lowercase;
}

.p-saveditems-collection-empty .p-saveditems-outer {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 32px;
}

.p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-media-wrapper {
    width: 416px;
}

html[dir="ltr"] .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-media-wrapper {
    margin-right: 24px;
}

html[dir="rtl"] .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-media-wrapper {
    margin-left: 24px;
}

.p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border: none;
}

.p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src:before {
    content: "";
    display: block;
    padding-bottom: 88.70189999999999%;
}

.p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
    margin-top: 64px;
    max-width: 345px;
    color: #555555;
    font-size: 32px;
    display: block;
}

@media screen {
    .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        font-size: 18px !important;
        margin-top: 0 !important;
    }
}

.p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .btn {
    color: #fefefe;
    font-size: 16px;
    line-height: 21px;
    margin-top: 12px;
}

@media screen {
    .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .btn {
        font-size: 14px !important;
        height: 30px !important;
    }
}

html[dir="ltr"] .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .btn .ico {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .btn .ico {
    margin-left: 8px;
}

#main:not(.empty-right):not(.empty-left) .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
    font-size: 24px;
}

@media screen and (min-width: 481px) and (max-width: 1199px) {
    #main:not(.empty-right):not(.empty-left) .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1199px) {
    #main:not(.empty-right):not(.empty-left) .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .btn {
        font-size: 14px;
        height: 30px;
    }
}

@media screen and (min-width: 768px) and (min-width: 767px) {

    #main.empty-left:not(.empty-right) .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title,
    #main.empty-right:not(.empty-left) .p-saveditems-collection-empty .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        margin-top: 32px;
        font-size: 24px;
    }
}

.p-updated-status-container {
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-updated-status-container .p-updated-status-item {
    text-transform: lowercase;
}

.p-updated-status-container .p-updated-status-item:before {
    content: "•";
    margin: 0px 4px;
}

.p-updated-status-container .p-dropdown-action {
    margin-right: -4px;
}

.p-updated-status-container .p-dropdown-action .dropdown-toggle {
    color: #a2a2a2;
    cursor: pointer;
}

.p-updated-status-container .p-dropdown-action .dropdown-toggle .ico {
    font-size: 16px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-saveditems-listing-container .p-saveditems {
    border-top: solid 1px #eeeeee;
    padding-top: 16px;
    padding-bottom: 16px;
}

.p-saveditems-listing-container .p-saveditems:hover .p-saveditems-title a {
    color: #950FCD !important;
}

.p-saveditems-listing-container .p-saveditems:hover .p-saveditems-title .p-saveditems-btn-close {
    display: block !important;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer {
    display: flex;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper {
    position: relative;
    width: 160px;
}

html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper {
    margin-right: 16px;
}

html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper {
    margin-left: 16px;
}

@media screen {
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper {
        width: 64px;
    }
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link {
    position: relative;
    display: block;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(136, 136, 136, 0.13);
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link .p-saveditems-media-src:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .p-saveditems-media-link img {
    width: 160px;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .no_image_user {
    width: 160px;
    height: 160px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .no_image_user .js_hover_info:before,
.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .no_image_user .img-wrapper:before {
    border: none;
}

@media screen {
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-media-wrapper .no_image_user {
        width: 64px;
        height: 64px;
    }
}

.p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner {
    flex: 1;
    min-width: 0;
}

@media screen and (min-width: 767px) {
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }
}

@media screen and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen and (min-width: 767px) {
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

@media screen and (min-width: 480px) and (min-width: 767px) {
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        display: none;
    }

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 16px;
        text-overflow: ellipsis;
        line-height: 21px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 42px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 480px) and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen and (min-width: 480px) and (min-width: 767px) {
    #main.empty-left.empty-right .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

@media screen and (min-width: 1200px) {

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"],
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }
}

@media screen and (min-width: 1200px) and (min-width: 767px) {

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen and (min-width: 1200px) {

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

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

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"],
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o,
    html[dir="ltr"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o,
    html[dir="rtl"] #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        display: none;
    }

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 16px;
        text-overflow: ellipsis;
        line-height: 21px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 42px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 481px) and (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

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

    #main.empty-left:not(.empty-right) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu,
    #main.empty-right:not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

@media screen and (min-width: 481px) {
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        display: none;
    }

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 16px;
        text-overflow: ellipsis;
        line-height: 21px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 42px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 481px) and (min-width: 767px) {

    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen and (min-width: 481px) {
    #main:not(.empty-right):not(.empty-left) .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

@media screen {
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        width: 8px;
        height: 8px;
        background: #9740D5;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        margin-left: 8px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .tooltip-inner {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 12px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        flex: 1;
        min-width: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #555555;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        color: #a2a2a2;
        display: none;
        cursor: pointer;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-left: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-btn-close {
        margin-right: 8px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info {
        font-size: 12px;
        line-height: 16px;
        color: #a2a2a2;
        margin-top: 12px;
        margin-bottom: 10px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper {
        display: flex;
        flex-flow: wrap;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"] {
        color: #555555;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-right: 4px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .p-saveditems-user {
        margin-left: 4px;
        margin-right: 0;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item .user_profile_link_span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        flex: 1;
        min-width: 0;
        flex-basis: auto;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item.p-item-author {
        display: inline-flex;
        max-width: 100%;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item:not(:last-child):after {
        content: "•";
        margin: 0 4px;
        font-size: 12px;
        font-weight: normal;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-saved-to {
        color: #555555;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more {
        display: inline-block;
        margin-left: 2px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-toggle {
        cursor: pointer;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        width: 225px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu li a {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .item-quantity {
        text-transform: lowercase;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info {
        margin-top: 10px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper {
        line-height: 18px;
        color: #a2a2a2;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper .p-saveditems-listing-price {
        color: #9740D5;
        font-weight: bold;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-additional-info .p-saveditems-additional-info-wrapper a {
        color: #555555;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        text-overflow: ellipsis;
        line-height: 16px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 32px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn {
        display: flex;
        flex-wrap: wrap;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-top: 4px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        margin-left: 8px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-right: 0;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn:last-child,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn:last-child,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more:last-child {
        margin-left: 0;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 8px;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 8px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-right: 0;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico.ico-dottedmore-o,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico.ico-dottedmore-o,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico.ico-dottedmore-o {
        margin-left: 0;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title .p-saveditems-status {
        display: none;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 16px;
        text-overflow: ellipsis;
        line-height: 21px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 42px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-title a {
        line-height: 18px;
        max-width: 100%;
        display: block;
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        text-overflow: ellipsis;
        line-height: 19px;
        word-break: break-word;
        word-wrap: break-word;
        max-height: 38px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more {
        width: 32px;
    }

    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="ltr"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-right: 0;
    }

    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .ico,
    html[dir="rtl"] .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .ico {
        margin-left: 0;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn>.btn .p-saveditems-btn-text,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .item-addto-btn .p-saveditems-btn-text,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-group-btn .p-saveditems-btn-more .p-saveditems-btn-text {
        display: none !important;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-seperate-dot-item-responsive {
        width: 100%;
        margin-top: 8px;
    }

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-seperate-dot-item-responsive:after {
        display: none;
    }
}

@media screen and (min-width: 767px) {

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen {
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

@media screen and (min-width: 767px) {

    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item>a:hover,
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info.p-saveditems-seperate-dot-wrapper .p-saveditems-seperate-dot-item [data-toggle="dropdown"]:hover {
        color: #950FCD;
    }
}

@media screen {
    .p-saveditems-listing-container .p-saveditems .p-saveditems-outer .p-saveditems-inner .p-saveditems-minor-info .p-saveditems-view-saved-more .dropdown-menu {
        min-width: 130px;
        width: 130px;
    }
}

.p-saveditems-alert-item {
    margin-bottom: 8px;
}

.p-saveditems-alert-item .p-saveapp-alert-outer {
    min-height: 40px;
    background: #E8DAF2;
    border: 1px solid rgba(7, 167, 28, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-inner {
    display: block;
}

html[dir="ltr"] .p-saveditems-alert-item .p-saveapp-alert-outer .item-inner {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-alert-item .p-saveapp-alert-outer .item-inner {
    margin-left: 8px;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-inner>* {
    display: inline-block;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-icon {
    color: #9740D5;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-icon .ico {
    font-size: 16px;
}

html[dir='ltr'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-icon .ico {
    margin-right: 4px;
}

html[dir='rtl'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-icon .ico {
    margin-left: 4px;
}

html[dir='ltr'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-text {
    margin-right: 4px;
}

html[dir='rtl'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-text {
    margin-left: 4px;
}

html[dir='ltr'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-addto {
    margin-right: 4px;
}

html[dir='rtl'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-addto {
    margin-left: 4px;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-recent:before {
    content: " \2219 ";
}

html[dir='ltr'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-recent:before {
    margin-right: 4px;
}

html[dir='rtl'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-recent:before {
    margin-left: 4px;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-delete {
    display: inline-flex;
}

html[dir='ltr'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-delete {
    margin-left: auto;
}

html[dir='rtl'] .p-saveditems-alert-item .p-saveapp-alert-outer .item-delete {
    margin-right: auto;
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-delete .item-delete-btn {
    width: 12px;
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    color: #a2a2a2;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .p-saveditems-alert-item .p-saveapp-alert-outer .item-delete .item-delete-btn:hover {
        color: #555555;
    }
}

.p-saveditems-alert-item .p-saveapp-alert-outer .item-addto .dropdown-menu {
    left: -119px;
}

@media (min-width: 767px) {
    .p-saveditems-alert-item .p-saveapp-alert-outer .item-addto .dropdown-menu {
        left: -63px;
    }
}

#main .layout-left .p-saveditems-dropdown-addto-collection>.dropdown-menu,
#main .layout-right .p-saveditems-dropdown-addto-collection>.dropdown-menu {
    z-index: 50;
}

#main .layout-left .p-saveditems-dropdown-addto-collection .dropdown-backdrop,
#main .layout-right .p-saveditems-dropdown-addto-collection .dropdown-backdrop {
    z-index: 49;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu {
    width: 225px;
}

@media (min-width: 767px) {
    .p-saveditems-dropdown-addto-collection>.dropdown-menu {
        width: 170px;
    }
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu>li>a {
    padding: 8px 16px;
    min-height: 32px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu>li>a .ico {
    font-size: 12px;
    margin-bottom: 3px;
    min-width: 14px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .dropdown-header {
    color: #a2a2a2;
    background: #eeeeee;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border: none;
    padding: 5px 18px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
    max-height: 200px;
    overflow-y: auto;
}

@media (min-width: 768px) {

    #right .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper,
    #left .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
        max-height: 100px;
    }
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox {
    padding: 8px 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #EEE;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-bottom: 0 !important;
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-left: 8px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom .item-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .item-view {
    font-size: 12px;
    line-height: 16px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox .checkbox {
    width: 100%;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox label .ico {
    color: #555555 !important;
    min-width: 14px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .item-collection-checkbox input[type="checkbox"] {
    pointer-events: none;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection .no-collections {
    width: 100%;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu li[class^=p_saveditems_noti_add_to_collection],
.p-saveditems-dropdown-addto-collection>.dropdown-menu li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    position: absolute;
    z-index: 99;
    min-height: 32px;
    align-items: center;
    bottom: 4px;
    width: 100%;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title a {
    font-size: 12px;
    text-transform: uppercase;
    color: #555555;
    font-weight: 700;
    background: #eeeeee;
    padding: 0 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 18px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title a {
        /* IE10+ CSS */
        line-height: 30px;
    }
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title a .ico {
    margin: 0 !important;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title a .ico.expand:before {
    content: "\eab7";
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form {
    background: #eeeeee;
    border-top: 0;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form {
    padding: 0 16px 16px;
    padding-top: 6px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .alert {
    margin-bottom: 8px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form input.form-control {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    height: 32px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn {
    display: flex;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button {
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    height: 32px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-dropdown-addto-collection>.dropdown-menu .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-right: 8px;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini {
    margin-bottom: 8px;
    float: none;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini .privacy_setting_active {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

html[dir='ltr'] .p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini .privacy_setting_active .fa-caret-down {
    margin-left: auto;
}

html[dir='rtl'] .p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini .privacy_setting_active .fa-caret-down {
    margin-right: auto;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini .dropdown-menu {
    margin-top: 6px;
    left: 0 !important;
    right: 0 !important;
}

.p-saveditems-dropdown-addto-collection>.dropdown-menu .privacy_setting_mini:not(.open) .dropdown-menu {
    visibility: hidden !important;
    opacity: 0 !important;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
    max-height: 200px;
    overflow-y: auto;
}

@media (min-width: 768px) {

    #right .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper,
    #left .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
        max-height: 100px;
    }
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox {
    padding: 8px 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #EEE;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-bottom: 0 !important;
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-left: 8px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom .item-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .item-view {
    font-size: 12px;
    line-height: 16px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox .checkbox {
    width: 100%;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox label .ico {
    color: #555555 !important;
    min-width: 14px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .item-collection-checkbox input[type="checkbox"] {
    pointer-events: none;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection .no-collections {
    width: 100%;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
}

.p-saveditems-addto-collection-mixin li[class^=p_saveditems_noti_add_to_collection],
.p-saveditems-addto-collection-mixin li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    position: absolute;
    z-index: 99;
    min-height: 32px;
    align-items: center;
    bottom: 4px;
    width: 100%;
}

.p-saveditems-addto-collection-mixin li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title a {
    font-size: 12px;
    text-transform: uppercase;
    color: #555555;
    font-weight: 700;
    background: #eeeeee;
    padding: 0 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 18px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title a {
        /* IE10+ CSS */
        line-height: 30px;
    }
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title a .ico {
    margin: 0 !important;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title a .ico.expand:before {
    content: "\eab7";
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form {
    background: #eeeeee;
    border-top: 0;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form {
    padding: 0 16px 16px;
    padding-top: 6px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .alert {
    margin-bottom: 8px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form input.form-control {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    height: 32px;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn {
    display: flex;
}

.p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button {
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    height: 32px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-addto-collection-mixin .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-right: 8px;
}

.p-saveditems-create-collection-popup .item-collection-action {
    margin: 0 -16px;
    padding: 16px;
    padding-bottom: 0;
    background: #FFF;
    border: none;
    border-top: 1px solid #eeeeee;
}

.p-saveditems-create-collection-popup .item-collection-action .item-buttons-wrapper {
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

html[dir="ltr"] .p-saveditems-create-collection-popup .item-collection-action .item-buttons-wrapper .btn {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-create-collection-popup .item-collection-action .item-buttons-wrapper .btn {
    margin-right: 8px;
}

.p-saveditems-type-category .category-item a {
    justify-content: space-between;
}

.p-saveditems-type-category.core-block-categories ul.action li.category:last-child {
    border-bottom: 0;
}

.p-saveditems-type-category.core-block-categories ul.action li.category:last-child .category-item a {
    border-bottom: 0;
}

.p-saveditems-type-category.core-block-categories .category-item a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 40px;
    display: flex;
    color: #555555;
    align-items: center;
    justify-content: space-between;
}

.p-saveditems-type-category.core-block-categories .category-item a:hover {
    color: #950FCD;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing {
    margin: 0 -16px;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection {
    margin-bottom: 1px;
    width: 100%;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection.active>a {
    background: #E8DAF2 !important;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection.active>a .ico {
    color: #950FCD !important;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection.active>a .item-name {
    color: #950FCD !important;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a {
    display: flex;
    align-items: center;
    color: #555555;
    padding: 8px 16px;
    min-height: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 767px) {
    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a:hover {
        background: #E8DAF2;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a:hover .ico {
        color: #950FCD;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a:hover .item-name {
        color: #950FCD;
    }
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .ico {
    display: inline-block;
    min-width: 18px;
    color: #a2a2a2;
    font-size: 14px;
    line-height: 19px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir="ltr"] .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .ico {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .ico {
    margin-left: 8px;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .item-name {
    flex: 1;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

html[dir="ltr"] .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .item-name {
    margin-right: 16px;
}

html[dir="rtl"] .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .item-name {
    margin-left: 16px;
}

.p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .item-collection a .total-count {
    color: #a2a2a2;
    white-space: nowrap;
}

@media (min-width: 481px) and (min-width: 767px) {
    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper:not(:last-child) {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing {
        display: flex;
        flex-flow: wrap;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection {
        width: 50%;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection a:hover {
        background: transparent !important;
    }

    .p-saveditems-collection-recently-container .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection.active>a {
        background: transparent !important;
    }
}

.p-saveditems-collection-recently-mixin-responsive .p-saveditems-collection-recently-wrapper:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.p-saveditems-collection-recently-mixin-responsive .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing {
    display: flex;
    flex-flow: wrap;
}

.p-saveditems-collection-recently-mixin-responsive .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection {
    width: 50%;
}

.p-saveditems-collection-recently-mixin-responsive .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection a:hover {
    background: transparent !important;
}

.p-saveditems-collection-recently-mixin-responsive .p-saveditems-collection-recently-wrapper .p-saveditems-collection-recently-listing .item-collection.active>a {
    background: transparent !important;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
    max-height: 200px;
    overflow-y: auto;
}

@media (min-width: 768px) {

    #right .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper,
    #left .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .p_saveditems_quick_list_collection_wrapper {
        max-height: 100px;
    }
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox {
    padding: 8px 0;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #EEE;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-bottom: 0 !important;
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-right: 8px;
}

html[dir="rtl"] .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom {
    margin-left: 8px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .p-saveitems-checkbox-custom .item-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .item-view {
    font-size: 12px;
    line-height: 16px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox .checkbox {
    width: 100%;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox label .ico {
    color: #555555 !important;
    min-width: 14px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .item-collection-checkbox input[type="checkbox"] {
    pointer-events: none;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection .no-collections {
    width: 100%;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    color: #a2a2a2;
}

.p-saveditems-dropdown-addto-collection-popup-content li[class^=p_saveditems_noti_add_to_collection],
.p-saveditems-dropdown-addto-collection-popup-content li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    position: absolute;
    z-index: 99;
    min-height: 32px;
    align-items: center;
    bottom: 4px;
    width: 100%;
}

.p-saveditems-dropdown-addto-collection-popup-content li[class^=p_saveditems_error_add_to_collection] {
    background: #9E9AB1;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title a {
    font-size: 12px;
    text-transform: uppercase;
    color: #555555;
    font-weight: 700;
    background: #eeeeee;
    padding: 0 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 18px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title a {
        /* IE10+ CSS */
        line-height: 30px;
    }
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title a .ico {
    margin: 0 !important;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title a .ico.expand:before {
    content: "\eab7";
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form {
    background: #eeeeee;
    border-top: 0;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form {
    padding: 0 16px 16px;
    padding-top: 6px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .alert {
    margin-bottom: 8px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form input.form-control {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    height: 32px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn {
    display: flex;
}

.p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button {
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    height: 32px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn button+button {
    margin-right: 8px;
}

.p-saveditems-dropdown-addto-collection-popup .js_box_content {
    padding: 0 !important;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_recent_saved_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_recent_saved_form .item-recent-saved {
    font-size: 12px;
    line-height: 16px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_recent_saved_form .btn {
    min-width: 80px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title a {
    line-height: 32px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form {
    display: flex;
    flex-flow: wrap;
    padding-bottom: 8px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p_saveditems_quick_add_collection_input {
    margin-bottom: 0;
    flex: 1;
    min-width: 0;
}

html[dir="ltr"] .p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn {
    margin-right: 8px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn .btn {
    min-width: 80px;
}

.p-saveditems-dropdown-addto-collection-popup .p-saveditems-dropdown-addto-collection-popup-content .p_saveditems_quick_list_collection-title-form .p-saveditems-quick-add-form .p-saveditems-quick-add-form-btn .btn-cancel {
    display: none !important;
}

.p-saveditems-unsave-confirmation-popup .js_box_content {
    padding: 16px !important;
}

.p-saveditems-unsave-confirmation-popup-content .item-outer .item-desc {
    margin-bottom: 8px;
}

.p-saveditems-unsave-confirmation-popup-content .item-outer .item-action {
    margin-bottom: 8px;
}

.p-saveditems-unsave-confirmation-popup-content .item-outer .item-action .item-manage-btn {
    display: inline-flex;
    align-items: center;
}

.p-saveditems-unsave-confirmation-popup-content .item-btn-bottom {
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
    display: flex;
    justify-content: flex-end;
}

html[dir="ltr"] .p-saveditems-unsave-confirmation-popup-content .item-btn-bottom .btn {
    margin-left: 8px;
}

html[dir="rtl"] .p-saveditems-unsave-confirmation-popup-content .item-btn-bottom .btn {
    margin-right: 8px;
}

.p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert {
    padding: 12px 16px;
    border-bottom: 1px solid #eeeeee;
}

.p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert .item-action-toggle {
    color: #9740D5;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-top: 4px;
    user-select: none;
}

html[dir='ltr'] .p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert .item-action-toggle .ico {
    margin-left: 4px;
}

html[dir='rtl'] .p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert .item-action-toggle .ico {
    margin-right: 4px;
    display: inline-block;
}

.p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert .item-action-toggle.toggle .ico:before {
    content: "\eaea";
}

@media (min-width: 767px) {
    .p-saveditems-dropdown-addto-collection-popup-content .p-saveditems-detail-saved-alert .item-action-toggle:hover {
        color: #950FCD;
    }
}

/*End Saved Items*/
/*Begin ' . Reaction . '*/

html[dir="ltr"] .comment_mini_content_commands .forum_quote_holder+.js_comment_like_holder {
    padding-left: 0;
}

html[dir="rtl"] .comment_mini_content_commands .forum_quote_holder+.js_comment_like_holder {
    padding-right: 0;
}

html[dir="ltr"] .comment_mini_content_commands .forum_quote_holder {
    margin-right: 8px !important;
}

html[dir="rtl"] .comment_mini_content_commands .forum_quote_holder {
    margin-left: 8px !important;
}

@media (min-width: 767px) {
    html[dir="ltr"] .comment_mini_content_commands .forum_quote_holder {
        margin-right: 0 !important;
    }

    html[dir="rtl"] .comment_mini_content_commands .forum_quote_holder {
        margin-left: 0 !important;
    }
}

@media (min-width: 768px) and (min-width: 767px) {

    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-activity-like,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-activity-like {
        font-size: 0;
    }

    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-activity-like>*,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-activity-like>* {
        display: none;
    }

    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-list-mini+.people-liked-feed,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-list-mini+.people-liked-feed {
        display: none !important;
    }

    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-list-mini,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-list-mini {
        display: inline-flex !important;
        font-size: 12px;
    }

    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-total,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-total {
        display: inline-block !important;
        font-size: 12px;
        margin: 0 4px;
    }
}

@media (min-width: 767px) {
    .forum_thread_view_holder .forum_time_stamp .comment_mini_content_commands .forum_quote_holder a.forum_quote {
        width: 30px;
    }

    .forum_thread_view_holder .forum_time_stamp .comment_mini_content_commands .forum_quote_holder a.forum_quote:before {
        width: 30px;
    }

    .forum_thread_view_holder .comment_mini_content_commands .feed_like_link .p-reaction-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .forum_thread_view_holder .comment_mini_content_commands .feed_comment_share_holder a {
        width: 28px;
    }

    .forum_thread_view_holder .comment_mini_content_commands .feed_comment_share_holder a:before {
        width: 28px;
    }

    .forum_thread_view_holder .feed_options_holder a.feed_options {
        width: 24px;
    }

    .forum_thread_view_holder .feed_options_holder a.feed_options:before {
        width: 24px;
    }
}

@media (max-width: 350px) {
    .item-detail-feedcomment .comment_mini_content_commands .feed_like_link .p-reaction-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .item-detail-feedcomment .comment_mini_content_commands .feed_comment_share_holder a {
        width: 28px;
    }

    .item-detail-feedcomment .comment_mini_content_commands .feed_comment_share_holder a:before {
        width: 28px;
    }

    .item-detail-feedcomment .feed_options_holder a.feed_options {
        width: 24px;
    }

    .item-detail-feedcomment .feed_options_holder a.feed_options:before {
        width: 24px;
    }
}

html[dir="ltr"] .comment-mini-content-commands .js_comment_like_holder {
    padding-left: 0;
}

html[dir="rtl"] .comment-mini-content-commands .js_comment_like_holder {
    padding-right: 0;
}

.comment-mini-content-commands .p-reaction-container.open .p-reaction-link {
    box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    background-color: #E8DAF2;
    color: #9740D5;
}

@media (min-width: 481px) {
    .comment-mini-content-commands .p-reaction-container.open .p-reaction-icon-outer {
        box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    }
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link {
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #a2a2a2;
    font-size: 16px;
}

@media (min-width: 767px) {
    .comment-mini-content-commands .p-reaction-container .p-reaction-link {
        background: transparent !important;
        box-shadow: none !important;
        color: #a2a2a2 !important;
    }
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link:hover {
    box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    background-color: #E8DAF2;
    color: #9740D5;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    display: block;
    width: 16px;
    height: 16px;
    border: 0;
    transition: none !important;
    animation: none !important;
}

@keyframes reaction-like {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.2, 1.2);
    }
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.unlike .p-reaction-icon-outer,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.unlike .p-reaction-icon-outer,
.comment-mini-content-commands .p-reaction-container .p-reaction-link.unlike .p-reaction-title,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.unlike .p-reaction-title {
    display: none;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked {
    transition: none !important;
    width: auto;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked.js_like_link_toggle,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked.js_like_link_toggle {
    background: transparent !important;
    box-shadow: none !important;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked.js_like_link_toggle:hover,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked.js_like_link_toggle:hover {
    background: transparent !important;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked:before,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked:before {
    display: none;
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-title {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
}

@media (min-width: 768px) and (min-width: 767px) {

    #main:not(.empty-left) .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
    #main:not(.empty-left) .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
    #main:not(.empty-right) .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
    #main:not(.empty-right) .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-title {
        max-width: 40px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 767px) {

    .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
    .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-title {
        max-width: 40px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

html[dir='rtl'] .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-title,
html[dir='rtl'] .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-title {
    margin-left: 0;
    margin-right: 6px;
}

@media (min-width: 481px) {

    .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked:hover .p-reaction-icon-outer,
    .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked:hover .p-reaction-icon-outer {
        box-shadow: 0px 6px 12px 0px rgba(30, 246, 58, 0.4);
    }
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer {
    animation: reaction-like 300ms ease;
    padding: 4px;
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border: 1px solid #efefef;
    border-radius: 100%;
}

@media (min-width: 767px) {

    .comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer,
    .comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer {
        background: transparent;
        border-color: transparent;
    }
}

.comment-mini-content-commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer img,
.comment_mini_content_commands .p-reaction-container .p-reaction-link.liked .p-reaction-icon-outer img {
    border-radius: 100%;
    width: 22px;
    height: 22px;
}

.p-reaction-container {
    position: relative;
    display: inline-block;
}

.p-reaction-container.open .p-reaction-list {
    opacity: 1;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";
}

.p-reaction-container.open .p-reaction-list:not(.is-mobile) .p-reaction-item:hover {
    transform: scale(1.25) translateY(-4px);
    transform-origin: bottom;
}

.p-reaction-container.open .p-reaction-list .p-reaction-item.animate {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

@media (min-width: 767px) {
    .comment-mini-content-commands .p-reaction-container {
        width: 100%;
    }

    .comment-mini-content-commands .p-reaction-container .p-reaction-link {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 410px) {
    .comment_mini_action .p-reaction-list {
        left: -40px;
        right: auto;
    }

    html[dir='rtl'] .comment_mini_action .p-reaction-list {
        right: -40px;
        left: auto;
    }
}

@media (max-width: 410px) {
    .comment_mini_child_holder .comment_mini_action .p-reaction-list {
        left: -72px;
        right: auto;
    }

    html[dir='rtl'] .comment_mini_child_holder .comment_mini_action .p-reaction-list {
        right: -72px;
        left: auto;
    }
}

.p-reaction-list {
    display: block;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 48px;
    max-height: 48px;
    position: absolute;
    left: -16px;
    top: -56px;
    right: auto;
    background-color: #fff;
    z-index: 99;
    width: auto;
    box-sizing: content-box;
}

html[dir='rtl'] .p-reaction-list {
    left: auto;
    right: -16px;
}

@media (min-width: 767px) {
    .p-reaction-list {
        left: 0;
    }

    html[dir='rtl'] .p-reaction-list {
        right: 0;
        left: auto;
    }
}

.p-reaction-list .tooltip.top {
    margin-top: -15px;
    white-space: nowrap;
}

.p-reaction-list .tooltip .tooltip-arrow {
    display: none;
}

.p-reaction-list .tooltip .tooltip-inner {
    border-radius: 24px !important;
    background: rgba(0, 0, 0, 0.9);
    font-weight: bold;
}

.p-reaction-list .p-reaction-item {
    display: inline-block;
    min-height: 32px;
    height: 32px;
    cursor: pointer;
    line-height: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
    transform: translate(0, 100px) scale(0);
}

html[dir="ltr"] .p-reaction-list .p-reaction-item {
    margin-left: 8px;
}

html[dir="rtl"] .p-reaction-list .p-reaction-item {
    margin-right: 8px;
}

html[dir="ltr"] .p-reaction-list .p-reaction-item:first-child {
    margin-left: 0;
}

html[dir="rtl"] .p-reaction-list .p-reaction-item:first-child {
    margin-right: 0;
}

.p-reaction-list .p-reaction-item .item-outer {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 0;
}

.p-reaction-list .p-reaction-item .item-outer img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.p-reaction-list-mini {
    display: inline-flex;
}

.p-reaction-list-mini .p-reaction-item {
    width: 16px;
    height: 16px;
    line-height: 0;
    border: 2px solid #fff;
    box-sizing: content-box;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
}

.p-reaction-list-mini .p-reaction-item.only-1 {
    border-color: transparent;
    background-color: transparent;
}

.p-reaction-list-mini .p-reaction-item:nth-child(1) {
    z-index: 3;
}

.p-reaction-list-mini .p-reaction-item:nth-child(2) {
    z-index: 2;
}

.p-reaction-list-mini .p-reaction-item:nth-child(3) {
    z-index: 1;
}

.p-reaction-list-mini .p-reaction-item:not(:last-child) {
    margin-right: -6px;
}

html[dir='rtl'] .p-reaction-list-mini .p-reaction-item:not(:last-child) {
    margin-left: -6px;
    margin-right: 0;
}

.p-reaction-list-mini .p-reaction-item .item-outer {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 0;
}

.p-reaction-list-mini .p-reaction-item .item-outer img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.p-reaction-list-mini .p-reaction-item:hover .p-reaction-tooltip-user {
    visibility: visible;
    opacity: 1;
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user {
    text-align: left;
    position: absolute;
    bottom: 24px;
    /* transform:translateX( ~"calc(8px - 50%)" ); */
    transform: translateX(-50%) translateX(8px);
    min-width: 136px;
    max-width: 136px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 0 12px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

html[dir='rtl'] .p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user {
    text-align: right;
}

html[dir='rtl'] .p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user {
    transform: translateX(50%) translateX(-8px);
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user.is-mobile {
    display: none !important;
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user .item-title {
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 32px;
    border-bottom: 1px solid rgba(248, 248, 248, 0.3);
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user .item-tooltip-content {
    padding-top: 4px;
    padding-bottom: 4px;
}

.p-reaction-list-mini .p-reaction-item .p-reaction-tooltip-user .item-tooltip-content .item-user {
    height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 24px;
}

.p-reaction-activity-like:before,
.p-reaction-activity-like:after {
    display: none;
}

.p-reaction-activity-like .p-reaction-list-mini .p-reaction-item {
    bottom: 2px;
}

.comment_mini_action .p-reaction-title {
    margin-top: 2px;
}

.comment_mini_action ul .total-like,
.comment_mini_action .action-list .total-like {
    display: none;
}

.comment_mini_action .comment_mini_entry_time_stamp,
.comment_mini_action .item-time {
    order: 5 !important;
}

.comment_mini_action .p-reaction-list-mini {
    order: 4 !important;
}

.comment_mini_action .p-reaction-list-mini:before {
    content: "" !important;
    width: 3px;
    height: 3px;
    background: #ccc;
    display: inline-block;
    border-radius: 100%;
    margin: 0 6px;
    margin-top: 10px;
}

.comment_mini_action .p-reaction-list-mini:hover .p-reaction-liked-total .p-reaction-tooltip-total {
    visibility: visible;
    opacity: 1;
}

.comment_mini_action .p-reaction-list-mini:hover .p-reaction-liked-total .p-reaction-liked-number {
    color: #950FCD;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total {
    position: relative;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-liked-number {
    font-size: 12px;
    color: #a2a2a2;
    line-height: 16px;
    display: inline-block;
    margin-top: 3px;
}

html[dir="ltr"] .comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-liked-number {
    margin-left: 8px;
}

html[dir="rtl"] .comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-liked-number {
    margin-right: 8px;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total {
    position: absolute;
    transform: translateX(-50%) translateX(10px);
    min-width: 60px;
    max-width: 120px;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 999;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total.reverse {
    bottom: 24px;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total.reverse:after {
    bottom: -4px;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    border-bottom: 0;
    top: auto;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total:not(.reverse) {
    top: 24px;
}

html[dir='rtl'] .comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total {
    transform: translateX(50%) translateX(-10px);
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total.is-mobile {
    display: none !important;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4px;
    bottom: auto;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content {
    padding: 8px 12px;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-user {
    height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 24px;
    margin-bottom: 4px;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-user:last-child {
    margin-bottom: 0;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-user img {
    margin-bottom: 3px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}

html[dir="ltr"] .comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-user .item-number {
    margin-left: 8px;
}

html[dir="rtl"] .comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-user .item-number {
    margin-right: 8px;
}

.comment_mini_action .p-reaction-list-mini .p-reaction-liked-total .p-reaction-tooltip-total .item-tooltip-content .item-more {
    height: 8px;
    line-height: 4px;
    color: #fff !important;
    cursor: pointer;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link .counter {
    display: none;
}

.comment_mini_action .p-reaction-container {
    height: 16px;
}

.comment_mini_action .p-reaction-link.unlike .p-reaction-icon-outer,
.comment_mini_action .p-reaction-link.unlike .p-reaction-title {
    display: none;
}

.comment_mini_action .p-reaction-link.js_like_link_toggle {
    width: auto;
}

.comment_mini_action .p-reaction-link.js_like_link_toggle:before {
    font-family: 'lineficon' !important;
    content: '\ea9e';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    display: block;
    width: 14px;
    height: 14px;
    border: 0;
}

.comment_mini_action .p-reaction-link.liked {
    display: flex !important;
    align-items: center;
    width: auto !important;
}

.comment_mini_action .p-reaction-link.liked:before {
    display: none !important;
}

.comment_mini_action .p-reaction-link.liked .p-reaction-icon-outer {
    width: 16px;
    height: 16px;
}

.comment_mini_action .p-reaction-link.liked .p-reaction-icon-outer img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.comment_mini_action .p-reaction-link.liked .p-reaction-title {
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
}

@media (min-width: 767px) {
    .comment_mini_action .p-reaction-link.liked .p-reaction-title {
        max-width: 40px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

html[dir='rtl'] .comment_mini_action .p-reaction-link.liked .p-reaction-title {
    margin-left: 0;
    margin-right: 6px;
}

.comment_mini_action .p-reaction-link.liked:before {
    display: none;
}

.p-reaction-container-outer {
    flex-flow: wrap;
}

.p-reaction-popup-user .p-reaction-popup-header {
    margin: 0 -16px;
    background: #f8f8f8;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 0;
    padding-bottom: 0;
    height: 64px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 16px;
}

@media (min-width: 767px) {
    .p-reaction-popup-user .p-reaction-popup-header:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 62px;
        height: 1px;
        background: rgba(0, 0, 0, 0.05);
    }
}

.p-reaction-popup-user .p-reaction-popup-header .mCSB_scrollTools_horizontal {
    margin-bottom: -10px !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs {
    display: flex;
    flex-flow: nowrap;
}

@media (max-width: 1080px) {
    .p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
    }
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li {
    width: auto;
    display: flex;
    border-bottom: 0;
    border-top: 0;
    margin: 0;
    min-width: 40px;
    overflow: unset;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:hover,
.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:focus,
.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li.active {
    background: transparent !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:hover a,
.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:focus a,
.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li.active a {
    color: #555555 !important;
    background: transparent !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li.active a {
    background: #f8f8f8;
    border-color: #555555;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li.active a:before {
    opacity: 1;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:not(.active) a {
    border-color: transparent !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li:not(.active) .item-number {
    color: #555555 !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li a {
    font-weight: normal;
    color: #a2a2a2;
    height: 63px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    min-width: 40px;
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.03) !important;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    border-bottom: 3px solid transparent !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li a:before {
    display: none !important;
}

.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li a:hover,
.p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li a:focus {
    background: transparent;
}

html[dir='rtl'] .p-reaction-popup-user .p-reaction-popup-header .nav.nav-tabs>li a {
    border-right: 0 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.p-reaction-popup-user .p-reaction-popup-header {
    position: relative;
}

html[dir="ltr"] .p-reaction-popup-user .p-reaction-popup-header {
    padding-right: 40px;
}

html[dir="rtl"] .p-reaction-popup-user .p-reaction-popup-header {
    padding-left: 40px;
}

.p-reaction-popup-user .p-reaction-popup-header.overlay-start:before {
    content: "";
    display: block;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
    position: absolute;
    right: auto;
    top: 0;
    bottom: 0;
    width: 60px;
    height: auto;
    z-index: 3;
}

html[dir="ltr"] .p-reaction-popup-user .p-reaction-popup-header.overlay-start:before {
    left: 0;
}

html[dir="rtl"] .p-reaction-popup-user .p-reaction-popup-header.overlay-start:before {
    right: 0;
}

html[dir='rtl'] .p-reaction-popup-user .p-reaction-popup-header.overlay-start:before {
    left: auto;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

.p-reaction-popup-user .p-reaction-popup-header.overlay-end:after {
    content: "";
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    width: 60px;
    height: auto;
    z-index: 3;
}

html[dir="ltr"] .p-reaction-popup-user .p-reaction-popup-header.overlay-end:after {
    right: 40px;
}

html[dir="rtl"] .p-reaction-popup-user .p-reaction-popup-header.overlay-end:after {
    left: 40px;
}

html[dir='rtl'] .p-reaction-popup-user .p-reaction-popup-header.overlay-end:after {
    right: auto;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 25%, #ffffff 100%);
}

.p-reaction-popup-user .p-reaction-popup-header .nav-tabs li a {
    height: 64px;
    min-width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.p-reaction-popup-user .p-reaction-popup-header .nav-tabs li a img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 100%;
}

.p-reaction-popup-user .p-reaction-popup-header .nav-tabs li a .item-all {
    font-weight: bold;
    width: 24px;
    height: 24px;
    line-height: 24px;
    min-height: 23px;
}

.p-reaction-popup-user .p-reaction-popup-header .nav-tabs li a .item-number {
    margin-top: 8px;
}

.p-reaction-popup-box .js_box_title {
    display: none !important;
}

.p-reaction-popup-box .js_box_close {
    z-index: 9;
}

html[dir='ltr'] .p-reaction-popup-box .js_box_close {
    right: 12px !important;
}

html[dir='rtl'] .p-reaction-popup-box .js_box_close {
    left: 12px !important;
}

.p-reaction-popup-box .js_box_content {
    padding-top: 0;
    border-radius: 6px !important;
}

.p-reaction-popup-box .js_box_content .p-reaction-popup-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.js_box_content .p-reaction-popup-user-total-container {
    max-height: 300px;
    min-height: 300px;
    overflow: auto;
    margin: 0 -16px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer {
    display: flex;
    flex-flow: wrap;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer.none-viewmore {
    border-bottom: 1px solid #eeeeee;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    position: relative;
}

html[dir="ltr"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    padding-left: 24px;
}

html[dir="rtl"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    padding-right: 24px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .item-icon {
    display: block !important;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    line-height: 0;
}

html[dir="ltr"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .item-icon {
    left: 0;
}

html[dir="rtl"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .item-icon {
    right: 0;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .item-icon img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item:nth-child(1) .item-outer {
    padding-top: 0;
    border-top: 0;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid #f8f8f8;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .fa,
.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .ico {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer:hover .js_hover_info:before,
.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer:hover .img-wrapper:before {
    border: 1px solid #950FCD;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer:hover .img-wrapper,
.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer:hover .no_image_user {
    box-shadow: 0px 6px 12px 0px rgba(38, 129, 213, 0.4);
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .dropdown-menu {
    display: none;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .ico,
.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .fa {
    font-size: 14px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .dropdown-backdrop {
    display: none;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .open .dropdown-menu {
    display: block;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .open .btn {
    border-color: #D5A9FF !important;
    color: #950FCD;
    box-shadow: 0px 2px 8px 0px rgba(187, 216, 243, 0.5) !important;
    background: #E8DAF2;
}

@media (min-width: 767px) {
    .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .btn {
        padding: 0px 9px !important;
        min-height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-actions .btn .item-text {
        display: none;
    }
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    word-wrap: break-word;
}

html[dir="ltr"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    margin-left: 8px;
}

html[dir="rtl"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    margin-right: 8px;
}

html[dir="ltr"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    padding-right: 16px;
}

html[dir="rtl"] .js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name {
    padding-left: 16px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .list-unstyled {
    display: none;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .user_profile_link_span a {
    font-size: 14px;
    line-height: 18px;
    color: #555555 !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-weight: normal !important;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .user_profile_link_span a:hover {
    color: #950FCD !important;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .friend-info {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .friend-info .mutual-friends-list a {
    color: #a2a2a2;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-name .friend-info .mutual-friends-list a:hover {
    color: #950FCD;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-media {
    width: 48px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-media .img-wrapper,
.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .popup-user-item .item-outer .item-media .no_image_user {
    width: 48px;
    height: 48px;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .js_pager_view_more_link {
    margin-bottom: 0;
    opacity: 1;
    border-top: 1px solid #eeeeee;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .js_pager_view_more_link a {
    font-size: 12px;
    color: #a2a2a2;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.js_box_content .p-reaction-popup-user-total-container .p-reaction-popup-user-total-outer .js_pager_view_more_link a:hover {
    color: #555555;
}

@media (min-width: 768px) {
    .comment-mini-content-commands .p-reaction-activity-like {
        min-height: 32px;
        line-height: 16px;
        padding-top: 8px;
        height: auto;
        text-align: right;
    }

    html[dir='rtl'] .comment-mini-content-commands .p-reaction-activity-like {
        text-align: left;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {
    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands {
        flex-flow: wrap;
    }

    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands .js_comment_like_holder {
        width: 100%;
        padding: 0;
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #f8f8f8;
    }

    #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands .js_comment_like_holder .p-reaction-activity-like {
        text-align: left;
    }

    html[dir='rtl'] #main:not(.empty-left):not(.empty-right) .comment-mini-content-commands .js_comment_like_holder .p-reaction-activity-like {
        text-align: right;
    }
}

.comment_mini_content_commands {
    overflow: visible;
    height: 42px;
}

.comment_mini_content_commands .p-reaction-list {
    left: 0;
    right: auto;
}

html[dir='rtl'] .comment_mini_content_commands .p-reaction-list {
    right: 0;
    left: auto;
}

html[dir='ltr'] .comment_mini_content_commands .js_comment_like_holder {
    padding-left: 12px;
}

html[dir='rtl'] .comment_mini_content_commands .js_comment_like_holder {
    padding-right: 12px;
}

html[dir='ltr'] .comment_mini_content_commands .p-reaction-list-mini {
    margin-left: -2px;
}

html[dir='rtl'] .comment_mini_content_commands .p-reaction-list-mini {
    margin-right: -2px;
}

.comment_mini_content_commands .activity_like_holder {
    height: 40px;
    line-height: 40px;
    padding-top: 1px;
}

@media (min-width: 767px) {
    .comment_mini_content_commands .activity_like_holder {
        display: block;
        font-size: 0;
    }

    .comment_mini_content_commands .activity_like_holder>* {
        display: none;
    }

    .comment_mini_content_commands .activity_like_holder .p-reaction-list-mini {
        display: inline-flex;
        font-size: 12px;
    }

    .comment_mini_content_commands .activity_like_holder .p-reaction-total {
        display: inline-block !important;
        font-size: 12px;
        margin: 0 4px;
    }
}

.comment_mini_content_commands .feed_like_link {
    height: 40px;
}

.comment_mini_content_commands .feed_like_link .p-reaction-link {
    display: flex !important;
}

.comment_mini_content_commands .feed_like_link .p-reaction-link.liked {
    padding-left: 12px;
    padding-right: 12px;
}

.comment_mini_content_commands .feed_like_link .p-reaction-link.liked:after {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #dcdcdc;
}

html[dir="ltr"] .comment_mini_content_commands .feed_like_link .p-reaction-link.liked:after {
    right: 0;
}

html[dir="rtl"] .comment_mini_content_commands .feed_like_link .p-reaction-link.liked:after {
    left: 0;
}

@media (max-width: 410px) {
    .comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action .p-reaction-list {
        left: -64px;
        right: auto;
    }

    html[dir='rtl'] .comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action .p-reaction-list {
        right: -64px;
        left: auto;
    }
}

@media (max-width: 410px) {
    .comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_child_holder .comment_mini_action .p-reaction-list {
        left: -104px;
        right: auto;
    }

    html[dir='rtl'] .comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_child_holder .comment_mini_action .p-reaction-list {
        right: -104px;
        left: auto;
    }
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action ul>*:before {
    content: "" !important;
    width: 3px;
    height: 3px;
    background: #ccc;
    display: inline-block;
    border-radius: 100%;
    margin: 0 6px;
    margin-bottom: 2px;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action ul li {
    order: 2;
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action ul .p-reaction-container {
    order: 1;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action ul .p-reaction-container:before {
    display: none;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action ul .p-reaction-list-mini:before {
    margin-top: 10px;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action .p-reaction-container-outer {
    display: flex;
    align-items: center;
}

.comment_mini_content_commands+.js_feed_comment_view_more_holder .comment_mini_action .js_like_link_holder {
    display: none;
}

.item_options_holder a.item_options {
    position: relative;
    z-index: 1;
    height: 42px;
}

.p-reaction-list img,
.p-reaction-list-mini img,
.p-reaction-popup-user img,
.p-reaction-container img {
    vertical-align: middle;
}

.tooltip.p-reaction-custom-tooltip {
    z-index: 9999;
}

@media (max-width: 1024px) {
    .tooltip.p-reaction-custom-tooltip {
        display: none !important;
    }
}

.tooltip.p-reaction-custom-tooltip .tooltip-inner {
    border-radius: 4px;
}

/*End Reaction*/
/*Begin ' . Feed Status Background . '*/

.activity_feed_form .activity_feed_form_holder.egift-focus {
    padding-bottom: 0;
}

.activity_feed_form .activity_feed_form_holder.egift-focus .core-egift-wrapper {
    height: 40px;
}

html[dir='ltr'] .activity_feed_form .activity_feed_form_holder.egift-focus .core-egift-wrapper .item-icon-egift {
    margin-right: -8px;
}

html[dir='rtl'] .activity_feed_form .activity_feed_form_holder.egift-focus .core-egift-wrapper .item-icon-egift {
    margin-left: -8px;
}

.activity_feed_form .p-statusbg-container {
    position: relative;
    padding: 0;
}

.activity_feed_form .p-statusbg-container .p-statusbg-toggle-holder {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
    margin-left: -8px;
    margin-right: -8px;
}

.activity_feed_form .p-statusbg-container .p-statusbg-toggle-holder .p-statusbg-toggle-collection {
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #a2a2a2;
    background: #fff;
    z-index: 3;
    -webkit-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
    border-radius: 3px;
    font-size: 16px;
}

.activity_feed_form .p-statusbg-container .p-statusbg-toggle-holder .p-statusbg-toggle-collection .fa {
    font-size: 19px;
    width: 15px;
    height: 17px;
}

.activity_feed_form .p-statusbg-container .p-statusbg-toggle-holder .p-statusbg-toggle-collection.active {
    color: #555555;
}

@media (min-width: 767px) {
    .activity_feed_form .p-statusbg-container .p-statusbg-toggle-holder .p-statusbg-toggle-collection:hover {
        color: #555555;
    }
}

.activity_feed_form .p-statusbg-container textarea.focus {
    margin-bottom: 0;
}

.activity_feed_form .p-statusbg-container .js_preview_link_attachment_custom_form {
    margin-right: 20px;
}

html[dir='rtl'] .activity_feed_form .p-statusbg-container .js_preview_link_attachment_custom_form {
    margin-left: 20px;
    margin-right: 0;
}

.activity_feed_form .p-statusbg-container .contenteditable {
    word-break: break-word;
    word-wrap: break-word;
}

.activity_feed_form .p-statusbg-container.has-background {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: -16px -16px 0 -16px;
    width: auto;
}

.activity_feed_form .p-statusbg-container.has-background:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.activity_feed_form .p-statusbg-container.has-background>.item-avatar {
    display: none;
}

.activity_feed_form .p-statusbg-container.has-background .p-statusbg-toggle-holder {
    position: absolute;
    bottom: 8px;
    margin: 0;
}

html[dir="ltr"] .activity_feed_form .p-statusbg-container.has-background .p-statusbg-toggle-holder {
    right: 8px;
}

html[dir="rtl"] .activity_feed_form .p-statusbg-container.has-background .p-statusbg-toggle-holder {
    left: 8px;
}

.activity_feed_form .p-statusbg-container.has-background .p-statusbg-toggle-collection {
    margin: 0 !important;
}

.activity_feed_form .p-statusbg-container.has-background .p-statusbg-toggle-collection:not(.active) {
    background: rgba(255, 255, 255, 0.9);
}

.activity_feed_form .p-statusbg-container.has-background .chooseFriend {
    margin-left: 15px;
    margin-right: 15px;
    bottom: 0;
    transform: translateY(100%);
}

.activity_feed_form .p-statusbg-container.has-background:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
}

.activity_feed_form .p-statusbg-container.has-background .contenteditable {
    cursor: text;
}

.activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:before,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 42px;
        line-height: 56px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (min-width: 767px) and (min-width: 767px) {
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 42px;
        line-height: 56px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 1199px) {
    .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 22px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3) !important;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:before,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 33px;
        line-height: 44px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) and (min-width: 767px) {
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:before {
        font-size: 33px;
        line-height: 44px;
    }
}

.activity_feed_form .p-statusbg-container.has-background textarea,
.activity_feed_form .p-statusbg-container.has-background .contenteditable {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100%;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    overflow: hidden;
    width: 100% !important;
    max-height: none !important;
}

@media (min-width: 1200px) {

    .activity_feed_form .p-statusbg-container.has-background textarea,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        padding-left: 72px;
        padding-right: 72px;
        padding-bottom: 36px;
        padding-top: 36px;
        margin: 0;
        font-size: 28px;
        line-height: 37px;
        min-height: 109px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 1200px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }
}

@media (min-width: 1200px) and (min-width: 768px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }
}

@media (min-width: 481px) and (max-width: 1199px) {

    .activity_feed_form .p-statusbg-container.has-background textarea,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        padding-left: 48px;
        padding-right: 48px;
        padding-bottom: 24px;
        padding-top: 24px;
        margin: 0;
        font-size: 22px;
        line-height: 29px;
        min-height: 77px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 481px) and (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }
}

@media (min-width: 481px) and (max-width: 1199px) and (min-width: 768px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }
}

@media (min-width: 767px) {

    .activity_feed_form .p-statusbg-container.has-background textarea,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 16px;
        padding-top: 16px;
        margin: 0;
        font-size: 22px;
        line-height: 29px;
        min-height: 61px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }
}

@media (min-width: 767px) and (min-width: 768px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }
}

.activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
.activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

.activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
.activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

.activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
.activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

.activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
.activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3) !important;
}

@media (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 42px;
        line-height: 56px;
    }
}

@media (max-width: 1199px) {

    .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 22px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3) !important;
    }

    .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 22px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3) !important;
    }

    .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 22px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3) !important;
    }

    .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 22px;
        line-height: 29px;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.3) !important;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-webkit-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-webkit-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea::-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable::-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-ms-input-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-ms-input-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

@media (max-width: 1199px) and (min-width: 767px) and (min-width: 767px) {

    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background textarea:-moz-placeholder,
    #main.empty-left.empty-right .activity_feed_form .p-statusbg-container.has-background .contenteditable:-moz-placeholder {
        font-size: 33px;
        line-height: 44px;
    }
}

.p-statusbg-collection-container {
    border-top: 1px solid #f8f8f8;
}

@media (min-width: 481px) {
    .p-statusbg-collection-container {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 767px) {
    .p-statusbg-collection-container {
        margin: 0 -16px;
    }
}

.p-statusbg-collection-container .p-statusbg-collection-header {
    display: flex;
    flex-flow: wrap;
    padding-bottom: 8px;
    position: relative;
    margin: 0 -4px;
}

@media (min-width: 767px) {
    .p-statusbg-collection-container .p-statusbg-collection-header {
        padding-bottom: 0;
        height: 44px;
        padding-left: 16px;
        padding-right: 16px;
        margin: 0;
    }
}

@media (min-width: 481px) {
    .p-statusbg-collection-container .p-statusbg-collection-header li {
        padding: 0 4px;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header li.active a {
        background: #D5A9FF;
        color: #950FCD;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header li a {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        padding-left: 8px;
        padding-right: 8px;
        color: #555555;
        background: #eeeeee;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        border-radius: 24px;
        font-size: 12px;
        line-height: 16px;
    }
}

@media (min-width: 481px) and (min-width: 1081px) {
    .p-statusbg-collection-container .p-statusbg-collection-header li a:hover {
        background: #D5A9FF;
        color: #950FCD;
    }
}

@media (min-width: 767px) {
    .p-statusbg-collection-container .p-statusbg-collection-header li {
        display: flex;
        align-items: center;
    }

    html[dir="ltr"] .p-statusbg-collection-container .p-statusbg-collection-header li {
        padding-right: 56px;
    }

    html[dir="rtl"] .p-statusbg-collection-container .p-statusbg-collection-header li {
        padding-left: 56px;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header li:not(.active) {
        display: none;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header li a {
        padding: 0;
        font-size: 14px;
        color: #555555;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button {
        display: flex !important;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    html[dir="ltr"] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button {
        right: 0;
    }

    html[dir="rtl"] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button {
        left: 0;
    }

    .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-next,
    .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-prev {
        cursor: pointer;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        border-left: 1px solid #eeeeee;
        color: #a2a2a2;
    }

    html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-next,
    html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-prev {
        border-right: 1px solid #eeeeee;
        border-left: 0;
    }

    html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-next .ico,
    html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-prev .ico {
        transform: rotate(180deg);
    }

    .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-next.disabled,
    .p-statusbg-collection-container .p-statusbg-collection-header .collection-header-nav-button .item-prev.disabled {
        color: #eeeeee;
    }
}

html[dir='ltr'] .p-statusbg-collection-container .p-statusbg-collection-content {
    margin-left: -4px;
}

html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-content {
    margin-right: -4px;
}

@media (min-width: 767px) {
    .p-statusbg-collection-container .p-statusbg-collection-content {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: 1px solid #eeeeee;
    }
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing {
    display: flex;
    flex-flow: wrap;
    padding: 1px;
    max-height: 80px;
    overflow: auto;
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
    margin-bottom: 2px;
}

html[dir='ltr'] .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
    margin-right: 2px;
}

html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
    margin-left: 2px;
}

@media (min-width: 767px) and (max-width: 1199px) {
    .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
        margin-bottom: 3px;
    }

    html[dir='ltr'] .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
        margin-right: 3px;
    }

    html[dir='rtl'] .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item {
        margin-left: 3px;
    }

    .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer {
        padding: 3px !important;
        width: 30px !important;
        height: 30px !important;
    }
}

@media (max-width: 320px) {
    .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer {
        padding: 3px !important;
        width: 30px !important;
        height: 30px !important;
    }
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item.active .item-outer {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer {
    padding: 4px;
    width: 32px;
    height: 32px;
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer .item-bg {
    cursor: pointer;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 3px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer .item-bg:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer .item-bg-more {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: #eeeeee;
    color: #a2a2a2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media (min-width: 768px) {
    .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer .item-bg-more:hover {
        background: #D5A9FF;
        color: #950FCD;
    }

    .p-statusbg-collection-container .p-statusbg-collection-content .p-statusbg-collection-listing .collection-item .item-outer .item-bg-more:hover .ico:before {
        content: "\eac8";
    }
}

.p-statusbg-feed {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: auto;
}

.p-statusbg-feed:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.p-statusbg-feed .newline {
    padding: 0;
}

.p-statusbg-feed .activity_feed_content_status a {
    color: #fff;
    text-decoration: underline !important;
    text-decoration-color: #fff;
}

.p-statusbg-feed .activity_feed_content_status a:hover {
    opacity: 0.75;
}

.p-statusbg-feed .site_hash_tag {
    background: none !important;
    color: #fff !important;
}

.p-statusbg-feed+.activity_feed_location {
    display: none;
}

.p-statusbg-feed:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
}

.p-statusbg-feed.statusbg-bigsize:before {
    display: none;
}

.p-statusbg-feed.statusbg-bigsize .activity_feed_content_status {
    position: relative;
    transform: translateY(0);
    top: auto;
}

.p-statusbg-feed .activity_feed_content_status {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100%;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    overflow: hidden;
    width: 100% !important;
    max-height: none !important;
}

@media (min-width: 1200px) {
    .p-statusbg-feed .activity_feed_content_status {
        padding-left: 72px;
        padding-right: 72px;
        padding-bottom: 36px;
        padding-top: 36px;
        margin: 0;
        font-size: 28px;
        line-height: 37px;
        min-height: 109px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 1200px) and (min-width: 767px) {

    #main.empty-left .p-statusbg-feed .activity_feed_content_status,
    #main.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }

    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }
}

@media (min-width: 1200px) and (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 42px;
        line-height: 56px;
        min-height: 128px;
    }
}

@media (min-width: 481px) and (max-width: 1199px) {
    .p-statusbg-feed .activity_feed_content_status {
        padding-left: 48px;
        padding-right: 48px;
        padding-bottom: 24px;
        padding-top: 24px;
        margin: 0;
        font-size: 22px;
        line-height: 29px;
        min-height: 77px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 481px) and (max-width: 1199px) and (min-width: 767px) {

    #main.empty-left .p-statusbg-feed .activity_feed_content_status,
    #main.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }

    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }
}

@media (min-width: 481px) and (max-width: 1199px) and (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 92px;
    }
}

@media (min-width: 767px) {
    .p-statusbg-feed .activity_feed_content_status {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 16px;
        padding-top: 16px;
        margin: 0;
        font-size: 22px;
        line-height: 29px;
        min-height: 61px;
        font-weight: bold;
        color: #fff;
    }
}

@media (min-width: 767px) and (min-width: 767px) {

    #main.empty-left .p-statusbg-feed .activity_feed_content_status,
    #main.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }

    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }
}

@media (min-width: 767px) and (min-width: 768px) and (min-width: 767px) {
    #main.empty-left.empty-right .p-statusbg-feed .activity_feed_content_status {
        font-size: 33px;
        line-height: 44px;
        min-height: 76px;
    }
}

.feed_share_holder .p-statusbg-feed {
    margin-top: 12px;
}

.feed_share_holder .p-statusbg-feed .activity_feed_content_status {
    padding-top: 0;
}

@media (min-width: 767px) {
    .feed_share_holder .p-statusbg-feed .activity_feed_content_status {
        margin-top: -8px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 450px) {
    #global_attachment_status .tagged_review {
        padding-top: 0;
        margin-top: 12px;
    }
    .bts-filter-form form>.form-group input {
        width: 100%;
    }
    .bts-filter-form form>.form-group .js_datepicker_holder {
        display: block;
    }
    .bts-filter-form form select {
        max-width: 100%;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 12px;
        overflow-x:scroll !important;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .bts-filter-form form {
        display: flex;
        flex-wrap: wrap;
    }
    .bts-filter-form form > .form-group {
        width: 100%;
    }
    #js_location_feedback:not(.has-tagged) {
        margin-top: 8px;
    }

    .header_search_form .form-control-feedback.btn-mask-action {
        display: flex !important;
    }

/*    .header_search_form .form-control-feedback {
        display: none;
    }*/

    body {
        background-color: #f2f0f2;
        max-width: 450px;
        margin: auto !important;
        position: unset !important;
    }

    .header_search_form input.form-control {
        height: 48px;
        border: none;
        border-radius: 0;
        background: #FFF;
    }

    html[dir="ltr"] .header_search_form input.form-control {
        padding-right: 32px;
        height: 48px;
    }

    .sticky-bar>.sticky-bar-inner .header_search_form .form-group.has-feedback {
        justify-content: flex-start;
        display: flex;
    }

/*    .header_search_form .form-control-feedback {
        height: 48px;
        min-width: 32px;
        left: auto !important;
        right: 0;
        border-radius: 0;
    }*/

    ._block.location_6 #js_block_border_core_menusub.block .content .action li:not(.active) {
        display: none;
    }

    ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu .app-name {
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
        background: #9740D5;
        height: 48px;
        align-items: center;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        display: none;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    ._block.location_6 #js_block_border_core_menusub.block .content {
        width: 1200px;
        max-width: 100%;
    }

    ._block.location_6 #js_block_border_core_menusub.block {
        background: #9740D5 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        max-width: 100%;
        margin: auto;
    }

    ._block.location_6 #js_block_border_core_menusub.block .sub-section-menu-mobile {
        position: static;
        right: 0px;
        display: block;
    }

    .layout-main #left.layout-left,
    .layout-main #right.layout-right {
        width: 100%;
        position:unset !important;

    }

    .empty-right .layout-main #content-holder.layout-middle {
        width: 100%;
    }

    .layout-main #content-holder.layout-middle {
        width: 100%;
        margin-bottom: 16px;
        order: -1;
    }

    html[dir="ltr"] .layout-main #content-holder.layout-middle {
        margin-left: 0;
        margin-right: 0;
    }

    .layout-main {
        display: flex;
        flex-direction: column;
        margin-top: 0px;
        max-width: 450px;
        margin: auto;
/*        min-height: 100vh;*/
        background: #fff;
    }


    .navbar.main-navigation {
        width: 100%;
        max-width: 450px;
        background: #FFF;
        position: fixed;
        top: 0;
        bottom: auto;
        //z-index: 1000000000;
	z-index: 9998;
        overflow: visible;
        transform: translateZ(0);
        transform-style: preserve-3d;
        transition-delay: .15s;
        transition-duration: .3s;
        transition-property: transform, left;
        transition-timing-function: ease-out;
        transform: translateY(-2000px);
        animation: main-nav-animation 1s;
    }

    .navbar.main-navigation .site-logo {
        height: 88px;
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding: 24px;
    }

    .navbar.main-navigation .site-menu-small {
        position: absolute;
        left: 0;
        top: 0px;
        right: 0;
        padding: 16px;
        padding-bottom: 100px;
    }

    .navbar.main-navigation .site-menu-small {
        padding-right: 32px;
    }

    .navbar.main-navigation.in {
/*        transform: translateY(40px) !important;*/
        transform: translateY(20px) !important;
        left: calc((100% - 450px) / 2) !important;
    }

    :not(.fixed-preview) body[data-header="fixed"][data-submenu="fixed"] #section-header .main-navigation {
        height: 100vh !important;
    }

    .nav-mask-modal {
        left: calc((100% - 450px) / 2) !important;
        max-width: 450px;
        background-color: rgb(0 0 0 / 12%);
    }
    .sticky-bar ._size__120, .sticky-bar ._size__120:hover {
        width: 120px;
        height: 60px;
    }
    .profile-new-widget ._size__200,.profile-new-widget ._size__200:hover {
        width: 100px;
        height: 100px;
        max-height:50px !important;
        max-width:50px !important;
    }
    .profile-new-widget ._size__200 > span, .profile-new-widget ._size__200:hover > span
    {
        
        font-size: 20px !important;
    }
}

#user_sticky_bar .avatar {
    position: absolute;
    top: 45px !important;
    width: 65px;
    height: 65px;
    border-radius: 63%;
    right: 3px;
    border: 0dvb solid #9740D5;
}

#user_sticky_bar .avatar ._size__120,
#user_sticky_bar .avatar ._size__120:hover {
    width: 60px;
    height: 60px;
}

#user_sticky_bar .avatar .no_image_user._size__120,
#user_sticky_bar .avatar .no_image_user._size__120:hover {
    width: 53px;
    height: 53px;
}

#user_sticky_bar .avatar ._size__120 span {
    font-size: 12px !important;
}

.avatar .no_image_user,
.avatar .no_image_user:hover {
    background: #9740D5 !important;
}

.inner-logo {
    max-width: 100%;
    max-height: 60px;
}

.header_search_form .ico-search-o:before {
    content: "";
}

.header_search_form.active .ico-search-o:before {
    content: "\ea89";
}

/* #user_sticky_bar .s-4 
{
  width:auto !important;
} */

.notification_image {
    position: relative;
    top: 3px;
    left: 5px;
}

.message_image {
    position: relative;
    top: 4px;
}

.verified_image {
    position: absolute;
    height: 33px;
    top: 8px;
}

.ad-image {
    max-width: 100%;
    max-height: 200px;
    min-height: 200px;
}

.btn-nav-toggle:before {
    content: "";
    background: url(https://dev.epeik.world/PF.Site/flavors/material/assets/images/menu-icon.svg);
    width: 34px;
    height: 40px;
    position: relative;
    background-repeat: no-repeat;
    top: 5px;
    background-size: 32px 32px;
}

.user-sticky-bar ul.user-sticky-bar-items li a.notification-icon {
    padding: 0px 30px;
}

#hd-cof .notification-icon {
    padding-right: 10px;
}

.btn-nav-toggle {
    border: 0px;
}

@media (min-width: 320px) and (max-width: 450px) {
    .user-sticky-bar ul.user-sticky-bar-items li a.notification-icon {
        padding: 0px 10vw;
    }

    html[dir="ltr"] .header_search_form .form-control-feedback.btn-mask-action {
        left: 50%;
    }

    ._block.location_11 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .sticky-bar ._size__120, .sticky-bar ._size__120:hover {
        width: 120px;
        height: 120px;
        max-height: 45px;
    }
}

@media (min-width: 320px) and (max-width: 450px) {
    .image-blog {
        font-size: 3.2vw;
    }
    .profile-new-widget ._size__200, .profile-new-widget ._size__200:hover {
        width: 100px;
        height: 100px;
        max-height: 50px !important;
        max-width: 50px !important;
    }
    .mob-no-padding
    {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    /* CODE COMMENTED BY ECHOIT TO REMOVE THE TOP PADDING FOR VERIFICATION PAGE */
    /* :not(.fixed-preview) body[data-header="fixed"] {
        padding-top: 223px !important;
    }
    :not(.fixed-preview) body[data-header="fixed"]._is_guest_user {
        padding-top: 203px !important;
    } */
   
}

@media (min-width: 320px) and (max-width: 350px) {
    .user-sticky-bar ul.user-sticky-bar-items li a.notification-icon {
        padding: 0px 10vw;
    }

    .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu .setting-dropdown-menu-wrapper {
        max-height: 40vh !important;
        overflow-y: scroll;
    }
}

@media (min-width: 450px) {
    .user-sticky-bar ul.user-sticky-bar-items li a.notification-icon {
        padding: 0px 50px;
    }

    .sticky-bar {
        max-width: 450px;
        margin: auto;
        height: auto;
        padding-bottom: 8px;
    }

    :not(.fixed-preview) body[data-header="fixed"] {
/*        padding-top: 222px;*/
        padding-top: 208px;
    }
    :not(.fixed-preview) body[data-header="fixed"]._is_guest_user {
        padding-top: 200px;
    }
}


:not(.fixed-preview) body[data-header="fixed"][data-submenu="fixed"] #section-header #js_block_border_core_menusub {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 300ms ease-in-out;
    top: 0px;
    z-index: 98;
}

@media (min-width: 450px) {
    .left_logo {
        max-width: 126px;
        float: left;
        padding-left: 10px;
    }

    .center_logo {
        max-width: 260px;
        float: left;
        display: flex;
        align-items: center;
        height: 64px;
        width: 300px;
    }

    .logo-left {
        width: 158px;
        position: relative;
    }

    .logo-mid {
        width: 65px;
        top: 13px;
        position: relative;
    }

    .logo-text {
        max-width: 100%;
    }

    .logo-center {
        position: relative;
        top: -2px;
        left: 18px;
        margin: auto;
        font-family: 'Source Sans Pro', sans-serif;
        color: #9740D5;
        font-size: 24px;
        text-transform: capitalize;
        font-weight: 700;
    }

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

    .sticky-bar>.sticky-bar-inner {
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 0px;
    }

    .drop_image {
        position: relative;
        top: -5px;
        right: 1px;
    }

    .search_image {
        position: relative;
        top: 3px;
        left: -4px;
    }

    .notification-icon .drop_image {
        right: 4px;
    }

    .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu .setting-dropdown-menu-wrapper {
        max-height: calc(100vh - 340px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .border-bottom-5 {
        border-bottom: 5px solid #F2F0F3;
    }
    #js_block_border_core_menusub+.breadcrumbs_right_section .btn-app-addnew {
        top: 65px !important;
        position: absolute !important;
    }
}

@media (max-width: 450px) {
    .logo-mid {
        width: 16vw;
        position: relative;
    }
    #js_block_border_core_menusub+.breadcrumbs_right_section .btn-app-addnew {
        top: 80px !important;
    }
    .logo-text {
        max-width: 100%;
    }

    .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu .setting-dropdown-menu-wrapper {
        max-height: calc(100vh - 540px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .sticky-bar {
        max-width: 450px;
        margin: auto;
        height: auto;
        padding-bottom: 6px;
    }

    .logo-center {
        position: relative;
        top: 1px;
        left: 2px;
        margin: auto;
        max-width: 96%;
        font-family: 'Source Sans Pro', sans-serif;
        color: #9740D5;
        font-size: 6.5vw;
        text-transform: capitalize;
        font-weight: 700;
    }

    .left_logo {
        width: 40%;
        float: left;
        padding-left: 10px;
    }

    .center_logo {
        max-width: auto;
        float: left;
        display: flex;
        align-items: center;
        height: 13vw;
        width: 53%;
        ;
    }

    .logo-left {
        width: auto;
        max-width: 100%;
        position: relative;
    }

    .logo-center {
        position: relative;
        top: 10px;
        left: -5.2vw;
        margin: auto;
        max-width: 100%;
        font-family: 'Source Sans Pro', sans-serif;
        color: #9740D5;
        font-size: 5.2vw;
        text-transform: capitalize;
        font-weight: 700;
    }

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

    #user_sticky_bar .avatar ._size__120,
    #user_sticky_bar .avatar ._size__120:hover {
        width: 12vw;
        height: 12vw;
    }

    #user_sticky_bar .avatar {
        position: absolute;
        top: 18px !important;
        width: 16vw;
        height: auto;
        right: 0px;
    }

    .btn-nav-toggle:before {
        content: "";
     
        position: relative;
        background-repeat: no-repeat;
        top: 3px;
        background-size: 100%;
    }

    #hd-cof .notification-icon {
        padding-right: 20px;
    }

    .search_image {
        width: 9vw;
    }

    .notification_image {
        position: relative;
        top: 0px;
        height: auto;
    }

    .message_image {
        position: relative;
        top: 0px;
        height: auto;
    }

    .verified_image {
        position: absolute;
        width: 8.5vw;
        height: auto;
    }

    .drop_image {
        position: relative;
        top: -5px;
    }

    .navbar.main-navigation {
        top: 20vh;
        width: 100%;
        max-width: 100%;
    }

    .btn-close {
        left: 88%;
    }

    #section-header {
        margin-bottom: 16px;
        height: auto;
    }

    .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu .setting-dropdown-menu-wrapper {
        max-height: 40vh;
    }
}

.feed-logo {
    max-width: 60px;
}

.feed-cat-button {
    padding: 10px;
    cursor: pointer;
    float: right;
}

.feed-cat-button a {
    color: #fff;
}

@media (min-width: 450px) {
    #main {
        margin-left: -16px;
        margin-right: -16px;
    }

    .head_text {
        font-size: 11px;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 4px;
    }

    .head_no_text {
        font-size: 6px;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 1px;
    }

    .head_bottom_text {
        color: #000;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        margin-top: 6px;
    }
    .bts-filter-form form>.form-group {
        width: 100%;
    }
}

.js_feed_view_more_entry_holder .activity_feed_content,
.js_feed_comment_border .activity_feed_content {
    padding-left: 0px;
    padding-right: 0px;
}

.js_feed_comment_border {
    padding-left: 16px;
    padding-right: 16px;
}

.empty-left .layout-main #content-holder.layout-middle {
    width: 100%;
}

._app_photo .activity_feed_multiple_image>div .photo_holder_image.photo-single-image img {
    width: 100% !important;
}

.sticky-bar-inner.overlap .header_search_form .search_image {
    position: relative;
    top: 0px;
    left: 1px;
    width: 24px;
    height: 24px;
}

.sticky-bar>.sticky-bar-inner .search-panel {
    flex: 2;
}

div#breadcrumbs_menu {
    position: relative !important;
    max-width: 450px;
    left: auto !important;
    margin: auto;
    width: 100%;
    right: auto !important;
}

.app-addnew-block {
    position: absolute;
    z-index: 9;
    width: 100%;
}



.navbar.main-navigation .site-logo {
    background-color: #fff;
}

.navbar.main-navigation .site-menu-small {
    background: #fff;
    max-height: inherit;
    overflow-y: scroll;
    height: calc(100vh - 80px);
    top: 0px;
}

._block.location_11 {
    position: relative;
    z-index: 6;
    /* margin-left: 15px;
                    margin-right: 15px; */
}

.js_box_holder {
    max-width: 450px !important;
}

.js_box_holder .js_box {
    border-radius: 10px;
    max-height: none !important;
    position: absolute !important;
    overflow: visible !important;
    max-width: 400px;
    margin-left: 25px !important;
    left: auto !important;
}

html[dir='ltr']:not(.fixed-preview) body[data-left="fixed"] .layout-main .layout-middle {
    margin-left: 0px !important;
}

html[dir='ltr']:not(.fixed-preview) body[data-left="fixed"] .layout-left {
    position: unset;
    z-index: 1;
    left: auto !important;
}

#main.empty-left.empty-right .item-container.user-listing .user-item {
    width: 50%;
}

#page_event_index .empty-right .event-container .event-item,
#page_event_index .empty-left .event-container .event-item {
    width: 50%;
}

html[dir="ltr"] .moderation_placeholder {
    left: calc((100% - 450px)/2);
}

.btn-scrolltop {
    position: fixed !important;
    right: calc((100% - 450px) / 2);
    bottom: 4px;
    left: auto;
    z-index: 999;
}

html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link {
    width: 65% !important;
}

html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link {
    width: 20% !important;
}

html[dir="ltr"] .comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holde {
    width: 20% !important;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link>a {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    position: relative;
    width: calc((100% / 5));
    background: transparent;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link>a:nth-child(1) {
    padding-left: 0px !important;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link>a:nth-child(1) .hover_text {
    text-align: right !important;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a .active,
.comment-mini-content-commands .button-like-share-block .feed-comment-link>a .active {
    display: none;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a:hover .active,
.comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover .active {
    display: block;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a:hover .normal,
.comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover .normal {
    display: none;
}

.comment-mini-content-commands .button-like-share-block .feed-comment-link>a:hover {
    color: #9740D5;
}

.comment-mini-content-commands .button-like-share-block .feed-comment-link>a,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder>a {
    font-size: 21px !important;
}

.activity_feed_content_image {
    width: 100%;
    text-align: center;
}

.reaction-count {
    position: absolute;
    top: 34px;
    color: #9D48AE !important;
    font-size: 14px !important;
    font-weight: bold;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a.active_item_count .active {
    display: block;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a.active_item_count .normal {
    display: none;
}

/* .comment-mini-content-commands .button-like-share-block .feed-like-link a.active_item_count .hover_text {
                    display: block !important;
                    color: #9740D5;
                } */

.toptext {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: capitalize;
    padding-left: 15px;
    color: #9740D5;
}

.comment-item .action-list .active {
    display: none;
}

.comment-item .action-list a:hover .active {
    display: block;
}

.comment-item .action-list a:hover .normal {
    display: none;
}

.comment-item .action-list .item-outer {
    position: relative;
    padding: 0px 20px;
}

.comment-item .action-list .item-time {
    margin-top: 25px !important;
}

.comment-item .action-list img {
    width: 20px;
}

.image-blog .img-wrapper {
    width: 50px;
    height: 50px;
}

.image-blog img {
    max-width: 50px;
}

.bb1 {
    border-bottom: 1px solid #dcdcdc;
}

.js_parent_feed_entry .epeik-feed.has-image .epeik-title a,
.feed_share_blog .epeik-feed.has-image .epeik-title a {
    font-size: 20px;
}

.js_comment_like_holder {
    visibility: hidden;
}

.f10 {
    font-size: 8px;
    margin-right: 10px;
}

#page_photo_view .photos_stream {
    max-width: 450px;
    margin: auto;
}

._app_user_status.js_parent_feed_entry .epeik-feed.has-image .epeik-title,
._app_epeik.js_parent_feed_entry .epeik-feed.has-image .epeik-title a,
.feed_share_blog .epeik-feed.has-image .epeik-title a,
.js_feed_view_more_entry_holder .epeik-title a {
    max-width: 100%;
    padding: 0;
    font-size: 16px !important;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 42px;
    white-space: normal;
    display: block !important;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

._app_user_status.js_parent_feed_entry .epeik-feed .epeik-feed-info .epeik-content,
._app_epeik.js_parent_feed_entry .epeik-feed .epeik-feed-info .epeik-content
.feed_share_blog .epeik-feed .epeik-feed-info .epeik-content {
    color: #a2a2a2;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    text-overflow: ellipsis;
    line-height: 19px;
    word-break: break-word;
    word-wrap: break-word;
    max-height: 80px;
    white-space: normal;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: pre-line;
    position: relative;
}

._app_user_status.js_parent_feed_entry .epeik-feed .epeik-feed-info, .feed_share_blog .epeik-feed .epeik-feed-info {
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 10px 20px 10px 14px;
}
.feed_share_epeik {
    position: relative;
}

.read-more-epeik {
    position: absolute;
    top: auto;
    right: 0px;
    background: #fff;
    bottom: 0px;
}

.feed_share_epeik .read-more-epeik {
    position: absolute;
    top: auto;
    bottom: 2px;
}

.read-more-epeik a {
    color: #EA96F5 !important;
}

.image-blog {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
}

.activity_feed_header_info {
    position: relative;
}

.feed-options-holder {
    position: absolute;
    right: 15px;
    top: 22px;
}

.hover_text {
    position: absolute;
    font-size: 14px;
    width: 110px;
    text-align: center;
    top: -15px;
    z-index: 1000;
    padding: 3px;
    display: none;
    font-weight: bold;
}

.comment-mini-content-commands .button-like-share-block .feed-like-link a:hover .hover_text {
    display: block;
}

img.normal,
img.active,
.sett-ico-img {
    max-width: 18px !important;
}

.sett-ico-img {
    max-width: 24px !important;
    font-size: 18px;
    color: #c6c6bd;
}

:not(.fixed-preview) body[data-header="fixed"][data-profile="fixed"].profile_menu_is_fixed .profiles-menu.set_to_fixed {
    display: none !important;
}

.comment-content .comment-mini-content-commands .button-like-share-block {
    margin-top: 20px;
    border-top: 0px solid #f8f8f8;
    border-bottom: 0px solid #f8f8f8;
}

.comment-content .comment-mini-content-commands .button-like-share-block .feed-like-link:before,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-link:before,
.comment-content .comment-mini-content-commands .button-like-share-block .feed-comment-share-holder:before {
    background: transparent;
}

.mediacaption {
    font-family: 'Calibri';
    font-size: 12px;
}

.comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-like-link,
.comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-link,
.comment-mini-content-commands .button-like-share-block.comment-has-3-actions .feed-comment-share-holder {
    width: 50%;
}

.site-logo {
    display: none;
}

@media screen and (max-width: 480px) {
    .item-detail-feedcomment .js_parent_feed_entry.parent_item_feed .comment-content .comment-mini-content-commands .button-like-share-block>div {
        width: 65% !important;
        flex: none;
    }

    ._is_profile_view .container .row div[class^="col-"],
    ._is_pages_view .container .row div[class^="col-"],
    ._is_groups_view .container .row div[class^="col-"] {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* html[dir="ltr"] #main .container .row {
        margin-left: -16px !important;
        margin-right: -16px !important;
    } */

    html[dir="ltr"] .pl-0 {
        padding-left: 0 !important;
    }

    html[dir="ltr"] .pr-1 {
        padding-right: 8px !important;
    }

    .user-sticky-bar ul.user-sticky-bar-items li.settings-dropdown .dropdown-menu {
        min-width: 300px;
        margin-right: -16px;
    }

    .navbar.main-navigation {
        transform: translateY(-2000px) !important;
    }

    .head_text {
        font-size: 2.8vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 2px;
    }

    .head_no_text {
        font-size: 1vw;
        margin-bottom: 2.5px;
    }

    .head_bottom_text {
        color: #000;
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        margin-top: 6px;
    }

    .border-bottom-5 {
        border-bottom: 5px solid #F2F0F3;
    }
}

@media screen and (max-width: 991px) {
    .navbar.main-navigation {
        transform: translateY(-2000px) !important;
    }
}

.min-padding {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.head_ico {
    max-width: 100%;
}

.red {
    color: red;
}

.green {
    color: #9740D5;
}
.p_title
{
    font-size: 16px;
    font-weight: bold;
}
.epeik-feed-info
{
    padding: 10px 20px 10px 14px;
}
._app_epeik.js_parent_feed_entry .epeik-feed .epeik-feed-info .epeik-content, .feed_share_blog .epeik-feed .epeik-feed-info .epeik-content
{
    position:relative;
}
@media screen and (max-width: 350px) {
    .head_bottom_text {
        font-size: 3.8vw !important;
    }
}
/*End Feed Status Background*/

/*hussain css*/
.btn-nav-toggle::before {
	content: "";
	background: url(/PF.Site/flavors/material/assets/images/purple/new-logo/bars.svg);
	width: 34px;
	height: 40px;
	position: relative;
	background-repeat: no-repeat;
	top: 5px;
	background-size: 32px 32px;
}
/*to make nav drop image logo green to gray*/
.drop_image {
	width: 30px;
	right: unset !important;
	filter: grayscale(1) brightness(0) opacity(0.5);
}
#main {
	margin-top: -12px;
}
#section-header {
	margin-bottom: 0 !important;
}
.btn-primary {
	color: #ffffff;
	background-color: #9740D5;
	border-color: #9740D5;
}
.btn-primary:hover {
	background-color: #9740D5;
	box-shadow: 0px 6px 12px 0px #9740D566;
}

@media (min-width:450px) (max-width:450px) {
    #js_block_border_core_menusub+.breadcrumbs_right_section .btn-app-addnew {
        top: 80px !important;
    }
}

.feed-like-link a:nth-last-of-type(-n+2) img {
    max-width: 14px !important;
}
div#section-header {
    margin-top: 10px;
}

#main #content-stage{
    min-height: unset !important;
}
footer#section-footer {
    max-width: calc(450px);
    margin: -1px auto;
}