/* Адаптивные стили для пагинации */
#es .o-pagination {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

#es .o-pagination > li {
    display: inline-block;
    flex-shrink: 0;
    float: none;
}

#es .o-pagination > li > a,
#es .o-pagination > li > span {
    float: none;
    display: inline-block;
    min-width: 40px;
    box-sizing: border-box;
    text-align: center;
}



[data-likes-counter], [data-comments-counter], [data-reposts-counter] {
    margin-left: 4px;
    font-size: 13px;
}

#es .es-story-video-progress-wrap {
	border-radius: 8px;
}

#es .es-stream-meta .es-stream-title {
	font-size: 14px;
}
#es .es-stream-meta .es-stream-title a,.es-comment__author a,.es-photo-owner a {
    font-size: 14px;
}

#es .es-stream-meta .es-stream-title a,.es-comment__author a,#es .es-leader-context__info a,.es-photo-owner a {
    font-weight: bold;
}

#es .es-stream-content {
	font-size: 14px;
	color: #0c1322;
}

#es .es-comment {
	color: #0c1322;
}

#es.is-mobile .es-forms .es-snackbar2.es-page-header {
    padding: 0;
}

.is-mobile #es #backtologin {
    display: inline-block;
}

#es #backtologin {
    font-size: 20px;
    border: 0;
    height: 48px;
    line-height: 38px;
    display: none;
}


/*  CHOSEN JS  */

#es .chosen-container-multi .chosen-choices {
    border: 1px solid #ccc;
    min-height: 34px;
    padding: 2px 10px;
    line-height: 1.666666667;
    border-radius: 2px;
    box-shadow: none;
    background: none;
}

#es .chosen-container-multi .chosen-choices li.search-choice {
    border: 0;
    background: #f5f6f8;
    border-radius: 2px;
    color: #3d7eff;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    height: 22px;
    line-height: 22px;
    padding: 0px 20px 0px 5px;
    box-shadow: none;
}



#es .chosen-container-multi .chosen-choices li.search-choice span {
    padding: 0 4px;
}

#es .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: unset !important;
    font-size: 14px;
    top: 0;
    right: 0;
    width: unset;
    height: unset;
    padding: 0 4px;
    line-height: 22px;
    color: inherit;
	opacity: .6;
}

#es .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	opacity:1;
}

#es .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "\F0156";
	font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

#es .chosen-container .chosen-results li.highlighted {
    background: #f5f6f8;
}

#es .chosen-container .chosen-results li {
    padding: 6px;
    font-size: 12px;
    line-height: 1.538461538;
}

#es .chosen-container .chosen-results li+li {
    border-top: 1px solid #ddd;
}

#es .chosen-container-single .chosen-single {
    height: 34px;
    line-height: 34px;
    background: none;
    box-shadow: none;
    border-radius: 6px;
}

#es .chosen-container-single .chosen-single div {
    display: flex;
    align-items: center;
}

#es .chosen-container-single .chosen-single div b {
    height: 20px;
    margin-top: 0;
}

#es .chosen-container .chosen-results {
    padding: 0;
}

#es .chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-choices {
	border-radius: 6px 6px 0 0;
}

#es .chosen-container .chosen-drop {
    border-radius: 0 0 6px 6px;
}

/*  CHOSEN JS END */


html.com_easysocial .modal-open #es .es-container {
    position: inherit;
	z-index: unset;
}


#es .modal .modal-title {
    margin: 0;
}

/*   WELCOME MESSAGE */

#welcome-modal {
    background: rgb(43 45 59 / 50%);
	overflow: auto;
}

#welcome-modal .modal-md {
    max-width: 600px;
}

.welcome-container .modal-body {
    text-align: center;
}

#es .welcome-container .item img {
    height: 200px;
    margin: 0 auto;
}

.welcome-text-header {
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 10px;
}

.welcome-text {
    font-size: 14px;
	color: #8994a9;
}


#es .welcome-container .carousel {
    position: relative;
}

#es .welcome-container .carousel .owl-nav button {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
    margin: 0;
    background: transparent;
}

#es .welcome-container .carousel .owl-nav button span {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 1.666666667;
    border-radius: 6px;
    border: 1px solid transparent;
    display: inline-block;
}

#es .welcome-container .carousel .owl-nav button .am-prev {
    padding: 0;
    height: 34px;
    font-size: 24px;
    line-height: 34px;
}

#es .welcome-container .carousel .owl-nav button .am-next:hover, #es .welcome-container .carousel .owl-nav button .am-next:focus {
    background-color: #5c90fa !important;
    border-color: #5c90fa !important;
}

#es .welcome-container .carousel .owl-nav button .am-next {
    background: #3d7eff !important;
    color: #ffffff !important;
	min-width:100px;
}

.is-mobile #es .welcome-container .carousel .owl-nav button .am-next {
	min-width:unset;
}

#es .welcome-container .carousel .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

#es .welcome-container .carousel .owl-nav button.disabled {
    display: none;
}

#es .welcome-container .i-chevron {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    font-size: 28px;
    padding: 9px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    color: #9ba8bf;
}

#es .carousel .i-chevron:before {
    top: 0;
}

#es .welcome-container .i-chevron--left {
    left: 0;
}

#es .welcome-container .i-chevron--right {
    right: 0;
}


#es .welcome-container .carousel-caption {
    position: unset;
    text-shadow: none;
    padding: 24px;
	color: #0c1322;
}

#es .welcome-container .modal-title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
}

#welcome-modal .owl-nav {
    margin: 0;
}

#welcome-modal .modal-body {
    padding: 0;
}

#welcome-modal .btn[data-welcome-btn] {
    min-width: 200px;
}

#welcome-modal .image {
    padding: 40px 0;
	background-color: #4158D0;
	background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

#welcome-modal .actions {
    margin-top: 16px;
}

#welcome-modal .owl-dots {
    padding: 0 10px calc(15px + env(safe-area-inset-bottom));
}

#welcome-modal .owl-theme .owl-dots .owl-dot span {
	width: 6px;
    height: 6px;
	margin: 0 3px;
}

.is-mobile #welcome-modal .modal-content {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	border-radius: 0;
}

.is-mobile #welcome-modal .owl-carousel {
    height: calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top));
    display: flex;
    flex-direction: column;	
}

.is-mobile #welcome-modal .owl-carousel .owl-stage-outer {
    flex: 1;
}

/*   WELCOME MESSAGE END */

/*   PROFILE COMPLETENESS MODULE    */


#es.mod-es-profile-completeness .progress-bar-success {
    background-color: #3d7eff;
    box-shadow: none;
}

#es.mod-es-profile-completeness .progress {
    height: 6px;
}

#es.mod-es-profile-completeness .o-box, #es.mod-es-profile-completeness .o-box--border {
    border: 0;
}

#es.mod-es-profile-completeness .o-flag.es-completeness-check-list__item.is-completed {
    display: none;
}

#es.mod-es-profile-completeness .o-box>div {
    padding: 0;
}

#es.mod-es-profile-completeness .es-completeness-check-list {
    margin-top: 10px;
}

#es.mod-es-profile-completeness .modal-title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	margin: 0;
}

#es.mod-es-profile-completeness .modal-image {
    text-align: center;
    padding: 20px;
}

#es.mod-es-profile-completeness .modal-image img {
    max-width: 180px;
    width: 100%;
}

#es.mod-es-profile-completeness .modal .text-description {
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
}

#es .es-completeness-check-list__item a {
    color: #0c1322;
}

#es .es-completeness-check-list__item a:hover, #es .es-completeness-check-list__item a:focus {
    color: initial;
}

#es .es-completeness-check-list__icon {
    border: 0;
    font-size: 24px;
    color: #ffae3d;
}

#es .es-completeness-check-list__icon i {
    top: 0;
    transform: none;
}



/*   PROFILE COMPLETENESS MODULE  END   */

/*   CONTENT PRELOADER */

#es .es-cards-loader .o-row {
    display: none;
}

#es .es-cards-loader {
    background: #fff;
    padding: 10px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

.is-mobile #es .es-cards-loader {
	border-radius:0;
	border-left:0;
	border-right:0;
}

html.com_easysocial.view-dashboard #es .es-cards-loader {
	background: none;
    padding: 0;
    border: 0;
}

#es .es-cards-loader  .ph-item {
    border: 0;
}

html.com_easysocial.view-dashboard #es .es-cards-loader  .ph-item {
    border-radius: 8px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

.is-mobile #es .es-forms,.is-mobile #es .ds-page-form,.is-mobile #es .video-info-header, html.com_easysocial.view-dashboard .is-mobile  #es .es-cards-loader .ph-item,.is-mobile #es.view-audios .es-audio-single .es-audio-content-body,.is-mobile #es .audio-info-header,.is-mobile #es.view-badges .es-content,.is-mobile #es.view-points .es-content {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.ph-avatar, .ph-row div {
    background-color: #e2e4e9;
}

#es .ph-item.ph-snackbar {
    margin: -10px -10px 16px;
    border-radius: 8px 8px 0 0;
    border: 0;
    padding: 14px 8px 6px 8px;
} 

#es .ds-page-form .es-list-result .es-cards-loader, #es .app-members .es-cards-loader {
    padding: 0;
    border: 0;
}


#es .app-members .es-cards-loader .ph-item {
    padding: 16px 0px 8px 0px;
}

#es .app-members .es-cards-loader .ph-item .ph-col-2 {
    padding-left: 0;
}

#es .app-members .es-cards-loader .ph-item>div:last-child {
    padding-right: 0;
}

#es .app-members .es-cards-loader .ph-item .ph-avatar {
    margin: 0;
    width: 80px;
    height: 80px;
}

/*   CONTENT PRELOADER END  */ 


/*   DJ CLASSIFIEDS STREAM APP  */

#es .pages-stream-item-card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 8px;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f6f8;
}

.is-mobile #es .pages-stream-item-card {
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 0;
}

#es .pages-stream-item-card .item-content {
    width: 100%;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

#es .pages-stream-item-card .item-description-wrap {
    flex-grow: 1;
    overflow: hidden;
}

#es .pages-stream-item-card .item-content .item-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #0c1322;
}

#es .pages-stream-item-card .images-slider-wrap {
    position: relative;
    width: 100%;
}

#es .pages-stream-item-card #images-slider {
    width: 100%;
}

#es .pages-stream-item-card #images-slider .owl-nav {
    margin: 0;
}

#es .pages-stream-item-card #images-slider .owl-nav button.owl-prev, #es .pages-stream-item-card #images-slider .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 1;
    outline: none;
    opacity: 0.5;
    margin: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
}

#es .pages-stream-item-card #images-slider:hover .owl-nav button.owl-prev, #es .pages-stream-item-card #images-slider:hover .owl-nav button.owl-next {
    opacity: 1;
}

#es .pages-stream-item-card #images-slider .owl-nav .owl-prev {
    left: 0px;
}

#es .pages-stream-item-card #images-slider .owl-nav .owl-next {
    right: 0px;
}

#es .pages-stream-item-card #images-slider .owl-nav button.owl-prev:hover, #es .pages-stream-item-card #images-slider .owl-nav button.owl-next:hover {
    color: #fff;
    outline: none;
    opacity: 1;
}

#es .pages-stream-item-card #images-slider .owl-nav .owl-prev:hover {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

#es .pages-stream-item-card #images-slider .owl-nav .owl-next:hover {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

#es .pages-stream-item-card #images-slider .owl-nav .owl-prev span, #es .pages-stream-item-card #images-slider .owl-nav .owl-next span {
    font-size: 40px;
    outline: none;
    color: #fff;
    display: flex;
    text-shadow: 0px 0px 2px #0000004d;
}


#es .pages-stream-item-card .image-wrap {
    width: 100%;
    position: relative;
}

#es .pages-stream-item-card .image-wrap>a {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
	height: 306px;
}

#es .pages-stream-item-card #images-slider .image-wrap .img {
    background: no-repeat center;
    width: 100%;
    height: 100%;
	z-index: 1;
}

#es .pages-stream-item-card .image-wrap .img_cover {
    position: absolute;
    top: -13px;
    right: -13px;
    bottom: -13px;
    left: -13px;
    display: block;
    opacity: .4;
    background: no-repeat center;
    background-size: cover;
    -webkit-filter: blur(13px);
    filter: blur(13px);
}

.is-mobile #es .pages-stream-item-card #images-slider .img_cover {
    display: none;
}

.is-mobile #es .pages-stream-item-card #images-slider .image-wrap {
    background: #000;
}

#es .pages-stream-item-card .image-wrap img {
	width: auto;
    height: 100%;
    position: relative;
}

#es .pages-stream-item-card .item-category {
    position: absolute;
    left: 8px;
    bottom: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 .6em;
    border-radius: .25em;
    z-index: 3;
}

#es .pages-stream-item-card .item-category a {
    font-size: 12px;
    color: #fff;
}

#es .pages-stream-item-card .images-count {
    font-size: 12px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    padding: 0 3px;
    border-radius: .25em;
    z-index: 3;
}

#es .pages-stream-item-card .images-count i,#es .pages-stream-item-card .item-content .item-status i {
    margin-right: 4px;
}


#es .pages-stream-item-card .item-content .item-status {
    margin-top: 8px;
}


/*   DJ CLASSIFIEDS STREAM APP END */

/*   DJ CLASSIFIEDS APP  */

#pages-app .item {
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
    width: 100%;
	padding:20px 0;
}

#pages-app .item + .item {
    border-top: 1px solid #ecedee;
}

#pages-app .item .item_img_box {
    float: left;
    padding-right: 20px;
}

#pages-app .item_img_box img {
    border-radius: 8px;
    width: 100px;
}

#pages-app .item .title {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0px 0 5px;
}

#pages-app .item .item_content {
    width: 100%;
	flex: 3 1 100px;
}

#pages-app .dj-published-status-block .col_ua_row+.col_ua_row {
    margin-top: 5px;
}

#pages-app .promotions_active {
    display: flex;
    gap: 4px;
}

#pages-app .promotions_active .prom-icon, #pages-app .promotions_active .prom-icon img {
    width: 20px;
    height: 20px;
}

#pages-app .nav-tabs {
    margin-left: 0;
    margin-bottom: 20px;
	overflow-y: auto;
    display: flex;
}

/* Скрываем scrollbar для Chrome, Safari и Opera */
#pages-app .nav-tabs::-webkit-scrollbar {
  display: none;
}
 
/* Скрываем scrollbar для IE, Edge и Firefox */
#pages-app .nav-tabs {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;  /* Firefox */
}

#pages-app .nav-tabs li {
    margin: 0;
}

#pages-app .nav-tabs li + li{
    margin-left: 10px;
}

#pages-app .nav-tabs>li a {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 18px;
    transition: .3s;
    border: 0;
    line-height: 1.538461538;
    display: flex;
    align-items: center;
}

#pages-app .nav-tabs>li.active a {
    color: #0c1322;
    font-weight: bold;
    background: #f5f6f8;
}

#pages-app .nav-tabs>li a:hover,#pages-app .nav-tabs>li a:focus {
	background: #f5f6f8;
}

#pages-app .nav-tabs>li a label {
	padding-top: 0;
	padding-bottom: 0;
}

#pages-app .more-btn-block .dropdown .dropdown-toggle {
    height: 20px;
    display: flex;
}

#pages-app .more-btn-block a i {
    font-size: 20px;
    line-height: 20px;
    color: #c0c8d8;
}


#pages-app  #SoldModal .close {
    padding: 10px;
    position: relative;
    z-index: 1;
}

#pages-app.es-container {
    position: initial;
} 

#es .es-side-widget.adverts .djcf_items img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
	max-width: unset;
}

#es .es-side-widget.adverts .djcf_items .item+.item {
    margin-top: 16px;
}



/*   DJ CLASSIFIEDS APP END */

/*   JGIFTS APP    */

#gifts-app .grid-item {
    width: 100%;
    border: 0;
    padding: 20px 0;
    margin: 0;
	position: relative;
	background: transparent;
}

#gifts-app .grid-item + .grid-item {
    border-top: 1px solid #ecedee;
}

#gifts-app .grid-item .grid-item-author {
    display: flex;
    flex-wrap: wrap;
}



#gifts-app .grid-item .grid-item-author .o-flag {
    width: calc(100% - 20px);
}



#gifts-app .grid-item .author_info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#gifts-app .grid-item .author_info time {
    font-size: 12px;
	font-weight: normal;
}

#gifts-app .grid-item .grid-item-author .btn-control {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 20px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

#gifts-app .grid-item:hover .grid-item-author .btn-control, #gifts-app .grid-item:focus .grid-item-author .btn-control {
    opacity: 1;
}

#gifts-app .grid-item-img {
    margin: 10px 0;
}

#gifts-app .grid-item-message {
    text-align: center;
    padding: 0px 0 10px;
    font-size: 14px;
}

#gifts-app .gift-back {
    text-align: center;
}



/*   JGIFTS APP END */

/*   DATING SEARCH MODULE  */

#es .mod-es-dating-search-form {
    border: 0;
    padding: 0;
}

/*   DATING SEARCH MODULE END */



/*   SETTINGS   */

#es .profile-delete-widget {
    text-align: center;
}

#es .profile-delete-widget .es-side-widget__bd {
    padding: 20px;
}



/*   SETTINGS  END  */


/*   LEADER BOARD PAGE  */


#es.view-leaderboard .es-content {
    padding: 12px 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es .es-stage__title {
    font-size: 24px;
	margin: 16px 0 12px;
}

#es.view-leaderboard .leaderboard_your_rank {
    margin-bottom: 0;
}

#es .es-leaderboard tr td {
    border-bottom: 1px solid #ECEEEE;
	vertical-align: middle;
}

#es .es-leaderboard thead {
    background-color: #f5f6f8;
}


#es .es-stage__audience-result table.es-leaderboard .o-flag__body {
    font-size: 14px;
    font-weight: bold;
}

/*   LEADER BOARD PAGE END */ 

/*   LEADER BOARD MODULE  */ 


#es.mod-es-leader .es-leader-context {
    margin-left: 0;
}

#es .mod-es-leader-item+.mod-es-leader-item {
    margin-top: 16px;
    padding-top: 0;
    border-top: 0;
}

#es.mod-es-leader .mod-es-action {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
}


/*   LEADER BOARD MODULE END */ 

/*   GROUPS LIST PAGE  */


#es .es-group-listing {
    position: relative;
}


#es .es-group-listing .es-card__avatar {
	width: 80px;
    height: 80px;   
    background: transparent;
	position:initial;
	float:left;
	margin-right:15px;
}

#es .es-group-listing  .es-card__title {
    margin-top: 8px;
	font-size: 14px;
}

#es .es-group-listing .es-card__avatar img {
    border-radius: 50%;
	border: 2px solid #fff;
}

#es .es-group-listing .es-card__avatar a {
    padding: 0;
    background: transparent;
}

#es .es-group-listing .es-cards__item:not(:first-child) {
    border-top: 1px solid #ecedee;
}

#es .es-group-listing .es-card {
    border: 0;
}

#es .es-group-listing .es-cards__item .es-card__bd {
    padding: 20px 0;
}

#es .es-group-listing .es-cards__item {
    padding: 0;
}


/*   GROUPS LIST PAGE END */


/*   GROUP SIDEBAR */

