/*!
 * YouOnline v2.0.0 (http://youonline.online/)
 * NewDesign Implimantation 2020-2021 The YouOnline
 * © 2020 YouOnline
 */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); */




*, :after, :before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html{
    -webkit-tap-highlight-color: transparent;
}

body, html {
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Lato';
    font-weight: normal;
    font-size:14px;
    margin:0;
    padding-right:0 !important;
    background: #f9f9f9;
    overflow-x: hidden;
    color:#424242;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato';
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 7px;
    margin-bottom: 10px;
}

.h5, h5 {
    font-size: 14px;
}

.show-mobile{
    display:none !important;
}

article, div, h1, h2, h3, h4, h5, p, span {
    word-wrap: break-word;
}

button, input, select, textarea {
    font-family: 'Lato';
    font-size: 12px;
    line-height: inherit;
    margin: 0;
    color: #424242;
}

article, aside, details, figcaption,
figure, footer, header, hgroup, main,
menu, nav, section, summary {
    display: block;
}


a {
    color: #424242;
    text-decoration: none;
    background-color: transparent;
}

a:hover,
a:focus,
a:active{
    outline:0 !important;
    text-decoration:none;
}


a, button {
    outline: 0!important;
}

a:-webkit-any-link {
    cursor: pointer;
}

img {
    vertical-align: middle;
}

hr, img {
    border: 0;
}

hr {
    border-top: 1px solid #f4f4f4;
}

ol, ul {
    list-style: none;
    margin-bottom: 10px;
}

dl, ol, ul {
    margin-top: 0;
}

svg:not(:root) {
    overflow: hidden;
}

svg {
    vertical-align: middle;
}

.sixteen-font-size {
    font-size: 16px!important;
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}

body .navbar-default .navbar-nav>.open>a,
body .navbar-default .navbar-nav>.open>a:focus,
body .navbar-default .navbar-nav>.open>a:hover{
    background:none !important;
}

.lb-preloader {
    background: rgba(0,0,0,.23);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    display: none;
}

.lb-preloader svg, .pace-activity-parent {
    box-shadow: 0 1px 6px 1px rgba(0,0,0,.17);
}

.lb-preloader svg {
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    padding: 15px;
    border-radius: 4px;
    width: 65px;
    height: 65px;
}

.lb-preloader svg {
    background-color: #000;
}


/*=== BOOTSTRAP CLASS CSS ===*/




.input-group, .input-group-btn, .input-group-btn>.btn, .nav>li, .nav>li>a, .navbar {
    position: relative;
}

.btn-group>.btn-group, .btn-toolbar .btn-group, .btn-toolbar .input-group, .dropdown-menu {
    float: left;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
}

.collapsing, .dropdown, .dropup {
    position: relative;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-form{
    padding: 7px;
}

svg.feather{
    vertical-align: middle;
    margin-top: -4px;
    width: 19px;
    height: 19px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon, address {
    font-style: normal;
}
.control-text {
    padding: 20px 12px 0px 48px!important;
}

.form-control {
    width: 100%;
    height: 42px;
    padding: 7px 9px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control, output{
    line-height: 1.42857143;
}
::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00cc33;
    border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #00cc33;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 251px;
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid #ccc; */
    /* border: 1px solid rgba(0,0,0,.15); */
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu>li>a{
    transition: all .2s ease;
    display: block;
    clear: both;
    text-shadow: none
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    color: #262626;
    text-decoration: none;
    background-color: #f9f9f9;
}

.pull-left {
    float: left!important;
}

.clear {
    clear: both;
}

.hidden, .visible-lg, .visible-lg-block,
.visible-lg-inline, .visible-lg-inline-block,
.visible-md, .visible-md-block, .visible-md-inline,
.visible-md-inline-block, .visible-sm, .visible-sm-block,
.visible-sm-inline, .visible-sm-inline-block, .visible-xs,
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none!important;
}

.text-center {
    text-align: center;
}

.animated{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


textarea.form-control {
    resize: none!important;
}

input[readonly] {
    background-color: #fff!important;
    cursor: text!important;
}

.left-sidebar svg path, .list-group.filterby svg path, .left-sidebar svg g, .list-group.filterby svg g, .publisher-box-footer svg path, .publisher-box-footer svg g, .gvalley_pub_mid_foot svg path, .gvalley_pub_mid_foot svg g, .ani-acc-menu svg path, .ani-acc-menu svg g {
    fill: #00cc33 !important;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.animated_2 {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
}

/*=== CSS FOR MIDDLE CONTENT ===*/
.content-container {
    margin-top: 57px;
}

.ad-placement-header-footer {
    text-align: center;
}

/*.page-margin {*/
/*    margin-top: 20px;*/
/*    margin-bottom: 20px;*/
/*}*/

.panel {
    margin-bottom: 16px;
    background-color: #fff;
    /* border: 1px solid transparent; */
    border-radius: 3px;
}

.alert {
    background-color: #ffffff;
    border: 0;
    border-bottom: 1.5px solid;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.greetalert .close {
    right: 4px;
    top: 0px;
    position: absolute;
}

.greetalert .small-texts {
    font-weight: 600;
    font-size: 15.5px;
    padding-right: 50px;
    display: block;
}

.greetalert img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

.greetalert p {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 2px;
    padding-right: 50px;
}

/* filter post*/
ul#filterby-post {
    /*  position: sticky;*/
    z-index: 10;
    padding-left:0;
}

#filterby-post li {
    border-bottom: 1px solid #dee2e6;
    float: left;
    width: 16.66%;
    height: 40px;
    padding: 7px 10px;
    text-align: center;
    cursor: pointer;
}
.gvalley_pub_privacy_dropdown
#filterby-post .avtive {
    border-bottom: 2px solid;
    background: #f0f2f5;
    transition: all .1s;
    border-left: 0;
    border-color: currentColor!important;
}

#filterby-post li svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: 2px auto 1px;
}

#filterby-post .filter_negative_clr, #filterby-post .filter_negative_clr svg {
    color: #00cc33;
}

.post .post-heading {
    height: 70px;
    padding: 15px;
}

/* post action */
.gvalley_post .post-options, .gvalley_post .post-privacy-options{
    top: 0;
    transform: scale3d(.8,.8,1);
    transform-origin: right top;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.post-options {
    left: auto;
    right: 0;
    color: #ccc;
}

.gvalley_post .open > .post-options, .gvalley_post .open > .post-privacy-options {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1,1,1);
    opacity: 1;
    visibility: visible;
    display:block;
    right:0;
    left:auto;
}

.gvalley_post .post-options li > a,
.gvalley_post .post-options li > div,
.gvalley_post .post-privacy-options li > div {
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    padding: 6.8px 22px !important;
}

.pointer {
    cursor: pointer !important;
}

.gvalley_post .post-options li > a:hover,
.gvalley_post .post-options li > div:hover,
.gvalley_post .post-privacy-options li > div:hover {
    color: #fff;
    background: #00cc33;
}

.gvalley_post .post-privacy-options li > div svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: -2px;
}

/* post header */
body .gvalley_post .post .post-heading .meta {
    margin-left: 63px;
}

body .post .post-heading .meta .title {
    margin-bottom: -2px;
    margin-top: 5px;
    overflow: hidden;
    padding-top: 2px;
}

body .post .post-heading .meta .title > span,
body .post .post-heading .meta .title > svg,
body .post .post-heading .meta .title > a,
body .post .post-heading .meta .title > small {
    float: left;
    margin-right: 4px;
}

body .post .post-heading .meta .title a {
    color: #555;
}

body .verified-color {
    color: #00cc33;
}

body .verified-color svg,
body svg.verified-color {
    margin-top: -3px!important;
    fill: #00cc33;
}

.post .post-heading .meta .time {
    margin-top: 8px;
    color: #999;
}

.gvalley_post .dropdown-toggle .post-privacy svg {
    width: 17px;
    height: 17px;
    margin-top: -2px;
}
/*=== NEW CSS FOR LEFT BAR ===*/
ul#listFeedOption {
    display: none;
    padding-left:0;
}

svg#toggleFeedOption {
    position: absolute;
    top: 8px;
    right: 3%;
}

.theiaStickySidebar:after {
    content: "";
    display: table;
    clear: both;
}

.left-sidebar ul li a {
    margin: 1px 0;
    display: block;
    line-height: 24px;
}

.left-sidebar.new-left ul li a{
    margin-top: 0 !important;
}

.order_by {
    padding-top: 2px;
    float: right;
    cursor:pointer;
}

.order_by svg {
    width: 22px;
    height: 22px;
}



/* NEW LEFT BAR DESIGN */
.left-sidebar.new-left .left-bar-separator,
.left-bar-separator
{
    border:1px solid #efefef;
    padding:0px !important;
    background:#fff;
}

.left-bar-separator .dropdown-menu-right li.active,
.left-bar-separator .dropdown-menu-right li:hover{
    background: #00cc33 !important;
    color: #fff !important;
}

.left-bar-separator .dropdown-menu-right li:hover a{
    color: #fff !important;
}

.order_by ul{
    box-shadow:none;
    border-radius:0px;
    border:1px solid #e5e5e5 !important;
    padding:0;
    min-width: 150px;
}

.left-sidebar ul {
    padding-left: 0!important;
}

.dropdown-menu-right, .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.left-sidebar.new-left ul li {
    padding: 7px 15px;
}

.left-sidebar.new-left ul li a{
    font-size:14px;
    color:#424242;
    font-weight:400;
    margin-top:0 !important;
    padding:0px 0px;
}

.order_by ul li.active a {
    background: #00cc33 !important;
    color: #fff !important;
}

.new-left.left-sidebar ul li a.logged-avatar{
    font-weight:bold;
    color:#000;
    padding:10px 0px 0;
    font-size:16px;
}

.new-left.left-sidebar ul li a.logged-avatar img{
    height:36px;
    width:36px;
    margin-top: -2px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 5px;
}

.new-left.left-sidebar ul li .icon-bg{
    height:32px;
    width:32px;
    border-radius:50%;
    background:#f3f3f3;
    display: inline-block;
    text-align:center;
    padding: 3px 0;
    margin-right:5px;
}

.new-left.left-sidebar ul li .icon-bg .left-icon{
    margin:0;
    width:18px;
    height:18px;
}

.new-left.left-sidebar svg path{
    fill:#424242 !important;
}

.new-left.left-sidebar ul li.link_separator{
    font-size:16px;
    color:#00cc33;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    padding:15px;
    margin-bottom:10px;
}

.left-sidebar.new-left ul li.active a,
.new-left.left-sidebar ul li a:hover{
    color:#00cc33;
    text-decoration:none;
}

.new-left.left-sidebar ul li a:hover{
    background:transparent;
}

.new-left.left-sidebar ul li a:hover .icon-bg,
.left-sidebar.new-left ul li.active a .icon-bg{
    background:#00cc33;
}

