/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700 &display=swap'); */
body{
    font-family: Montserrat !important;
    font-weight: 600 !important;
}

.banner {
    background-size: cover !important;
    width: 100%;
}

.banner-content {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 60px 40px
}

.banner-content-description {
    margin-bottom: 20px
}

.banner-content-label label {
    font-weight: 400;
    margin-bottom: 10px
}

.header-border-bottom {
    background-color: #ccc;
    width: 75px;
    height: 2px;
    border-radius: 3px
}

.progress-title-lg {
    margin-top: 15px;
    width: 156px;
    color: #333;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.progress-section-lg {
    position: relative
}

.new-progress-lg {
    height: 3px;
    width: 130px;
    margin: 0;
    top: 13px;
    left: 93px;
    position: absolute
}

.hero-well {
    background-color: #fff
}

.welcome-section {
    margin-bottom: 100px
}

.img-container {
    position: relative
}

.img-secondary {
    position: absolute;
    top: 50%;
    left: 45%;
    max-width: 300px;
    height: auto
}

.img-secondary img {
    height: 100%;
    width: 100%
}

.banner-content-input-label {
    font-weight: 400;
    margin-bottom: 10px
}

.bg-color-theme-secondary {
    background-color: #fff !important
}

@media(min-width:992px) {
    .column-divider {
        border-right: 1px solid #999
    }

    .header-border-bottom-left {
        margin-left: 0
    }

    .banner-content-input {
        width: 65%;
        margin: auto
    }
}

@media(max-width:992px) {
    .col-sm-margin-top {
        margin-top: 100px
    }

    .progress-section-lg {
        display: block
    }

    .progress-title-lg {
        margin: auto
    }

    .col-sm-padded-sides {
        padding-left: 40px;
        padding-right: 40px
    }

    .col-sm-padded-right {
        padding-right: 40px
    }

    .col-sm-text-center {
        text-align: center
    }
}


.banner {
    position: relative;
    margin-bottom: 30px;
    background: #ebfaff;
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
}
.margin-bottom-sm {
    margin-bottom: 15px !important;
}

.h1,
h1 {
    font-size: 28px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat !important;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}


.input-group {
    width: 100%;
}

.input-group {
    position: relative;
    /* display: table; */
    /* border-collapse: separate; */
}
.input-group-addon {
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #065c97;
    text-align: center;
    background-color: transparent;
    border: 1px solid #065c97;
    border-radius: 3px;
}


.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.ctrl {
    display: block;
    margin-bottom: 1.5em !important;
    /* color: #333; */
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
}

.input-group-addon:first-child {
    border-right: 0;
}


.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #065c97;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group-btn > .btn {
    position: relative;
}

.btn-default {
    color: #3272a9;
    background-color: #fff;
    border-color: #3272a9;
}

a,
a:visited {
    color: #007dc5;
    text-decoration: none;
}

.margin-top {
    margin-top: 30px;
}

/*  My css begins */

.bg-blue {
    background-color: #065C97;
    color: #fff;
}

.bg-blue:hover {
    background-color: #2a6d99;
    color: #fff;
}

.text-purple {
    color: #22266F
}

.form-control {
    border: 1px solid #065C97 !important;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
    background-color: inherit !important;
}

.small,
small {
    font-size: 85%;
}
.field-validation-valid {
    display: inline;
}


.progress-div {
    margin: 0 15px 10px auto;
    padding-bottom: 5px
}

.progress-circle-lg {
    font-size: 18px;
    border: solid 2px #d3d3d3;
    width: 30px;
    max-width: 30px;
    height: 30px;
    color: #d3d3d3;
    display: inline-block;
    line-height: 27px
}

.new-progress-lg {
    height: 6px;
    width: 150px;
    margin: 12px -6px 6px -5px;
    background-color: #d3d3d3
}

.progress-section-lg {
    margin-bottom: 30px
}

.progress-title-lg {
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    width: 100px;
    overflow-wrap: break-word;
    font-size: 14px;
    color: #d3d3d3;
    margin-top: 3px
}

.progress-final-lg {
    width: 45px;
    font-size: 14px;
    color: #d3d3d3;
    margin-top: 3px
}

.progress-title-active-lg {
    color: #065C97
}

.progress-circle {
    font-size: 22px;
    border: solid 2px #c9c9c9;
    width: 52px;
    max-width: 52px;
    height: 52px;
    max-height: 52px;
    color: #fff;
    background-color: #c9c9c9;
    display: inline-block;
    line-height: 43px;
    padding-top: 2px
}

.new-progress {
    height: 5px;
    width: 122px;
    margin: 0 -4px 2px -5px;
    background-color: #c9c9c9
}