#es .es-container__sidebar .groups-menu-mod .es-side-widget__bd .o-tabs li+li {
    margin-top: 2px;
}

#es .es-container__sidebar .groups-menu-mod .media-share-btn {
    border: 0;
    float: none;
    text-align: left;
}

#es .es-container__sidebar .groups-menu-mod .media-share-btn, #es .es-container__sidebar .groups-menu-mod .dropdown-toggle_.btn,#es .es-container__sidebar .groups-menu-mod li>a  {
    border: 0;
    float: none;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 12px;
    line-height: 16px;
	display: block;
	width: 100%;
	display: flex;
    align-items: center;
	color: #8994a9 !important;
	border-radius:3px;

}

#es .es-container__sidebar .groups-menu-mod li>a i,#es .es-container__sidebar .groups-menu-mod .dropdown-toggle_.btn i {
    font-size: 18px;
    line-height: 20px;
    margin-right: 6px;
    color: #8994a9 !important;
}

#es .es-container__sidebar .groups-menu-mod li>a:hover, #es .es-container__sidebar .groups-menu-mod li>a:focus {
    background: #f5f6f8 !important;
    color: #8994a9 !important;
}



#es .es-container__sidebar .groups-menu-mod .o-btn-group {
	display: block;
}

#es .es-container__sidebar .groups-menu-mod  .o-tabs__item a {
	display: block;
}

#es .es-container__sidebar .groups-menu-mod .media-share-btn span {
	display:inline-block;
}

#es .groups-intro-mod .es-side-widget__bd {
    padding: 0 12px 12px;
}

#es .groups-intro-mod .t-text--muted, #es .groups-intro-mod .t-text--muted a {
    color: #8994a9 !important;
}

#es .groups-intro-mod .t-text--muted i {
    width: 16px;
    text-align: center;
}




/*   GROUP SIDEBAR END  */


/*   MIX APPS   */


#es .es-apps-item__title {
    font-size: 14px;
}

#es .es-apps-entry__hd .es-apps-item__title {
    font-size: 16px;
}

#es .es-apps-item__ft,#es .es-apps-entry__ft {
    background-color: transparent;
    padding: 12px 0;
    border-bottom: 1px solid #ecedee;
}



/*   MIX APPS END  */

/*   Reset Password PAGE    */

#es .es-social-signon__form {
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 40px;
    max-width: 360px;
    border-radius: 8px;
    margin: 0 auto;
}

.is-mobile #es .es-social-signon {
    padding: 0 12px 40px;
}

.is-mobile #es .es-social-signon__form {
    padding: 0;
    border: 0;
    margin: 0 auto;
}

#es .es-social-signon__form-inner {
    padding: 0px;
    max-width: 360px;
    margin: 0 auto;
}

#es .es-social-signon__form .es-snackbar2 {
    background: none;
    flex-direction: row;
    padding: 0;
    margin: -40px -40px 0;
    width: unset;
}

.is-mobile #es .es-social-signon__form .es-snackbar2 {
    margin: 0 -12px;
}

#es .es-social-signon__form .es-snackbar2 #backtologin {
    display: flex;
    font-size: 24px;
    width: 48px;
    height: 48px;
    color: #8994a9 !important;
	background: none !important;
}

#es .es-social-signon__form .es-snackbar2 #backtologin:hover, #es .es-social-signon__form .es-snackbar2 #backtologin:focus {
    color: #333 !important;
}

#es .es-social-signon__form h1 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}


html.com_easysocial.view-account.layout-completeReset .t3-sidebar {
    display: none;
}

html.com_easysocial.view-account.layout-completeReset #t3-content {
	width: 100%;
    left: 0;
}

/*   Reset Password PAGE   END  */


/*   LOGIN PAGE     */

#es .es-login-box {
    background: transparent !important;
}

#es .es-login-box .o-col--12 {
    display: block;
}

#es .es-login-box__msg {
    text-align: center;
}

html.com_easysocial.view-login #es .es-login-box__form-wrap .es-login-box__form-title {
    font-size: 16px;
}

html.com_easysocial.view-login .is-mobile #es .es-login-box__form-wrap .es-login-box__form-title {
    font-size: 20px;
}

#es .es-login-box__form-title {
    font-size: 20px;
    margin-bottom: 20px;
} 

#es .es-login-box__form {
    background: transparent;
    box-shadow: none;
    max-width: 360px;
    margin: 0 auto;
    padding: 0;
	display: grid;
}

#es .es-login-box__links {
    padding: 12px 0;
	text-shadow: none;
}

#es .es-login-box__links>a {
    color: #333;
}

#es .es-login-box__form-wrap,#es .es-login-box__msg {
    max-width: 360px;
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#es.es-dialog.is-loading {
	opacity: 0;
}

#es .es-dialog-modal {
    max-width: 560px;
	border-radius: 8px;
	overflow: hidden;
}

#es.is-mobile .es-dialog-modal,#es.is-mobile .es-dialog-footer-content {
	border-radius: 0;	
}

#es .es-dialog-header {
	border-radius:8px 8px 0 0;
}

#es .es-dialog-footer {
	border-radius:0 0 8px 8px;
	padding-bottom: env(safe-area-inset-bottom);
	height: initial;
}

#es .es-dialog-footer-content {
    border-radius: 8px;
}

#es .es-dialog-modal .es-login .es-login-box__form-wrap {
    margin: 0 auto;
	padding: 0;
    border: 0;
}
#es .es-dialog-modal .es-login .es-login-box {
	padding:0;
}

#es .register-wrap .btn {
    max-width: 360px;
    width: 100%;
}

#es .o-form-group--float.is-filled .o-control-label, #es .o-form-group--float.is-focused .o-control-label {
    display: none;
}

#es .o-form-group--float.is-filled .o-form-control:not(select), #es .o-form-group--float.is-focused .o-form-control:not(select), #es .o-form-group--float.is-filled .o-form-control:not(select), #es .o-form-group--float.is-focused .o-form-control:not(select), #es .o-form-group--float .o-form-control {
    padding: 6px 12px!important;
    height: 45px;
}


#es .es-login-box input.o-form-control {
    height: 45px;

}

#es .es-login-box__form .o-form-group {
    margin-bottom: 10px;
}

html.view-login .is-mobile .t3-wrapper {
    background: #fff;
}

html.view-login .is-mobile #es .es-login-box__form-wrap, html.view-login .is-mobile #es .es-login-box__msg {
	border: 0;
    padding: 40px 0;
}

html.view-login .is-mobile #es .es-login-box {
	padding:10px;
}

/*   LOGIN PAGE   END  */

/*   LOGIN MODULE     */


.section-sign .mod-es-login {
    display: grid;
}

.section-sign #es .btn {
    height: 45px;
    line-height: 45px;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
	margin-top: 5px;
}

.section-sign #es input.o-form-control {
    height: 45px;
	border: 0;
}

.section-sign #es  .o-form-group.login-input, .section-sign #es  .o-form-group.password-input {
    margin-bottom: 0;
	height: 45px;

}

#es.mod-es-login .o-input-group__addon {
    display: none;
}




.section-sign #es .login-input input.o-form-control {
    border-radius: 3px 3px 0 0;
}
.section-sign #es .password-input input.o-form-control {
	border-radius: 0 0 3px 3px;
	}
	
.mod-es-login .o-input-group__addon {
    display: none;
}

#es.mod-es-login .o-input-group .o-form-control {
    border-radius: 3px;
}	

#es.section-sign .forget-links-wrap a {
	opacity:.9;
}

#es.section-sign .forget-links-wrap a:hover, #es.section-sign .forget-links-wrap a:focus {
    color: inherit;
	opacity:1;
}

#es.section-sign .form-login-header .subheader{
	margin: 10px 0 ;
	color: #fff;
	font-size:16px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.9);
	text-align:center;
	line-height: 1.715;
}

#es.section-sign .form-login-header {
    padding: 30px 10px 24px;
}

/*   LOGIN MODULE  END   */


/*   REGISTRATION PAGE     */

html.view-login .is-mobile .t3-wrapper, html.view-login .is-mobile, html.view-account.layout-forgetpassword .is-mobile .t3-wrapper, html.view-account.layout-forgetpassword .is-mobile, html.com_easysocial.view-registration .is-mobile .t3-wrapper, html.com_easysocial.view-registration .is-mobile,html.com_easysocial.view-account.layout-confirmreset .is-mobile .t3-wrapper {
    background: #fff;
}

html.com_easysocial.view-registration #t3-header .container,html.com_easysocial.view-login #t3-header .container, html.view-account.layout-forgetpassword #t3-header .container, html.com_easysocial.view-account.layout-confirmreset #t3-header .container{
	display: none;
}

html.com_easysocial.view-registration #t3-header ,html.com_easysocial.view-login #t3-header , html.view-account.layout-forgetpassword #t3-header , html.com_easysocial.view-account.layout-confirmreset #t3-header {
	display: none;
}

html.com_easysocial.view-registration .install-prompt-visible #t3-header ,html.com_easysocial.view-login .install-prompt-visible #t3-header , html.view-account.layout-forgetpassword .install-prompt-visible #t3-header , html.com_easysocial.view-account.layout-confirmreset .install-prompt-visible #t3-header {
	display: block;
}



html.com_easysocial.view-registration .es-content .tab {
  display: none;
}

html.com_easysocial.view-registration .es-content {
    max-width: 360px;
    margin: 0 auto;
}

html.com_easysocial.view-registration .tab .tab-logo-text {
    margin: 16px 0;
    text-align: center;
    font-size: 16px;
}

html.com_easysocial.view-registration .tab .tab-logo {
	padding:0 20px;
}

html.com_easysocial.view-registration #es .es-page-header {
    margin: -40px -40px 40px;
}

html.com_easysocial.view-registration #es .es-forms {
    padding: 40px;
}

html.com_easysocial.view-registration .is-mobile #es .es-forms {
    padding: 40px 0;
    max-width: 360px;
    border: 0;
    margin: 16px auto 0;
}

html.com_easysocial.view-registration #es .es-forms input.o-form-control,html.com_easysocial.view-registration #es .es-forms .o-input-group__btn>.btn,html.com_easysocial.view-registration .is-mobile #es .es-forms select, html.com_easysocial.view-registration.layout-completed #es form input.o-form-control,html.com_easysocial.view-account.layout-forgetpassword #es form input.o-form-control {
    height: 45px;
}

html.com_easysocial.view-registration .is-mobile #es .es-content {
    margin: 0;
    padding: 10px;
    max-width: 100%;
}

html.com_easysocial.view-registration #es .o-form-horizontal .o-form-group {
    display: block;
}

html.com_easysocial.view-registration #es .o-form-horizontal .o-control-label {
	padding: 7px 0;
	width: 100%;
}

html.com_easysocial.view-registration #es .es-forms__actions .o-form-actions {
    display: flex;
    flex-direction: column;
    background: transparent;
    margin: 0;
    padding: 16px 0 0;
    border: 0;
}

html.com_easysocial.view-registration #es .es-snackbar2__actions .btn {
	margin: 0 12px 0 0;
}

html.com_easysocial.view-registration #es .es-forms__actions .o-form-actions .btn-es-default-o {
    margin-top: 8px;
    border-color: transparent !important;
    padding-bottom: 0;
}

#es .es-stepbar {
    display: none;
}

#es .es-complete-wrap {
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 40px;
    max-width: 360px;
    margin: 60px auto 0;
	border-radius: 8px;
}

#es .es-complete-wrap h1 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

#es .es-complete-wrap .es-avatar img {
    width: 100px;
	border-radius: 50%;
}

#es.view-registration.layout-completed .es-complete-wrap .es-login-form, #es.view-registration.layout-activation .es-complete-wrap .es-login-form {
    border: 0;
    padding: 0;
}

#es [data-field-item='terms'] a {
    text-decoration: underline;
}

html.com_easysocial.view-registration .login-box-wrap {
    padding: 40px;
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
    margin-top: 24px;
}

html.com_easysocial.view-registration .is-mobile .login-box-wrap {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 40px 0;
}

html.com_easysocial.view-registration .login-box-wrap .login-box-title {
    font-size: 15px;
    text-align: center;
}

html.com_easysocial.view-registration .es-content .tab #prevBtn {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent !important;
    font-size: 24px;
    width: 48px;
    height: 48px;
}

html.com_easysocial.view-registration .is-mobile .es-content .tab #prevBtn {
    margin-top: -26px;
    margin-left: -10px;
}

/*   REGISTRATION PAGE  END   */

/*   PROFILE PAGE  */


#es .es-profile-header {
    margin-top: -24px;
    border-top: 0;
    background: #fff;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 0 0 8px 8px;
    position: relative;
}

.is-mobile.dropdown-mobile-from-header #es .es-profile-header {
    z-index: unset;
}

#es .es-cover-container {
    padding-top: 33.333333333333%;
}

#es.is-mobile .es-cover-container {
    padding-top: 56.267%;
}

#es .es-profile-header__cover {
    max-height: 250px;	
    background-color: #1d2129;
	border-radius: 0;
}

#es .es-cover-viewport {
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0) 40%);
}

#es .es-profile-header__cover .es-cover-desktop-action .btn.btn-es-default-o {
    background: rgb(0 0 0 / 60%) !important;
    color: #fff !important;
    border: 0;
}


#es .es-profile-header__bd.on-mobile {
    display: none;
}

#es.is-mobile .es-profile-header__bd.on-mobile {
    display: inherit;
}

#es.is-mobile .es-profile-header__bd.off-mobile {
    display: none !important;
}

#es .es-profile-header__bd.off-mobile {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-left: 176px;
	display: block;
	padding: 10px;
}

#es .es-profile-header__bd.off-mobile.viewer,#es .ds-group-header .es-profile-header__bd.off-mobile{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
	align-items: flex-end;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-wrap {
    margin-top: 10px;
}

#es .es-profile-header__bd.off-mobile.viewer .es-profile-header__action-wrap,#es .ds-group-header .es-profile-header__bd.off-mobile .es-profile-header__action-wrap{
    margin-top: 0px;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__info-wrap {
    padding: 0 10px;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .btn {
    background: transparent !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: normal;
    border: 0;
    display: flex;
    align-items: center;
	text-shadow: 0 0 2px rgba(0,0,0,.8);
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .btn i {
    font-size: 20px;
    line-height: 1;
    margin-right: 6px;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .o-btn-group:not(:first-child) {
    margin-left: 0;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .btn.primary .btn-icon {
    color: #3d7eff !important;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .btn:hover, #es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .btn:focus {
    background: rgb(215 228 255 / 30%) !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 15px;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .dropdown-menu>li>.media-share-btn {
    font-size: 12px;
    color: #0c1322!important;
    text-shadow: none;
	border-radius: 0;
}
#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .dropdown-menu>li>.media-share-btn:hover,#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .dropdown-menu>li>.media-share-btn:focus {
    background: #f5f6f8 !important;
}


#es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-button {
    float: none;
    font-size: 12px;
    font-weight: bold;
}

#es.is-mobile .es-profile-header__cover.editing .es-cover-done-button {
    background: #3d7eff;
    color: #fff;
}

#es .es-profile-header__cover .es-cover-desktop-action {
    top: 20px;
    right: 20px;
    left: unset;
    transform: none;
    transition: none;
}

#es .es-profile-header__cover.has-cover.is-owner:hover:before {
	background:none;
}

#es .es-profile-header__cover.editing .es-cover-desktop-action {
    top: 50%;
    left: 50%;
    transform: perspective(1px) translateX(-50%) translateY(-50%);
}
    

#es .es-profile-header__avatar-wrap {
    bottom: -44px;
	background: none;
}

#es.is-mobile .es-profile-header__avatar-wrap {
    bottom: -80px;
    left: 50%;
    margin-left: -80px;
	z-index: unset;
}

#es.is-mobile .es-profile-header__bd {
    margin-top: 68px;
}

#es .o-avatar-v2.is-online, #es .o-avatar-v2.is-online .o-avatar-v2__content, #es .o-avatar-v2.is-offline .o-avatar-v2__content {
    border: 0;
}

#es .es-profile-header__avatar-wrap .o-avatar-v2 {
    width: 160px;
    height: 160px;
    background: #fff;
    border: 4px solid #fff;
}

#es .es-profile-header__avatar-wrap .o-avatar-v2--rounded, #es .es-profile-header__avatar-wrap .o-avatar-v2--rounded .o-avatar-v2__content, #es .es-profile-header__avatar-wrap .o-avatar-v2--rounded .o-avatar-v2__content img {
	border-radius: 8px;
}

#es.is-mobile .es-profile-header__avatar-wrap .o-avatar-v2--rounded, #es.is-mobile .es-profile-header__avatar-wrap .o-avatar-v2--rounded .o-avatar-v2__content, #es.is-mobile .es-profile-header__avatar-wrap .o-avatar-v2--rounded .o-avatar-v2__content img {
    border-radius: 50%;
}

#es.is-mobile .es-profile-header__avatar-wrap>a {
    width: 160px;
    height: 160px;
}


#es .es-profile-header__avatar-wrap .o-avatar-v2__action {
    left: 0;
    width: 100%;
    border-radius: 0;
    background: none;
    height: unset;
	opacity: 0;
    filter: alpha(opacity=0);
}

#es.is-mobile  .es-profile-header__avatar-wrap .o-avatar-v2__action {
    left: auto;
    bottom: 8px;
    right: 8px;
    width: auto;
    background: transparent;
    color: #888;
    padding: 0;
    cursor: default;
    display: block;
    opacity: 1;
}

#es .es-profile-header__avatar-wrap:hover .o-avatar-v2__action, #es .es-profile-header__avatar-wrap .o-avatar-v2__action.open {
    opacity: 1;
    filter: alpha(opacity=100);
}

#es.is-mobile .es-profile-header .es-profile-header__cover .es-flyout-content {
	z-index: unset;
}

#es .es-profile-header__avatar-wrap .o-avatar-v2__action .avatar-button {
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 8px 0;
    text-decoration: none;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 1.538461538;
	border-radius: 0 0 8px 8px;
}

#es.is-mobile .es-profile-header__avatar-wrap .avatar-button {
    color: #888;
    padding: 4px 8px;
    border-radius: 3px;
    background: #fff;
    line-height: 1;
}

#es .es-profile-header__avatar-wrap .o-avatar-v2__action .dropdown-menu {
    min-width: 152px;
}

#es .es-profile-header .es-profile-header__cover .es-cover-back-btn {
	display: none;
}


#es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-back-btn {
    z-index: unset;
    position: absolute;
    left: 8px;
    top: 8px;
    right: auto;
    width: auto;
    background: transparent;
    padding: 0;
    cursor: default;
    display: block;
    opacity: 1;
}

#es.is-mobile .es-profile-header .es-profile-header__cover .es-cover-back-btn .back-btn {
    background: rgb(0 0 0 / 80%) !important;
    color: #fff !important;
    font-size: 26px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
}


#es.is-mobile .es-profile-header__cover.editing .es-cover-back-btn {
	display: none;
}


#es .es-profile-header__title {
    font-size: 24px;
}

#es.is-mobile .es-profile-header__bd.on-mobile .es-profile-header__title {
    margin: 16px 0 0;
    font-weight: bold;
}

