.charitable-campaign-field.charitable-campaign-field-progress-bar {

    .progress {
        border: 0;
        padding: 0;
        background-color: #E0E0E0;
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .progress-bar {
        background-color: $color_theme_base_secondary;
        height: 8px !important;
        border-radius: 5px;
        text-align: right;
        opacity: 1.0;
        span {
            display: inline-block;
            border-radius: 25px;
            width: 25px;
            height: 25px;
            margin-right: -15px;
            margin-top: -10px;
        }
    }

    .progress-bar-info-row {

        display: table;
        width: 100%;
        font-size: 14px;
        line-height: 21px;

        div.campaign-goal {
            font-weight: 400;
            font-size: 18px;
            line-height: 21px;
            width: 40%;
            float: right;
            text-align: right;
        }
        div.campaign-percent-raised {
            color: $color_theme_base_primary;
            font-weight: 400;
            font-size: 18px;
            line-height: 21px;
            width: 40%;
            float: left;
            text-align: left;
        }

    }

}


@media screen and (max-width: 680px) {

    .charitable-campaign-wrap {

        .charitable-campaign-container {

            .charitable-campaign-row {

                .charitable-campaign-field.charitable-campaign-progress-bar {
                    margin-top: 25px;
                    margin-bottom: 25px;

                }

            }

        }


    }

}