.progress-title {
    transform: translateX(-32%)
}

.progress-final {
    position: absolute;
    margin-left: -22px;
    min-width: 60px
}

.progress-final,
.progress-title {
    margin: 10px auto auto;
    color: #999;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    max-width: 200px;
    overflow-wrap: break-word
}

.progress-title-active {
    color: #333
}

.new-progress,
.new-progress-lg {
    display: inline-block;
    border-radius: 0;
    box-shadow: none
}

.progress-circle,
.progress-circle-lg {
    border-radius: 50%;
    z-index: 100
}

.progress-bar,
.progress-bar-lg {
    box-shadow: none;
    z-index: 1;
    background-color: #065C97
}

.progress-section,
.progress-section-lg {
    display: inline-block;
    vertical-align: top
}

.progress-circle {
    font-weight: 700
}

.progress-circle,
.progress-circle-lg,
.progress-div,
.progress-final,
.progress-final-lg,
.progress-title,
.progress-title-lg {
    text-align: center
}

.progress-bar,
.progress-bar-lg,
.progress-circle,
.progress-circle-lg,
.progress-title,
.progress-title-lg {
    position: relative
}

.progress-circle-active,
.progress-circle-active-lg {
    border-color: #065C97;
    background-color: #065C97;
    color: #fff
}

.progress-circle-gray {
    border: solid 2px #ddd;
    z-index: 50
}

.scale-chart .progress {
    position: absolute;
    top: 11px;
    left: 5px;
    height: 3px;
    width: 100%
}

.progress-circle-gray,
.scale-chart .progress {
    background-color: #ddd
}

.scale-chart-point-container {
    position: absolute;
    top: -5%;
    z-index: 100;
    padding: 0 15px
}

.scale-chart-point {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid;
    border-color: #ffc70b;
    color: #f8f8f8;
    z-index: 100
}

.scale-chart-point .fa {
    line-height: 30px
}

@media(min-width:1px) and(max-width:767px) {

    .progress-div,
    .progress-div.margin-right-sm {
        margin: 0 auto
    }

    .progress-div .pull-right {
        float: none !important
    }

    .progress-section {
        margin-right: -2px
    }

    .new-progress {
        width: 38px;
        margin: 0 -4px 2px
    }

    .scale-chart-point-container {
        padding: 0
    }

    .progress-title {
        transform: translateX(-30%)
    }

    .progress-final {
        margin-left: -15px;
        min-width: 60px
    }

    .progress-final,
    .progress-title {
        max-width: 60px;
        font-size: 10px
    }
}

.font-sm {
    font-size: 12px
}

.font-md {
    font-size: 14px
}

.font-lg,
.font-lg .btn-lg {
    font-size: 18px
}

.font-header {
    font-size: 24px;
    font-weight: 700
}

.page-header .media-icon {
    font-size: 30px
}

.page-header .media-body {
    width: auto
}

.font-header-lg {
    font-size: 32px
}

.font-header-icon-xl {
    font-size: 108px
}

.font-header-icon-lg {
    font-size: 75px
}

.font-xl {
    font-size: 20px
}

.font-icon-size {
    font-size: 32px
}

.fa-rotate-45 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hero-well {
    background-color: #f5f8fd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 75px
}

@media(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .hero-well {
        height: 100%
    }
}

.lightbox {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 30px
}

.lightbox-content {
    padding: 30px
}

.icon-list i {
    margin: 0 8px
}

.padding-left {
    padding-left: 30px
}

.padding-left-sm {
    padding-left: 15px
}

.padding-right {
    padding-right: 30px
}

.padding-right-sm {
    padding-right: 15px
}

.padding-top-sm {
    padding-top: 15px
}

.padding-top-smallish {
    padding-top: 18px
}

.padding-top {
    padding-top: 30px
}

.padding-bottom {
    padding-bottom: 30px
}

.padding-bottom-sm {
    padding-bottom: 15px
}

.padding-3x {
    padding: 60px
}

.padding-sm {
    padding: 15px;
}

.padding-md {
    padding: 30px;
}

.margin-top {
    margin-top: 30px
}

.margin-top-sm {
    margin-top: 15px
}

.margin-top-lg {
    margin-top: 60px
}

.margin-bottom {
    margin-bottom: 30px
}

.margin-bottom-sm {
    margin-bottom: 15px
}

.margin-bottom-lg {
    margin-bottom: 60px
}

.margin-bottom-xl {
    margin-bottom: 100px
}

.navbar-default .navbar-toggle {
    border-color: #000
}