.new-left.left-sidebar ul li a:hover svg path,
.left-sidebar.new-left ul li.active a svg path{
    fill:#fff !important;
}

/*=== POST LISTING DESIGN ===*/
.post > .panel{
    box-shadow:none;
    border:1px solid #efefef;
    border-radius:10px;
    padding:0;
}

/*=== ADD POST BOX DESIGN ===*/
.pub-focus .post.publisher-box {
    z-index: 99999;
    position: relative;
}

#post-textarea {
    position: relative;
    border-radius: 0px;
}

.gvalley_pub_name {
    display: none;
}

#loading_indicator {
    position: absolute;
    display: none;
    right: 5px;
    top: 5px;
    color: #999;
}

.publisher-box .add-emoticons {
    position: absolute;
    right: 8px;
    margin: 0;
    display: none;
    top:4px;
}

.publisher-box .add-emoticons .dropdown-toggle {
    display: block;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.publisher-box .add-emoticons .dropdown-toggle svg.feather {
    fill: #6f6f6f;
    margin-top: 0px;
    width: 20px;
    height: 20px;
}

.publisher-box .add-emoticons .dropdown-menu {
    min-width: 265px;
    margin: 0;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    padding: 0 3px;
}

.publisher-box .add-emoticons .dropdown-menu > div {
    max-height: 245px;
    overflow-y: auto;
    margin-right: -25px;
    padding: 4px 0;
}

.publisher-box .add-emoticons .dropdown-menu span {
    display: inline-flex;
    margin: 2px;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s;
    cursor: pointer;
}

.publisher-box .add-emoticons .dropdown-menu span i {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    margin: 0;
}

/* upload video */
#music-form,
#photo-form, #vine-form ,
#album-form, #poll-form,
#file-form, #gif-form{
    display: none;
}

#video-form {
    display: none;
    border-top: 1px dashed #ededed;
}

#video-form .inner-addon {
    width: 100%;
    overflow: hidden;
}

#video-form .inner-addon span.video-custom-thumb {
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-transform: capitalize;
    font-family: Roboto,sans-serif;
    margin-right: 5px;
    user-select: none;
}

#file-form .inner-addon svg.feather, #map-form .inner-addon svg.feather, #music-form .inner-addon svg.feather, #photo-form .inner-addon svg.feather, #video-form .inner-addon span svg.feather {
    position: absolute;
    margin: 12px;
    width: 18px;
    height: 18px;
    color: #616161;
}

#video-form .inner-addon span input.form-control {
    width: 350px;
    margin-left: 25px;
}

.publisher-box .publisher-hidden-option input {
    border-radius: 0;
    border: none;
}

#video-form div.video-poster-image {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: none;
    padding: 7px;
}

#video-form div.video-poster-image .thumb-renderer {
    width: 100%;
    display: table;
    min-height: 210px;
    overflow: hidden;
    border: 2px dashed #ccc;
    background: #fff;
    padding: 5px;
    transition: all .2s ease-in-out;
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #616161;
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview svg {
    margin-top: 0;
    width: 50px;
    height: 50px;
    color: #999;
}

#video-form div.video-poster-image .thumb-renderer #post_vthumb_droparea div.preview div p {
    font-size: 17px;
    margin: 8px 0 0;
    padding: 0;
    text-transform: lowercase;
}

/* poll add post */
#poll-form .publisher-hidden-option.answers {
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.answers input {
    border-top: 1px solid #f4f4f4!important;
    box-shadow: none;
}

#poll-form .create-poll {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: normal;
}

/* album */

#photo-form .create-album, #poll-form .create-poll{
    transition: all .2s ease-in-out;
    color: #fff;
}

#album-form {
    position: absolute;
    width: 100%;
    z-index: 9;
}

#album-form input {
    padding-right: 150px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

#photo-form .create-album{
    background:#00cc33;
    padding:7px 15px;
    font-size:14px;
    border-radius: 3px;
    font-weight:normal;
    margin: -28px 10px 7px;
    z-index: 9;
    position:relative;
    cursor:pointer;
}

#photo-form .create-album:hover {
    background: #378a3b;
}

#image-holder {
    width: 100%;
    padding: 0 8px;
    margin: 5px 0 10px;
    white-space: nowrap;
}

.thumb-image-delete {
    position: relative;
    display: inline-block;
}

.thumb-image-delete-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    padding: 3px;
}

#image-holder .thumb-image {
    width: 100px;
    height: 100px;
    margin: 0 5px 0 0;
    display: inline-block;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
    border-radius: 4px;
}

#image-holder .thumb-image:last-child {
    margin-right: 0;
}

#emo-form, #photo-form, #progress {
    position: relative;
}

/* map add post */
#map-form {
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin: 10px;
}

/* feeling add post */
.feelings-type-to {
    padding: 6px 7px;
    color: #555;
    background: #dfecff;
}

.feelings-value {
    background-color: #fff;
    color: #555;
    padding: 4px 6px;
    position: absolute;
}

#feelings-text {
    width: 80%;
    height: 25px;
}

.feelings-type-to:empty {
    padding: 0;
}

.feeling-type {
    max-height: 200px;
    overflow: auto;
    display: none;
}

.feeling-type.feeling-types {
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0 0 5px 5px;
    border-top-width: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.feeling-type ul {
    padding: 5px;
    border-top: 1px solid #ededed;
    margin-bottom: 1px;

}

.feeling-type li {
    color: #616161;
    padding: 5px;
}

.feeling-type.feeling-types li {
    display: table;
    padding: 5px;
    margin: 2px 0;
}

.feeling-type.feeling-types li svg.feather {
    display: table-cell;
    width: 26px;
    height: 26px;
    margin: 0 10px 0 2px;
    padding: 1px;
}

.feeling-type.feeling-types li span{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
}

.w100 {
    width: 100%;
    overflow: hidden;
}

.ball-pulse {
    float: right;
    line-height: 30px;
    margin-left: 10px;
    display: none;
}

.ball-pulse>div {
    background-color: #3a3c3f;
    border-radius: 100%;
    margin: 0 1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
    animation: scale-pulse .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08);
    animation: scale-pulse .75s -.15s infinite cubic-bezier(.2,.68,.18,1.08);
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08);
    animation: scale-pulse .75s -.11s infinite cubic-bezier(.2,.68,.18,1.08);
}

#publisher-box-stickers-cont {
    width: 100%;
    overflow: auto;
    max-height: 300px;

}


/* post add progress */
#progress {
    width: 100%;
    padding: 4px;
    display: none;
}

.publisher-box .publisher-hidden-option #percent {
    position: relative;
    left: auto;
    color: #424242!important;
}

.publisher-box .publisher-hidden-option #percent {
    position: relative;
    left: auto;
    color: #424242!important;
}

.publisher-box .publisher-hidden-option #progress .progress, .publisher-box .publisher-hidden-option #progress .progress .progress-bar {
    height: 4px;
    border-radius: 0;
}

.publisher-box .publisher-hidden-option #progress .progress {
    margin: 8px 40px 0 0;
}

.publisher-box .publisher-hidden-option #progress .progress, .publisher-box .publisher-hidden-option #progress .progress .progress-bar {
    height: 4px;
    border-radius: 0;
}

/* add post footer */
.gvalley_pub_mid_foot .poster-left-buttons .btn {
    border-radius: 2em;
    height: 32px;
    transition: all 0.15s;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
    width: 100%;
}

.gvalley_pub_mid_foot .poster-left-buttons {
    margin-right: 5px;
    display: flex;
    /* max-width: calc((493.5px - 75px) / 3); */
    flex: 1 auto;

}

.btn-file{
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn svg {
    width: 21px;
    height: 21px;
    margin-right: 1px;
    margin-top: -2px;
}

.gvalley_pub_mid_foot .poster-left-buttons:last-child {
    margin: 0;
}

.gvalley_pub_more_items {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    padding: 10px 0;
    flex: 1;
    display: flex;
    justify-content: center;
}

.gvalley_pub_more_items .btn > span {
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.publisher-box .publisher-box-footer .poster-left-buttons .btn {
    padding: 5px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.gvalley_pub_more_items .btn > span img {
    width: 100%;
    height: 100%;
    user-select: none;
    pointer-events: none;
}

.gvalley_pub_more_items .btn svg {
    width: 22px;
    height: 22px;
}

.publisher-box #publisher-button{
    letter-spacing: 0.7px;
    width:100%;
    line-height: 25px;
}

.publisher-box #publisher-button-edit{
    letter-spacing: 0.7px;
    min-width: 556px;
    line-height: 25px;
}

.publisher-box .publisher-box-footer .pub-footer-bottom .ball-pulse {
    margin-right: 10px;
}

.publisher-box .publisher-box-footer .poster-left-select {
    margin-right: 5px;
    margin-left: 5px;
}

.gvalley_pub_privacy {
    margin: 4px 0px;
    position: relative;
}

.gvalley_pub_privacy_dropdown {
    display: flex;
    align-items: center;
    background-color: #d5d5d5;
    border: 1px solid;
    font-weight:600;
    border-color: rgb(222, 226, 230);
    color: #424242;
    font-size: 13px;
    line-height: 1;
    cursor:pointer;
}

.gvalley_pub_privacy_dropdown > p {
    margin: 0;
}

.gvalley_pub_privacy_dropdown > p svg {
    width: 17px;
    height: 17px;
    margin-top: -2px;
}

.gvalley_pub_privacy_dropdown > svg {
    width: 15px;
    height: 15px;
    margin-left: 3px;
}

.gvalley_pub_privacy_menu li label {
    margin: 0;
    display: block;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}

.gvalley_pub_privacy_menu{
    margin: 0;
    background-color: white;
    position: absolute;
    min-width: 180px;
    z-index: 9;
    transform: scale3d(.8,.8,1);
    transform-origin: left top;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    cursor: pointer;
}

.gvalley_pub_privacy.showMenu .gvalley_pub_privacy_menu {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1,1,1);
    opacity: 1;
    visibility: visible;
}

.gvalley_pub_privacy_menu li label input[type="radio"]:not(:checked), .gvalley_pub_privacy_menu li label input[type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.gvalley_pub_privacy_menu li label input[type="radio"]+span {
    position: relative;
    display: block;
    padding: 7px 25px;
    user-select: none;
    transition: all 0.15s;
}

.gvalley_pub_privacy_menu li label input[type="radio"]:checked+span {
    background: #00cc33;
    color: #fff;
}

.gvalley_pub_privacy_menu li label span svg {
    display: none;
}

.gvalley_pub_privacy_menu li:hover label span {
    background: #eee;
}

.charsLeft-post {
    color: #616161;
    font-size: 13px;
    margin: 10px 0px 7px 0px;
    font-weight: 700;
}

/* new design post box */
#focus-overlay {
    background: #f0f2f5;
    bottom: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s,bottom 0 .3s;
    z-index: 1031;
}