#es.is-mobile .es-profile-header__bd.on-mobile .es-profile-header__title>a {
    color: #0c1322;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__title>a {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}

#es .es-profile-header__permalink>a {
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}

#es.is-mobile .es-profile-header__bd.on-mobile .es-profile-header__permalink>a {
    color: #0c1322;
    text-shadow: none;
}

#es.is-mobile .es-profile-header__bd.on-mobile .es-profile-header__permalink {
    margin-top: 8px;
}

#es.is-mobile .es-profile-header__meta {
    margin-top: 8px;
}

#es .es-profile-header__title .es-verified {
    font-size: 18px;
}

#es .es-verified:after {
    left: .1em;
}

#es.is-mobile .es-profile-header__action-wrap .o-btn-group--viewer {
    width: auto;
    margin-bottom: 0;
}

#es.is-mobile .es-profile-header__action-toolbar .btn-box {
    align-self: start;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    width: 0;
	max-width: 30%;
}

#es.is-mobile .es-profile-header__action-toolbar .btn-box >* {
    width: 100%;
}

#es.is-mobile .es-profile-header__action-toolbar .btn {
    width: 100%;
	padding: 10px;
    border: 0;
}

#es.is-mobile .es-profile-header__action-toolbar .btn .btn-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}

#es .es-list-item__context .btn--es-conversations-compose .btn-title, #es .es-list-item__context .o-btn-group--actions .btn-title {
    display: none;
}

#es.is-mobile .es-profile-header__action-toolbar .o-btn-group:not(:first-child) {
    margin-left: 0;
}

#es.is-mobile .es-profile-header__action-toolbar .btn  .btn-icon {
    background-color: #eaecf0;
    border-radius: 50%;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: 48px;
    font-size: 24px;
}

#es.is-mobile .es-profile-header__action-toolbar .btn-box .btn.primary  {
    color: #3d7eff !important;
}

#es.is-mobile .es-profile-header__action-toolbar .btn-box .btn.primary .btn-icon {
    background-color: #e0e9fa;
}

#es.is-mobile .es-profile-header__action-toolbar .btn-box .btn.is-loading:before,#es.is-mobile .es-profile-header__action-toolbar .btn-box .btn.is-loading:after {
    top: 35px;
} 

#es .es-profile-header-nav {
    margin-left: 176px;
    border-top: 0;
    background: none;	
}

#es .es-profile-header-nav__item {
    padding: 8px 5px 8px 0px;
}

#es .es-profile-header-nav__link {
    border: 0;
    padding: 6px 12px;
    border-radius: 18px;
}

#es .es-profile-header-nav__link:hover,#es .es-profile-header-nav__link:focus {
    color: #0c1322;
    background: #f5f6f8;
}

#es .es-profile-header-nav .is-active .es-profile-header-nav__link {
    color: #0c1322;
    font-weight: bold;
    background: #f5f6f8;
}

#es .es-profile-header-nav__dropdown-link {
	border: 0;
}

#es .es-profile-header-nav .is-active>.es-profile-header-nav__dropdown-link {
    background: #f5f6f8;
	font-weight: bold;
}

#es.is-mobile .es-profile-header-nav {
    margin-left: 0;
}


#es .es-profile-data-table-wrap {
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
    margin-bottom: 20px;
    background: #fff;
}

.is-mobile #es .es-profile-data-table-wrap {
	border-radius: 0;
	border-right: 0;
	border-left: 0;
}

#es .es-profile-data-table thead {
    background-color: transparent;
}

#es .es-profile-data-table thead th {
    font-size: 14px;
    color: #0c1322;
    padding: 11.75px 12px;
}

#es .es-profile-data-table thead tr {
    border-bottom: 1px solid !important;
    border-color: #ECEEEE #E9EAEC #E9EAEC !important;
}


#es .es-profile-data-table tr, #es .es-profile-data-table td,#es .profile-data-info__data,#es .es-profile-data-table tbody>tr:last-child td,#es .es-profile-data-table {
    border: 0!important;
}


#es .es-profile-data-table {
    margin-bottom: 0;
}


/*new about */

#es .es-profile-data-block-wrap:not(#es .es-profile-data-block-wrap:last-child) {
    padding-bottom: 20px;
	margin-bottom: 20px;
    border-bottom: 1px solid #E9EAEC;
}

#es .es-profile-data-block-wrap .es-profile-data-header {
    font-size: 14px;
    font-weight: bold;
    color: #0c1322;
	margin-bottom: 20px;
}

#es .es-profile-data-block-wrap .es-profile-data-field [data-field] {
    display: flex;
    gap: 20px;
}

.is-mobile #es .es-profile-data-block-wrap .es-profile-data-field [data-field] {
    flex-direction: column;
    gap: 8px;
}

#es .es-profile-data-block-wrap .profile-data-label {
    width: 25%;
}

.is-mobile #es .es-profile-data-block-wrap .profile-data-label {
    width: 100%;
    font-weight: normal;
}

#es .es-profile-data-block-wrap .profile-data-info {
    flex: 1;
}

#es .es-profile-data-block-wrap .profile-data-info__data {
    padding: 0;
}

#es .es-profile-data-field+.es-profile-data-field {
    margin-top: 20px;
}

#es .profile-data-info__content {
    color: #0c1322;
	font-size: 14px;
}


/*new about end */




#es.is-mobile .es-side-widget {
    padding: 0;
}

#es.is-mobile .es-mobile-info .es-side-widget {
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#es .es-mobile-info .es-side-widget+.es-side-widget, #es .es-mobile-info .es-side-widget+.es-widgets-wrapper-mobile {
    margin-top: 16px;
}


#es.is-mobile .es-profile-header-nav__item {
    padding: 8px 5px 8px 5px;
}

#es.is-mobile .es-profile-header-nav__link {
    padding: 6px 12px;
    font-size: 14px;
}

#es .o-avatar-status.is-offline .o-avatar-status__indicator {
    display: none;
}

#es.popbox--cluster {
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 3px 12px rgb(0 0 0 / 13%);
    box-shadow: 0 3px 12px rgb(0 0 0 / 13%);
	min-width: 360px;
	width: auto;
}

#es.popbox--cluster .popbox-content>*+* {
    border-top: 1px solid #e1e1e1;
}

#es.popbox--cluster a {
    color: #0c1322;
}

#es.popbox--cluster a:hover {
    color: initial;
}

#es.popbox--cluster .popbox-content__bd:first-child {
    padding: 0;
}

#es.popbox--cluster .popbox-content__bd .o-media {
    flex-direction: row-reverse;
    padding: 16px;
    margin: 0 !important;
}

#es.popbox--cluster .popbox-content__bd .o-media .o-media__image {
    margin-left: 0;
    margin-right: 8px;
	height: 50px;
}

#es.popbox--cluster .popbox-content__bd .o-media .o-media__image .o-avatar-v2 {
    width: 50px;
    height: 50px;
}

#es.popbox--cluster .popbox-label {
    background: #fff;
}

#es.popbox--cluster .popbox-label a {
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

#es.popbox--cluster .popbox-label .popbox-label__meta {
    font-size: 13px;
    font-weight: normal;
}



#es.popbox--cluster .popbox-label-group {
    margin: 0 !important;
    border-top: 1px solid #e1e1e1;
}

#es.popbox--cluster .popbox-content__ft {
    display: flex;
}

#es.popbox--cluster .popbox-content__ft>* {
    width: 50% !important;
}

#es.popbox--cluster .popbox-content__ft>*+* {
    margin-left: 4px;
}

#es.popbox--cluster .popbox-content__ft .btn,#es.popbox--cluster .popbox-content__ft>.btn-box>* {
    width: 100%;
}

#es.popbox--cluster .btn, #es.popbox--cluster .btn:focus, #es.popbox--cluster .btn:hover,#es.popbox--cluster .btn:active,#es.popbox--cluster .btn:active:hover, #es.popbox--cluster .btn:active:focus {
	color: #333 !important;
    background-color: #fff !important;
    border-color: #ddd !important;
}



#es .es-side-widget[data-type="info"] li {
    display: flex;
    align-items: baseline;
}

/*   PROFILE PAGE END */

/*   NOTIFICATIONS PAGE  */

#es.view-notifications {
    padding: 0 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es.is-mobile.view-notifications {
	border-right:0;
	border-left:0;
	border-top:0;
	border-radius:0;
}

#es.is-mobile.view-notifications .es-snackbar2 {
    margin: 0px -20px 0;
    border-bottom: 1px solid #E9EAEC;
    padding: 0 0 0 12px;
    margin-bottom: 16px;
    height: 48px;
}

#es.is-mobile.view-notifications .es-snackbar2 .es-snackbar2__actions .btn {
    height: 48px;
    line-height: 48px;
    width: 39px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0 !important;
    font-size: 20px;
}


#es .es-noti__item {
    border-bottom: 0;
    margin-bottom: 16px;
    border-radius: 8px;
}

#es.view-notifications .es-noti__title {
    font-size: 14px;
}

#es .es-noti__item:hover {
    background-color: #f5f6f8;
}

#es.view-notifications .es-noti__item-content {
    display: flex;
    padding: 12px 32px 12px 4px;
}

#es.view-notifications .es-noti__item-action {
    top: 12px;
    right: 12px;
}

#es.view-notifications .es-noti__item-action .btn-control {
	font-size: 15px;	
    color: #8994a9;
    width: 19px;
    height: 20px;
    line-height: 18px;
    display: block;
    text-align: center;
}

#es.view-notifications .es-noti__item-content .o-flag__image {
    width: unset;
}

#es.view-notifications .es-noti__item-content .o-flag__body {
    display: flex;
    flex-direction: column;
}

#es.view-notifications .es-noti__item-indicator {
	display:none;
}

#es.view-notifications .es-noti__item-embed>img {
    border-radius: 8px;
}

#es.view-notifications .es-noti__item-content .es-noti__desp {
    margin-top: 8px;
    margin-bottom: 0px !important;
}

#es.is-mobile.view-notifications .es-noti-list {
    margin-left: -20px;
    margin-right: -20px;
}

#es.is-mobile.view-notifications .es-noti-list .es-noti__date {
    padding: 0 12px;
}

#es.is-mobile.view-notifications .es-noti-list .es-noti__item {
	border-radius:0;
	margin-bottom: 0px;
}

#es.is-mobile.view-notifications .es-noti-list .es-noti__item+.es-noti__item {
    border-top: 1px solid #ecedee;
}



/*   NOTIFICATIONS PAGE END */

/*   POINTS PAGE  */


#es.view-points .es-content {
    padding: 0 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}



#es.view-points .es-stage__curtain {
    background-image: none;
}

#es.view-points .es-stage__title {
    font-size: 24px;
    font-weight: bold;
    margin: 16px 0 12px;
}

#es.view-points.layout-history .es-stage__desc {
    padding: 16px;
    background: #ffffff;
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
	margin: 0;
}

#es .es-point-badge {
    background: hwb(88deg 29% 24% / 10%);
    color: #8bc34a;
}

#es .es-point-badge--alert {
    background: hwb(14deg 13% 0% / 10%);
    color: #ff5722;
}

#es .es-timeline__content {
    border-radius: 8px;
}

.is-mobile #es.view-points .item-header-mobile-toolbar, #es.view-points .item-header-mobile-toolbar:not(#es.view-points.layout-history .item-header-mobile-toolbar) {
	display: block;
}

.is-mobile #es.view-points.layout-history .es-snackbar {
    padding: 0 12px 0 0;
}

#es.view-points .item-header-mobile-toolbar .btn, #es.view-badges .item-header-mobile-toolbar .btn {
    font-size: 20px;
	color: #0c1322 !important;
    border: 0;
    height: 48px;
    line-height: 36px;
	background: none;
}

#es.view-points .es-content:not(#es.view-points.layout-history .es-content) {
    padding: 0 0 20px;
    overflow: hidden;
}

#es.view-points .es-stage:not(#es.view-points.layout-history .es-stage),#es.view-points .o-pagination-wrap:not(#es.view-points.layout-history .o-pagination-wrap) {
    padding: 0 20px 0;
}

#es.view-points .es-stage__curtain:not(#es.view-points.layout-history .es-stage__curtain) {
	padding-top: 0;
}

#es.view-points .es-stage__title:not(#es.view-points.layout-history .es-stage__title) {
	margin-top: 0;
}

/*   POINTS PAGE END */

/*   ACHIEVEMENTS PAGE  */

#es.view-badges .es-content {
    padding: 0 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es.view-badges .es-stage__title {
    font-size: 24px;
    font-weight: bold;
    margin: 16px 0 12px;
}

#es.view-badges .es-stage__curtain {
    background-image: none;
}

#es.view-badges .item-header-mobile-toolbar {
	display: block;
}

#es.view-badges .es-content:not(#es.view-badges.layout-achievements .es-content) {
    padding: 0 0 20px;
    overflow: hidden;
}

#es.view-badges .es-stage:not(#es.view-badges.layout-achievements .es-stage) {
    padding: 0 20px 0;
}

#es.view-badges .es-stage__curtain:not(#es.view-badges.layout-achievements .es-stage__curtain) {
	padding-top: 0;
}

#es.view-badges .es-stage__title:not(#es.view-badges.layout-achievements .es-stage__title) {
	margin-top: 0;
}

/*   ACHIEVEMENTS PAGE END */

/*   PHOTO ALBUM   */

#es .es-album-browser-content {
	border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
	background: #fff;
	border-radius: 8px;
}

body.is-mobile #es .es-album-browser-content {
	border-radius: 0;
	border-left:0;
	border-right:0;	
}

#es .es-album-item.layout-item, #es .es-photo-browser .es-photo-item, #es .es-album-browser-content .es-album-item {
    padding: 20px;
}

.is-mobile #es .es-album-item.layout-item, .is-mobile #es .es-photo-browser .es-photo-item, .is-mobile #es .es-album-browser-content .es-album-item {
    padding: 20px 12px;
}

#es .es-album-browser-content .es-albums .es-album-item.layout-item {
    padding: 0;
}

#es .es-album-browser-content .es-albums {
    padding: 0 20px 20px;
	border: 0;
}

#es .es-content.is-loading .es-album-browser-content {
    display: none;
}


#es .es-album-menu {
    position: initial;
}

#es .es-media-header.es-album-header .o-media {
    margin: 20px 0;
}

#es .es-media-delete-all-actions .o-grid-sm__cell--right select {
    padding: 5px 10px;
    height: auto;
    font-size: 11px;
}

#es .es-media-header-affix-wrapper.affix {
    border-right: 0;
    border-left: 0;
}

#es .es-media-header.es-album-header .es-media-header-affix-wrapper.affix .o-media {
    margin: 0;
    height: 48px;
    padding: 8px 0;
}

#es .es-media-header-affix-wrapper.affix .es-media-delete-all-actions {
    margin: 0;
    padding: 4px 0;
}

#es .es-media-delete-all-actions {
    border-bottom: 0;
}

#es .es-media-delete-all-actions {
    border-top: 1px solid #E9EAEC;
}

.is-mobile #es .es-media-delete-all-actions .o-checkbox {
    padding-left: 0;
}

#es .es-card__cover-popup-btn:before {
    display: flex;
    justify-content: center;
    align-items: center;
}

#es .es-card.es-card--album-item .es-card__bd {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 33px 10px 6px;
    background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 100%);
	color: #fff;
}

#es .es-card.es-card--album-item .es-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#es .es-card.es-card--album-item  .es-card__title a {
    font-size: 14px;
    color: #fff;
}

#es .es-card.es-card--album-item .photo-count {
    float: right;
}

#es .embed-responsive-16by9 {
    padding-bottom: 0;
    height: 165px;
}

#es .embed-responsive-16by9 .o-empty {
    height: 165px;
    min-height: unset;
    background: #f5f6f8;
}

#es .es-card.es-card--album-item {
    border: 0;
    overflow: hidden;
}

#es .es-album-header .es-album-title {
    padding-top: 0;
    margin-bottom: 5px;
}

#es .es-album-browser-content .es-snackbar {
    border: 0;
    border-bottom: 1px solid #E9EAEC;
    border-radius: 0;
    padding: 12px;
    margin: 0;
    font-size: 14px;
	border-radius: 8px 8px 0 0;
}

#es .es-album-browser-content .layout-form .es-media-header.es-album-header .o-media {
    margin-top: 0;
}

#es .es-album-item .es-photo-item.layout-item .es-media-stats, #es .es-album-item .es-photo-item.layout-item .es-media-stat, #es .es-album-item .es-photo-item.layout-item .es-media-stat+.es-media-stat {
    border: 0;
}



#es .es-photo-browser .es-photo-item {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es .mod-es-sidebar-photos .es-side-widget__hd {
    padding: 10px 10px 0;
}

#es [data-photoinfo-tag-list-item-group] {
    display: block;
}

#es .es-photo-info {
    margin-bottom: 10px;
}

#es .photo-info-tag-wrap .es-photo-tag-button {
    margin-bottom: 5px;
    font-size: 12px;
}

#es .es-photo-browser .es-photo-item .es-photo-content {
    z-index: 1;
}

#es .es-album-item .es-photo-item.layout-item {
    padding: 5px;
}

.is-mobile #es .es-album-item .es-photo-item.layout-item {
    padding-left: 0;
    padding-right: 0;
}

#es .es-album-item .es-photo-item.layout-item .es-photo-footer {
    border-radius: 0 0 8px 8px;
}

#es .es-album-item .es-photo-item.layout-item .es-photo-footer .photo-info-tag-wrap {
    display: none;
}

#es .es-album-item .es-photo-item.layout-form .es-photo {
    background: #000;
}

/*   PHOTO ALBUM  END */



/*   PHOTO POPUP  */

#es.es-photo-popup .es-photo-content {
    border-top: 0px solid transparent;
    border-bottom: 60px solid transparent;
}

@media (max-width: 900px){
#es.es-photo-popup .es-photo-content {
    border-top: 50px solid transparent;
}

#es.es-photo-popup .es-photo-item {
    background: #fff;
}

#es.es-photo-popup .es-photo-content , #es.es-photo-popup .es-photo-header {	
	background: #000;
}

}

body.is-mobile.is-es-photo-popup.dropdown-mobile-from-container #es.es-photo-popup .es-photo-item.layout-item .es-photo-content, body.is-mobile.is-es-photo-popup.dropdown-mobile-from-container #es.es-photo-popup .es-photo-item.layout-item .es-photo-header, body.is-mobile.is-es-photo-popup.dropdown-mobile-from-container #es .es-photo-item.layout-item .es-photo-nav-button, body.is-mobile.is-es-photo-popup.dropdown-mobile-from-container #es.es-photo-popup .es-photo-popup-close {
    z-index: unset !important;
}

body.is-mobile.is-es-photo-popup.dropdown-mobile-from-container #es.es-photo-popup .es-photo-item {
    overflow: hidden;
}

#es.es-photo-popup .es-photo-header .es-photo-album {
    float: left;
    line-height: 23px;
}

#es .es-photo-item.layout-item .es-photo-menu-item {
    display: inline-block;
    float: right;
}

#es.es-photo-popup .es-photo-header .es-photo-album a {
    color: #ccc;
}

#es.es-photo-popup .es-photo-header .es-photo-album a:hover, #es.es-photo-popup .es-photo-header .es-photo-album a:focus {
    text-decoration: underline;
}

