.space-top {
    margin-top: 30px
}

.space-bottom {
    margin-bottom: 30px
}

.space-left {
    margin-left: 30px
}

.space-right {
    margin-right: 30px
}

.rx-icons::before {
    font-family: 'FontAwesome';
    padding: 8px 0px;
    border-radius: 100px;
    Xbackground: #333 !important;
    font-size: 22px;
    color: #fff;
    line-height: 36px;
    /** margin-left: 8px; ** Remove comment if icon + text must not have wrap */
}

.love-icon::before {
    content: '\f004';
    color: #00d6b2;
}

.like-icon::before {
    content: '\f164';
    color: #0b91d2;
}

.comment-icon::before {
    content: '\f075';
    color: #9e9e9e;
}

.reply-icon::before {
    content: '\f064';
}

.gift-icon::before {
    content: '\f06b';
    color: #9900CC;
}

.download-icon::before {
    content: '\f019';
    color: #9e9e9e;
}

.view-icon::before {
    content: '\f06e';
}

.views-layer {
    background: #c9c9c9;
    padding: 2px;
    position: absolute;
    margin: 60px 23px;
    bottom: 0;
    font-size: 10px;
    border-radius: 5px 0px 5px 5px;
    right: 50px;
}
.views-layer-mobile {
    right: -22px;
}

.post-media-layer {
    background: #333;
    max-height: 540px;
    /**max-width: 320px;*/
    height: 540px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    box-shadow: 0px 0px 20px 6px #f1e7f794;/**10px 10px 20px #eee;*/
    border: .2px solid #f2dcff;
}

.user-reactions {
    /**max-width: 320px;*/
    font-size: 10px;
    display: flex;
    flex-wrap: nowrap;
    padding: 5px;
    margin: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    text-align: center; /** comment out if icons+text must not have wrap */
}

#sidenav {
    height: 100%;
    position: fixed;
    padding-left: 0;
}

#sidenav .sidenav-child {
    height: 100%;
    margin-left: 0;
    border-right: .1px solid #e9e9e9;
    overflow: scroll;
}

.btn-compress{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}