.pub-focus #focus-overlay {
    bottom: 0;
    opacity: .6;
    transition: opacity .3s;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn.mor{
    height:31px;
    width:26px;
    background:#f3f3f3;
    border-radius:50%;
}
.gvalley_pub_mid_foot .poster-left-buttons .btn.mor svg{
    height:18px;
    width:18px;
}

.publisher-box .post-avatar{
    height:30px;
    width:30px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 23px;
    z-index: 1;
}

.gvalley_pub_name{
    display:none;
}

textarea.postText{
    border: none;
    box-shadow: none;
}

.publisher-box textarea.postText{
    padding:20px 35px 10px 60px;
    font-weight:600;
    color:#424242 !important;
    height:73px;
    min-height:73px;
    line-height: 1.628571;
}
.publisher-box textarea.postText .textSize{
    font-size: 18px;
}


.publisher-box textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666 !important;
    opacity: 1; /* Firefox */
}

.publisher-box textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666 !important;
}

.publisher-box textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #666 !important;
}


.pub-focus .publisher-box textarea.postText{
    padding:7px 36px 0px 20px;
}
.pub-focus .publisher-box textarea.postText1{
    padding:7px 36px 20px 60px;
}

.gvalley_pub_mid_foot{
    height: 50px;
    border-color:#ededed;
    margin:0;
    padding:3px;
    display: flex;
    align-items: center;
    position: relative;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn{
    background:none;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn .new-design{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #f3f3f3;
    display: inline-block;
    text-align: center;
    padding:0 !important;
    margin-right: 5px;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn img{
    height:18px;
    width:18px;
    margin-right: 1px;
    margin-top: -1px;
    border-radius: 3px;
    object-fit: cover;
}

.pub-focus .gvalley_pub_mid_foot .poster-left-buttons{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

.pub-focus .gvalley_pub_mid_foot .poster-left-buttons .btn{
    margin:0;
}

.gvalley_pub_mid_foot .poster-left-buttons .btn{
    padding:0;
}

.gvalley_pub_more_items,
.publisher-box .publisher-box-footer .poster-left-buttons{
    margin:0;
}

.publisher-box .publisher-box-footer .poster-left-buttons .btn,
.gvalley_pub_mid_foot .poster-left-buttons .btn{
    font-size:12px;
    font-weight:400;
    font-family: 'Lato';
}


.gvalley_pub_more_items .btn > span{
    width:32px;
    height:32px;
    background:#fff !important;
}

.gvalley_pub_more_items .btn.gif span svg{
    width:18px;
    height:18px;
}

.publisher-box .publisher-box-footer{
    padding:10px 0px;
    display:none;
}

.gvalley_pub_more{
    justify-content: flex-start;
    background:#f5f5f5;
    padding:10px 0px;
    margin-left:0px;
    margin-right:0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.publisher-box .publisher-box-footer .poster-left-buttons{
    width:100%;
}

#poll-form .create-poll{
    padding:7px 15px;
    font-size:14px;
    font-weight:normal;
    display: inline-block;
    background: #00cc33;
    border-radius: 3px;
    margin: 0 10px 13px;
    cursor: pointer;
}

/* greetalert */
.greetalert{
    border-radius:0;
    box-shadow:none;
    border:1px solid #e5e5e5 !important;
    background: #fff;
    padding: 15px;
    position: relative;
}

.greetalert .small-texts{
    color:#424242;
}

.gvalley_pub_privacy_menu{
    padding:0;
    box-shadow:none;
    border-radius:0;
    border:1px solid #e5e5e5;
}

.publisher-box .publisher-box-footer .pub-footer-bottom{
    padding:11px 0px 0;
    border-top: 1px solid #f4f4f4;
    letter-spacing: 0.7px;
    min-width: 150px;
    line-height: 19px;
}

.publisher-box #publisher-button,
.gvalley_pub_privacy_dropdown{
    border-radius:5px;
    font-family:'Lato';
    font-weight:500;
    padding:7px 10px;
}
/* post box */
ul#filterby-post{
    box-shadow:none;
    border:1px solid #efefef;
    border-radius:0;
    top:43px;
}

.list-group.filterby svg path{
    fill:#616161 !important;
}

#filterby-post .avtive{
    border-color:#00cc33 !important;
}

.list-group.filterby li.avtive  svg path,
.list-group.filterby li:hover  svg path,
.list-group.filterby li:focus  svg path,
.list-group.filterby li:active  svg path{
    fill:#00cc33 !important;
}

.post .post-heading .avatar{
    margin-left:0;
    box-shadow:none;
    height:48px;
    width:48px;
    display: block;
    border-radius: 50%;
    margin-right: 10px;
}

.gvalley_post .post{
    margin-left:0;
}
/* Post header */
.gvalley_post .post .post-heading .meta .verified-color svg,
.verified-color svg{
    height:12px !important;
    width:12px !important;
    margin-left:5px !important;
}

.post .post-heading .meta .title > span.feeling-text {
    margin-top: -3px;
}

.feeling-text i {
    font-size: 13px;
}

.classified_text{
    position:relative;
    padding-left:45px;
    height: 40px;
    position: absolute;
    color:#424242;
}

.classified_text:before{
    background-color: #00cc33;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 30 30' class='left-icon'%3E%3Cpath fill='%23fff' d='M23 14c-.7 0-1.4-.2-2-.6-.6.3-1.3.6-2 .6s-1.4-.2-2-.6c-.6.3-1.3.6-2 .6s-1.4-.2-2-.6c-.6.3-1.3.6-2 .6s-1.4-.2-2-.6c-.6.4-1.3.6-2 .6s-1.4-.2-2-.5c-.6.3-1.3.5-2 .5v11c0 1.1.9 2 2 2h12V17h6v10h2c1.1 0 2-.9 2-2V14c-.7 0-1.4-.2-2-.5-.6.3-1.3.5-2 .5zm-10 9H7v-6h6v6zM26 6V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v1l-3 4c0 1.1.9 2 2 2s2-.9 2-2l2-4h3l-1 4c0 1.1.9 2 2 2s2-.9 2-2V6h4v4c0 1.1.9 2 2 2s2-.9 2-2l-1-4h3l2 4c0 1.1.9 2 2 2s2-.9 2-2l-3-4z'%3E%3C/path%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    float: left;
    position: absolute;
    left: 3px;
    top: -5px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
/* post discription */
.post .post-description{
    padding:0px 0px 0;
}

.post .post-description p{
    color:#212121;
    overflow: none;
    font-size: 16px;
    line-height: 1.5;
}
.gvalley_pub_mid_foot .poster-left-buttons .btn {
    padding: 0 6px;
    border-radius: 2em;
    height: 32px;
    transition: all 0.15s;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
    background: #f3f3f3;
    width: 100%;
}
.post .post-footer .comments-list .comment{
    padding:15px 15px;
}

.post .post-footer .comments-list + small{
    text-align:center;
    width: 100%;
    display: block;
    border-top: 1px solid #ededed;
    padding:7px;
}

/* .gvalley_innr_comm{
    background:#fff;
    border:1px solid #cccccc;
    border-radius:5px;
    position:relative;
    padding:10px 15px;
}

.gvalley_innr_comm:after, .gvalley_innr_comm:before {
	right: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.gvalley_innr_comm:after {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #cccccc;
	border-width: 10px;
	margin-top: -10px;
}
.gvalley_innr_comm:before {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
    margin-top: -11px;
    margin-left: -11px;
} */

.time,
.comment-options{
    font-size:13px;
    font-weight:bold;
    color:#424242;
}

.post .post-footer .comments-list .comment .comment-heading .user,
.gvalley_lightbox_right .gvalley_innr_comm .user-popover h4.user{
    color:#000;
    font-size:14px;
    font-weight:bold;
    display: inline;
    margin-top: 0;
}

.comment-text, .reply-text{
    font-size:14px;
    color:#424242;
    font-weight:500;
    overflow:hidden;
    line-height:22px;
}

.gvalley_innr_comm .comment-image {
    width: auto;
}

.gvalley_innr_comm .comment-image img{
    max-width:100%;
}

/* post action button like,share and comment */
#wo_post_stat_button{
    border-radius:0 !important;
    border-bottom:1px solid #ededed;
    border-top:1px solid #ededed;
    width: 100%;
    padding:0;
    text-align: center;
    margin-top: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#wo_post_stat_button .stat-item{
    border-right:0px solid #ededed;
    border-radius:0 !important;
    padding:11px 5px;
    color:#424242;
    font-size:14px;
    font-weight:700;
    line-height: 19px;
    flex: 1;
    width: 100%;
    box-shadow: none;
    background: #fff;
    transition: all .1s ease-in-out;
    cursor: pointer;
}

#wo_post_stat_button .stat-item:last-child{
    border-right:0;
}

/* likes and comment counter */
#active_react {
    display: flex;
}

#active_react .stat-item{
    padding: 0px 7px !important;
}

.post .post-description .stats .stat-item {
    display: inline-block;
    border: 0;
}

.post .post-description .post-actions .stat-item{
    background: #fff;
    box-shadow: none;
}

#active_react .stat-item {
    padding: 0px 7px !important;
    margin-top: 4px!important;
}

.post-action-three{
    display:table;
    padding:10px 15px;
    width:100%;
    width: calc(100% + 30px);
    margin-left: -15px;
    border-top:1px solid #ededed;
}

.post-action-three .post-actions{
    padding:0;
}

.post-action-three #active_react .stat-item{
    margin-top: 0 !important;
}

.post-action-three #active_react .stat-item .like-emo{
    display:block;
}

.like-emo > .how_reacted{
    margin:0;
    background:#f5f5f5;
    border-radius:50%;
    padding: 3px;
    border-radius: 50%;
    display: inline-flex;
}

.inline_post_count_emoji {
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 1;
}

.inline_post_count_emoji img, .inline_act_emoji img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

.post .post-description .post-actions .stat-item,
.like-emo .how_many_reacts{
    font-size:14px !important;
    color:#424242 !important;
    font-weight:normal;
}

.view-icon{
    background:none;
    padding:0;
    border:0;
}

.comment-container .comment-options svg.feather{
    height:16px;
    width:16px;
    margin-right:7px;
}

.comment-options{
    font-size:12px;
    padding:7px 0px;
}

.comment-options .pointer,
#comment_reactions{
    margin-right:7px;
}

.wo-reaction {
    max-width: 100%;
    padding: 0 60px;
    position: relative;
}

#comment_reactions {
    padding: 0;
    display: inline-block;
}

.post .post-footer .comments-list .comment .comment-body .like-btn {
    z-index: 8;
}

.post .post-description .post-actions .stat-item svg{
    height:18px;
    width:18px;
    margin-top: -3px;
}

.comment-body .active-like svg{
    fill:#00cc33;
}

.active-like{
    color: #00cc33;
    font-weight: 1000;
    font-size: 14px;
}
.active-reply{
    color: #65676b;
    font-weight: 1000;
    font-size: 11px;
    cursor: pointer;
    line-height: 2;
}
.inactive-like{
    color: #65676b;
    font-weight: 1000;
    font-size: 11px;
}

