/*
 *  -------------------------------------------------
 *  Hybrid MLM  Copyright (c) 2018 All Rights Reserved
 *  -------------------------------------------------
 *
 *  @author Acemero Technologies Pvt Ltd
 *  @link https://www.acemero.com
 *  @see https://www.hybridmlm.io
 *  @version 1.00
 *  @api Laravel 5.4
 */

table#autoresponders button.btn {
    width: 50px;
}

.page-content {
    background: #ffffff;
    overflow: auto;
}

.row.NewsWrapper {
    /*margin: auto;
    padding: 15px;*!
    overflow: hidden;
    background: white;
    box-shadow: 4px 6px 0px rgba(60, 60, 60, 0.1);*/
}

.newsBoxList {
    border: solid 1px #eee;
    margin: 10px 0px;
}

.newsList button.btn {
    display: inline-block !important;
    margin: auto !important;
    text-align: center;
}

.newsList .NewsTableWrapper .table td p {
    margin: 0px;
}

.fieldWizard.newsManagerForm .fieldHolder {
    display: block;
    margin-bottom: 15px;
}

.fieldWizard.newsManagerForm .fieldHolder .inputHolder {
    margin-left: 0;
}

.NewsTableWrapper {
    margin-top: 20px;
}

.NewsWrapper .portlet-body.table-responsive {
    overflow: auto;
    max-height: 525px;
    height: auto;
}

.NewsWrapper .portlet-body.table-responsive {
    padding-top: 0px !important;
}

.newsWrapper .activityBody h3 {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}
.newsWrapper .activityBody p {
    margin: 0;
    font-size: 14px;
    line-height: 25px;
}

.newsWrapper .eachActivity .activityHeader {
    justify-content: center;
    text-align: center;
}
.newsForm ul.nav.nav-pills>li+li {
    margin-left: 0px;
}
.userSideNews .newsWrapper {
    width: 100%;
    float: left;
    border: solid 1px #dfdfdf;
    background-color: #fff;
    padding: 10px;
    border-left: solid 3px #c5c0c0;
    margin: 10px 0px;
    min-height: 150px;
    position: relative;
}

.userSideNews .newsWrapper .newsHead {
    border-bottom: solid 2px #d3cece;
    padding-bottom: 6px;
    min-height: 45px;
    width: 100%;
    float: left;
}
.userSideNews .newsWrapper .newsUserProfile {
    width: 35px;
    float: left;
    width: 8%;
}
.userSideNews .newsWrapper .newsUserProfile img {
    width: 35px;
}
.userSideNews .newsWrapper .newsHead .newsTitle {
    float: left;
    width: 90%;
}
.userSideNews .newsWrapper  .newsTitle h3 {
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
}
.userSideNews .newsWrapper .newsBody {
    width: 100%;
    float: left;
    padding: 10px 0px;
    /*border-bottom: solid 1px #0000000d;*/
}
.userSideNews .newsWrapper .newsBody .newsContent {
   /* width: 80%;*/
    float: left;
    font-size: 14px !important;
    font-weight: 500;
    color: #313030;
    word-break: break-all;
}
.userSideNews .newsWrapper .newsImg {
    width: 20%;
    float: left;
}

.userSideNews .newsWrapper .newsImg img {
    width: 100%;
}

.userSideNews {
    background-color: transparent !important;
}
.userSideNews .newsWrapper .newsFooter {
    width: 95%;
    height: 9px;
    float: left;
    padding: 2px 0px;
    /*position: absolute;
    left: 10px;*/
    position: relative;
    left: 0px;
    right: 10px;
    bottom: 10px;
    border-top: solid 1px #0000000d;
}

.userSideNews .newsWrapper .newsFooter span.timestamp {
    float: left;
    display: inline-block;
    font-weight: 600;
    color: #a0a0a0;
    text-align: left;
    font-size: 13px;
}

.userSideNews .newsWrapper .newsFooter span.timeAgo {
    float: right;
    display: inline-block;
    font-weight: 600;
    color: #a6a6a6;
    text-align: left;
    font-size: 13px;
}
.userSideNews .portlet-title {
    background-color: transparent;
    border-bottom: 1px solid #acadae61 !important;
    position: relative;
    padding: 10px 0px 10px !important;
}

.userSideNews .portlet-title:before {
    width: 100px;
    content: "";
    position: absolute;
    background-color: #61ce70;
    height: 5px;
    left: 0;
    bottom: -2px;
}
.userSideNews .portlet-title .caption i {
    color: #777 !important;
    font-size: 38px !important;
}
.noNewsFound {
    padding: 25px 15px;
    font-size: 13px;
    color: #969393;
    background-color: #fff;
    width: 97%;
    margin-left: 15px;
}
@media (max-width: 767px) {
    .userSideNews .newsWrapper .newsBody {
        width: 100%;
        float: left;
        padding: 10px 0px;
        margin-bottom: 25px;
    }
    .userSideNews .newsWrapper .newsBody .newsContent {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        font-size: 14px !important;
        font-weight: 500;
        color: #313030;
    }
    .userSideNews .newsWrapper .newsImg {
        width: 100%;
        float: left;
    }
}

/*newsForm*/
.Tab-Wrapper .row {
    margin: 0px;
}

.Tab-Wrapper ul.nav.nav-pills li.active a {
    background-color: #c8c9ca;
    border: solid 1px #ddd;
}

.Tab-Wrapper ul.nav.nav-pills li a {
    border: solid 1px #ddd;
}

.Tab-Wrapper .tab-content input {
    height: 32px;
    border: solid 1px #ddd;
    padding: 0px 10px;
    width: 100%;
}

.Tab-Wrapper .tab-content textarea {
    border: solid 1px #ddd;
    padding: 2px 10px;
    width: 100%;
}

.newsForm .fieldHolder.flex label {
    font-weight: 400;
    min-width: auto !important;
}

.newsForm .row.fieldHolder.flex .help-block.help-block-error {
    display: block;
    position: absolute;
    bottom: 0px;
    top: 26px;
}