

/*   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: 3px;
}

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

#es .es-cards-loader  .ph-item {
    border-radius: 3px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

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

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



/*   CONTENT PRELOADER 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: 4px;
    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 .nav-tabs {
    margin-left: 0;
    margin-bottom: 20px;
}

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

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

#pages-app .nav-tabs>li a {
    padding: 6px 8px;
}

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

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

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

#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: 3px;
}

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

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

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


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

}

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



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

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

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

#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: 560px;
    background: #fff;
    border-radius: 3px;
    padding: 40px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

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



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

#es.es-main.view-registration .es-content {
    max-width: 680px;
    margin: 0 auto;
}

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

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

#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 {
    border: 0;
    padding: 0;
}


/*   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 3px 3px;
    position: relative;
}

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

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

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

#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,#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  {
    color: #5497e3 !important;
}

#es .es-profile-header__bd.off-mobile .es-profile-header__action-toolbar .dropdown-menu>li>.media-share-btn {
    font-size: 12px;
    color: #525966!important;
    text-shadow: none;
}
#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: #eff3fb !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: #5497e3;
    color: #fff;
}
    

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

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

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



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

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

#es.is-mobile .es-profile-header__avatar-wrap>a, #es.is-mobile .es-profile-header__avatar-wrap>a img {
    border-radius: 50%;
}

#es .es-profile-header__avatar-wrap>a, #es .es-profile-header__avatar-wrap>a img {
    border-radius: 4px;
}



#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 .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__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__action .btn--es-conversations-compose .btn-title, #es .es-list-item__action .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: #5497e3 !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.is-mobile .es-profile-header-nav {
    margin-left: 0;
}



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

#es .es-profile-data-table thead th {
    font-size: 14px;
    color: #525966;
}

#es .es-profile-data-table thead tr {
    border-color: #ECEEEE #E9EAEC #E9EAEC;
}

#es .es-profile-data-table td {
    border-color: #ECEEEE #E9EAEC #E9EAEC;
}

#es .profile-data-info__data {
    border: 0;
}

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

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




#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__link {
    padding: 16px 16px 10px;
    font-size: 14px;
}

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

/*   PROFILE PAGE END */

/*   NOTIFICATIONS PAGE  */

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

#es.view-notifications .es-noti-hd {
    margin: -12px -20px 0;
    border-bottom: 1px solid #E9EAEC;
    padding: 12px;
	margin-bottom:16px;
}

#es.view-notifications .es-noti-hd .o-row.t-lg-mb--lg {
	margin-bottom:0 !important
}

#es.view-notifications .es-noti-hd__title {
    font-weight: bold;
    line-height: 1;
    color: #525966;
    font-size: 14px;
    font-weight: bold;
}

#es .es-noti-hd__badge {
    background: #ff5e3a;
    padding: 2px 4px;
    font-size: 9px;
    border-radius: 12px;
    line-height: 9px;
    height: 17px;
    display: initial;
}

#es .es-noti__item {
    border-bottom: 1px solid #E9EAEC;
}

/*   NOTIFICATIONS PAGE END */

/*   POINTS PAGE  */


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


#es.view-points  .es-stage__actor-img {
    width: 100px;
    height: 100px;
}

#es.view-points .es-stage__actor-img, #es.view-points .es-stage__actor-img img {
    border-radius: 50%;
}

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


/*   POINTS PAGE END */

/*   PHOTO ALBUM   */

#es .es-album-item.layout-item, #es .es-photo-browser .es-photo-item, #es .es-album-browser-content .es-albums, #es .es-album-browser-content .es-album-item {
    background: #fff;
    padding: 20px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}



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


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

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

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

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

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