.inline_post_emoji{
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
}

.wo-reaction .like-btn .active-like .inline_post_emoji {
    line-height: 1;
}

.wo-reaction .like-btn .active-like .inline_post_emoji img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-body #comment_reacted{
    padding:7px 0px;
    margin-right: 10px;
    float: left;
}

.like-emo{
    cursor: pointer;
    display: flex;
    align-items: center;
}

.like-btn {
    position: relative;
    cursor: pointer;
    display: block;
}

#wo_post_stat_button .stat-item svg{
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

/* reaction box */
.reactions-box {
    background: #ffffff;
    width: 292px;
    padding: 2px;
    position: absolute;
    top: -51px;
    z-index: 999;
    left: -10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    cursor: default;
    display: none;
}

.reaction {
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 48px;
    float: left;
    opacity: 1;
    border-radius: 50%;
    transform: scale(1);
    transition: transform .25s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
    animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);
}

.reaction img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post .post-footer .comments-list .comment .comment-body .reactions-box li{
    animation: none;
}

.reaction-like::before {
    content: 'Like';
}

.reaction::before {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    left: 50%;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2em;
    position: absolute;
    top: -18px;
    opacity: 0;
    transition: opacity .15s ease;
    font-weight: 600;
    transform: translateX(-50%);
}
/* add comment */
.post-commet-textarea{
    padding: 10px;
    padding-bottom:0;
    background:transparent;
    position: relative;
}

.loading_cont {
    position: relative;
}

.loading {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 2px;
    right: 2px;
    height: 2px;
    background-color: #ddd;
    z-index: 9;
    border-radius: 7px 7px 0px 0px;
}

#wo_comment_combo{
    padding:15px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    border-top: 0px solid #e6e6e6;
    transition: all .2s ease;
}

#wo_comment_combo .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
}

#wo_comment_combo > div{
    border:1.5px solid #e5e5e5;
    border-radius:40px;
    padding:5px;
}

#wo_comment_combo .comment-box{
    border:0;
    width: calc(100% - 38px);
    background: white;
    border-radius: 18px!important;
    margin-left: 10px;
    display: flex;
    justify-content: flex-end;
}

.post .post-footer .textarea{
    font-size:14px;
    color:#424242;
}

.post .post-footer .textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #666 !important;
    opacity: 1; /* Firefox */
}

.post .post-footer .textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666 !important;
}

.post .post-footer .textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #666 !important;
}
.post .post-footer .textarea:focus::-webkit-input-placeholder  {opacity:0;}
.post .post-footer .textarea:focus::-moz-placeholder   {opacity:0;}
.post .post-footer .textarea:-moz-placeholder   {opacity:0;}
#wo_comment_combo .textarea{
    padding-left:2px;
    border-radius:0;
    height: 36px;
    position: relative;
    padding-top: 10px;
    background-color: #fff;
    padding-right: 10px;
    border-radius: 18px !important;
    border: none;
    cursor: text;
    flex: 1 1 auto;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
}


#wo_comment_combo .comment-box-ctrl {
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
    right: 10px;
    top: 15px;
    align-self: flex-end;
    display: flex;
    flex-direction: row;
}

.charsLeft-post {
    color: #999;
    font-size: 13px;
    margin: 7px;
    font-weight: 700;
}

.gvalley_comm_addmore {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-left: 2px;
}

.gvalley_comm_addmore > .dropdown-menu > li .btn{
    padding: 0 !important;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: 0;
    color: #7b7b7b;
    transition: all 0.15s;
}

.gvalley_comm_addmore > .dropdown-menu > li .btn svg{
    color:#616161;
    height:22px;
    width:22px;
}

.gvalley_comm_addmore > .dropdown-menu{
    box-shadow: none;
    background: transparent;
    margin: 0;
    padding: 0;
    position: relative;
    top: auto;
    height: 26px;
    min-width: auto;
    will-change: width;
    z-index: 9;
    border: 0;
}

.gvalley_comm_addmore.open > .dropdown-menu{
    width:75px;
    transition: width .3s;
}

.gvalley_comm_addmore > .dropdown-menu > li.emo {
    transform: translateX(0px);
}

.gvalley_comm_addmore > .dropdown-menu > li.img {
    transform: translateX(35px);
}

.gvalley_comm_addmore > .dropdown-menu > li{
    width:30px;
    position: absolute;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wo_comment_combo .submit-comment{
    background:#00cc33;
    height:28px;
    width:28px;
    border-radius:50%;
    color:#fff;
    font-size:16px;
    text-align:center;
    margin-left: 4px;
}

#wo_comment_combo .submit-comment svg{
    height:16px;
    width:16px;
    margin-right:3px;
}

#wo_comm_emojis {
    width: 280px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 0;
}

/* comment listing */
.post .post-footer.post-comments {
    border-top: 0;
    border-radius: 30px;
}

.post .post-footer .comments-list {
    /* padding: 10px; */
    list-style-type: none;
}

.post .post-footer .comments-list .comment {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.post .post-footer .comments-list .comment-container:nth-child(2) {
    margin-top: 5px;
}

.post .post-footer .comments-list .comment{
    border-top:1px solid #ededed;
}

.post .post-footer .comments-list .comment .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
}

.post .post-footer .comments-list .comment .comment-body, .post .post-footer .comments-list .comment>.comments-list {
    margin-left: 48px;
}

.post .post-footer .comments-list .comment .comment-body .comment_edele_options {
    visibility: hidden;
}
.post .post-footer .comments-list .comment .comment-body:hover .comment_edele_options {
    visibility: visible;
}

.comment-options .pointer, #comment_reactions {
    margin-right: 7px;
}

.comment-container .comment-options svg.feather {
    height: 16px;
    width: 16px;
    margin-right: 7px;
    margin-top: -3px;
}

.post .post-footer .comments-list .comment .comment-heading {
    display: flex;
    margin-bottom: 4px;
}

.post .post-footer .comments-list .comment .comment-body .reactions-box {
    z-index: 5;
    top: -55px;
}

.gvalley_innr_comm {
    border-radius: 18px;
    display: block;
    padding: 8px 12px;
    background-color: #f2f3f5;
    position: relative;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}

.gvalley_innr_comm:before {
    content: '';
    display: block;
    position: absolute;
    left: -6px;
    top: 9px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-width: 0;
    border-right-color: #f2f3f5;
    cursor: default;
    z-index: 1;
    filter: drop-shadow(-1px 1px 0px rgba(0, 0, 0, 0.02));
}

/* comment edit and reply */
.comment-edit {
    display: none;
    margin-bottom: 15px;
}

.comment-reply {
    display: none;
}

.comment-reply .wo_commreply_combo {
    margin-top: 10px;
    display: flex;
}


.comment-reply .wo_commreply_combo .avatar {
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
}

.comment-reply .wo_commreply_combo .textarea {
    margin-top: 0;
    border-radius: 15px!important;
    padding-right: 13px;
    margin-left: 5px;
}

.post .post-footer .textarea {
    height: 30px;
}

.modal.fade {
    text-align: center;
    padding: 70px;
}

.fade {
    transition: all .15s;
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    transition: all .15s;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 10px auto;
}

.gvalley_modal .modal-content {
    border-radius: 0px;
}

.modal-content {
    box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
    border-radius:0;
}

.gvalley_modal .modal-header {
    border-radius: 0px 0px 0 0;
    padding: 20px 20px 5px;
    border: 0;
    background-color: white;
    text-align: center;
}

.modal-header {
    min-height: 16.43px;
    background: #ffffff;
    border-radius:0;

}

.modal-header .close {
    opacity: .6;
    padding: 4px 8px;
    margin-right: -8px;
    margin-top: -8px!important;
}

.modal-header .close svg {
    width: 29px;
    height: 34px;
    stroke-width: 3;
}

.modal-title {
    font-size: 16px;
    color: #424242;
    font-weight: bold;
    line-height: 19px;

}

.modal textarea.form-control{
    border:1px solid #e5e5e5  !important;
    padding:10px !important;
}


.gvalley_modal .modal-header .modal-title svg, .gvalley_modal .modal-header .modal-title i {
    display: none;
}

.modal-body {
    padding: 15px 20px;
    position: relative;
    border-radius:0;
}

.modal-footer {
    margin: 0;
    padding: 22px 37px 20px;
    border: 0;
    border-radius: 0 0 0px 0px;
    background: #fff;
    text-align: right;
}

#delete-post .modal-body p{
    text-align:center;
}

.gvalley_modal .modal-footer .ball-pulse {
    line-height: 0;
    position: absolute;
    top: 25px;
    margin-left: 0;
}

/* post dropdown */
.gvalley_post .post-options, .gvalley_post .post-privacy-options{
    border-radius:0;
    box-shadow:none;
    border:1px solid #efefef;
    padding:0;
}

/* shared post */
.bs-callout-default{
    border:1px solid #e5e5e5;
    border-radius:0;
    background:#f9f9f9;
}
/* location post */
.post-map{
    margin-left: -15px;
    width: calc(100% + 30px);
    overflow: hidden;
}

.post-map img{
    border-radius:0;
    border:0;
    padding:0;
}

/* document post */
.post .wo_shared_doc_file > a{
    background:#f1f1f1;
    padding:35px 15px;
    color:#424242;
    font-weight:600;
    display: block;
    text-decoration: none;
}

.post .wo_shared_doc_file > a > i {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #dedede;
    border-radius: 50%;
    font-size: 28px;
    margin: 0 auto 10px;
    line-height: 60px;
    color: #00cc33;
    text-align:center;
}

.post .wo_shared_doc_file {
    font-size: 15px;
}

.post .wo_shared_doc_file audio{
    padding:0 15px 15px;
}

.post-file {
    text-align: center;
}

/* gif post */
.post-file.wo_video_post{
    max-height:500px;
    width: 100%;
    overflow: hidden;
}

.post .post-file img{
    width:100%;
}
/* poll post */
.post .post-description .options{
/* margin-left: -15px;
 width: calc(100% + 30px);*/
 overflow: hidden;
}

.wo_votes{
 margin:0;
 border: 1px solid #eee;
 border-radius:0;
 border-right:0;
 border-left:0;
 overflow: hidden;
}

.options .poll-option {
 padding: 15px 18px;
 background-color: #fff;
 color: #424242;
 cursor: pointer;
 font-weight:bold;
}

.options .poll-option:hover, .wo_votes.active,
.wo_votes.active .poll-option,.wo_votes:hover{
 background-color: #f5f5f5;
}

.vote-icon svg{
 fill:#00cc33;
}

.wo_votes .answer-vote{
 padding:0;
 color:#000;
 font-size:14px;
 margin-bottom:15px;
 font-weight: 700;
 width: 60px;
 text-align: center;
}

.options .total-votes{
 color:#000;
 font-weight:600;
 font-size:14px;
 padding-right:15px;
 padding-bottom:15px;
 text-align: right;
 margin-top: 10px;
}