#es.es-photo-popup .es-photo-header .es-photo-album a {
    color: #ccc;
}

#es.es-photo-popup .es-photo-response .es-actions-wrapper {
    padding: 8px 12px;
	margin:0;
}

#es .es-photo-popup-nav .o-nav__item {
    vertical-align: middle;
}

#es .btn-photo-popup-action i {
    margin-left: 5px;
}

#es .es-photo-item.layout-item .es-photo-menu-item .o-nav__item>a, #es .btn-group.open .btn-photo-popup-nav-item, #es .btn-photo-popup-nav-item, #es .btn-photo-popup-nav-item:active, #es .btn-group.open .btn-photo-popup-action, #es .btn-photo-popup-action {
    color: #ccc !important;
    opacity: .6;
}

#es .es-photo-item.layout-item .es-photo-menu-item .o-nav__item>a:hover, #es .btn-group.open .btn-photo-popup-nav-item:hover, #es .btn-photo-popup-nav-item:hover, #es .btn-group.open .btn-photo-popup-action:hover, #es .btn-photo-popup-action:hover, #es .btn-group.open .btn-photo-popup-action:focus, #es .btn-photo-popup-action:focus {
    opacity: 1;
}

#es .btn-group.open .btn-photo-popup-action, #es .btn-photo-popup-action {
    border: 0;
    padding: 4px;
	line-height: 1;
}

#es .es-profile-header__action-toolbar .dropdown-menu i {
    display: none;
}



@media (min-width: 901px) {
	#es.es-photo-popup .es-photo-header {
    position: absolute !important;
    bottom: 0;
    right: 0;
    left: 0;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	height: auto;
	}
	
	
	.es-photo-popup-close-mobile {
    display: none;
	}
	
	#es.es-photo-popup {
    padding: 52px;
	}
	
	#es.es-photo-popup .es-photo-footer {
	width: 360px;
    height: calc(100% - 100px);
    background: #fff;
	}
	
	#es.es-photo-popup .es-photo-response .es-comments-form {
    position: fixed;
    z-index: 2;
    width: 360px;
    background: #fff;
    bottom: 52px;
    padding: 16px;
    border-top: 1px solid #ddd;
	border-radius: 0 0 8px 0;
	}
	
	#es.es-photo-popup .es-photo-item {
    background: #000;
	}

	#es.es-photo-popup .es-popup-handle {
    background: #fff;
	}
	
}



#es .es-comments .no-comments-wrap {
    text-align: center;
    min-height: 120px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#es .es-stream .es-comments .no-comments-wrap {
	display:none;
}

#es .es-stream .modal-bottom-sheets .es-comments .no-comments-wrap {
    text-align: center;
    min-height: 120px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#es .modal-bottom-sheets .es-comments-wrapper-innner {
	border:0;
}

#es .modal-bottom-sheets .es-comments-wrap {
    min-height: 300px;
    padding-bottom: calc(58px + env(safe-area-inset-bottom));
}

#es .modal-bottom-sheets .es-comments-form:not(#es .modal-bottom-sheets .es-comment-editor .es-comments-form) {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 11;
	padding-bottom: calc(12px + env(safe-area-inset-bottom));
	border-top: 1px solid #E9EAEC;
}

#es .modal-bottom-sheets .es-comment-editor .es-comments-form {
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
    z-index: 12;
}

#es .reply-traget-wrap {
    background: #f5f6f8;
    margin: -6px -8px 6px;
    padding: 6px 20px 6px 8px;
    position: relative;
}

#es .reply-traget-wrap .btn {
    background: none !important;
    width: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    border: 0;
}

#es .modal-bottom-sheets .es-comments-form .es-form {
	width: 100%;
	max-height: 120px;
	overflow-y: auto;
}

#es.is-mobile .modal-bottom-sheets .es-comments-form  .es-form-attach {
    position: fixed;
    right: 63px;
    bottom: calc(20px + env(safe-area-inset-bottom));
}

#es .modal-bottom-sheets.modal-comments .modal-body {
	padding: 0;
}

#es .modal-bottom-sheets.modal-comments .es-comments-wrapper-innner {
	margin: 0;
}

#es.es-dialog .es-dialog-modal {
	padding-bottom: env(safe-area-inset-bottom);
}

#es.es-photo-popup .es-photo-response .es-comments .no-comments-wrap {
    
}

#es .es-comments .no-comments-wrap .no-comments-wrap-icon {
    font-size: 62px;
}

#es.es-photo-popup .es-photo-response .es-comments-form {
	margin:0;	
}

#es.es-photo-popup .es-photo-response .es-comment {
    padding: 8px 16px;
}

#es.es-photo-popup .es-photo-response .es-comment:first-child {
    padding-top: 12px;
}

#es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert {
    bottom: -60px;
    top: initial;
    text-shadow: none;
}

#es.es-photo-popup .es-popup-viewport {
    max-width: 1100px;
    margin: auto;
    border-radius: 8px;	
}

body.is-mobile #es.es-photo-popup .es-popup-viewport {
	border-radius: 0;	
}

#es .dropdown-backdrop, #es.es-photo-popup,#es.is-mobile .es-snackbar2 .dropdown-backdrop, #es.is-mobile .es-list-item .dropdown-backdrop, #es.is-mobile .es-mobile-list-item__action .dropdown-backdrop, #es.is-mobile .es-mobile-filter-toggle .dropdown-backdrop, #es.is-mobile .es-stream-control .dropdown-backdrop, #es.is-mobile .es-profile-header__action-wrap .dropdown-backdrop, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-backdrop, #es.is-mobile .es-comment-actions .dropdown-backdrop, #es.is-mobile .es-convo__sidebar-action .dropdown-backdrop, #es.is-mobile .es-media-item-menu .dropdown-backdrop, #es.is-mobile .es-entry-actionbar .dropdown-backdrop, #es.is-mobile .es-cover-menu .dropdown-backdrop, #es.is-mobile .es-profile-header-nav__item .dropdown-backdrop, #es.is-mobile .es-card__action-group .dropdown-backdrop, #es.is-mobile .es-entry-actionbar .dropdown-backdrop, #es.is-mobile .es-stream-filter-bar .dropdown-backdrop {
    background: rgba(0, 0, 0, 0.65);
}



#es.es-photo-popup .es-photo-footer .es-photo-close-button, #es.es-photo-popup .es-photo-footer .es-photo-popup-close {
    font-size: 28px;
    position: fixed;
    color: #fff;
    background: transparent;
    opacity: .8;
    line-height: 1;
}

#es.es-photo-popup .es-photo-popup-close {
    font-size: 28px;
    color: #fff;
    background: transparent;
    opacity: .8;
    line-height: 1;
	z-index: 3;
}

#es .es-photo-tag-item .es-photo-tag-title b {
    color: #fff !important;
}

#es.es-photo-popup .es-photo-item .es-photo-footer-head {
    margin-bottom: 16px;
}

#es.is-desktop.es-photo-popup .es-actions-list .es-reactions-pop {
    left: 20px;
}

#es.is-desktop.es-photo-popup .es-comment-item-like .es-reactions-pop {
    left: 40px;
}

#es.es-photo-popup .es-reactions-pop {
    left: 32px;
}


#es .es-photo-popup-privacy {
    display: inline-block;
	float: right;
}

@media (min-width: 901px) {

#es.es-photo-popup .es-photo-prev-button, #es.es-photo-popup .es-photo-next-button {
    display: none;
}

#es.es-photo-popup .es-photo-content:hover .es-photo-prev-button, #es.es-photo-popup .es-photo-content:hover .es-photo-next-button {
    display: block;
}

}

#es.es-photo-popup .es-photo-content .es-photo-nav-button.disabled {
	display: none;
}

#es.es-photo-popup .es-photo-footer .o-flag {
    margin-bottom: 16px;
} 

#es.es-photo-popup .es-photo-footer {
	padding-bottom: env(safe-area-inset-bottom);
}

.is-mobile #es.es-photo-popup .es-photo-response .es-comments-form {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 6;
    border-top: 1px solid #E9EAEC;
	padding-bottom: calc(12px + env(safe-area-inset-bottom));
}


.is-mobile #es .es-comments-form-wrap {
    display: flex;
    gap: 8px;
    align-items: end;
}

.is-mobile #es .es-comments-form__footer .btn {
    margin-top: 0;
    padding: 0;
    font-size: 20px;
    height: 34px;
    line-height: 34px;
    width: 34px;
}

.is-mobile #es.es-photo-popup .es-photo-response .es-comments {
	padding-bottom: calc(59px + env(safe-area-inset-bottom));
}

/*   PHOTO POPUP  END */




/*   PHOTOS APP   */



#es .mod-es-albums-item .mod-es-albums-item-tittle-box  a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

#es .mod-es-albums-item {
	border:0;
	position:relative;
	padding: 0;
	border-radius: 8px;
	margin-top: 0;
}

#es .mod-es-albums-item + .mod-es-albums-item {
    margin-top: 12px;
}

#es .mod-es-albums-item .es-photo u {
    position: absolute !important;
}

#es .mod-es-albums-item .es-photos.pattern-tile .es-photo {
    background-color: #000;
}

#es .mod-es-albums-item .es-photos:after {
    clear: initial;
}

#es .mod-es-albums-item .mod-es-albums-item-tittle-box .mod-es-albums-item-tittle-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 33px 10px 6px;
    background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 100%);
    color: #fff;
	font-size: 12px;
}

#es .mod-es-albums-item .mod-es-albums-item-tittle-box  .mod-es-albums-item-tittle-wrap b {
    color: #fff!important;
}

#es .mod-es-albums-item .es-photos.pattern-tile.photos-3 .es-photo, #es .mod-es-albums-item .es-photos.pattern-tile.photos-3 .es-photo:nth-child(3) u {
    margin: 0;
}

#es .mod-es-albums-item .photo-count {
    float: right;
}

#es .mod-es-albums-item .es-photo+.es-photo {
    display: none;
}

#es .mod-es-albums-item .es-photos.pattern-tile .es-photo a {
    padding-top: 132px !important;
}

#es .mod-es-albums-item .es-photos.pattern-tile.photos-2 .es-photo {
    width: 100%;
}





/*   PHOTOS APP  END */


/*   VIDEO PAGE  */

#es .es-video-progress-area,#es .es-audio-progress-area {
	background:transparent;
}

#es .video-js .vjs-brand-container img {
    padding: 3px 0;
}

#es .es-video-content-body {
    background: #000;
    border-radius: 8px 8px 0 0;
}

body.is-mobile #es .es-video-content-body {
    border-radius: 0;
}

#es .edit-thumbnail-wraper {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    position: relative;
}

#es .edit-thumbnail-wraper .title {
    font-size: 14px;
    line-height: 1;
    margin: 0;
    font-weight: bold;
    color: #0c1322;
}

#es .es-video-cover-action {
    background: none;
    padding: 0;
}

#es .video-info-header {
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 0 0 8px 8px;
    border-top: 0;
}

#es .es-video-title.single {
    font-size: 23px;
    line-height: 1.1;
    margin: 0;
    padding: 15px 20px 0;
}

#es .es-video-title-info {
    padding: 4px 20px 15px;
}

#es .es-video-title-info span+span {
    margin-left: 4px;
}

#es .es-video-actions {
    padding: 0 20px 15px;
    position: relative;
}

#es .es-video-actions .es-actions-wrapper {
    padding: 0 6px;
    border-top: 0;
}


#es .video-info-block.ds-page-form, #es .audio-info-block.ds-page-form {
    padding: 20px;
	margin-top: 20px;
}

#es .author___info a[data-user-id] {
    font-weight: bold;
}

#es .video-info-block .es-video-author {
    display: flex;
    align-items: center;
}

#es .video-info-block .author__image {
    float: left;
    margin-right: 8px;
    width: 32px;
    height: 32px;
}

#es .video-info-block .author__image .o-avatar-v2 {
    width: 32px;
    height: 32px;
}

#es .es-videos .video-comments {
    margin-top: 20px;
}


#es .es-card {
    border-radius: 8px;
}

#es .es-videos .es-card {
    border: 0;
    border-radius: 0;
}

#es .es-videos  .es-cards .es-cards__item {
    padding: 0 8px 25px;
}

#es.is-mobile .es-videos .es-cards .es-cards__item {
	padding: 0 0 25px;
}

#es .es-videos  .es-card__cover {
    border-radius: 8px;
}

#es .es-videos .es-card__bd {
    border: 0;
    padding: 10px 0 0;
}

#es .es-videos .es-card__ft {
    padding: 0;
    border: 0;
    background: none;
}

#es .es-videos .es-card__title {
    margin-bottom: 4px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0;
}

#es .es-videos  .es-card__ft .g-list-inline>li {
    line-height: 1;
    padding: 2px 0;
}

#es .es-videos .es-card .mdi-play {
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    text-align: center;
    font-size: 38px;
    line-height: 50px;
    display: none;
}

#es .es-videos .es-card:hover .mdi-play {
    display: block;
}

body.is-mobile #es .es-videos .es-card .mdi-play {
    display: block;
}

#es .es-videos .es-card .mdi-play:hover {
    background-color: rgba(0,0,0,.6);
}

body.is-mobile.dropdown-mobile-from-container #es .es-card__action-group {
	z-index: unset;
}

body.is-mobile.dropdown-mobile-from-container #es .es-card__action-group .dropdown_.open {
	z-index:1000;
}

#es .es-card .es-card__admin-action .btn, #es .es-card .es-card__addplaylist-action .btn {
    background: rgba(0,0,0,.5) !important;
    border: 0;
    color: rgba(255, 255, 255, 0.8) !important;
}

#es .es-card:hover .es-card__admin-action .btn:hover,#es .es-card:hover .es-card__admin-action .btn:focus, #es .es-card:hover .es-card__addplaylist-action .btn:hover ,#es .es-card:hover .es-card__addplaylist-action .btn:focus {
    background: rgba(0,0,0,.6) !important;
    color: #fff !important;
}


#es .video-js .vjs-big-play-button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    border-width: 0;
    font-size: 24px;
    background: rgba(0,0,0,.5);
}

#es .video-js:hover .vjs-big-play-button, #es .video-js .vjs-big-play-button:focus {
    background-color: rgba(0,0,0,.6);
}

#es .es-media-nav__prev>a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#es .es-media-nav__next>a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#es .es-media-nav {
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
	background: #E9EAEC;
}

/*   VIDEO PAGE END */ 


/*   VIDEOS APP   */

#es .widget-videos .es-widget-body {
    padding:10px;
}

#es .widget-videos .o-flag {
    display: inline-block;
}


#es .widget-videos .mod-card,#es.mod-es-videos .mod-card  {
    border: 0;
}

#es .widget-videos .mod-card__cover-wrap, #es.mod-es-videos .mod-card__cover-wrap {
    border-radius: 8px;
}

#es .es-card__video-time {
    left: initial;
    right: 8px;
    border-radius: 4px;
    padding: 0 5px;
}

#es .widget-videos .mod-card__context,#es.mod-es-videos  .mod-card__context {
    padding: 6px 0 0;
}
#es .widget-videos .mod-card__context a,#es.mod-es-videos .mod-card__context a {
	font-size:12px;
}

#es .widget-videos .mdi-play, #es.mod-es-videos .mdi-play{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    text-align: center;
    font-size: 38px;
    line-height: 50px;
}

#es .widget-videos .mdi-play:hover, #es.mod-es-videos .mdi-play:hover {
	background-color: rgba(0,0,0,.6);
} 

#es.mod-es-videos .es-card__ft {
    border: 0;
    padding: 0;
    background: none;
}

#es.mod-es-videos .mod-es-action {
    margin: 10px -10px -10px;
}

#es.mod-es-videos-inline .mod-card__context {
    padding: 0;
}

#es.mod-es-videos-inline .col-desc {
    padding-left:5px;
}

/*   VIDEOS APP  END */

/*   AUDIOS APP   */

#es .widget-audios .o-flag__image>img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
} 


/*   AUDIOS APP  END */



/*   AUDIO   */

#es.view-audios .es-cards .es-audio-cover, #es.view-audios .es-cards .es-audio-player__cover,#es .es-stream-embed.is-audio .es-audio-player__cover, #es .es-stream-embed.is-audio .es-audio-cover {
    position: unset;
    width: 60px;
    height: 60px;
    border-radius: 8px;
}

#es.view-audios .es-card,#es .es-stream-embed.is-audio   {
	border:0;
    padding: 5px;
	overflow: unset;
	border-radius: 8px;
}

#es.view-audios .es-card:hover,#es .es-stream-embed.is-audio:hover  {
    background: #f5f6f8;
}

#es.view-audios .es-card .es-audio-player__time,#es .es-stream-embed.is-audio .es-audio-player__time {
    color: inherit;
    background: transparent;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

#es.view-audios .es-card:hover  .es-audio-player__time,#es .es-stream-embed.is-audio:hover  .es-audio-player__time  {
    display: none;
}

#es.view-audios .es-card .es-audio-player__btn-play,#es .es-stream-embed.is-audio .es-audio-player__btn-play{
    display: none;
	background-color: rgba(0, 0, 0, .5);
}

#es.view-audios  .es-audio-player__btn-pause,#es .es-stream-embed.is-audio  .es-audio-player__btn-pause {
	background-color: rgba(0, 0, 0, .5) !important;
	opacity:1 !important;
}

#es.view-audios .es-audio-player__btn-play:hover, #es.view-audios .es-audio-player__btn-pause:hover,#es .es-stream-embed.is-audio .es-audio-player__btn-pause:hover {
	background-color: rgba(0, 0, 0, .6) !important;
}

#es.view-audios .es-audio-player__btn-play, #es.view-audios .es-audio-player__btn-pause,#es .es-stream-embed.is-audio .es-audio-player__btn-pause {
    left: 10px;
}

#es.view-audios .es-card:hover .es-audio-player__btn-play,#es .es-stream-embed.is-audio:hover  .es-audio-player__btn-play{
	display:block;
}

#es.view-audios .es-cards .es-audio-player__cover,#es .es-stream-embed.is-audio .es-audio-player__cover {
    top: 10px;
    left: 10px;
}

#es.view-audios .es-cards .es-audio-player__cover-wrap,#es .es-stream-embed.is-audio .es-audio-player__cover-wrap{
    width: 60px;
}

#es.view-audios .es-cards .es-audio-player,#es .es-stream-embed.is-audio .es-audio-player {
    height: 60px !important;
    background: transparent;
}

#es.view-audios .es-cards .es-audio-player__wave, #es.view-audios .es-cards .es-wave-embed wave,#es .es-stream-embed.is-audio .es-audio-player__wave,#es .es-stream-embed.is-audio .es-wave-embed wave {
    height: 10px !important;
    bottom: 0 !important;
    position: absolute;
} 

#es.view-audios .es-cards .es-wave-embed,#es .es-stream-embed.is-audio .es-wave-embed {
    background: transparent;
    padding: 0 0 0 12px;
}


#es.view-audios .es-audio-player__audio_title,#es .es-stream-embed.is-audio .es-audio-player__audio_title {
    flex: none;
    width: 100%;
    padding: 0 12px;
}

#es.view-audios .es-audio-player__content,#es .es-stream-embed.is-audio .es-audio-player__content {
    height: 60px;
}