/*   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-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-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 .dropdown-menu>li>.media-share-btn i, #es.es-photo-popup .es-media-item-menu li 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;
	
	}
	
	#es.es-photo-popup .es-photo-item {
    background: #000;
	}

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

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

#es .es-comments .no-comments-wrap {
    text-align: center;
    margin-top: 75px;
    height: 170px;
    padding: 0 30px;
}

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

#es.es-photo-popup {
    background: rgba(43, 45, 59, 0.9);
}



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

@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-footer .o-flag {
    margin-bottom: 10px;
} 

/*   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: 4px;
	margin-top: 0;
}

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



#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 .video-js .vjs-brand-container img {
    padding: 3px 0;
}

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

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

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

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

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

#es .video-info-block {
    margin-top: 20px;
}

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

#es .video-hits {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #38a9ff;
    padding: 3px 0 2px 7px;
    position: absolute;
    right: 20px;
    bottom: 15px;
}

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



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

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


/*   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,#es.mod-es-videos .mod-card__cover {
    border-radius: 4px;
}

#es .es-card__video-time {
    left: initial;
    right: 8px;
}

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

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

/*   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 {
    width: 40px;
    height: 40px;
}

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

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

#es.view-audios .es-cards .es-audio-player, #es.view-audios .es-cards .es-audio-player__wave,#es.view-audios .es-cards  .es-wave-embed wave {
    height: 60px !important;
} 


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

#es .es-actions-audio .es-actions-wrapper {
    padding: 0;
    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 {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#es .es-side-avatar-lists__item {
    margin: 8px;
}


/*   FRIENDS APP  END */

/*   SIDE MODULES MIX   */

#es .es-side-widget-btn-showmore {
	margin: 0;
    padding: 8px 0;
    display: block;
    text-align: center;
    border-radius: 0 0 3px 3px;
    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: #f4f7fb;
    color: #8994a9;
}	

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


#es .es-side-widget .widget-groups .o-avatar {
    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-right: 0;
    width: 220px;
    -webkit-flex: 0 0 220px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
}

#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: 3px;
    margin-bottom: 16px;
}

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

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


/*   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-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{
    width: calc(100% - 220px);
    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-editPrivacy #es .es-container,html.com_easysocial.view-profile.layout-editNotifications #es .es-container,#es #pages-app, #es #gifts-app {
    -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: 3px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 12px;
}

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

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


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

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

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

#es .es-stream-item .es-stream .es-profile-header {
    margin-top: 0;
}


#es .es-actions-wrapper {
    border-top: 1px solid #E9EAEC;
    padding: 8px 0;
}


#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: 2px;
    font-size: 13px;
    display: inline-block;
}

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

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

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

#es .es-reaction-option__link.is-active .es-reaction-option__text {
	color: #38a9ff;
}

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


#es .es-actions .es-comments-wrap {
    padding: 12px 0;
    border-top: 1px solid #E9EAEC;
    background: transparent;
}


#es .es-comments-form {
    position: relative;
    border-top: 1px solid #E9EAEC;
    padding: 12px 12px 0;
    margin: 0 -12px;
}

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

#es .es-comments-form .es-form .mentions textarea {
    line-height: 20px;
}


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

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

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

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


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

#es .es-dashboard-filters {
    display: none;
}


#es .es-stream-filter-bar {
    background: #fff;
    border-radius: 3px;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    padding: 8px 12px;
}

#es .es-timeline-filter-dropdown__title {
    padding: 8px 12px;
}



#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: 500px;
}


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

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


/* repost photo */
#es .ds-stream-photo-repost .o-media--top {
    flex-direction: column;
}

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

/*   NEWS FEED PAGE END */


/*   NEWS FEED FILTER MODULE */

.t3-sidebar .newsfeed-mod .module-inner {
    padding: 0;
}

#es .o-tabs--stacked .o-tabs__item {
    margin: 0 -10px;
    border: 0;
}

#es .o-tabs--stacked .o-tabs__item a {
    padding: 8px 12px;
    line-height: 16px;
}



#es .o-tabs--stacked .o-tabs__item.active .o-tabs__link {
    border-left: 2px solid;
    padding-left: 10px;
    background: #f4f7fb !important;
    font-weight: bold;
    border-color: #38a9ff;
    border-right: 0;
    margin-right: 0;
    color: #525966;	
}

#es .o-tabs--stacked .o-tabs__item.error .o-tabs__link {
    border-left: 2px solid #f65b5b;
    border-right: 0;
}

#es .es-side-widget .o-tabs__link {
    color: #8994a9;
}