.options .result-bar-parent {
 width: calc(100% - 80px);
 height: 5px;
 background-color: #dedede;
 margin: 11.4px 0 11.5px 15px;
}

.result-bar {
 background: #00cc33 !important;
}

.options .result-bar {
 width: 40%;
 height: 5px;
 transition: width .3s;
 background-color: #333;
}

.options .result-bar:empty {
 height: 0;
}

/* video post */
.fluid_initial_play{
    background:#00cc33 !important;
}

.post-youtube.wo_video_post{

}

.wo_video_post.post-youtube iframe{
    border-radius: 0;
    width: 100%;
    border:0;
    height:320px !important;
}

/* post image */
#fullsizeimg {
    width:100%;
    overflow: hidden;
}
/* two image post */
.width-2 {
    width: 50%!important;
}

#fullsizeimg img.width-2,
#fullsizeimg img.width-3{
    padding-right:1.5px;
}

#fullsizeimg img.width-2:nth-child(2),
#fullsizeimg img.width-3:nth-child(2){
    padding-left:1.5px;
    padding-right:0px;
}

#fullsizeimg img.width-3:nth-child(3){
    padding-left:3px;
    padding-right:0px;
}

/* multipe image post */
.wo_adaptive_media .album-image:first-child,
.wo_adaptive_media_4 .album-image:first-child{
    padding-right:1.5px;
}

.wo_adaptive_media .album-image,
.wo_adaptive_media_4 .album-image{
    padding-left:1.5px;
    padding-bottom:1.5px;
}

.wo_adaptive_media .album-image:last-child,
.wo_adaptive_media_4 .album-image:last-child{
    padding-bottom:0px;
}

.width-3 {
    width: 33.33%!important;
}

#fullsizeimg .album-collapse{
    padding-left:3px;
}

.album-collapse span{
    margin-left:3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    height: 100%;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 35% 0;
    font-size: 35px;
    font-weight: 400;

}

.album-collapse {
    width: 33.33%;
    position: relative;
    background: no-repeat #f9f9f9;
    display: inline;
    float: right;
    background-size: cover;
}

/* three image post */
.wo_adaptive_media {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.wo_adaptive_media .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 3 - 1.4px)!important;
}

.wo_adaptive_media .album-image:first-child {
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 66.666666666667%!important;
}
/* four image post */
.wo_adaptive_media_4 {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.wo_adaptive_media_4 .album-image {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 4 - 2.4px)!important;
}

.wo_adaptive_media_4 .album-image:first-child {
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 75%!important;
}

.wo_adaptive_media .album-image:first-child .image-file, .wo_adaptive_media_4 .album-image:first-child .image-file {
    width: 100%;
}

.album-image {
    position: relative;
    color: #fff;
    float: left;
}

.wo_adaptive_media_4 .album-image .image-file {
    border-top: 3px solid #fff!important;
}

/* five image post */
.wo_adaptive_media_5 {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 476px;
}

.wo_adaptive_media_5 .album-image {
    display: block;
    position: absolute;
    width: 50%!important;
    overflow: hidden;
}

#fullsizeimg img {
    max-height: none;
    border: 0;
    padding: 0;
    border-radius: 0;
}

.image-file {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.wo_adaptive_media_5 .album-image:first-child {
    top: 0;
    left: 0;
    height: 236px;
}

.wo_adaptive_media_5 .album-image:nth-child(2) {
    top: 239px;
    left: 0;
    height: 237px;
}

.wo_adaptive_media_5 .album-image:nth-child(3) {
    top: 0;
    left: 50%;
    height: 157px;
    padding-left: 3px;
}

.wo_adaptive_media_5 .album-image:nth-child(4) {
    top: 160px;
    left: 50%;
    height: 155px;
    padding-left: 3px;
}

.wo_adaptive_media_5 .album-image:last-child {
    top: 319px;
    left: 50%;
    height: 157px;
    padding-left: 3px;
}

/* Classified and Automatives */
.wo_single_proimg.image-file{
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
    border:0;
}

.post-description .product-description{
    color:#424242;
    font-size:16px;
    font-weight:bold;
    text-transform: capitalize;
}

.post-description .product_row_title.location_icon svg{
    height:12px;
    width:12px;
}

.location{
    padding-bottom:10px;
}

.post-description .product-description.location_add{
    font-size:12px;
    font-weight:400;
}

.product-name.product-content{
    padding-bottom:10px;
}

.product-name.product-content p.product-description{
    font-size:14px;
    color:#212121;
    font-weight:normal;
}

.wo_product_row{
    border: 0;
    padding: 0;
    text-align:center;
}

.wo_product_row .product-name.product-tps{
    width:auto;
    border-right:0;
    background:#f3f3f3;
    padding:7px;
    border-radius:5px;
    margin-right:10px;
    display:inline-block;
}

.wo_product_row .product-name.product-tps:last-child{
    margin-right:0;
}

.wo_product_row .product-name.product-tps .product_row_title,
.wo_product_row .product-name.product-tps .product-description{
    display:inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #5d5d5d;
}

.wo_product_row .product-name .product_row_title svg.feather{
    color: #5d5d5d;
    margin-right: 4px;
}

/* empty post */
.empty_state{
    color:#424242;
    font-weight:bold;
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 700;
    text-align:center;
}

/* post footer */
.post .post-footer {
    border-top: 1px solid #f4f4f4;
    background: #ffffff;
}

.post .post-footer.post-reacted {
    position: relative;
}

.post-shared, .post-likes, .post-wonders, .post-reacted {
    display: none;
    overflow: auto;
    max-height: 300px;
}


/*=== RIGHT SIDEBAR DESIGN ===*/

.sidebar .list-group{
    box-shadow:none;
    border:1px solid #efefef;
    border-radius:0;
    padding:15px;
    margin-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
}

.sidebar .sidebar-title-back{
    font-size:18px;
    font-weight:bold;
    color:#000;
    padding:0;
    display: block;
    overflow: hidden;
    line-height: 32px;
}

/* Stories */

.gvalley_mobi_stories_show {
    display: none;
}

.user-status-home{
    padding:5px 0px 0px 0px;
    width: calc(100% + 15px);
    position: relative;
}

.user-status-home ul.status-list{
    overflow-y:hidden;
    padding: 0;
    line-height: 1;
    white-space: nowrap;
    overflow-x: auto;

}

.user-status-home ul.status-list li{
    width:100px;
    height:170px;
    border-radius:3px;
    border:0;
    display: inline-block;
    position: relative;
    line-height: 1;
    vertical-align: middle;

}

.user-status-home ul.status-list li.create_new{
    margin-right: 6px;
}

.user-status-home ul.status-list li.create_new a{
    border:0;
    color: #7b7b7b;
    font-size: 13px;
    text-align: center;
    white-space: normal;
}

.user-status-home ul.status-list li.create_new a img{
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none;
    pointer-events: none;
}

.user-status-home ul.status-list li a > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}

.user-status-home ul.status-list li a{
    border-radius:3px;
    height:150px;
    display: block;
    width: 100%;
    user-select: none;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
}

.user-status-home ul.status-list li a span{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: white;
    padding: 4px;
    top:0;
    background: rgba(0,0,0,0.69);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.69)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.user-status-home ul.status-list li a span p{
    display:block;
    padding:5px;
    text-align:center;
    max-width:100%;
    font-weight:600;
}

.user-status-home ul.status-list li.create_new a svg,
.user-status-home ul.status-list li a span img{
    height:32px;
    width:32px;
    position:absolute;
    bottom:-16px;
}

.user-status-home ul.status-list li a .story_loder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all 0.15s;
    opacity: 0;
    visibility: hidden;
}

.user-status-home ul.status-list li a .story_loder svg {
    display: block;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
}

.wo_pro_users{
    margin-left:-10px;
    margin-right:-10px;
    padding: 0 3px;
    overflow: hidden;
}

.wo_pro_users li{
    padding:5px;
    width: 33.33333%;
    margin: 0;
    display: inline-block;
    position: relative;
    float: left;
}

#gvalley_status .fixed-img{
    position:absolute;
    bottom:2px;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background-color: white;
    box-shadow:0 0 10px rgba(0,0,0,0.20);
    padding:0px;
    z-index:99;
    left: 50%;
    transform: translateX(-50%);
    border:2px solid #fff;
}

#gvalley_status .create_new .fixed-img{
    padding:5px;
}

#gvalley_status svg.fixed-img,
#gvalley_status svg.fixed-img path{
    fill:#00cc33;
}

.user-status-home ul.status-list li.create_new a:before{
    background: rgba(0,0,0,1);
    background: rgba(0,0,0,0.69);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.69)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    content:'';
    z-index:9;
}

.user-status-home ul.status-list li.create_new a.user-avatar,
.user-status-home ul.status-list li a.user-avatar{
    height:auto;
    background:none;
    padding:0;
    position:absolute;
    bottom: 2px;
    height:45px;
}

.user-status-home ul.status-list li.create_new a.user-avatar:before,
.user-status-home ul.status-list li a.user-avatar:before{
    background:none !important;
}

.user-status-home ul.status-list li a.user-avatar:active,
.user-status-home ul.status-list li.create_new a.user-avatar:active{
    transform: inherit;
}

.gvalley_mobi_stories_show{
    box-shadow: none;
    border: 1px solid #efefef;
    border-radius: 0;
    padding:15px 15px 0px;
}

/* Trending */
.gvalley_htag a {
    text-decoration: none;
}

.trending .list-group-item{
    padding:10px 15px;
    margin-right:-15px;
    margin-left:-15px;
    border-bottom:1px solid #ededed
}

.trending .list-group-item:last-child{
    border-bottom:0;
}

.gvalley_htag .htag_top{
    font-size:16px;
    line-height:inherit;
    flex:1 1;
    color:#00cc33;
    font-weight: bold;
    display: block;
}

.trending .gvalley_htag .htag_bottom{
    font-size:14px;
    color:#000;
    padding-left:18px;
}

.trending .gvalley_htag a{
    display:flex;
}

/* promember */
.wo_sidebar_users{
    width:200px;
    border:1px solid #e5e5e5 !important;
    border-radius:3px;
    padding:0;
    overflow:hidden;
    margin: 12px 6px;
}

.wo_pro_users li .user{
    padding-top:100%;
    position: relative;
    display: block;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ebebeb;
    margin: 1px;
    overflow: hidden;
}

.wo_pro_users li .user img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    background-color: #e7e7e7;
}

.wo_pro_users li .user span{
    font-size:14px;
    font-weight:600;
    text-align:center;
    padding-bottom:7px;
    line-height:20px;

    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.5));
    padding: 30px 5px 5px;
    width: 100%;
    position: absolute;
    max-height: 86px;
}


.wo_sidebar_users .avatar.pull-left{
    float:none !important;
    margin-right:0;
}

/* people you may know */
.refresh {
    cursor: pointer;
    font-size: 14px;
    display:none;
}