#es.view-audios .es-audio-single .es-audio-content-body {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    background: #fff;
    border-bottom: 0;
}

#es .es-audio-player, #es .es-wave-embed {
    background: #fff;
}

#es.view-audios .es-audio-single .es-audio-player__content {
    height: unset;
}

#es.view-audios .es-audio-single .es-audio-player__audio_title {
    display: none;
}

#es.view-audios .es-audio-single  .es-audio-player__cover-wrap .es-audio-player__btn-play, #es.view-audios .es-audio-single  .es-audio-player__cover-wrap .es-audio-player__btn-pause, #es.view-audios .es-card .es-audio-player__content .es-audio-player__btn-play, #es.view-audios .es-card .es-audio-player__content .es-audio-player__btn-pause,#es .es-stream-embed.is-audio .es-audio-player__content .es-audio-player__btn-play,#es .es-stream-embed.is-audio .es-audio-player__content .es-audio-player__btn-pause {
	display:none !important;
}

#es.view-audios .es-audio-single .es-audio-player__btn-play, #es.view-audios .es-audio-single .es-audio-player__btn-pause {
    left: 8px;
    background: rgba(0, 0, 0, 0.5);
}


#es .audio-info-header {
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 0 0 8px 8px;
    border-top: 0;
	padding: 0px 20px 15px;
}

#es .es-actions-audio .es-actions-wrapper {
    padding: 0 6px;
    border-top: 0;
}

#es .audio-info-block, #es .audio-comments {
    margin-top: 20px;
} 

#es .audio-description {
    margin: 8px 0;
}

#es .audio-info-block .author__image {
    float: left;
    margin-right: 8px;
}

#es .es-audio-content-body {
    background: #000;
}

#es .es-audio-cover {
    border-radius: 4px;
}

#es .es-audio-playlist {
    background: #fff;
}



#es .widget-audios .o-flag__image>img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
} 



/*   AUDIO END  */


/*   FRIENDS APP   */


#es .es-side-avatar-lists .o-avatar-v2 {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#es .es-side-avatar-lists__item {
    height: 50px;
}

#es .es-side-avatar-lists__item,#es .es-side-avatar-lists__item:nth-child(5n) {
    margin: 8px;
}


/*   FRIENDS APP  END */

/*   FOLLOWERS APP   */

#es .es-content.is-loading .es-followers-wrapper {
    display: none;
}

/*   FOLLOWERS APP  END */

/*   ACHIEVEMENTS MODULE   */



#es .es-side-widget-achievements li {
	margin: 3px;
    line-height: 1;
}

/*   ACHIEVEMENTS MODULE  END */

/*   SIDE MODULES MIX   */


#es .es-side-widget-btn-showmore {
	margin: 0;
    padding: 8px 0;
    display: block;
    text-align: center;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #E9EAEC;
}

#es .es-mobile-info .es-side-widget-btn-showmore {
    padding: 11px 0;
}


#es .es-side-widget-btn-showmore:hover,#es .es-side-widget-btn-showmore:focus {
    background: #f5f6f8;
    color: #8994a9;
}	

#es .es-side-widget.is-module .mod-es-action .es-side-widget-btn-showmore {
    margin: 0 -10px -10px;
}

#es .es-side-widget.is-module .moduletable {
    margin: 0;
}

#es .es-side-widget.is-module .mod-es-title {
    font-size: 14px;
}

#es .es-side-widget .widget-groups>li {
	height: 50px;
}

#es .es-side-widget .widget-groups .o-avatar-v2 {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#es .es-side-widget li.t-lg-mb--md.t-lg-mr--md {
    margin: 8px !important;
}


#es .es-side-widget .o-flag-list .o-flag {
    margin-bottom: 0;
}

#es .es-side-widget .o-flag-list .o-flag+.o-flag {
    margin-top: 16px;
}

/*   SIDE MODULES MIX END   */




/*   SIDE BAR  */

#es .es-container__sidebar {
    margin: 0;
    width: 250px;
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
}

#es .es-container__sidebar .es-side-widget,#es .es-content .es-stream-widget  {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
    margin-bottom: 16px;
}

#es .es-side-widget__title {
    padding: 10px 10px 0;
    text-transform: none;
    font-size: 14px;
    color: #0c1322;
}

#es .es-side-widget__title .total_count {
    font-weight: normal;
    font-size: 13px;
}

#es  .es-side-widget__bd {
    padding: 10px;
}

#es .es-container__sidebar .es-hr {
    display: none;
}


#es .es-side-widget+.es-side-widget, #es .es-side-widget+.widgets-wrapper,#es .widgets-wrapper+.es-side-widget {
    margin-top: 0;
}




/*   SIDE BAR END */

/*   stream content module */

#es .es-container .es-content .es-modules-wrap .moduletable {
    background: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 12px;
}

#es .es-container .es-content .es-modules-wrap .module-header {
    font-size: 14px;
    font-weight: bold;
}

/*   stream content module end*/

/*   Settings page   */

#es .es-field-avatar .avatar-wrap-frame {
    margin-bottom: 8px;
    border-radius: 8px;
    width: 162px;
    height: 162px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 4px;
}

#es .es-field-avatar .avatar-frame {
    width: 152px;
    height: 152px;
    border-radius: 8px;
}

#es .es-field-avatar .avatar-remove,#es .es-field-cover .cover-remove {
    top: 8px;
    right: 8px;
}

#es .es-field-avatar .avatar-remove a,#es .es-field-cover .cover-remove a {
    line-height: 15px;
}

#es .es-field-cover .cover-image-wrap {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 8px;
}

#es .es-field-cover .cover-image {
    border-radius: 8px;
}

#es .o-input-group label+input.o-form-control:not(:first-child):not(:last-child) {
    border-radius: 6px 0 0 6px;
}

#es [data-field-item="skype"] .o-input-group .o-form-control:not(:first-child):not(:last-child) {
    border-radius: 0 6px 6px 0 !important;
}

#es .es-locations {
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es .es-forms .es-location-map {
    border-radius: 8px 8px 0 0;
    border: 0 !important;
}

#es .es-location-form.has-border {
    border-radius: 0 0 8px 8px;
	border: 0 !important;
	border-top:1px solid #E9EAEC !important;
}

#es .o-form-horizontal .o-control-input .data {
    margin-bottom: 8px;
}

#es .data-field-datetime-yearprivacy {
    border-radius: 8px;
    padding: 6px 0 6px 12px;
}


#es .o-form-horizontal .o-control-label i {
    padding-top: 3px;
}

html.layout-editPrivacy #es .o-form-horizontal .o-control-label {
	width:40%;
}

html.layout-editPrivacy .is-mobile #es .o-form-horizontal .o-control-label {
	width:100%;
}


/*   Settings page end   */

/*   SIDEBAR <-> CONTENT  CHANGE POSITION  */

#es.es-main {
    display: block;
}


@media (min-width: 992px) {

#es .es-container__sidebar+.es-content, html.com_easysocial.view-profile.layout-edit #es .es-container__sidebar+.es-content,html.com_easysocial.view-profile.layout-manageBlockedUsers #es .es-container__sidebar+.es-content, html.com_easysocial.view-profile.layout-editPrivacy #es .es-container__sidebar+.es-content,html.com_easysocial.view-profile.layout-editNotifications #es .es-container__sidebar+.es-content,#es #pages-app .es-container__sidebar+.es-content,#es #gifts-app .es-container__sidebar+.es-content,#es #app-articles .es-container__sidebar+.es-content{
    width: calc(100% - 250px);
    padding: 0 20px 0 0;
}

html.com_easysocial.view-profile #es .es-container {
    flex-direction: row;
}

html.com_easysocial.view-profile #es .es-container__sidebar+.es-content {
	padding: 0 0 0 20px;
}

html.com_easysocial.view-profile.layout-about #es .es-container__sidebar+.es-content{
    padding: 0 20px 0 0;
}

#es .es-container, html.com_easysocial.view-profile.layout-about #es .es-container, html.com_easysocial.view-profile.layout-edit #es .es-container,html.com_easysocial.view-profile.layout-manageBlockedUsers #es .es-container, html.com_easysocial.view-profile.layout-editPrivacy #es .es-container,html.com_easysocial.view-profile.layout-editNotifications #es .es-container,#es #pages-app, #es #gifts-app,#es #app-articles {
    -webkit-flex-flow: row-reverse wrap;
    -moz-flex-flow: row-reverse wrap;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

}



/*   SIDEBAR <-> CONTENT  CHANGE POSITION END */


/*   NEWS FEED PAGE  */




#es .es-streams .es-story {
    background: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 12px;
}

#es .es-story-panel-button__shape, #es .es-story-panel-button.active .es-story-panel-button__shape:before, #es .es-story-panel-button.active:hover .es-story-panel-button__shape:before, #es .es-story-panel-button.active:focus .es-story-panel-button__shape:before, #es .es-story-panel-button.active:active .es-story-panel-button__shape:before {
    border-radius: 50%;
}

#es .es-story-panel-button.active .es-story-panel-button__shape:before, #es .es-story-panel-button.active:hover .es-story-panel-button__shape:before, #es .es-story-panel-button.active:focus .es-story-panel-button__shape:before, #es .es-story-panel-button.active:active .es-story-panel-button__shape:before {
	border-color: #3d7eff;
}

#es .es-story [data-message-group] {
    margin-bottom: 0;
}

#es .es-story-reset {
    padding-top: 0;
    position: absolute;
    right: -6px;
    top: -6px;
	z-index: 2;
}

#es .es-story-reset .es-story-reset__link {
	background:#fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
}

#es .es-story-avatar, #es .es-story.is-expanded .es-story-avatar {
    top: 12px;
    left: 12px;
}

#es .textboxlist-menu .textboxlist-menuItem img {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
}

#es .es-story-panel-button__label {
    padding: 4px 16px 4px 8px;
}

#es .es-story-panel-button__label>b {
    max-width: 160px;
    font-size: 10px;
}

#es .is-story-selection .es-story-avatar-popbox-toggle__icon {
    right: 0;
}

#es .es-story-panel-buttons {
	width: 100%;
}

#es .es-story-swiper-nav {
	display: inline-block;
    width: 100%;
}

#es .es-story-panel-button-list__item:hover, #es .es-story-panel-button-list__item.is-active {
    background: #f5f6f8;
}

#es .es-story-panel-button-list__item {
    border-radius: 8px;
}

#es.is-mobile .es-story-panel-buttons, #es.is-tablet .es-story-panel-buttons, #es.es-mobile-content .es-story-panel-buttons {
    padding: 0;
}

.is-mobile #es .es-story-swiper-nav__content {
    padding: 4px 16px 4px 2px;
}


#es.popbox {
    border-radius: 6px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border: 1px solid rgba(0,0,0,0.15);
}

.is-mobile #es.popbox {
    left: 50% !important;
    transform: translate(-50%);
}

#es .es-story-video-form .video-category {
    display: none;
}

#es .es-video-item-wrap {
    border-radius: 8px;
    background: #f5f6f8;
}


#es .es-stream-editor .es-story-body {
    margin: 0;
    border: 0;
}

#es .es-stream-editor .es-story-footer {
    margin-left: 0;
}

#es .es-stream-editor .es-story-text {
    background: #fff;
	padding:0 0 8px;
}

#es .es-stream-editor .es-story-panel-contents {
    background: #fff;
}

#es .es-stream-editor .es-story-panel-contents .es-story-panel-content {
    padding:0 0 10px;
	background: #fff;
}


#es .es-stream-list>li {
    padding: 12px;
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
}

#es .es-stream-list>li+li {
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#es .es-stream-list>li.is-published .es-stream-published {
    margin-bottom: 12px;
}

#es .es-stream-list .es-stream-full {
    padding: 12px 12px 0;
}

#es .es-stream-item .es-stream .es-profile-header,#es .es-repost-preview .es-repost-content .es-profile-header {
    margin-top: 0;
}

#es .es-stream-embed--border {
	border:none;
}

#es .es-stream-header {
    background: #f5f6f8;
    color: #8994a9 !important;
    border-radius: 4px;
}

#es .es-actions-wrapper {
    padding: 8px 12px;
    margin: 0 -12px;
}

#es .es-actions-list {
    display: flex;
}

#es .es-actions-list>li {
    margin: 0;
}

#es .es-actions-list>li+li {
	margin-left:16px;
}

#es .es-actions-list>li+li:before {
	display:none;
}


#es .es-actions-list a, #es .es-actions-list>li>a {
    padding: 8px 7px;
    border-radius: 4px;
    font-size: 13px;
    color: #8994a9;
    display: flex;
    align-items: center;
}

#es .es-actions-list a:hover {
    background: #f5f6f8;
	color: #8994a9;
}



#es .es-actions-list>li>span,#es .es-actions-list>li>.es-reaction-option {
	padding:0;
	margin:0;
}

#es.is-mobile .es-stream-item .es-actions-list>li>span,#es.is-mobile .es-actions-list>li>.es-reaction-option {
    padding: 0;
	margin:0;
}

#es .es-reaction-option__link.is-active .es-reaction-option__text {
	color: #3d7eff;
}

#es .es-reaction-option__link .es-reaction-option__text {
    display: flex;
    align-items: center;
}

#es .es-reaction-option__link .es-reaction-option__text .es-icon-reaction {
	margin-right:4px;
}

#es .es-actions__item-stats, #es .es-actions__item-comment, #es .es-reaction-stats {
    background-color: transparent;
}

#es .es-reaction-stats {
    padding: 4px 0;
}

#es .es-reaction-stats__text>a {
    color: #8994a9;
    font-size: 12px;
}

#es .es-reaction-icon-stat__item {
    margin-right: 0;
}

#es .es-reaction-stats-pop .es-reaction-icon-stat__item + .es-reaction-icon-stat__item {
    margin-left: 8px;	
}

#es .es-reaction-stats-pop .es-reaction-icon-stat__item.is-active .es-reaction-icon-stat__avatar {
    border-bottom: 2px solid #3d7eff;
}

#es .es-reaction-stats-pop .es-reaction-icon-stat__item .es-reaction-icon-stat__avatar {
    padding:2px 0;
}

#es .es-reaction-stats-pop {
    width: unset;
}

#es .es-reaction-stats-list__item+.es-reaction-stats-list__item {
    border: 0;
}

#es .es-reaction-stats-list__item .o-media__image {
    position: relative;
}

#es .es-reaction-stats-list__item .es-icon-reaction {
    position: absolute;
    right: -5px;
    bottom: 0;
}

#es .es-reaction-stats .es-reaction-icon-stat__item .es-icon-reaction,#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item .es-icon-reaction {
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
}

#es .es-reaction-stats .es-reaction-icon-stat__item,#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item {
    position: relative;
	margin: 0;
}

#es .es-reaction-stats .es-reaction-icon-stat__item+.es-reaction-icon-stat__item,#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item+.es-reaction-icon-stat__item{
    margin-left: -4px;
    position: relative;
}

/* Установить z-index для первого видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):first-child,#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):first-child {
  z-index: 6;
}

/* Установить z-index для второго видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(2),#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(2) {
  z-index: 5;
}

/* Установить z-index для второго видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(3),#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(3) {
  z-index: 4;
}

/* Установить z-index для второго видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(4),#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(4) {
  z-index: 3;
}

/* Установить z-index для второго видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(5),#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(5) {
  z-index: 2;
}

/* Установить z-index для второго видимого элемента */
#es .es-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(6),#es .es-comment-item-reaction-stats .es-reaction-icon-stat__item:not(.t-hidden):nth-child(6) {
  z-index: 1;
}

#es .total_reactions_counter {
    margin-left: 4px;
}

#es .total_reactions_counter a {
    color: #8994a9;
	padding: 0;
    line-height: 20px;
}

/* reactions likes icons test */

#es .es-reaction-option__link .es-icon-reaction.es-icon-reaction--like:before {
    background-image: none;
    content: "\F02D5";
}

#es .es-reaction-option__link.is-active .es-icon-reaction.es-icon-reaction--like:before {
    content: '';
    background-image: url(../../../../../media/com_easysocial/images/reactions/icon-reactions.svg);
}

#es .es-actions-list>li i {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

#es .es-actions-list .es-reaction-option__text {
    display: flex;
    align-items: center;
}

#es .es-actions-list .es-icon-reaction {
    margin-right: 4px;
}

#es.is-mobile .es-actions-list a span, #es.is-mobile .es-actions-list>li>a span, body.is-mobile #es .es-actions-list a span,body.is-mobile #es .es-actions-list>li>a span {
    display: none;
}

#es.is-mobile .es-actions-list a, #es.is-mobile .es-actions-list>li>a,body.is-mobile #es .es-actions-list a {
    padding: 8px 16px;
    background: #f5f6f8;
    border-radius: 16px;
	margin:0;
}

#es.is-mobile .es-actions-list>li i,#es.is-mobile .es-actions-list .es-reaction-option__link .es-icon-reaction,body.is-mobile #es .es-actions-list>li i, body.is-mobile #es .es-actions-list .es-reaction-option__link .es-icon-reaction{
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 0;
}

body.is-mobile #es .es-actions-list a[data-count="0"] {
    display: none;
}

/* reactions likes icons test end */


#es .es-comments-wrapper-innner {
	border-top: 1px solid #E9EAEC;
}

#es .es-stream-item .es-comments-wrapper-innner {
    margin: 0 -12px;
}

#es .ds-page-form .es-comments-wrapper-innner {
    border-top: 0;
	margin: 0 -8px;
}

#es .es-comments-control__load {
    background: transparent;
    padding: 8px 12px;
}

#es .ds-page-form .es-comments-control__load {
    padding: 8px;
}

#es .es-stream-item .es-comment {
    padding: 8px 12px;
}

#es .es-comment:first-child {
    padding-top: 12px;
}


#es .es-comment+.es-comment:not(.is-child) {
    border: 0;
}

#es .es-comment .o-media__body {
    border-bottom: 1px solid #E9EAEC;
}

#es .es-comment:last-child .o-media__body {
    border: 0;
}

#es .es-comments-form {
    position: relative;    
    padding: 12px;
}

#es .ds-page-form .es-comments-form {
    padding: 8px 8px 0;
}

#es .es-comments-form + .es-comment {
	border-top: 1px solid #E9EAEC;
}

#es .es-comments-form .es-form {
    padding: 6px 8px;
    width: calc(100% - 44px);
    display: inline-block;
    float: right;
}

#es .es-comments-form .es-form .mentions>div {
    padding-bottom: 0px !important;
	min-height: 20px;
}

#es .es-comments-form .es-form .mentions textarea {
    line-height: 20px;
    width: calc(100% - 50px);
}

#es .es-comments-form .es-form-attach>label,#es.is-mobile .es-comments-form .es-form-attach>label:not(.es-input-gif), #es.es-photo-popup .es-comments-form .es-form-attach>label:not(.es-input-gif) {
	width: 20px;
	height: 20px;
    line-height: 20px;
	font-size: 16px;
}

#es.is-mobile .es-comments-form .es-form-attach, #es.es-photo-popup .es-comments-form .es-form-attach {
	right: 0;
    padding: 0;
}


#es .es-comment .o-avatar-v2 {
    width: 34px;
    height: 34px;
    line-height: 34px;
}