#es .es-side-widget .o-tabs__link:hover {
    background: #f4f7fb;
    color: #8994a9;
    border-right: 0;
    margin-right: 0;
}


/*   NEWS FEED FILTER MODULE END  */


/*   MIX PAGES   */

#es .o-box {
    background: #fff;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

#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-slider .es-mobile-filter-slider__tab {
    padding: 14px 8px;
}

#es .o-avatar--xl {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

#es .es-list__item {
    padding: 16px 0;
}

#es .es-story-selection-popbox__content .es-list__item {
    padding: 16px 8px;
}


#es .es-list-item__media .o-avatar {
    margin-right: 10px;
}

#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 .o-empty {
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 3px;
}

#es .ds-page-form .o-empty {
    border: 0;
}

#es .es-forms, #es .ds-page-form {
    padding: 12px 20px 20px;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 3px;
    position: relative;
}

#es .ds-page-form .es-forms {
    border: 0;
    padding: 0;
}


#es .es-forms .es-snackbar, #es .ds-page-form .es-snackbar{
    border: 0;
    border-bottom: 1px solid #E9EAEC;
    border-radius: 0;
    padding: 0px 12px 12px;
    margin: 0 -20px 16px;
	font-size: 14px;
}

#es .es-snackbar {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

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

#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: #fafafa;
    border-radius: 0 0 3px 3px;
    margin: 16px -20px -20px;
}


#es .es-list-sorting {
    position: absolute;
    z-index: 4;
    right: 12px;
    margin: 0;
    top: 8px;
}

#es .es-list-sorting .dropdown_.open {
	background:transparent;
	color:#525966;
}

#es .es-list-sorting .btn-popdown {
    border: 1px solid transparent;
}

#es .es-list-sorting .dropdown_.open .btn-popdown {
    border: 1px solid #ddd;
}

#es .es-list-sorting .btn-popdown__caret {
    top: 5px;
}

#es .es-list-sorting .btn-popdown>div {
    padding: 0 24px 0 8px;
}


#es .dropdown-menu li {
    padding: 0;
}

#es .dropdown-menu>li>a {
    padding: 8px 12px;
    line-height: 16px;
	font-size: 12px;
}

#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: #eff3fb !important;
}



#es .dropdown-menu>li>.media-share-btn {
    border: 0;
    float: none;
    text-align: left;
	margin: 0;
}

.media-share-btn span {
	display:none;
}

#es .dropdown-menu>li>.media-share-btn span {
	display:block;
}

#es .dropdown-menu>li>.media-share-btn i,#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 {
    position: initial;
    top: 0;
	color: #525966;
}

#es .es-dialog-modal .es-dialog-close-button i {
    top: 3px;
}

#es .es-dialog-content .es-forms {
    border: 0;
}


#es .ds-content-list {
    position: relative;
}



#es .es-mobile-filter {
    background: #fff;
}

#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;
    font-size: 20px;
}

#es.view-groups .es-groups .es-mobile-filter__bd {
    width: calc(100% - 40px);
	border-bottom: 0;
}

#es.view-groups .es-groups .es-mobile-filter {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
}

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


html.com_easysocial.view-stream.layout-item .comp-wrap {
    width: 100%;
    padding-right: 0;
}

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

/*   MIX PAGES  END */


/*   MESSAGES  */

#es .es-convo {
	flex-direction:row-reverse;
}

#es .es-convo {
    background: #fff;
    border-color: #ECEEEE #E9EAEC #DDDDDF;
    border-radius: 3px;
}

#es .es-convo__sidebar {
    border-left: 1px solid #E9EAEC;
    border-right: 0;
}

#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: 20px 10px;
}

#es .es-convo__sidebar-item.is-active {
    border-left: 2px solid #38a9ff;
    padding: 20px 10px 20px 8px;
    background: #f4f7fb;
}

#es .es-convo__sidebar-item:hover {
    background-color: #f4f6fb;
}

#es .o-avatar-group-1, #es .o-avatar-group-2, #es .o-avatar-group-3 {
    overflow: hidden;
	border-radius: 50%;
}

#es.is-mobile .es-convo__content-action:before,#es.is-mobile .es-convo__content-action:after {
	display:none;
}