.sidebar_sugg_groups {
    white-space: nowrap;
    margin-right: 12px;
    margin-left: 12px;
}

.wo_sidebar_users .avatar img{
    height:200px;
    width:200px;
    border-radius:0;

}

.wo_sidebar_users .avatar a{
    display:block;
}

.wo_sidebar_users .info_prt{
    padding:15px;
    margin:0;
    text-align:center;
}

.wo_sidebar_users .wo_user_link_name{
    display: block !important;
    margin-bottom: 4px;
    max-width: unset !important;
    white-space: normal !important;
}

.wo_sidebar_users .wo_user_link_name .user-name{
    font-weight:600;
    color:#000;
    font-size: 16px;
}

#wo_useract_btn{
    border-radius:7px;
    font-size:14px !important;
    color: #00cc33;
    transition: all .2s ease;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #dee2e6;
    height: 39px;
}

.wo_sidebar_users .btn-default, .sidebar .wo_sidebar_pages .user-follow-button button, .wo_sidebar_groups .user-follow-button button{
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
}


/* invite user */
.invite-user-form{
    margin:0;
}

.invite-user-form .invite-user-combine{
    position: relative;
}

.invite-user-form input{
    border-radius:5px;
    border:1px solid #bdbdbd;
    padding:7px 35px 7px 40px;
    height:40px;
    color:#000;
}

.invite-user-form button.send-invit{
    background:none;
    border:0;
    padding:3px;
    right:10px;
    top:5px;
    line-height: 16px;
    height: 27px;
    border-radius: 3px;
    position: absolute;
}

.invite-user-form button svg{
    color:#00cc33;
    height:18px;
    width:18px;
}

.invite-user-form button svg path{
    fill:#00cc33;
}

.email-icon{
    position:absolute;
    top: 10px;
    left: 10px;
    fill:#616161;
}

/* pages you may like */
.wo_sidebar_pages{
    margin: 3px -15px 10px;
    border:0;
}

.wo_sidebar_pages .page_middle{
    padding:10px 15px;
    min-height: 63px;
}

.wo_sidebar_pages .page_middle .avatar {
    margin-right: 9px;
}

.wo_sidebar_pages .page_middle .avatar img{
    border-radius:50%;
    box-shadow:0 0 10px rgba(0,0,0,0.20);
    width: 42px;
    height: 42px;
    object-fit: cover;
}


.wo_sidebar_pages .page_middle .info{
    padding-top:5px;
    margin-left:55px;
}

.wo_sidebar_pages .page_middle .title{
    line-height: 1;
}

.wo_sidebar_pages .page_middle .title a{
    color:#000;
}

.wo_sidebar_pages .page_middle .info > span{
    color:#616161;
    font-size: 13px;
}

.wo_sidebar_pages .cardheader {
    position: relative;
}

.wo_sidebar_pages .page_middle .title svg.feather{
    height:12px;
    width:12px;
}

.wo_sidebar_pages .cardheader img{
    height:200px;
    object-fit: cover;
    width: 100%;
}

.wo_sidebar_pages .user-follow-button{
    padding:30px 15px 0px;
    background: linear-gradient(transparent,rgba(0, 0, 0, 0.8));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.wo_sidebar_pages .user-follow-button .page_catg{
    margin:0;
    font-size:16px;
    line-height: 45px;
    color:#fff;
}

#sidebar-page-list-container #wo_useract_btn{
    color:#fff;
    background:#00cc33 !important;
    height:32px;
    width:32px;
    border-radius:50%;
    padding:0px !important;
    border:0 !important;
    margin:0 !important;
}

#sidebar-page-list-container #wo_useract_btn svg{
    margin:0;
}

#sidebar-page-list-container #wo_useract_btn svg path,
#sidebar-page-list-container #wo_useract_btn svg{
    fill:#fff;
    color:#fff;
}

#sidebar-page-list-container #wo_useract_btn .button-text{
    display:none;
}

/* suggested group */
.wo_sidebar_groups{
    width:230px;
    box-shadow:none;
    border:1px solid #e5e5e5;
    padding: 10px;
    outline: none;
    margin: 6px;
}

.slick-next svg, .slick-prev svg{
    height:24px;
    width:24px;
}

#sidebar-group-list-container .sidebar_sugg_groups,
.sidebar_sugg_groups{
    margin:0 !important;
}

.wo_sidebar_groups .group-header .avatar{
    margin-right:7px;
}

.wo_sidebar_groups .group-header .avatar img{
    width:32px;
    height:32px;
    border-radius:50%;
}

.wo_sidebar_groups .group-header{
    height:32px;
    margin-bottom: 9px;
    position: relative;
}

.wo_sidebar_groups .group-header h3{
    font-size:16px;
    color:#000;
    line-height:32px;
    text-transform: capitalize;
    margin: 0;
}

.wo_sidebar_groups .group-header h3 a{
    color:#000;
    font-weight:600;
    max-width: 95px;
    display: block;
    overflow: hidden;
}

.wo_sidebar_groups .group-middle{
    margin: 0 -10px;
}

.wo_sidebar_groups .group-middle img{
    height:170px;
    width: 100%;
    object-fit: cover;
}

.wo_sidebar_groups .group-bottom{
    position:relative;
    margin-top: 7px;
}

.wo_sidebar_groups .group-bottom .user-lastseen{
    display:block;
    text-align:center;
    font-size:14px;
    color:#000;
    font-weight:600;
    margin-bottom:7px;
}

.wo_sidebar_groups .user-follow-button{
    text-align:center;
}

.wo_sidebar_groups .user-follow-button button{
    height:auto !important;
}

.wo_sidebar_groups #wo_useract_btn{
    width:70%;
    margin:0 auto;

}

#wo_useract_btn svg{
    height:18px;
    width:18px;
}

/*=== Chatting ===*/
.chat-container {
    background: #ffffff;
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.04);
    color: #2a2a2a;
    overflow: hidden;
}

div.chat-container.full span.min-max-btn i.fa-window-maximize {
    display: none;
}

div.chat-container span.min-max-btn i.fa-window-maximize {
    display: inline;
}

div.chat-container span.min-max-btn i.fa-window-minimize {
    display: none;
}

div.chat-container.full span.min-max-btn i.fa-window-minimize {
    display: inline;
}

.chat-container .online-toggle {
    color: #747474;
    background: transparent;
    font-size: 12px;

}

.chat-container>.search {
    position: relative;
    width: 100%;
}

.chat-container>.search input {
    width: calc(100% - 22px);
    border: 0;
    background-color: #ebebeb;
    color: #323232;
    margin: 8px auto;
    height: 28px;
    border-radius: 4px;
}

.wo_chat_tabs {
    border-color: #e1e1e1;
    margin-top: 10px;
}

.wo_chat_tabs li.active a {
    color: #E91E63!important;
    border-color: #E91E63!important;
}

.wo_chat_tabs li a svg {
    margin-top: -2px;
    width: 20px;
    height: 20px;
}

.online-content-toggler {
    margin-bottom: 0;
    min-height: calc(100% - 104px);
    max-height: calc(100% - 104px);
    position: relative;
    overflow-y: scroll;
    margin-right: -17px;
    /*    display:block !important;*/
}

.chat-opacity {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    /*height: calc(100% + 40px);*/
    background-color: rgba(246, 246, 246, 0.9);
}

.chat-opacity .text-center {
    height: 100%;
}

.chat-opacity .text-center .empty_state {
    vertical-align: middle;
    color: #565656;
}

.chat-opacity .text-center .empty_state span {
    background-color: #efefef;
}

.recipient-chat-user {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 0 13px;
    cursor: pointer;
}

.recipient-chat-user .chat-user-text {
    color: #333;
    font-size: 21px;
    font-weight: normal;
}

.recipient-chat-user .chat-user-text img {
    max-width: 35px;
    border-radius: 5px;
    height: 35px;
    object-fit: cover;
}