#es .es-comment .o-avatar-v2 img {
    width:34px;
	height:34px;
}

#es .es-comments-form .o-avatar-v2 {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
}

#es .es-comment-editor .es-comments-form {
    padding: 0 0 12px;
}

#es .es-comment-editor .es-comments-form .o-avatar-v2 {
	display:none;
}

#es .es-comment-editor .es-comments-form .es-form {
	width:100%;
}

#es .es-comment-editor .es-comments-form .btn {
	margin-top:8px;
}

#es .es-comment-editor .es-comments-form .es-comments-form-wrap>div {
    margin-top: 0 !important;
}

.is-mobile #es .es-comments-form__footer .btn span {
    display: none;
}


#es .o-avatar img {
    border-radius: 50%;
}


#es.is-mobile .es-dashboard-filters {
    display: block;
}



#es .es-dashboard-filters {
    display: none;
    align-items: center;
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    margin-bottom: 16px;
    min-height: 48px;
    border-radius: 8px;
    overflow: hidden;
}

#es.is-mobile .es-dashboard-filters {
	display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

#es .es-stream-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 8px 12px;    
    margin-bottom: 16px;
    min-height: 48px;
	border-radius:8px;
}

#es.is-mobile .es-stream-filters {
	border-right: 0;
    border-left: 0;
    border-radius: 0;
}


#es .es-stream-filter-bar {
    background: #fff;
    padding:0;
	margin:0 !important;
}


#es .es-stream-filter-bar-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

#es.view-dashboard.layout-hashtag .es-dashboard-filters {
	display: flex;
}

#es.view-dashboard.layout-hashtag .es-stream-filter-bar-title span {
    display: none;
}


#es.is-mobile.view-dashboard.layout-hashtag .es-dashboard-filters {
    padding: 0;
    justify-content: unset;
}

#es.is-mobile.view-dashboard.layout-hashtag .es-dashboard-filters  .es-stream-filter-bar {
	padding: 8px 12px 8px 8px
}

#es .es-stream-filter-bar-title .back-btn {
    border: 0;
    font-size: 20px;
    height: 48px;
    line-height: 36px;
	display: none;
}

#es.view-dashboard.layout-hashtag .es-stream-filter-bar-title .back-btn {
	display: inline-block;
}

#es.is-mobile .es-dashboard-filters .es-stream-filter-bar__cell .btn {
    padding: 1px 0;
    border: 0;
}

#es .es-timeline-filter-dropdown__title {
    padding: 0 16px 8px;
    text-align: center;
    font-size: 15px;
    font-weight: bold !important;
    color: #0c1322 !important;
    line-height: 1.715;
}

#es .es-snackbar2.es-hashtag {
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


#es .es-stream-repost__meta, #es .es-stream-repost__meta-inner {
    padding: 0;
    box-shadow: none;
    border: 0;
}

#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both img, #es .es-stream-repost__content img {
    max-height: calc(100vh - 142px);
    width: 100%;
	object-fit: cover;
}

#es .es-photo img,#es .es-photo,#es .mod-es-albums-item .es-photos,#es .es-stream-embed,#es .es-stream-embed__player,#es .es-stream-repost .o-media__image {
    border-radius: 8px;
	overflow: hidden;
}



#es.es-photo-popup .es-photo img{
    border-radius: 0;
}

#es .es-photos.pattern-tile .es-photo {
    padding: 0;
}

#es .es-stream-embed {
    border: 0;
}

#es .es-stream-embed__cover {
    border-radius: 8px;
}

#es .es-stream .es-stream-content[class*=" es-story--bg-"]:not(.es-story-bg-menu-preview):not(.es-story--bg-0) {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#es .es-stream-embed__title {
    padding: 8px 0;
}

#es .es-stream-embed__meta {
    padding: 0;
}

/* mobile full width photo-video */

.is-mobile #es .es-stream-item.es-context-photos .es-stream-preview .es-photos, .is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed, .is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost .es-stream-embed.is-video, .is-mobile #es .ds-stream-photo-repost .o-media__image, .is-mobile #es .es-stream-item.es-context-photos .es-stream-preview [data-es-photo-group],.is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost [data-es-photo-group] {
    margin-right:-12px;
	margin-left:-12px;
}

.is-mobile #es .es-stream-item.es-context-photos .es-stream-preview .es-photo, .is-mobile #es .es-stream-item.es-context-photos .es-stream-preview .es-photo img,.is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed, .is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed__player,.is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost .es-stream-embed.is-video,.is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed__player,.is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost .es-stream-embed.is-video .es-stream-embed__player,.is-mobile #es .ds-stream-photo-repost .o-media__image,.is-mobile #es .es-stream-item .es-stream-repost .es-photo, .is-mobile #es .es-stream-item .es-stream-repost .es-photo img, .is-mobile #es .es-stream-content-avatar,.is-mobile #es .es-stream-item .es-photo__note {
    border-radius:0;
}

.is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed__title, .is-mobile #es .es-stream-item.es-context-videos .es-stream-preview .es-stream-embed__meta,.is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost .es-stream-embed.is-video .es-stream-embed__meta, .is-mobile #es .es-stream-item .es-stream-preview .es-stream-repost .es-stream-embed.is-video .es-stream-embed__title {
	padding-right:12px;
	padding-left:12px;
}

/* mobile full width photo-video END */

/* repost photo */
#es .ds-stream-photo-repost .o-media--top {
    display: block;
}

#es .ds-stream-photo-repost .o-media__image {
    margin: 0;
}

#es .es-stream-repost__preview {
    margin-top: 8px;
}

#es .ds-stream-photo-repost .o-media--top .o-media__body.o-media__body--text-overflow {
    margin-bottom: 8px;
}





#es.view-stream.layout-item .es-container {
    display: inline-block;
}

#es .es-stream-login-box {
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 3px;
    padding: 4px 0px;
}



/*   NEWS FEED PAGE END */


/*   NEWS FEED FILTER MODULE */

.t3-sidebar .newsfeed-mod .module-inner {
    padding: 0;
}

#es .o-tabs--stacked .o-tabs__item {
    border: 0;
}

#es .o-tabs--stacked .o-tabs__item+.o-tabs__item {
    margin-top: 2px;
}

#es .o-tabs--stacked .o-tabs__item a {
    padding: 8px 12px;
    line-height: 16px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



#es .o-tabs--stacked .o-tabs__item.active .o-tabs__link {
    background: #f5f6f8 !important;
    font-weight: bold;
    border-right: 0;
    margin-right: 0;
    color: #0c1322;
}

#es .o-tabs--stacked .o-tabs__item.error .o-tabs__link {
    border-left: 0;
    border-right: 0;
}

#es .o-tabs__indicator-error-icon {
    margin: 0;
}

#es .es-side-widget .o-tabs__link {
    color: #8994a9;
}

#es .es-side-widget .o-tabs__link:hover {
    background: #f5f6f8;
    color: #8994a9;
    border-right: 0;
    margin-right: 0;
}


#es .dl-menu-wrapper {
    overflow: unset;
}

/*   NEWS FEED FILTER MODULE END  */


/*   MIX PAGES   */

#es .es-video-player {
    background: #000;
}

#es .o-onoffswitch__label, #es .o-onoffswitch {
    margin: 0;
}

#es .tab-content .es-forms__content table tr:not(:first-child)>td {
    padding: 8px;
    vertical-align: middle;
}

html.com_easysocial.layout-manageBlockedUsers .is-mobile #es .es-snackbar2 {
    display: none;
}

#es .es-list-item__meta, #es .es-list-item__meta a {
    color: #8994a9;
}

#es.layout-edit .mobile-page-header,#es.layout-manageBlockedUsers .mobile-page-header, #es.layout-editPrivacy .mobile-page-header, #es.layout-editNotifications  .mobile-page-header {
    background: #fff;
    padding: 12px;    
    border-bottom: 1px solid #E9EAEC;
}

#es.layout-edit #title-menu-dropdown .dropdown-toggle h1,#es.layout-manageBlockedUsers #title-menu-dropdown .dropdown-toggle h1,#es.layout-editPrivacy #title-menu-dropdown .dropdown-toggle h1,#es.layout-editNotifications #title-menu-dropdown .dropdown-toggle h1 {
	font-size: 14px;
    font-weight: bold;
    color: initial;
}

#es.is-mobile.layout-manageBlockedUsers .es-container .es-content .es-forms {
	border-top:0;
}

#es.is-mobile.layout-manageBlockedUsers .privacy-contents__title {
    padding-top: 10px;
}

#es .o-media__image,#es .o-flag__image {
    line-height: 1;
}

body.is-mobile #es .es-entry-actionbar {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #DDDDDF;
}

html.com_easysocial.view-videos.layout-item body.is-mobile #es .es-entry-actionbar {
    padding: 0;
}

html.com_easysocial.view-videos.layout-item body.is-mobile #es .es-entry-actionbar .btn {
    border: 0;
    font-size: 20px;
    height: 48px;
    line-height: 36px;
}

html.com_easysocial.view-videos.layout-item body.is-mobile #es .es-entry-actionbar .back-btn span {
    display: none;
}

#es .o-box {
    background: #fff;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
	border-radius:8px;
}

#es .es-media-browser-dialog .o-tabs--stacked .o-tabs__item {
    margin: 0;
}

#es .es-dialog-close-button i,#es .es-dialog-back-button i {
	top:3px;
}

#es .es-photo-item.layout-dialog {
    height: auto;
}

#es .es-photo-item .es-photo-content .es-photo>a {
    border-radius: 4px;
}

#es .es-mobile-filter-slider:not(.is-end-right):after {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.15) 15%,#fff 85%) !important;
    background-image: -o-linear-gradient(left,rgba(255,255,255,0.15) 15%,#fff 85%) !important;
    background-image: linear-gradient(to right,rgba(255,255,255,0.15) 15%,#fff 85%) !important;
}

#es .es-mobile-filter__bd .es-mobile-filter-slider__item {
    padding: 8px 5px 8px 5px;
}

#es .es-mobile-filter__bd .es-mobile-filter-slider__item:not(:first-child) {
    margin-left: 0;
}

#es .es-profile-header+.es-videos .es-mobile-filter__bd .es-mobile-filter-slider__item[data-type="hashtag"] {
    display: none;
}

#es .es-profile-header+.es-videos .es-mobile-filter__bd .swiper-wrapper {
    transform: none !important;
}

#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__tab {
    color: #0c1322;
    font-weight: bold;
    background: #f5f6f8;
}

#es .es-mobile-filter-slider .es-mobile-filter-slider__tab {
    border: 0 !important;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 18px;
}

#es .o-avatar--xl, #es .o-avatar-v2--xl {
    width: 80px;
    height: 80px;
    line-height: 1;
}

#es .es-list__item {
    padding: 16px 0;
}

#es .es-story-selection-popbox__content .es-list__item {
    padding: 16px 8px;
}


#es .es-list-item__media {
    margin-right: 16px;
}

#es .es-list-item__context {
    margin-top: 8px;
}

#es .es-list__item:not(:first-child) {
    border-top: 0;
}

#es .es-list__item + .es-list__item {
    border-top: 1px solid #ecedee;
}

#es .es-list-item__title {
    font-size: 14px;
}

#es .es-streams .o-empty {
    border-radius: 8px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#es .ds-page-form .o-empty {
    border: 0;
}

#es .es-forms, #es .ds-page-form {
    padding: 0 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
    position: relative;
}

#es .es-forms, #es .ds-page-form {
    padding: 0 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
    position: relative;
}

#es.is-mobile .es-forms, #es.is-mobile .ds-page-form {
    padding-right:12px;
	padding-left:12px
}

#es.is-mobile .es-forms .es-snackbar, #es.is-mobile .ds-page-form .es-snackbar, #es.is-mobile .ds-page-form .es-snackbar2, #es.is-mobile .es-forms .es-snackbar2 {
	margin: 0 -12px 16px;
}

#es .es-forms .o-form-actions:before, #es .es-forms .o-form-actions:after,#es .ds-page-form .o-form-actions:before, #es .ds-page-form .o-form-actions:after {
	display:none;
}

#es .ds-page-form .es-forms {
    border: 0;
    padding: 0;
}


#es .es-forms .es-snackbar, #es .ds-page-form .es-snackbar, #es .ds-page-form .es-snackbar2, #es .es-forms .es-snackbar2, #es.view-notifications .es-snackbar2 {
    border: 0;
    border-bottom: 1px solid #E9EAEC;
    border-radius: 0;
    padding: 12px;
    margin: 0 -20px 16px;
    font-size: 14px;
    background: none;
    width: unset;
    flex-direction: row;
    min-height: 48px;
    display: flex;
    align-items: center;
}

#es .es-snackbar2__context {
    padding: 0;
}

#es.is-mobile .es-snackbar2__context, #es.is-mobile .es-snackbar2__actions {
    width:unset
}

#es.is-mobile .es-snackbar2__actions {
	flex-direction: row;
}

#es.is-mobile .es-snackbar2__actions>*+* {
    margin-left: 10px;
    margin-top: 0;
}

#es.is-mobile .es-snackbar2__actions .btn {
    border: 1px solid;
    padding: 5px 10px;
}

#es .es-snackbar2.customfilter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 8px 12px;
    margin-bottom: 16px;
    min-height: 48px;
    border-radius: 8px;
}

#es .es-snackbar {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
	font-weight: bold;
    line-height: 1;
}

#es .es-snackbar__title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    line-height: 1;
}

#es .es-snackbar__cell .edit-btn {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

#es .es-forms__actions .o-form-actions {
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    margin: 16px -20px -20px;
	display: flow-root;
    overflow: auto;
}

.is-mobile #es .es-forms__actions .o-form-actions {
    border-radius: 0;
    margin: 16px -12px -20px;
}

#es .es-snackbar2__actions .btn {
    border: 0;
    padding: 0;
    font-weight: bold;
    color: #0c1322!important;
    background: none !important;
}

#es .es-snackbar2__actions .btn:hover, #es .es-snackbar2__actions .btn:focus, #es .es-snackbar2__actions .btn:active,#es .es-snackbar2__actions .btn:active:hover {
    color: initial !important;
}

#es .es-snackbar2__actions>*+* {
    margin-left: 10px;
}

#es .es-snackbar2__actions .btn-popdown {
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

#es .es-snackbar2__actions .btn-popdown>div {
    padding: 0 6px 0 0;
}

#es .es-snackbar2__actions .btn-popdown .btn-popdown__caret {
    position: unset;
}

#es .es-cat-header {
    border: 0;
}

#es .es-cat-header__hd, #es .es-cat-header__bd, #es .es-cat-header__ft {
    padding: 0;
}

#es .dropdown-menu li {
    padding: 0;
}

#es .dropdown-menu>li>a {
    padding: 8px 12px;
    line-height: 16px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.is-mobile #es .dropdown-menu>li>a {
    align-items: center;
    white-space: unset;
}

.is-mobile #es .es-privacy .es-privacy-menu a {
    justify-content: flex-start;
}

#es .dropdown-menu>li>a i{
	margin-right:4px;
}

#es .dropdown-menu>li>a>b {
	font-weight:normal;
}

#es .dropdown-menu--popdown {
    padding: 5px 0;
}

#es .dropdown-menu--popdown>li {
	border:0;
}

#es .dropdown-menu--popdown>li>a {
	display:block;
}

#es .dropdown-menu--popdown>li.active>a>b {
	font-weight:bold;
}

#es .es-stream-control>.dropdown-menu>li.divider, #es .dropdown-menu .divider {
    margin: 0;
	background-color: #E2E2E4;
}

#es .dropdown-menu>.active>a, #es .dropdown-menu>.active>a:hover, #es .dropdown-menu>.active>a:focus, #es .dropdown-menu>li>a:hover, #es .dropdown-menu>li>a:focus, #es .dropdown-menu>li>.media-share-btn:hover, #es .dropdown-menu>li>.media-share-btn:focus {
    background: #f5f6f8 !important;
}



#es .dropdown-menu>li>.media-share-btn {
    border: 0;
    float: none;
    text-align: left;
	margin: 0;
}

#es.is-mobile .dropdown-menu>li>.media-share-btn {
    text-align: center;
}

.media-share-btn span {
	display:none;
}

#es .dropdown-menu>li>.media-share-btn span {
	display:block;
}

#es.es-photo-popup .es-media-item-menu li i{
	display:none;
}

#es .es-comments-wrap {
    background: transparent;
}

#es .es-dialog-modal .es-dialog-title {
	color: #0c1322;
}

#es .es-dialog-modal .es-dialog-close-button i {
    top: 3px;
}

#es .es-dialog-content .es-forms {
    border: 0;
}

#es .es-dialog-footer-content .btn {
    font-size: 12px;
    font-weight: bold;
}


#es .ds-content-list {
    position: relative;
}



#es .es-mobile-filter {
    background: #fff;
    width: 100%;
	border-radius:8px;
}

.is-mobile #es .es-mobile-filter {
	border-radius:0;
}

#es .es-mobile-filter__hd {
    padding: 8px;
}

#es .es-mobile-filter__btn_box .btn {
    height: 50px;
    line-height: 50px;
    width: 39px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0 !important;
    font-size: 20px;
}

#es .es-mobile-filter__hd .es-mobile-filter__hd-cell .es-mobile-filter-toggle .btn {
    height: 34px;
    line-height: 34px;
    width: 39px;
    padding: 0;
    border-radius: 0;
    border: 0 !important;
    font-size: 20px;
}

#es.view-groups .es-groups .es-mobile-filter__bd,#es.view-videos .es-videos .es-mobile-filter__bd {
    width: calc(100% - 40px);
	border-bottom: 0;
}

#es.view-groups .es-groups .es-mobile-filter, #es.view-videos .es-videos .es-mobile-filter {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#es.view-videos .es-videos .es-mobile-filter__bd .es-mobile-filter__group.t-hidden {
    display: block !important;
}

#es .es-mobile-filter__btn_box {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
}


#es .es-mobile-filter-slider:not(.is-end-right):after {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.15) 100%);
}

#es .es-mobile-filter-slider:not(.is-end-left):before {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0.15) 0%,rgba(255,255,255, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0, 0, 0, 0.15) 0%,rgba(255,255,255, 0) 100%);
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.15) 0%,rgba(255,255,255, 0) 100%);
}


#es.view-stream .es-streams {
    max-width: 600px;
    padding: 0;
}

html.com_easysocial.view-stream.layout-item body.is-mobile #es .es-entry-actionbar {
    padding: 0;
}

html.com_easysocial.view-stream.layout-item body.is-mobile #es .es-entry-actionbar .btn {
    border: 0;
    font-size: 20px;
    height: 48px;
    line-height: 36px;
}

html.com_easysocial.view-stream.layout-item body.is-mobile #es .es-entry-actionbar .back-btn span {
    display: none;
}

#es.o-popover--es .popover-title {
    background: none !important;
}

#es .o-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 999;
    text-align: center;
    padding: 15px 20px;
    border: 0;
    border-radius: 0;
    font-size: 13px;
}

body.is-mobile.is-login #es .o-alert {
    bottom: 50px;
}

#es .o-input-group__btn:last-child>.btn, #es .o-input-group__btn:last-child>.o-btn-group {
    border-radius: 0 6px 6px 0;
}