.margin-right-sm {
    margin-right: 15px
}

.margin-left-sm {
    margin-left: 15px
}

.margin-sides-sm {
    margin-right: 15px;
    margin-left: 15px
}

.margin-sm {
    margin: 15px
}

.margin-xs {
    margin: 10px
}

.padding-xs {
    padding: 5px
}

.is-loading:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../Content/img/loading.gif') center center no-repeat;
    content: " "
}

.bottom-border {
    border-bottom: 2px solid #d3d3d3
}

.margin-top-50 {
    margin-top: 50px
}


.inline-block {
    display: inline-block
}

.disclosure-digital {
    height: 655px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 30px
}

.targeted-disclosure-digital {
    height: 655px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 2px;
    margin-top: -30px
}

.advisory-fee-margin-top-25 {
    margin-top: 25px !important
}

.advisory-fee-margin-top-17 {
    margin-top: -17px !important
}

.advisory-fee-margin-top-35 {
    margin-top: -35px
}

body,
body>form,
html {
    height: 100%
}


.alert-fixed {
    position: relative;
    margin-bottom: 0;
    z-index: 100
}
.goal-choice {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    height: 299px;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    min-height: 299px;
    max-height: 299px
}

.goals-container.container-fluid {
    padding: 0
}

.goal-choice-button:focus,
.goal-choice:hover {
    box-shadow: 0 0 13px 0 #468cc8
}

.goal-choice:hover {
    border-color: #468cc8
}

.goal-choice-button {
    background-color: transparent;
    border: none;
    height: 297px;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 3px
}

.goal-choice-retirement {
    border-bottom: 7px solid #ffc70b
}

.goal-choice-saving {
    border-bottom: 7px solid #71b0d8
}

.goal-header-text {
    padding-bottom: 10px
}

.goal-header-icon {
    padding-top: 10px;
    height: 108px
}

.goal-description {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    line-height: 20px
}

.goal-content:after {
    display: block;
    clear: both;
    content: " "
}

.goal-link {
    height: 45px;
    padding-top: 15px;
    font-size: 16px;
    color: #468cc8
}

.goal-estimated-text {
    color: #333;
    font-weight: 700
}

.goal-choice .row {
    margin: 0
}

@media(min-width:1px) and(max-width:767px) {

    .goal-body,
    .goal-header-icon {
        padding: 7px
    }

    .font-header-icon-xl {
        font-size: 60px;
        padding-top: 45px
    }

    .font-header-icon-lg {
        font-size: 52px;
        padding-top: 55px
    }

    .goal-header-icon {
        height: 100%
    }

    .goal-header-text.font-responsive {
        text-align: left;
        font-size: 20px
    }

    .goal-header-text {
        margin-top: 10px;
        padding-bottom: 5px
    }

    .goal-description {
        text-align: left;
        padding: 0
    }

    .goal-link.font-responsive {
        text-align: left;
        font-size: 14px
    }

    .goal-link {
        padding-top: 5px;
        height: auto
    }

    .goals .margin-top-lg {
        margin-top: 20px
    }

    .bottom-border.margin-bottom {
        margin-bottom: 15px
    }

    .bottom-border.padding-top-sm {
        padding-top: 10px
    }

    .goal-instructions.font-responsive {
        font-size: 12px;
        line-height: 18px
    }

    .goals .container-fluid {
        padding-left: 7px;
        padding-right: 7px
    }

    .goals .container-fluid .row {
        margin: 0 -7px
    }

    .goal-choice {
        height: 184px;
        width: 100%;
        min-width: 290px;
        max-width: 100%;
        min-height: 184px;
        max-height: 184px;
        border-radius: 3px
    }

    .goal-choice-button {
        margin: 0;
        height: 182px;
        width: 100%
    }

    .goal-description.font-responsive {
        font-size: 12px
    }
}

.panel-default {
    padding: 20px 50px;
    opacity: 0.9;
}
.form-section {
    height: 100%;
    padding-right: 0;
    position: relative;
    overflow: hidden
}
.activity .button-row .btn-primary {
    border-bottom-right-radius: 3px
}
.activity .button-row .btn-default {
    border-bottom-left-radius: 3px
}
.activity label {
    font-weight: 400;
    margin-bottom: 15px
}
.activity-inputs {
    width: 100%;
    padding: 10px 100px 300px;
    margin-bottom: -270px;
}
.activity-inputs .page-header {
    margin: 0 0 30px;
}
.form-section.is-loading:after {
    background-clip: content-box;
    z-index: 1000
}
@media(min-width:1px) and(max-width:767px) {
    .activity-inputs {
        padding: 15px;
        height: auto;
        margin-bottom: 0
    }
    .form-section {
        padding-right: 0;
        overflow: auto
    }
    .activity-btn-calculate {
        font-size: 18px
    }
}
@media(min-width:768px) {
    .form-section.is-loading:after {
        display: none
    }
}
.results-display {
    padding: 5px 30px 30px 15px
}
.chart-container {
    width: 160px;
    height: 160px;
    margin-left: -5%;
}
@media(max-width:768px) {
    .chart-container {
        width: inherit!important;
        padding-left: 5%;
    }
}