/*   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:before {
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
	opacity: .8;
    margin-right: 3px;
}

#es .mod-es-menu-list__item span{
	vertical-align: middle;
}

#es .mod-es-menu-list__item {
    padding: 10px !important;
    border-radius: 2px;
    color: #525966 !important;
	height: 40px;
	position: relative;
}

#es .mod-es-menu-list__item a {
	color: #595959;
}

#es .mod-es-menu-list__item .settings-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 8px;
	position: absolute;
    right: 0;
    top: 0;
	opacity: 0;
}

#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: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-top: 10px;
}

#es .usermenu-bottom-menu ul {
    margin: 0 10px;
}

#es .usermenu-bottom-menu .nav > li > a:hover, #es .usermenu-bottom-menu .nav > li > a:focus {
    text-decoration: underline;
    color: #525966;
}


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



/*   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:46px;
}

#es.mod-es-dropdown-menu .dropdown_.open {
    color: #fff;
	background:#292e38;
}

#es.mod-es-dropdown-menu .dropdown_ {
    color: #fff;
}

#es.mod-es-dropdown-menu .dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 5px 0;
}

#es.mod-es-dropdown-menu .dropdown-menu .divider {
    margin: 5px 10px;
}



/*________DROPDOWN MENU MODULE END_________*/



/*   SEARCH MODULE  */

#es.mod-es-search i {
    font-size: 16px;
    opacity: .5;
    line-height: 46px;
}

#es.mod-es-search i:hover {
    opacity: 1;
}

#es .mod-es-search__dropdown {
    color: initial;
	padding: 8px 16px;
}

.head-search #es.mod-es-search .btn {
    border: 0;
    height: 46px;
    padding: 0 12px;
    line-height: 46px;
    background: #4a5364 !important;
    color: #687387!important;
	border-radius: 0;
}

.head-search #es.mod-es-search input.o-form-control {
    border: 0;
    height: 46px;
    border-radius: 0;
}

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

.head-search #es.mod-es-search input {
    background: #4a5364;
    border: 0;
    color: #fff;
	box-shadow: none;
}




/*   SEARCH MODULE END   */



/*   NOTIFICATIONS MODULE  */

#es .popbox-dropdown__title {
    color: #525966;
}

#es.mod-es-notification a {
	color: #ffffff;
	padding:0 8px;
}

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

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

#es.is-mobile .es-list-item .dropdown-menu>li>a, #es.is-mobile .es-mobile-list-item__action .dropdown-menu>li>a, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li>a, #es.is-mobile .es-stream-control .dropdown-menu>li>a, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li>a, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li>a, #es.is-mobile .es-comment-actions .dropdown-menu>li>a, #es.is-mobile .es-convo__sidebar-action .dropdown-menu>li>a, #es.is-mobile .es-media-item-menu .dropdown-menu>li>a, #es.is-mobile .es-cover-menu .dropdown-menu>li>a, #es.is-mobile .es-profile-header-nav__item .dropdown-menu>li>a {
    padding: 12px 16px;
}

#es .mod-es-menu-bar__link-bubble {
    right: 5px;
    padding: 2px 4px;
    font-size: 9px;
    border-radius: 12px; 
    line-height: 9px;
    height: 17px;
	border: 2px solid #3e4656;
    background-color: #ff5e3a;
}


/*   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: #5497e3 !important;
    color: #ffffff !important;
    border-color: rgba(84,151,227, 0) !important;
}

#es .btn-primary:hover, #es .btn-primary:active, #es .btn-primary:focus {
    background-color: #2377d7 !important;
}

/*   BUTTONS END     */



/*   Change FA icons to Material Design Icons   */
#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{
    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-users:before ,#es .fa-group:before{
    content: "\F00E";
}

#es .fa-communities:before {
	content: "\F2B1";
}

#es .fa-remove:before, #es .fa-close:before, #es .fa-times:before {
    content: "\F156";
}

#es .fa-user:before {
    content: "\f004";
}

#es .fa-chevron-left:before {
    content: "\F141";
}

/*   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 {
    color: #525966!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 {
    color: #8994a9!important;
}