.dropdown-mobile-from-container #es.is-mobile .es-container, .dropdown-mobile-from-container #es .es-media-header-affix-wrapper.affix, .dropdown-mobile-from-container #es .es-media-header-affix-wrapper--top.affix, .dropdown-mobile-from-container #es .es-media-checkbox,.dropdown-mobile-from-container #es .es-story,.dropdown-mobile-from-container #es .es-story *,.dropdown-mobile-from-container #es .o-input-group>.o-form-control,.dropdown-mobile-from-container #es .o-input-group__btn:last-child>.btn, .dropdown-mobile-from-container #es .o-input-group__btn:last-child>.o-btn-group,.dropdown-mobile-from-container #es .o-alert {
    z-index: unset;
}

#es .dropdown-backdrop {
    z-index: 1002;
	transition: background cubic-bezier(0,0,.2,1) 200ms;
    animation: show 150ms cubic-bezier(0,0,.2,1);
}

#es .upload-progress-bar {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: center;
    height: 18px;
}

/*   MIX PAGES  END */


/*   MESSAGES  */

#es .es-convo__unread-badge {
    background: #ff5e3a;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: bold;
    min-width: 18px;
    text-align: center;
    line-height: 1;
}

#es .es-convo__sidebar-item.is-unread {
	background: transparent;
}

#es .es-convo {
    background: #fff;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 8px;
	overflow:hidden;
	height:500px;
}

#es .es-convo__content-hd {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 40px;
}

#es.is-mobile .es-convo__content-hd {
    min-height: unset;
}

#es .es-convo__content-hd-title span {
	font-size:14px;
}

#es .es-convo__content-action .btn {
    border: 0;
    background: transparent !important;
    font-size: 15px;
}

#es .es-convo__sidebar-action {
    align-items: center;
    display: flex;
    gap: 4px;
    position: unset;
    z-index: unset;
}

#es .es-convo__sidebar-item:hover .es-convo__sidebar-action {
    display: flex;
}

#es .es-convo__sidebar-action .btn {
    border: 0;
    background: transparent !important;
    font-size: 15px;
}

#es .es-convo__sidebar-action .btn:hover {
	background: transparent !important;
}

#es .es-convo-sidebar-tab>li>.o-nav__link {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#es .es-convo__sidebar {
    border-right: 1px solid #E9EAEC;
}

#es .es-convo__sidebar .es-convo-list-items {
    padding: 8px;
}

#es .es-convo__content-hd, #es .es-convo__sidebar-btn-new, #es .es-convo__sidebar-hd, #es .es-convo-sidebar-tab>:not(:first-child), #es .es-convo__search-input-wrap, #es .es-convo__sidebar-item+.es-convo__sidebar-item {
    border-color: #E9EAEC;
}

#es .es-convo__sidebar-item {
    padding: 8px 2px 8px 12px;
    display: flex;
    align-items: flex-start;
    border: 0 !important;
    border-radius: 8px;
}

#es.is-mobile .es-convo__sidebar-item {
	display: flex;
    align-items: center;
}


#es .es-convo__sidebar-item.is-active div[class^="o-avatar-group-"] {
    border: 2px solid #3d7eff;
}


#es .es-convo__sidebar-item.is-active {
    background: #f5f6f8;
}

#es .es-convo__sidebar-item:hover {
    background-color: #f4f6fb;
}

#es.is-mobile .es-convo__sidebar-item:hover {
    background-color: #fff;
}

#es .es-convo__sidebar-item .es-convo__sidebar-item-title.xes-user-name {
	font-weight:bold;
}

#es .o-avatar-group-1, #es .o-avatar-group-2, #es .o-avatar-group-3 {
    overflow: hidden;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    border: 2px solid transparent;
}

#es.is-mobile .es-convo__content-action:before,#es.is-mobile .es-convo__content-action:after {
	display:none;
}

#es .es-convo-messages__item-content {
    padding-right: 48px;
}

#es .es-convo-messages__item .es-user-name {
	font-size:13px;
}
#es.view-conversations .page-title {
    border: 0;
    border-bottom: 1px solid #E9EAEC;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background: #fff;
    flex-direction: row;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	min-height: 48px;
}

#es.view-conversations.is-mobile .page-title__context {
    width: unset;
	padding:0 12px;
}

#es.view-conversations.is-mobile .page-title__actions {
    padding: 0;
    margin: 0;
    border: none;
    width: unset;
}

#es.view-conversations.is-mobile .es-convo,#es.view-conversations.is-mobile .es-convo__sidebar {
	border-radius:0;
	border:0;
}

body.is-mobile.dropdown-mobile-from-container #es .es-convo__sidebar {
	z-index:1000;
}


#es .es-new-convo-wrapper {
	padding:10px;
	background:#fff;
}

#es.view-conversations .page-title .btn-mobile-new-convo {
    height: 39px;
    line-height: 39px;
    width: 39px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    font-size: 20px;
}

#es .es-single-composer-textarea {
    min-height: 68px;
}

#es .es-convo-composer__textarea {
    min-height: unset;
}

#es .es-convo-composer__textarea [data-mentions-overlay] {
    height: unset !important;
    max-height: 200px;
    min-height: 80px;
}

#es .es-convo-composer__textarea textarea {
    border-radius: 8px;
    border: 1px solid #ddd !important;
    padding: 6px 12px !important;
	min-height: 80px;
	max-height: 200px;
	overflow: auto;
}

#es .textboxlist, #es .es-single-composer-textarea,#es .form-uploader .upload-submit {
    border-radius: 6px;
}

#es.is-mobile .es-convo__content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1001;
    display: flex;
    flex-direction: column;
	padding-bottom: calc(8px + env(safe-area-inset-bottom));
}

#es.is-mobile .es-convo__content-scroll-area {
	flex-grow: 1;
	max-height:unset;
}

#es.is-mobile .es-convo__sidebar {
	left: 0;
}

#es.is-mobile .sidebar-open .es-convo__content {
    position: fixed;
    left: 0;
    display: none;
}

#es.is-mobile .es-convo-composer {
    padding-bottom: 0;
}

#es.is-mobile .es-convo__sidebar-scroll-area {
    top: 174px;
    bottom: 0;
    position: fixed;
    background: #fff;
	z-index: 1001;
}

#es .es-convo-list {
	padding: 0;
}

#es.is-mobile .es-convo-list {
	padding: 0 0 calc(50px + env(safe-area-inset-bottom));
}

html.com_easysocial.view-conversations body.is-mobile {
    position: fixed;
    left: 0;
	right:0;
    width: 100%;
    height: 100vh;
    overflow: hidden !important;
}

#es.is-mobile .es-convo__sidebar-item .es-convo__sidebar-action {
    z-index: unset;
	display: flex;
}

#es.is-mobile .es-convo__content-action {
    min-height: 48px;
    align-items: center;
}

#es.is-mobile .es-convo__content-hd-title {
    margin-top: 48px;
    min-height: 32px;
    align-items: center;
}

#es.is-mobile .es-convo__content-hd-title-input {
    margin-top: 48px;
    top: 0;
}

#es.is-mobile .es-convo__content .btn-convo-back, #es.is-mobile .es-convo__content .btn-convo-dropdown {
	border:0;
}

#es .es-convo-messages .o-empty__text i {
    font-size: 50px;
}

#es .es-convo-messages .o-empty__action {
    margin-top: 0;
}

/*   MESSAGES END  */


/*   MENU MODULE  */


#es .mod-es-menu-user-avatar img{
    border-radius: 50%;
    vertical-align: initial;
}

.mod-es-menu-user-avatar {
	    width: 20px;
    height: 20px;
    line-height: 20px;
	float:left;
	margin-right:10px;
}

#es .mod-es-menu-list__item .settings-btn i:before {
    font-size: 16px;
}

#es .mod-es-menu-list__item .mdi {
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
    opacity: .8;
    margin-right: 10px;
}

#es .mod-es-menu-list__item span{
	vertical-align: middle;
}

#es .mod-es-menu-list__item {
    padding: 7px !important;
    border-radius: 4px;
    color: #0c1322 !important;
    height: 32px;
    position: relative;
    display: flex;
    align-items: center;
}

#es .mod-es-menu-list__item a {
	color: #0c1322;
}



#es .mod-es-menu-list__item .settings-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 7px 0 8px;
	position: absolute;
    right: 0;
    top: 0;
	opacity: 0;
    display: flex;
    align-items: center;
}

#es .mod-es-menu-list__item .settings-btn:hover {
	opacity: 1;
}

#es .mod-es-menu-list__item:hover .settings-btn {
	opacity: .5;	
	transition-delay: .5s;
}

#es .mod-es-menu-list__item .settings-btn i {
	margin: 0;
}


#es .mod-es-menu-list__item .profile-link {
    display: flex;
    align-items: center;
    flex: 1;
}


#es .mod-es-menu-list__item:hover {
    background: #e4e7ec;
}

#es .mod-es-menu-list {
    padding: 0;
    border: 0;
}


#es .usermenu-bottom-menu .nav > li > a {
    padding: 0 10px 0 0;
    display: inline-block;
    float: left;
    font-size: 12px;
    background: transparent !important;
    color: #8994a9;
}

#es .usermenu-bottom-menu {
    margin: 15px 0 5px;
    border-top: 1px solid #e4e4e7;
    padding: 10px;
}

#es .usermenu-bottom-menu ul{
    margin: 0;
}

#es .usermenu-bottom-menu .nav > li > a:hover, #es .usermenu-bottom-menu .nav > li > a:focus {
    text-decoration: underline;
    color: #0c1322;
}

#es .usermenu-bottom-menu .menu .item-more {
    display: none;
}

#es .usermenu-bottom-menu .dropdown-more .item-more {
    display: inherit;
}

#es .usermenu-bottom-menu .menu>li {
    display: inline-block;
}

#es .usermenu-bottom-menu .dropup .caret {
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-bottom: 0;
}


#t3-off-canvas-2 #es .mod-es-menu-list__item {
    font-size: 14px !important;
    text-transform: none !important;
    padding: 0 12px 0 20px !important;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #465160;
    border-radius: 0;
    color: #f0f1f5 !important;
}



.t3-off-canvas #es .mod-es-menu-list__item:hover {
	background:transparent;
}

.t3-off-canvas #es .mod-es-menu-list__item:focus {
    background: #2f3a47;
}


#t3-off-canvas-2 #es .mod-es-menu-list__item  i.material-icons {
	line-height: 50px;
}

#t3-off-canvas-2 .mod-es-menu-user-avatar {
    height: 50px;
    line-height: 50px;
}

#t3-off-canvas-2 #es .mod-es-menu-user-avatar img {
    vertical-align: text-top;
}

#es.mod-es-menu hr {
    margin: 10px 0 10px 40px;
    border-top: 1px solid #e4e4e7;
}


body.is-mobile #es.mod-es-menu.mobile-sticky-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
       
}

body.is-mobile.dropdown-mobile-from-header #es.mod-es-menu.mobile-sticky-menu ,body.is-mobile.t-body-overflow-hidden #es.mod-es-menu.mobile-sticky-menu,body.is-mobile.scroll-locked  #es.mod-es-menu.mobile-sticky-menu.is-mobile,body.is-mobile.head-search-mobile-open #es.mod-es-menu.mobile-sticky-menu {
    z-index: 999;
}

body.is-mobile.mobile-bottom-nav-open.dropdown-mobile-from-container #es.mod-es-menu.mobile-sticky-menu {
    z-index: 1001;
}

body.is-mobile.mobile-bottom-nav-open.dropdown-mobile-from-container #es.mobile-sticky-menu .tab-panel.active {
	z-index: 1;
	overflow: hidden !important;
}

#es.mobile-sticky-menu .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
	border-top: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
	background: #fff;
	position: relative;
}



@supports(padding: max(0px)) {
    #es.mobile-sticky-menu .navigation {
        padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
}


#es.mod-es-menu.mobile-sticky-menu .mod-es-menu-list__item {
    width: 100%;
    min-width: 40px;
    height: 49px;
    justify-content: center;
    background: none;
	color: #525866 !important;
}

#es.mod-es-menu.mobile-sticky-menu .mod-es-menu-list__item i {
    margin: 0;
	font-size: 26px;
}

#es.mobile-sticky-menu .navigation .mod-es-menu-list__item.active i {
    color: #000;
}

#es.mod-es-menu.mobile-sticky-menu .mod-es-menu-user-avatar {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: unset;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#es.mod-es-menu.mobile-sticky-menu .mod-es-menu-user-avatar img {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

#es.mobile-sticky-menu .navigation .mod-es-menu-list__item.active .mod-es-menu-user-avatar {
    border: 1px solid #000;
    border-radius: 50%;
}

#es.mod-es-menu.mobile-sticky-menu .mod-es-menu-list__item.has-new .mod-es-menu-bar__link-bubble {
    display: block;
    right: calc(50% - 16px);
    top: 4px;
    border: 2px solid #ffffff;
}

#es.mobile-sticky-menu .tab-panel {
	display:none;
}
#es.mobile-sticky-menu .tab-panel.active {
	display:block;
}

#es.mobile-sticky-menu .tab-panel.active {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding-bottom: 50px;
    overflow-y: auto;
}

@supports(padding: max(0px)) {
    #es.mobile-sticky-menu .tab-panel.active {
        padding-bottom: max(0px, calc(50px + env(safe-area-inset-bottom)));
    }
}

#es.mobile-sticky-menu .tab-panel .close-tab {
    font-size: 26px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    border-radius: 50%;
}

#es.mobile-sticky-menu #usermenu-tab .close-tab {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 1;
    background: rgb(0 0 0 / 80%);
}


#es.mobile-sticky-menu #explore-tab .item-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#es.mobile-sticky-menu #explore-tab .item-list .item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 4px);
    padding: 10px;
    border: 1px solid #E9EAEC;
    border-radius: 8px;
}

#es.mobile-sticky-menu #explore-tab .item-list .item i {
    font-size: 20px;
    width: 30px;
    line-height: 30px;
    background: #3d7eff;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
}

#es.mobile-sticky-menu #explore-tab .item-list .item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	font-weight: bold;
}

#es.mobile-sticky-menu #explore-tab.tab-panel .tab-content {
    padding: 12px;
}

#es.mobile-sticky-menu #explore-tab.tab-panel .tab-content .module-inner {
    padding: 0;
}

#es.mobile-sticky-menu #explore-tab.tab-panel .tab-content .module-title {
    margin: 0 -12px 10px;
}

#es.mobile-sticky-menu #people_suggest.people_suggest_slider .sug_main.margin-left .owl-stage {
    margin-left: unset;
}

#es.mobile-sticky-menu #people_suggest.people_suggest_slider .sug_main.margin-right .owl-stage {
    margin-left: unset;
}

#es.mobile-sticky-menu #usermenu-tab  .mod-es-pf-hd__content {
    border: 0;
    border-bottom: 1px solid;
    border-color: #E9EAEC;
}

#es.mobile-sticky-menu #usermenu-tab .user-menu-list {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

#es.mobile-sticky-menu #usermenu-tab .user-menu-list+.user-menu-list {
    border-top: 1px solid #E9EAEC;
}

#es.mobile-sticky-menu #usermenu-tab .user-menu-list__item {
    padding: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 50px;
}

#es.mobile-sticky-menu #usermenu-tab .user-menu-list__item i {
    font-size: 20px;
    margin-right: 10px;
}

#es.mobile-sticky-menu #usermenu-tab .user-menu-list__item .profile-link {
    display: flex;
    align-items: center;
    flex: 1;
}

#es.mobile-sticky-menu #usermenu-tab .mod-es-menu-user-avatar {
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 10px;
}
#es.mobile-sticky-menu #usermenu-tab .mod-es-menu-user-avatar img {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#es.mobile-sticky-menu #usermenu-tab .mod-es-pf-hd__cover-wrap {
    background-color: #1d2129;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .red{
    background: hwb(14deg 13% 0% / 10%);
    color: #ff5722;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .purple {
    background: hwb(291deg 15% 31% / 10%);
    color: #9c27b0;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .orange {
    background: hwb(36deg 0% 0% / 10%);
    color: #ff9800;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .blue {
    background: hwb(207deg 13% 5% / 10%);
    color: #2196f3;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .green {
    background: hwb(88deg 29% 24% / 10%);
    color: #8bc34a;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .turquoise {
    background: hwb(187deg 0% 17% / 10%);
    color: #00bcd4;
}

#es.mobile-sticky-menu #explore-tab .item-list .item .pink {
    background: hwb(340deg 12% 9% / 10%);
    color: #e91e63;
}

#es.mobile-sticky-menu .mod-es-pf-hd__avatar .o-avatar-v2 {
    border: 4px solid #fff;
    width: 80px;
    height: 80px;
}

#es.mobile-sticky-menu .mod-es-pf-hd__avatar {
    top: -40px;
    margin-left: -40px;
}

#es.mobile-sticky-menu .mod-es-title {
    font-size: 14px;
}

#es.mobile-sticky-menu .mod-es-videos .mdi-play {
    font-size: 28px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}

#es.mobile-sticky-menu .mod-es-videos .es-card__video-time {
    font-size: 10px;
    bottom: 4px;
    right: 4px;
}

#es.mobile-sticky-menu .mod-es-leader .mod-es-action, #es.mobile-sticky-menu .mod-es-videos .mod-es-action {
    margin: 16px 0 0;
}

#es.mobile-sticky-menu #people_suggest .mod-action {
    margin: 6px 12px 0;
}

#es.mobile-sticky-menu .es-side-widget-btn-showmore, #es.mobile-sticky-menu #people_suggest .mod-action .btn-showmore {
    border: 1px solid #E9EAEC;
    border-radius: 4px;
}

#es.mobile-sticky-menu #people_suggest {
    margin: 0 -12px;
}



#es.mobile-sticky-menu #people_suggest .btn.btn--es-subscription {
    height: 30px;
    align-items: center;
}


/*   MENU MODULE END */


/*________DROPDOWN MENU MODULE_________*/

#es.mod-es-dropdown-menu .dropdown-menu a {
    font-size: 13px;
}

#es.mod-es-dropdown-menu .dropdown-toggle_ {
	line-height:48px;
	
}


#es.mod-es-dropdown-menu .dropdown_.open {
    color: #0c1322;
	background:#f0f2f5;
}

#es.mod-es-dropdown-menu .dropdown_ {
    color: #0c1322;
}

#es.mod-es-dropdown-menu .dropdown_:hover, #es.mod-es-dropdown-menu .dropdown_:focus {
    background: #f0f2f5;
}

#es.mod-es-dropdown-menu .dropdown-menu {
    margin-top: 0;
    border-radius: 8px;
    padding: 10px;
}

#es.mod-es-dropdown-menu .dropdown-menu .divider {
    margin: 5px 10px;
}

#es.mod-es-dropdown-menu .mod-es-dropdown-menu__name {
    padding-left: 10px;
}

#es.mod-es-dropdown-menu .dropdown-toggle_ .o-media__image {
    margin: 0;
	padding-left: 10px;
	display: flex;
}



#es.mod-es-dropdown-menu .dropdown-toggle_  .o-avatar-v2 {
    width: 28px;
    height: 28px;
}