.results-table {
    margin: 0 auto 35px;
    width: 85%;
    max-width: 540px
}
.results-table td {
    padding: 10px 5px
}
.table-icon {
    margin-right: 10px
}
.table-row-underline {
    border-bottom: 1px solid #ebf3f6
}

.panel-suggestion-danger {
    border-left-color: #a94442
}
.panel-suggestion-success {
    border-left-color: #90c467
}
.panel-suggestion .panel-suggestion-header {
    font-size: 14px;
    font-weight: 700
}
.panel-suggestion .panel-suggestion-message {
    padding: 15px
}
.panel-suggestion .panel-suggestion-list {
    width: 85%;
    margin: 0 auto
}
.panel-suggestion .panel-suggestion-list li {
    padding-bottom: 10px
}
.panel-suggestion .panel-suggestion-list li:last-child {
    padding-bottom: 0
}
.panel-suggestion.panel {
    margin: 0;
    padding: 15px 20px;
    border-left-width: 7px;
    border-left-style: solid
}
.icon-lightgray {
    color: #d3d3d3
}
.results-market-type {
    width: 100%;
    margin-bottom: 15px
}
button.btn.btn-market {
    border: none;
    background: 0 0;
    padding: 0 50px 10px;
    color: #4d91ca
}
button.btn.btn-market.btn-market-active:focus,
button.btn.btn-market:active,
button.btn.btn-market:focus {
    box-shadow: none;
    background-color: none;
    /* padding: 0 19px 10px; */
    /* outline: 1px solid #4d91ca; */
    outline: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


button.btn.btn-market:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 75%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #ebf3f6; /* This creates the border. Replace black with whatever color you want. */
}

button.btn.btn-market.btn-market-active:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 75%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #4d91ca; /* This creates the border. Replace black with whatever color you want. */
}

.results-section {
    position: relative
}
.results-display.is-loading:after {
    background-color: RGBA(255, 255, 255, 0.75);
    padding-right: 15px;
    background-clip: content-box
}
.problem-bar.warning {
    z-index: 1500;
    background-color: #fffdf3;
    margin-bottom: 0
}
.problem-bar.warning:after {
    background-color: #fcdb2f
}
.problem-bar.warning .problem-bar-header {
    color: #333
}
.a-modal {
    cursor: pointer;
    text-decoration: underline
}
.learnMoreModal ul {
    list-style: disc;
    margin: 0 20px
}
.learnMoreModal li {
    margin: 10px 0
}
.learnMoreModal p {
    margin: 10px 0
}
.learnMoreModal h2 {
    margin-bottom: 20px
}
@media(min-width:1px) and(max-width:767px) {
    .results-display {
        padding: 0
    }
    .results-market-type {
        margin-top: 15px
    }
    .results-edit-button {
        margin: 10px auto 20px;
        font-size: 18px
    }
    .results-solvers {
        margin: 0 20px
    }
    .activity .panel-suggestion .panel-suggestion-list {
        padding-left: 0
    }
    .activity .panel-suggestion .panel-suggestion-list li {
        margin-bottom: 5px
    }
    .results-table {
        margin-bottom: 0;
        width: auto
    }
    .btn-market {
        padding: 0 10px 10px
    }
    .modal p {
        line-height: 2em
    }
}

hr {
    margin: 20px auto 30px
}
.legal-page-content ul {
    list-style-type: disc;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px
}
.editor-field,
.editor-label {
    margin: auto;
    text-align: right;
}
.field-validation-valid {
    display: inline
}
.hero-well {
    padding-bottom: 0;
    margin-bottom: 0
}
.panel,
form .lightbox {
    margin-bottom: 0
}
.navbar-theme .leadcapture-header {
    height: 90px
}
.navbar-theme .leadcapture-header > .navbar-brand {
    width: 200px;
    height: 90px;
    padding-top: 10px
}
.navbar-theme .leadcapture-header > .navbar-brand img {
    max-width: 200px;
    max-height: 70px;
    height: auto
}
@media(max-width:767px) {
    .navbar-theme .leadcapture-header {
        height: 60px
    }
    .navbar-theme .leadcapture-header > .navbar-brand {
        width: 200px;
        height: 60px;
        padding-top: 0
    }
    .navbar-theme .leadcapture-header > .navbar-brand img {
        max-width: 200px;
        max-height: 40px;
        height: 40px;
        width: auto
    }
}