.recipient-chat-user .new-message-alert {
    margin-right: 2px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 1;
    background-color: #E91E63;
    position: absolute;
    top: -2px;
    right: 0px;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.recipient-chat-user .chat-loading-icon .ball-pulse {
    right: 3px;
    top: 8px;
    background: #f6f6f6;
    transform: scale(0.8);
}

.chat-container .chat-status .dropdown .dropdown-menu {
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
    padding: 12px 0;
    top: 0;
    transform: scale3d(.8, .8, 1);
    transform-origin: right top;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 0;
}

.chat-container .chat-status .dropdown.open .dropdown-menu {
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.chat-container .chat-status .dropdown .dropdown-menu li a {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #525252;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 22px;
}

.chat-container .chat-status .dropdown .dropdown-menu li a:hover {
    color: #fff;
    background: #00cc33;
}

.chat-container .chat-status .dropdown .dropdown-menu li a svg {
    margin: -2px 4px 0 -2px;
}

.chat-opacity {
    height: 100%;
    display: none;
    margin-top: -4px;
    background-color: rgba(30, 35, 33, .9);
    z-index: 2
}

.chat-opacity .text-center {
    display: table;
    height: calc(100vh - 92px);
    width: 100%
}

.chat-opacity .text-center .empty_state {
    margin: 0;
    display: table-cell;
    vertical-align: bottom;
    color: #c8c8c8;
    font-weight: 400
}

.chat-opacity .text-center .empty_state span {
    padding: 10px 17px;
    background-color: #333
}

.chat-opacity .text-center .empty_state svg.feather {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 5px 0 0
}

.empty_state svg.feather{
    display: block;
    margin: 0 auto 15px;
    width: 40px;
    height: 40px;
    color: #adadad;
}

.chat-opacity.active {
    display: block
}

.chat-container.full{
    box-shadow:none;
    border-left:1px solid #efefef;
    background: #ffffff;
    color: #2a2a2a;
    overflow: hidden;

    max-height: 100%;
    height:100%;
    bottom: 0;
    font-size: 13px;
    position: fixed;
    right: 0;
    top: auto;
    z-index: 66;
}

.chat-container{
    max-height: 100%;
    overflow: auto;
    bottom: 0;
    font-size: 13px;
    height: auto;
    position: fixed;
    right: 0;
    top: auto;
    padding-top: 0;
    z-index: 66;
    overflow: hidden;
    width:204px;
}

div.chat-container div.search {
    display: none;
}

.chat-container .online-toggle{
    font-size:16px;
    color:#000;
    background: transparent;

    width: 100%;
    padding: 10px 10px 5px;
    font-weight: 700;
    position: relative;
    z-index: 9;
}

.chat-status{
    position: absolute;
    top: 9px;
    right: 9px;
    z-index: 9;
}

.chat-container.full .chat-status{
    color:#616161;
}

div.chat-container.full div.search{
    padding-top:10px;
    display:block;
}

.search {
    bottom: 0;
}

.chat-container > .search{
    position: relative;
    width: 100%;
}

.chat-container > .search input{
    border:1px solid #bdbdbd !important;
    background:white;
    border-radius:40px;
    padding:5px 15px;
    height:auto;
    color:#000;
    width: calc(100% - 22px);
    margin: 8px auto;
    font-size:14px;
}


.wo_chat_tabs li.active a{
    color:#00cc33 !important;
    border-color: #00cc33 !important;
}

.wo_chat_tabs li {
    width: 50%!important;
}

.wo_chat_tabs li a{
    color:#000 !important;
    border-color: #ededed !important;
    text-align:center;
}

.recipient-chat-user .chat-user-text img{
    border-radius:50%;
    margin-right:12px;
}

.recipient-chat-user .wo_cen_onuser{
    color:#000;
    font-size:14px;
    font-weight:500;
    text-transform:capitalize;
}

.recipient-chat-user .user-info{
    position:relative;
}

.recipient-chat-user .user-info svg{
    position:absolute;
    left:28px;
    bottom:0px;
    z-index:1;
    width:10px;
    height:10px;
}


/*=== Footer ===*/
.footer-powered p{
    color:#000;
    font-size:16px;
    font-weight:600;
}

.lang_selct a{
    color:#00cc33;
    font-size:16px;
    font-weight:600;
}

.lang_selct a svg{
    fill:#00cc33;
}


.footer-wrapper.sidebar .list-inline a{
    color:#000;
    font-size:14px;
}

.gvalley_foot_drop_menu.open > .dropdown-menu{
    padding:0;
    border-radius:0;

}

/* slack slider */
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}

.owl-item, .slick-slider {
    -webkit-tap-highlight-color: transparent;
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: #5f5f5f;
    border: none;
    outline: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0 2px 6px 1px rgba(50,50,50,.16);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
}

.slick-next{
    right: 0;
}

.slick-prev {
    left: 0;
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: 0;
    visibility: hidden;
}

.slick-next svg, .slick-prev svg {
    height: 24px;
    width: 24px;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.sidebar_sugg_groups .slick-list {
    overflow: visible;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track{
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal.fade:before, .slick-track:after, .slick-track:before,
.wo-create-forms .wo_create_form_cover:before,
.wo_find_friends .find_friends_header:before,
.wo_market .market_header:before, [tooltip]::before {
    content: '';
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

/*  */
.chat_main {
    position: fixed;
    bottom: 0;
    width: 323px;
    color: #333;
    border-radius: 5px;
    background: 0 0;
    right: 300px;
    z-index:999;
}

.chat_main:nth-child(2) {
    right: 480px
}

.chat_main:nth-child(3) {
    right: 745px
}

.chat-tab input {
    border-radius: 0;
    padding: 3px;
    font-size: 13px;
    height: 27px;
    width: 224px
}

.chat-tab .online-toggle {
    color: #bdbcbc;
    width: 100%;
    font-size: 13px;
    padding: 0 9px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    position: relative;
    height: 47.37px;
    display: flex;
    align-items: center;
}

.chat-tab .online-toggle svg {
    width: 20px;
    height: 16px;
    fill: #828181;
}

.chat-tab .online-toggle svg path{
    fill: #9a9999;
}

.chat-tab .online-toggle .chat-tab-status svg {
    margin: -1px 0 0;
    width: 10px;
    height: 10px;
    color: #fff;
    display: none
}

.chat-tab .online-toggle .chat-tab-status.active svg {
    color: #7dd181;
    display: inline
}

.chat-tab .online-toggle>.cht_tg_left_prt {
    width: calc(100% - 100px);
    padding: 9px 43px;
}

.chat-tab .online-toggle>.cht_tg_left_prt>a {
    overflow: hidden;
    display: block;
    max-width: 95px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chat-tab .online-toggle>.cht_tg_right_prt {
    margin-left: auto
}

.chat-tab .online-toggle>.cht_tg_right_prt>.dropdown>.dropdown-toggle {
    line-height: 1;
    display: inline-block;
    color: white;
}

.chat-tab .online-toggle>.cht_tg_right_prt .dropdown-menu {
    margin: 0;
    min-width: 140px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.chat-textarea {
    width: 100%;
    border-top: 1px solid #ddd;
    background-color: #fff
}

.chat-textarea textarea {
    width: 100%;
    height: 35px;
    border-top: 0;
    border-radius: 0
}

.chat-textarea #sendMessage {
    padding-top: 10px;
    font-size: 13px;
    resize: none;
    max-height: 200px
}

.mobileleftpane .text-sender-container textarea {
    padding-right: 140px!important
}

.chat-textarea .chat-btns-w {
    padding: 0 10px
}

.chat-textarea .chat-btns-w .ball-pulse {
    float: right;
    line-height: 34px
}

.chat-textarea .chat-btns-w .btn-file {
    padding: 5px 7px;
    display: inline-block;
    border: 0;
    font-size: 17px;
    cursor: pointer
}

.chat-textarea .chat-btns-w .record_timei {
    position: absolute;
    bottom: 5.5px;
    padding: 6px 9px;
    background-color: #fff;
    right: 28px;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .19)
}

.chat-textarea .chat-btns-w .dropup.chat_optns {
    padding: 0
}

.chat-textarea .chat-btns-w .chat_optns svg {
    margin-top: -2px;
    width: 17px;
    height: 17px;
    color: #5b5b5b
}

.chat-textarea .input-group-btn {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border: none;
    color: #999
}

.chat-textarea .input-group-btn input:hover {
    background-color: transparent
}

.chat-tab-status.active {
    color: #7dd181
}

.chat-status {
    position: absolute;
    top: 9px;
    color: #929292;
    right: 9px;
    margin-top: 2px;
    z-index: 9;
}

.chat-status svg.feather {
    width: 17px;
    height: 17px
}

.chat-status .dropdown-menu svg.feather {
    width: 15px;
    height: 15px;
    margin: 0 4px 0 0
}

.w100 {
    width: 100%;
    overflow: hidden
}

.record-chat-audio {
    padding: 3px;
    color: #333
}

.chat-recording-time {
    color: #333;
    font-size: 13px;
    font-family: Hind, sans-serif
}

.cht_hd_avtr {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: white;
    padding: 2.5px;
    margin-top: 1px;
    position: absolute;
    left: 9%;
    transform: translateX(-50%);
    pointer-events: none;
}


.chat-user-desc img {
    width: 55px;
    border-radius: 50%;
}


.chat-messages-wrapper .messages-wrapper .user-avatar-left {
    float: left;
    width: 30px !important;
    height:30px !important;
    margin-right: 10px;
    border-radius: 50%;
}

.chat-messages-wrapper {
    height: 300px;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    border-right: 1px solid #e3e4e8;
    background-color: #fff;
    border-left: 1px solid #e3e4e8;
    width: 323px;
    padding-top: 4px;
}

.chat-tab .online-toggle > .cht_tg_left_prt > a {
    font-size: 16px;
    overflow: hidden;
    display: block;
    max-width: 95px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform:capitalize;
}

.white {
    color: #fff !important;
}

.chat-user-desc .head-text {
    font-size: 11px;
    color: #000;
}

.chat-user-desc .desc-text svg.feather {
    margin-top: -2px;
    width: 13px;
    height: 13px;
}

.chat-user-desc .col-sm-8 {
    padding-left: 0;
}

.messages-wrapper {
    width: 100%;
    padding: 5px;
}

.chat-messages-wrapper .messages-wrapper {
    border: none;
    padding: 1px 5px 3px;
}

.chat-messages-wrapper .incoming, .chat-messages-wrapper .outgoing {
    border-radius: 12px;
    font-size: 19px;
    color: #4b4f56;
    background-color: #dfe2df;
    max-width: 78%;
    box-shadow: 0 1px 2px rgba(0,0,0,.07);
}

.message {
    margin-top: 1px;
}

.incoming.message p {
    color: #555;
    margin-top: 8px;
}

.chat-messages-wrapper .outgoing {
    background: #00cc33;
}

.gvalley_chat_bottom {
    display: flex;
    align-items: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.gvalley_chat_bottom textarea#sendMessage {
    border: 0;
    height: 42px;
    padding: 10px 5px 0;
    font-size: 13px;
    resize: none;
    max-height: 200px;
}

.gvalley_chat_bottom .chat_optns > .dropdown-toggle > svg {
    width: 20px;
    height: 20px;
    color: dimgrey;
}

/*=== POST IMAGE POPUP ===*/
.lightbox-backgrond, .lightbox-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    left: 0;
}

.lightbox-backgrond {
    width: 100%;
    z-index: 1030;
    background: rgba(0,0,0,.8);
}

.lightbox-content {
    transition: all .4s;
    margin-right: auto;
    margin-left: auto;
    width: 1110px;
    margin-top: 50px;
    z-index: 1031;
}

.wo_image_lightbox {
    width: 100%;
    margin-top: 0;
}

.wo_imagecombo_lbox {
    width: 100%;
    overflow: hidden;
    background-color: #000;
    margin-top: 0;
    margin: auto;
}

.lightbox-content .story-img {
    border-radius: 3px 0 0 3px;
    display: table-cell;
    vertical-align: middle;
    height: calc(100vh - 100px);
}

.wo_imagecombo_lbox .story-img {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-right: 380px;
    width: calc(100% - 380px);
}

.wo_image_lightbox .story-img img.double_zoom {
    -webkit-transform: scale3d(2,2,1);
    transform: scale3d(2,2,1);
}

.gvalley_img_innr {
    position: relative;
    display: table;
    height: calc(100% - 48px);
}

.changer {
    cursor: pointer;
    margin-bottom: 10px;
    position: absolute;
    background: rgba(255,255,255,.1);
    top: 40%;
    width: 50px;
    display: none;
}

.wo_imagecombo_lbox .story-img .changer {
    background: 0 0;
    top: 150;
    margin-left: 30px;
    width: 60px;
    height: 100%;
    margin-bottom: 0;
    z-index: 1034;

}

.previous-btn {
    left: 0;
}

.wo_imagecombo_lbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 65px;
    height: 65px;
    color: rgba(255,255,255,.55);
    transition: all .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.wo_imagecombo_lbox .story-img .changer.next-btn {
    right: 0;

}


.lightbox-content .story-img img {
    max-width: 100%;
    display: block;
    max-height: calc(100vh - 100px);
    margin-left: auto;
    margin-right: auto;
}

.wo_imagecombo_lbox .story-img img {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.wo_imagecombo_lbox .story-img img.double_zoom {
    -webkit-transform: scale3d(2,2,1);
    transform: scale3d(2,2,1);
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar {
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4));
    background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4));
    height: 48px;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar {
    background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4));
    background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4));
    height: 48px;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool {
    bottom: 0;
    width: 100%;
    top: auto;
    background: #000;
    position: relative;
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child.right {
    margin-left: auto;
}

.wo_lbox_topbar .lbox_topbar_child {
    margin: 0 25px;
    user-select: none;
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child {
    margin: 0;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child {
    display: flex;
    align-items: center;
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span {
    padding: 3px 1px;
    height: 33px;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child span {
    height: auto;
    cursor: pointer;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child span,
.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child span a {
    color: #a5a5a5;
    transition: all 0.2s;
    text-decoration: none;
}

.wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child span, .wo_imagecombo_lbox .story-img .gvalley_light_tool .lbox_topbar_child span a {
    color: #a5a5a5;
    transition: all 0.2s;
    text-decoration: none;
}

.wo_imagecombo_lbox .story-img .wo_lbox_topbar .lbox_topbar_child span svg {
    width: 35px;
    height: 35px;
}

.wo_imagecombo_lbox .comment-section {
    width: 380px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    border-radius: 0;
    background-color: #fff;
}

#filterby-post{
    display: none!important;
}
.nextprv-hover:hover{
    fill: #eaeaea !important;
}

@media (max-width: 500px) {
    #filterby-post{
        display: none!important;
    }
    .wo_imagecombo_lbox .comment-section {
        position: initial!important;
    }
    .wo_imagecombo_lbox .comment-section {
        width: 100%!important;
    }

    .publisher-box #publisher-button{
        min-width: 100%!important;
    }
    .publisher-box #publisher-button-edit{
        min-width: 100%!important;
    }

    .add-post{
        margin-left: 0px!important;
    }
    .wo_imagecombo_lbox {
        background-color: #fff;
    }
    .wo_imagecombo_lbox .story-img .changer {
        margin-left: 10px;
    }
    .wo_imagecombo_lbox .story-img .changer.next-btn {
        right:10!important;

    }
}

.gvalley_lightbox_right {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
}

.comment-section-inner {
    display: block;
}

.gvalley_lightbox_right .comment-section-inner {
    position: relative;
}

.comment-section-inner .comment-inner-header {
    padding: 16px 8px 16px 16px;
}

.comment-section-inner .comment-inner-header .close-lightbox {
    padding: 8px;
    margin: 0;
    color: #666;
}

.lightbox-content .user-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 9px;
}

.lightbox-content .comment-section .user-name {
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: 700;
}

.comment-section-inner .comment-inner-header h6 {
    margin-bottom: 3px;
}

.lightbox-content .comment-section .post-info {
    margin: 0 16px 10px;
    max-height: 100px;
    overflow: auto;
    position: relative;
    line-height: 1.2;
}

.gvalley_lightbox_right .post-info .post-text p:empty {
    margin: 0;
}

.lightbox-content .comment-section .post-info p {
    font-size: 14px;
    color: #555;
    word-break: break-word;
    line-height: 1.5;
}

.lightbox-content .comment-section .stats .stat-item {
    display: initial;
    padding: 0px 62px;
    font-size: 14px;
    border: 0;
    background: #fff;
    box-shadow: none;
    width: 55%;
    font-weight: 400;
}

.like-emo {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.gvalley_lightbox_right .comment-section-inner #wo_post_stat_button {
    width: auto;
    margin: 0px 10px 5px;
}

.gvalley_lightbox_right .comment-inner-footer {
    width: 100%;
    height: auto;
    overflow-y: auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    flex-grow: 1;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list {
    padding: 0px 12px;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment:empty {
    margin: 0;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.wo_imagecombo_lbox .lightbox-post-footer .comment .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment .comment-body {
    margin-left: 50px;
}

.wo_imagecombo_lbox .lightbox-post-footer .comments-list .comment_edele_options {
    display: none;
}


.gvalley_lightbox_right .lightbox-no-comments {
    text-align: center;
    margin: 100px 0 20px;
    color: #696969;
    padding: 0 10px;
}

.gvalley_lightbox_right .lightbox-no-comments svg {
    width: 70px;
    height: 0px;
    filter: grayscale(1);
    opacity: 0.5;
}

.wo_imagecombo_lbox .lightbox-post-footer.post-comments {
    padding: 12px;
    z-index: 5;
    flex: 0 0 auto;
    vertical-align: bottom;
}

.wo_lbox_topbar {
    top: 0;
    z-index: 1035;
    position: fixed;
    left: 0;
    width: 100%;
    height: 45px;
}

.wo_lbox_topbar .lbox_topbar_child {
    margin: 0 5px;
    user-select: none;
}

.wo_lbox_topbar .lbox_topbar_child span {
    padding: 10px 1px;
    margin: 0 5px;
    height: 45px;
    display: inline-block;
}

.wo_lbox_topbar .lbox_topbar_child svg.feather {
    margin-top: 0;
    width: 25px;
    height: 25px;
    color: #b5b5b5;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.lightbox-content.multi {
    width: 900px;
}

.wo_image_lightbox .story-img {
    display: table;
    width: 100%;
    min-width: 900px;
    max-width: 900px;
    background: 0 0;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

.wo_image_lightbox .story-img .changer {
    background: 0 0;
    top: 0;
    width: 60px;
    height: 100%;
    display: block!important;
    margin-bottom: 0;
}

.wo_image_lightbox .story-img .changer.previous-btn {
    left: -70px;
}

.wo_image_lightbox .story-img .changer.next-btn {
    right: -70px;
}

.wo_image_lightbox .story-img .changer svg.feather {
    margin-top: 0;
    width: 45px;
    height: 45px;
    color: rgba(255,255,255,.45);
    transition: all .2s ease-in-out;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.wo_image_lightbox .post-commet-textarea{
    padding:15px !important;
}

.wo_image_lightbox .story-img img {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0;
    -moz-transition: -moz-transform .3s cubic-bezier(0,0,.25,1) 0;
    -o-transition: -o-transform .3s cubic-bezier(0,0,.25,1) 0;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
}

.emo-comment, .image-comment {
    position: absolute;
    color: #999;
    top: 10px;
    z-index: 2;
}

.emo-comment {
    right: 00px;
    width:auto;
}

.close-lightbox, .create-album {

    cursor: pointer;
}

.recipient-chat-user .new-message-alert {
    margin-right: 2px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 1;
    background-color: #E91E63;
    position: absolute;
    top: -2px;
    right: 0px;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Language  */
.footer-wrapper .lang_selct.open .gvalley_lang_select_menu {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    margin-bottom: 15px;
}

.gvalley_lang_select_menu:before {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 30px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 20px 0 3px 0;
    background: #fff;
    z-index: -1;
}

.gvalley_lang_select_menu li a {
    font-size: 13px;
    line-height: 29px;
    padding: 0 15px;
    transition: background-color .1s;
    margin: 0;
    border: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.gvalley_lang_select_menu li a .language_initial {
    width: 16px;
    margin-right: 10px;
    float:left;
}

.gvalley_lang_select_menu li a .language_initial img{
    max-width:16px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #eee;
}

.publisher-box .add-emoticons.show_emo {
    display: block;
}
/* no post */

.no-posts {
    margin-top: 20px;
    margin-bottom: 20px;
}

.load-more{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.wo_load_more {
    background: transparent;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 2px 10px 2px 0;
    box-shadow: none !important;
    font-family: lato;
    font-weight: 600;
    font-size: 15px;
    color: #5d5d5d;
}

.load-more button {
    text-align: center;
    width: auto;
}

.wo_load_more > span {
    background-color: #00cc33;
    color: white;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    transition: all 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* share model */
.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    margin-top:0;
    margin-bottom:0;
}

.share_modal_social_icos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}

.share_modal_social_icos > a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 6px 9px;
    text-decoration: none;
}

.share_modal_social_icos > a .social-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    margin-bottom: 5px;
}

.share_modal_social_icos > a .social-btn svg {
    margin: 0;
    width: 21px;
    height: 21px;
}

.share_modal_social_icos > a > span {
    font-size: 13px;
}

.select_radio_btn {
    font-family: "Lato", sans-serif;
    padding: 20px 0 0;
    margin-bottom: 20px;
}

.select_radio_btn h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 21px;
}



.select_radio_btn .select_radio_btn_innr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.select_radio_btn.share_modal_opts_icos .select_radio_btn_innr {
    padding: 0 50px;
}

.select_radio_btn label {
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.select_radio_btn label {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.select_radio_btn label > input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.select_radio_btn .sr_btn_lab_innr {
    width: 180px;
    margin: 0;
    border: 1px solid rgba(0,20,51,.12);
    border-radius: 6px;
    position: relative;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    display: block;
    padding: 20px 15px;
}

.select_radio_btn.small_rbtn .sr_btn_lab_innr {
    width: 160px;
    padding: 20px 10px;
}

.select_radio_btn label > input:checked ~ .sr_btn_lab_innr {
    border-color: #00cc33;
    transform: none;
    box-shadow: none;
}

.shar_modl_chose_pgrp input.form-control {
    height: auto;
    border: 2px solid #ebeef0;
    background-color: #ebeef0;
    font-size: 15px;
    padding: 7px 15px;
    border-radius: 2em;
    width: 100%;
    max-width: 350px;
    margin: auto;
    transition: all 0.15s;
}
footer{
    display:none;
}
.comment-image-con {
    width: 50%;
    position: relative;
    margin-top: 10px;
}
.comment-image-con img {
    max-width: 100%;
    width: 100%;
    border-radius: 3px;
}
.comment-image-con .remove-icon {
    position: absolute;
    top: 8px;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    right: 10px;
}
.gvalley_innr_comm .comment-image img {
    max-width: 220px;
    margin-bottom: 3px;
    border-radius: 0px 0px 8px 8px;
    margin-top: 6px;
}

/*=== Add story page ===*/
.gvalley_head_onboard {
    background-color: #00cc33;
    position: relative;
    text-align: center;
}

.gvalley_head_onboard.shortpwidth {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px;
    border-radius: 3px 3px 0 0;
    padding: 60px 15px 50px;
    margin-bottom: 50px;
}

.gvalley_head_onboard .sho_img {
    position: absolute;
    filter: grayscale(1);
    opacity: 0.5;
    user-select: none;
    pointer-events: none;
}

.gvalley_head_onboard.shortpwidth .sho_img {
    width: 90px;
    left: 25px;
    bottom: -8px;
}
.container .explorer-inner {
    position: relative;
    height: 100%;
    width: 100%;
}
.container .explorer-inner .explorer-container {
    max-width: 840px;
    margin: 0 auto;
}
.container .explorer-inner .explorer-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container .explorer-inner .explore-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container .explorer-inner .explore-list .explore-item {
    text-align: center;
    width: calc(20% - 16px);
    margin: 8px;
    padding: 20px 0;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.explorer-menu .explorer-inner .explore-list .explore-item:hover {
    border-color: #e8e8e8;
    -webkit-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
    box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
}
.gvalley_post .post.boosted .panel-white {padding-top: 30px;}
.boosted_post {color: #00cc33;display: flex;align-items: center;line-height: 1;margin: 0 0 0px;padding: 20px 192px 0;font-size: 12px;position: absolute;}
.boosted_post div {background-color: #00cc33;color: white;border-radius: 50%;width: 21px;height: 21px;display: inline-flex;align-items: center;justify-content: center;margin-right: 7px;}
.boosted_post svg {width: 16px;height: 16px;}