#es.mod-es-dropdown-menu .dropdown-menu-user-area {
	margin-bottom:10px;
}

#es.mod-es-dropdown-menu .dropdown-menu-user-area-header {
    padding: 10px;
    border-radius: 8px;
    display: flex;
}

#es.mod-es-dropdown-menu .dropdown-menu-user-area-header:hover {
    background: #f5f6f8;
}

#es.mod-es-dropdown-menu .dropdown-menu-user-area .mod-es-dropdown-menu__name {
    padding: 3px 0;
}

#es.mod-es-dropdown-menu .dropdown-menu-user-area-header i {
    flex: 2;
    text-align: right;
}

#es.mod-es-dropdown-menu .dropdown-menu li>a {
    display: flex;
    align-items: center;
    border-radius: 8px;
}

#es.mod-es-dropdown-menu .dropdown-menu li>a>i {
    margin-right: 10px;
}

#es.mod-es-dropdown-menu .dropdown-menu li>a>i:before {
    font-size: 20px;
}

#es.mod-es-dropdown-menu .dropdown-menu span {
    padding: 0;
    font-weight: normal;
}

/*________DROPDOWN MENU MODULE END_________*/



/*   SEARCH MODULE  */

#es.mod-es-search i {
    font-size: 16px;
    opacity: .5;
    line-height: 32px;
}

#es.mod-es-search i:hover {
    opacity: 1;
}

#es .mod-es-search__dropdown {
    color: initial;
	padding: 8px 16px;
}

.head-search #es.mod-es-search input {
    border: 0;
    color: #0c1322;
	box-shadow: none;
}

.head-search #es.mod-es-search .o-input-group__btn .btn {
    border: 0;
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    color: #8994a9!important;
	border-radius: 0 8px 8px 0;
}

.head-search #es.mod-es-search input,.head-search #es.mod-es-search .btn {
    background: #f0f2f5 !important;
}

.head-search #es.mod-es-search input.o-form-control {
    border: 0;
    height: 32px;
    border-radius: 8px 0 0 8px !important;
}

.head-search #es.mod-es-search input::-webkit-input-placeholder {color: #8c95a6;}
.head-search #es.mod-es-search input::-moz-placeholder          {color: #8c95a6;}/* Firefox 19+ */
.head-search #es.mod-es-search input:-moz-placeholder           {color: #8c95a6;}/* Firefox 18- */
.head-search #es.mod-es-search input:-ms-input-placeholder      {color: #8c95a6;}



#es.mod-es-search .dropdown-toggle i:before {
    font-size: 16px;
}

#es .mod-es-search__filter-header {
    white-space: initial;
    border-color: #E2E2E4;
}

#es .es-search-mini-result-wrap {
    border-radius: 0;
}

#es .es-search-mini-result-list__item>a:hover {
    background-color: #f5f6f8;
}

#es .es-search-mini-footer {
    background: transparent;
}


.head-search-mobile-open #es.is-mobile .es-container {
    z-index: 2;
}

.head-search-mobile-open.dropdown-mobile-from-container #es.is-mobile .es-profile-header {
    z-index: 1;
}

.head-search-mobile-open.dropdown-mobile-from-container #es .mod-es-search__dropdown {
    color: initial;
    padding: 8px 16px;
    z-index: 1002;
}

.is-mobile #es.popbox.popbox-nav-search, .is-mobile #es .es-search-mini-result {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}




/*   SEARCH MODULE END   */

/*   SEARCH PAGE    */

#es.view-search .es-search-result .o-avatar-v2, #es.view-search .es-search-result .o-avatar {
    width: 80px;
    height: 80px;
}

#es.view-search .es-search-filter-item input:checked+label {
    background: transparent;
}

#es.view-search .es-search-filter-item label:after {
    background: #fff;
    border-color: inherit;
    color: #4a90e2;
}

#es.view-search .es-search-result .o-alert {
    position: relative;
	margin-top:15px;
}

body.is-mobile.is-login #es.view-search .es-search-result .o-alert {
	bottom: unset !important;
}

#es .es-adv-search2 .o-form-actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

#es.view-search.is-mobile .ds-page-form .es-snackbar2 {
    padding: 0 12px 0 0;
}

#es.view-search.is-mobile .ds-page-form .es-snackbar2 .es-snackbar2__context {
    align-items: center;
}

#es.view-search .ds-page-form .es-snackbar2 .es-snackbar2__context .btn {
	display:none;
}

#es.view-search.is-mobile .ds-page-form .es-snackbar2 .es-snackbar2__context .btn {
    border: 0;
    font-size: 20px;
    height: 48px;
    line-height: 36px;
	display: block;
}


/*   SEARCH PAGE END   */

/*   USERS PAGE    */

#es.view-users.layout-search .es-container__sidebar {
    display: none;
}

#es.view-users.layout-search .es-content {
    width: 100%;
    padding: 0;
}

/*   USERS PAGE END   */

/*   NOTIFICATIONS MODULE  */

#es .popbox-dropdown__title {
    color: #0c1322;
}

#es.mod-es-notification a {
	color: #0c1322;
	padding:0 8px;
}

.is-mobile #es.mod-es-notification .mod-es-menu-bar {
    padding: 0 0 0 15px;
}

#es.mod-es-notification .mod-es-menu-bar__icon-link>i {
    line-height: 30px;
}

#es.mod-es-notification a:hover,#es.mod-es-notification a:focus{
    color: #0c1322;
}

#es.mod-es-notification .mod-es-menu-bar {
    padding: 0 15px;
}

#es.popbox.bottom-left .arrow {
    margin-left: 13px;
}

#es .popbox-dropdown-nav__item+.popbox-dropdown-nav__item {
    border-top: 1px solid #DDDDDF;
}

#es .popbox-dropdown__hd {
    border-bottom: 1px solid #DDDDDF;
    padding: 10px;
    font-size: 13px;
}

#es .popbox-dropdown__ft {
    padding: 10px;
    font-size: 13px;
}


#es .popbox-dropdown-nav__link {
    padding: 10px;
}

#es .es-card__admin-action .pull-right.dropdown_ .dropdown-menu-wrapper .dropdown-menu {
    left: auto;
    right: 0;
}

.is-mobile #es .es-card__admin-action .pull-right.dropdown_ .dropdown-menu-wrapper .dropdown-menu {
    left: auto;
    right: auto;
}

#es .pull-right>.dropdown-menu-wrapper>.dropdown-menu {
    right: 0;
    left: auto;
}

#es.is-mobile .dropdown-menu-wrapper .dropdown-menu {
    transform: translateY(calc(100% + 20px));
    transition: transform 0.3s ease-in;
    display: block;
    opacity: 0;
    pointer-events: none;
}

#es.is-mobile .open .dropdown-menu-wrapper .dropdown-menu {
    display: block;
    padding: 0;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
	pointer-events: auto;
}

#es .open .dropdown-menu-wrapper .dropdown-menu {
    display: block;
}


#es.is-mobile .open .dropdown-menu-wrapper, .is-mobile #es .open .dropdown-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    background: transparent;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: end;
    display: flex;
    z-index: 1002;
    padding-bottom: 20px;
}

#es.is-mobile .open .dropdown-menu-wrapper i {
    font-size: 20px;
    line-height: 1;
    margin-right: 8px;
}

#es.is-mobile .es-snackbar2 .dropdown-menu, #es.is-mobile .open .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-actions-list .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile.view-notifications .es-noti__item-action .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-list-item .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-mobile-list-item__action .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-list-item .dropdown-menu, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-stream-control .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-comment-actions .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-convo__sidebar-action .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-media-item-menu .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-cover-menu .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-profile-header-nav__item .dropdown-menu-wrapper .dropdown-menu, #es.is-mobile .es-entry-actionbar .dropdown-menu-wrapper .dropdown-menu, .is-mobile #es .open .dropdown-menu-wrapper .dropdown-menu,.is-mobile #es .dropdown-menu-wrapper .dropdown-menu {
    position: fixed;
    width: 100%;
    max-width: 420px;
    min-height: unset !important;
    max-height: unset !important;
    background: #fff;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    top: auto;
    padding: 15px 0 calc(20px + env(safe-area-inset-bottom));
    left: auto;
    right: auto;
    border: 0;
    bottom: 0;
    margin: 0;
}

#es.is-mobile .es-snackbar2 .dropdown-menu>li, #es.is-mobile .open .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-actions-list .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile.view-notifications .es-noti__item-action .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-list-item .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-mobile-list-item__action .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-stream-control .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-comment-actions .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-convo__sidebar-action .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-media-item-menu .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-cover-menu .dropdown-menu-wrapper .dropdown-menu>li, #es.is-mobile .es-profile-header-nav__item .dropdown-menu-wrapper .dropdown-menu>li ,#es.is-mobile .es-entry-actionbar .dropdown-menu-wrapper .dropdown-menu>li,.is-mobile #es .open .dropdown-menu-wrapper .dropdown-menu>li{
	text-align: left;
	border: 0;
}



#es.is-mobile .es-snackbar2 .dropdown-menu>li>a, #es.is-mobile .open .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-actions-list .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile.view-notifications .es-noti__item-action .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-list-item .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-mobile-list-item__action .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-stream-control .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-comment-actions .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-convo__sidebar-action .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-media-item-menu .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-cover-menu .dropdown-menu-wrapper .dropdown-menu>li>a, #es.is-mobile .es-profile-header-nav__item .dropdown-menu-wrapper .dropdown-menu>li>a,#es.is-mobile .es-entry-actionbar .dropdown-menu-wrapper .dropdown-menu>li>a,.is-mobile #es .open .dropdown-menu-wrapper .dropdown-menu>li>a {
    padding: 12px 16px;
	border-bottom:0;
    font-size: 14px;
	line-height: 2;
	background: #fff !important;
	border-radius: 0;
}

#es.is-mobile .dropdown-menu-wrapper .dropdown-menu li.drag-icon, .is-mobile #es.es-photo-popup .dropdown-menu-wrapper .dropdown-menu li.drag-icon {
    cursor: grab;
    user-select: none;
    padding: 0 0 8px;
    justify-content: center;
    display: flex;
}

#es.is-mobile .dropdown-menu-wrapper .dropdown-menu li.drag-icon span, .is-mobile #es.es-photo-popup .dropdown-menu-wrapper .dropdown-menu li.drag-icon span {
    height: 2px;
    width: 35px;
    display: block;
    background: #C7D0E1;
    border-radius: 50px;
}


.dropdown-mobile-from-container #es .es-story-header, .dropdown-mobile-from-container #es .es-story-body, .dropdown-mobile-from-container .es-profile-header, .dropdown-mobile-from-container #es .es-media-header-affix-wrapper.affix, .dropdown-mobile-from-container #es .es-photo-meta-field .es-photo-date, .dropdown-mobile-from-container #es .es-album-content, .dropdown-mobile-from-container #es .es-album-photos, .dropdown-mobile-from-container .es-album-interaction {
	z-index: 1001;
}

#es.is-mobile .open .dropdown-menu-wrapper .dropdown-menu>.active>a {
    font-weight: bold;
}


.dropdown-mobile-from-container #es.is-mobile .es-convo, .dropdown-mobile-from-container #es.is-mobile .es-convo__sidebar-scroll-area {
	overflow: visible !important;
}

#es.is-mobile .es-convo__sidebar-item .es-convo__sidebar-action {
    z-index: unset;
}

#es.is-mobile .es-convo__content-action {
    min-height: 48px;
    align-items: center;
}

body.is-mobile.t-body-overflow-hidden .es-profile .ptr--ptr {
    min-height: 0 !important;
}

#es .mod-es-menu-bar__link-bubble {
    top: 0;
    right: 5px;
    padding: 2px 4px;
    font-size: 9px;
    border-radius: 12px;
    line-height: 9px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #ff5e3a;
    width: auto;
    color: #fff;
}


/*   NOTIFICATIONS MODULE  END   */



/*   BUTTONS     */

#es .btn {
	font-weight:normal;
}

#es .btn-lg {
    font-weight: bold;
    font-size: 14px;
}

#es .btn-grey-light:active {
    background-color: #6b7194 !important;
}

#es .btn-blue:active {
    background-color: #0593ff!important;
}

#es .btn-primary {
    background: #3d7eff !important;
    color: #ffffff !important;
    border-color: #3d7eff !important;
}

#es .btn-primary:hover, #es .btn-primary:active, #es .btn-primary:focus, #es .btn-primary:active:hover, #es .btn-primary:active:focus, #es .btn-primary:active.focus, #es .btn-primary.active:hover, #es .btn-primary.active:focus, #es .btn-primary.active.focus, .open>.dropdown-toggle #es .btn-primary:hover, .open>.dropdown-toggle #es .btn-primary:focus, .open>.dropdown-toggle #es .btn-primary.focus, #es .btn-es-primary:hover ,#es .btn-es-primary:focus ,#es .btn-es-primary:active {
    background-color: #5c90fa !important;
	border-color: #5c90fa !important;
}


#es .btn-es-primary-o {
	color:#3d7eff !important;
}

#es .btn-es-primary-o:hover,#es .btn-es-primary-o:active,#es .btn-es-primary-o:focus, #es .btn-es-primary-o:active:hover, #es .btn-es-primary-o:active:focus, #es .btn-es-primary-o:active.focus, #es .btn-es-primary-o.active:hover, #es .btn-es-primary-o.active:focus, #es .btn-es-primary-o.active.focus, .open>.dropdown-toggle#es .btn-es-primary-o:hover, .open>.dropdown-toggle#es .btn-es-primary-o:focus, .open>.dropdown-toggle#es .btn-es-primary-o.focus {
	color: #5c90fa !important;
}

#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn:hover, #es .es-story-privacy .es-privacy .es-privacy-toggle:hover, #es .es-story-privacy .es-privacy .es-privacy-toggle:focus, #es .es-story-privacy .es-privacy .es-privacy-toggle:active, #es .btn-es-primary:hover, #es .btn-es-primary:active, #es .btn-es-primary:focus {
    background-color: #5c90fa !important;
}


#es .btn:focus, #es .btn.focus, #es .btn:active:focus, #es .btn:active.focus, #es .btn.active:focus, #es .btn.active.focus {
    outline: none;
}

#es .o-radio input[type="radio"]:checked+label:before,#es .o-checkbox input[type="checkbox"]:checked+label:before {
    background-color: #3d7eff;
    border-color: #3d7eff;
}

/*   BUTTONS END     */



/*   CUSTOM SCROLL   */

#es .es-convo__sidebar-scroll-area::-webkit-scrollbar,#es .es-convo__content-scroll-area::-webkit-scrollbar,#es.es-photo-popup .es-photo-footer::-webkit-scrollbar,#es .es-convo-composer__textarea textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  
}

/* Track */
#es .es-convo__sidebar-scroll-area::-webkit-scrollbar-track,#es .es-convo__content-scroll-area::-webkit-scrollbar-track,#es .es-convo-composer__textarea textarea::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
 
} 
 
/* Handle */
#es .es-convo__sidebar-scroll-area::-webkit-scrollbar-thumb ,#es .es-convo__content-scroll-area::-webkit-scrollbar-thumb,#es.es-photo-popup .es-photo-footer::-webkit-scrollbar-thumb,#es .es-convo-composer__textarea textarea::-webkit-scrollbar-thumb{
  background: #d3d7de;
  border-radius:3px;
  -webkit-border-radius: 3px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   border-radius: 10px;
  -webkit-border-radius: 10px;
  */
}
#es .es-convo__sidebar-scroll-area::-webkit-scrollbar-thumb:window-inactive,#es .es-convo__content-scroll-area::-webkit-scrollbar-thumb:window-inactive,#es.es-photo-popup .es-photo-footer::-webkit-scrollbar-thumb:window-inactive,#es .es-convo-composer__textarea textarea::-webkit-scrollbar-thumb:window-inactive {
   background: #d3d7de;
}

#es .es-convo__sidebar-scroll-area::-webkit-scrollbar-thumb:hover,#es .es-convo__content-scroll-area::-webkit-scrollbar-thumb:hover,#es.es-photo-popup .es-photo-footer::-webkit-scrollbar-thumb,#es .es-convo-composer__textarea textarea::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color: #dbe0eb;
}

/*   CUSTOM SCROLL  END   */


/*   Change FA icons to Material Design Icons   */
#es .fa-plus:before, #es .fa-remove:before, #es .fa-close:before, #es .fa-times:before, #es .fa-user:before, #es .fa-group:before, #es .fa-users:before ,#es .fa-communities:before,#es .fa-chevron-left:before,#es .fa-chevron-right:before{
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

#es .fa-plus:before {
    content: "\F0415";
}

#es .fa-users:before ,#es .fa-group:before{
    content: "\F000E";
}

#es .fa-communities:before {
	content: "\F2B1";
}

#es .fa-remove:before, #es .fa-close:before, #es .fa-times:before {
    content: "\F0156";
}

#es .fa-user:before {
    content: "\f0004";
}

#es .fa-chevron-left:before {
    content: "\F0141";
}

#es .fa-chevron-right:before {
    content: "\F0142";
}

/*   Change FA icons to Material Design Icons  END */



/*___________ FONT COLOR ___________*/

.es-login-box__form-title,#es .es-snackbar,#es .es-story-meta-button:hover,#es .es-story-panel-button:hover,#es .es-profile-header__ft b,.es-signon-box__form-title,#es .es-convo__content-hd-title,#es .es-convo__sidebar-item,#es .dropdown-menu>li>a ,#es .es-polls__title,#es .btn-es-default-o:active, #es .btn-es-default-o.active, .open>.dropdown-toggle#es .btn-es-default-o,#es .btn-es-default-o,.dropdown-menu > li > a,.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,#es .es-album-taglist>div,#es .btn-popdown,#es .es-comments-form .es-form-attach>label:hover,#es .o-form-group .text-note,b, strong,#es .o-form-control,#es .chosen-container .chosen-results li.highlighted {
    color: #0c1322!important;
}


#es .es-story-meta-button,#es .es-action-feedback a,#es .es-nav-pills .o-nav__link,#es .es-story-panel-button,#es .es-stream-pinned-divider span,#es .es-convo-meta,#es .es-card__ft, #es .es-card__ft a,#es.popbox.popbox-profile .popbox-item-info>a,#es .es-convo-list .o-empty .o-empty__text,#es .es-stream-control .btn-control i,#es .es-comment-item-meta a,#es .es-comment-item-meta,#es .es-media-info>small>span,#es.es-photo-popup .es-photo-footer .es-photo-date,#es .es-privacy .es-privacy-toggle-label,#es .es-comments-form .es-form-attach>label,#es .o-empty__icon,#es .es-card__meta,#es .popbox-label__meta,#es .es-leader-badge,#es .es-stage__desc,#es .t-text--muted,#es .chosen-container-multi .chosen-drop .result-selected {
    color: #8994a9!important;
}

#es .es-leader-badge--1,#es .es-leader-badge--2,#es .es-leader-badge--3 {
	color: #fff!important;
}

#es .btn-default,#es .es-mobile-filter-slider__btn, #es .btn-es-default {
    border-color: #ddd !important;
}

#es .btn-default:hover,#es .es-mobile-filter-slider__btn:hover, #es .btn-es-default:hover {
    background: #f5f6f8 !important;
    border-color: #ccc !important;
}