.font-weight-600{
    font-weight: 600;
}

.activity-btn-calculate{
    display: table;
    margin: auto;
    padding: 10px 50px;
}

.activity-btn-calculate:active{
    padding: 10px 50px !important;
}

.flex {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.fs-18{
    font-size: 18px;
}
.btn-panel {
    padding: 5px 18px;
    font-size: 18px;
    line-height: 1.428571429;
    border-radius: 10px;
    border: 2px solid
}
.btn-plain {
    color: #000;
    background-color: #fff;
    border-color: #468cc8
}
.btn-plain.focus,
.btn-plain:focus {
    color: #000;
    background-color: #e6e6e6;
    border-color: #aeaeae
}
.btn-plain:hover {
    color: #000;
    background-color: #e6e6e6;
    border-color: #cfcfcf
}
.btn-plain.active,
.btn-plain:active,
.open > .dropdown-toggle.btn-plain {
    color: #000;
    background-color: #e6e6e6;
    border-color: #cfcfcf
}
.btn-plain.active.focus,
.btn-plain.active:focus,
.btn-plain.active:hover,
.btn-plain:active.focus,
.btn-plain:active:focus,
.btn-plain:active:hover,
.open>.dropdown-toggle.btn-plain.focus,
.open>.dropdown-toggle.btn-plain:focus,
.open>.dropdown-toggle.btn-plain:hover {
    color: #000;
    background-color: #d4d4d4;
    border-color: #aeaeae
}
.btn-plain.active,
.btn-plain:active,
.open > .dropdown-toggle.btn-plain {
    background-image: none
}
.btn-plain.disabled.focus,
.btn-plain.disabled:focus,
.btn-plain.disabled:hover,
.btn-plain[disabled].focus,
.btn-plain[disabled]:focus,
.btn-plain[disabled]:hover,
fieldset[disabled] .btn-plain.focus,
fieldset[disabled] .btn-plain:focus,
fieldset[disabled] .btn-plain:hover {
    background-color: #fff;
    border-color: #eee
}
.btn-plain .badge {
    color: #fff;
    background-color: #000
}
.btn-plain:active,
.btn-plain:hover {
    color: #468cc8;
    border-color: #468cc8;
    background-color: #fff
}
.btn-plain:active {
    padding-bottom: 5px !important;
    padding-top: 5px !important
}
.col-spaced {
    margin-top: 15px;
    margin-bottom: 10px
}
.text-radiant-blue {
    color: #a5a2a2
}
.conculasion{
    width: 200px;
    height: 200px;
}

@media(max-width:767px) {
    .activity-inputs {
        padding: 10px 20px 300px;
    }

    .panel-body {
        padding: 0;
    }
    .panel-default {
        padding: 0;
    }
    .banner{
        padding: 10px;
    }
    .editor-field, .editor-label {
        text-align: center;
    }

    .progress-circle {
        font-size: 14px;
        width: 26px;
        max-width: 26px;
        height: 26px;
        max-height: 26px;
        line-height: 18px;
    }
}

@media (min-width: 1px) and (max-width:767px) {
    .progress-div,.progress-div.margin-right-sm {
        margin:0 auto;
        margin-top: 20px;
    }

    .progress-div .pull-right {
        float: none!important
    }

    .progress-section {
        margin-right: -2px
    }

    .new-progress {
        width: 38px;
        margin: 0 -4px 2px -4px
    }

    .scale-chart-point-container {
        padding: 0
    }

    .progress-title {
        transform: translateX(-30%)
    }

    .progress-final {
        margin-left: -15px;
        min-width: 60px
    }

    .progress-final,.progress-title {
        max-width: 60px;
        font-size: 10px
    }

    .btn-group-vertical>.btn, .btn-group>.btn {
        float: inherit !important;
    }

    .row {
        margin: 0;
    }
}

.goals .h4{
    cursor: pointer;
}

.ctrl-input-error{
    text-align: left;
    position: initial !important;
}
.ctrl-input-error:before{
    display: none;
}

.image-as-icon{
    max-width: 25px;
}

.pick-image{
    max-width: 60%;
    max-height: 100%;
}

.modal-title{
    font-family: 'Montserrat' !important;
}

.content-wrapper{
    z-index: inherit !important;
}

.results-table tr td{
    border: none;
}