.wizard-title-hero {
    padding: 0px 0px 12px 5px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #26AE60;
}

.wizard-title-hero h1 {
    color: white;
    font-size: 36px;
    margin: 20px 0px 10px 0px;
}

.page-content {
    margin-top: 16px;
    /*margin-bottom: 104px;*/
}

.salarycalculator-instructions {
    background-color: #F2F2F2;
    margin: 0px 0px 16px 0px;
    padding: 15px 20px 15px 20px;
}

.wizard-carousel {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    min-height: calc(100vh - 254px);
}

.wizard-roll {
    position: relative;
    white-space: nowrap;
    min-height: 575px;
}

.wizard-page {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: calc(100vh - 254px);
    vertical-align: middle;
}
    .wizard-page h2 {
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
        color: #0D6940;
    }
    .wizard-page .form-container .mdl-textfield {
        width: 100%;
        display: block;
    }

.wizard-footer {
    border-top: 1px solid #C9CAC9;
    padding: 16px 0px 24px;
    width: 100%;
    position: absolute;
    top: calc(100vh - 81px);
    z-index: 3;
    background-color: #FFFFFF;
}
    .wizard-footer .btn {
        border-radius: 4px !important;
    }
        .wizard-footer .btn[disabled] {
            opacity: 1;
            background-color: #D5D5D5 !important;
        }

.researcher-header-container {
    height: 172px;
    overflow-y: hidden;
    transition: height .5s;
    -o-transition: height .5s;
    -moz-transition: height .5s;
}

.researcher-header {
    transition: transform .5s;
    -o-transition: transform .5s;
    -moz-transition: transform .5s;
}

#ProgressBarContainer {
    border-bottom: 1px solid #C9CAC9;
}
#ProgressBar {
    margin: 0 auto;
}

.form-container {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.wizard-page .form-container {
    height: calc(100% - 44px);
    display: table;
}
.form-content {
    display: table-cell;
    vertical-align: middle;
}
    .form-content .border-animation {
        height: 0px;
        background-color: transparent;
    }

.visible-hidden {
    visibility: hidden !important;
}

/*.selected-container {
	margin: 16px 0;
	min-height: 8px;
}*/
.btn {
    /*border:solid;*/
    border-radius: 20px;
    font-family: 'Roboto-Regular', "Helvetica", "Arial", sans-serif;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    /*color: #ffffff;*/
    /*cursor: pointer;*/
    /*height: 48px;*/
    /*padding: 0 24px;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
}
.btn-next,
.btn-previous,
.btn-submit
{
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    text-align: center;
    width: 104px;
    padding: 11px 0px;
}

.btn-previous {
    background-color: white;
    color: #0E693D;
    font-weight: normal;
    text-decoration: underline;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

.btn-green {
    background-color: #0E693D;
}

.btn-green:hover, .btn-green:active {
    background-color: #007647;
    color: #ffffff;
}
.btn-grey {
	background-color: #f5f5f5;
	color: #9e9e9e;
}

.btn-grey:hover {
	background-color: #eeeeee;
	color: #9e9e9e;
}

.btn-grey.btn-outline {
	border-color: #f5f5f5;
	color: #9e9e9e;
}

.btn-grey.btn-outline:hover {
	background-color: #f5f5f5;
	color: #9e9e9e;
}


.btn-blue {
	border-color: #4A90E2;
	background-color: #4A90E2;
	color: #ffffff;
}
.btn-blue:hover {
	background-color: #ffffff;
	color: #4A90E2;
}
.btn-blue.btn-outline {
	background-color: #ffffff;
	color: #4A90E2;
}

.btn-blue.btn-outline:hover {
	background-color: #4A90E2;
	color: #ffffff;
}

.lbl-grey {
    color: #9e9e9e;
}


#ProgressBar .step-container {
    padding: 0px 32px;
}

    #ProgressBar .step-container:first-of-type {
        padding-left: 0px;
    }

    #ProgressBar .step-container:last-of-type {
        padding-right: 0px;
    }
#ProgressBar .icon-container {
    padding-right: 16px;
}

.salary-report-contact-cta {
    margin-top: 20px;
    margin-bottom: 48px;
}
    .salary-report-contact-cta .card-content {
        padding: 40px 140px;
    }
    .salary-report-contact-cta h3 {
        font-size: 32px;
        font-weight: bold;
        line-height: 38px;
        margin: 0px 0px 16px;
    }
    .salary-report-contact-cta div {
        font-size: 28px;
        line-height: 33px;
        margin: 0px 0px 16px;
    }

.skill-container {
	font-size:16px;
    white-space: normal;
}
    .skill-container .btn {
	    margin:4px 8px;
    }
    .skill-container .btn-skill {
        color: #9E9E9E;
        border: 1px solid #9E9E9E;
        line-height: 20px;
        padding: 11px 12px;
    }
        .skill-container .btn-skill.selected, .skill-container .btn-skill:hover {
            color: #FFFFFF;
            background-color: #0E693D;
            border: 1px solid #0E693D;
        }
        .skill-container .btn-skill.selected {
            padding-right: 10px;
        }
            .skill-container .btn-skill.selected i.i-remove {
                display: inline-block;
                background-image: url('/Images/SalaryReport/icon-x.png');
                width: 12px;
                height: 12px;
                margin: 0px 0px 0px 12px;
            }

.skill-container .unselected-container {
    max-height: 50px;
    overflow: hidden;
    min-height: 8px;
}
    .skill-container .selected-container .btn-skill:first-of-type, .skill-container .unselected-container .btn-skill:first-of-type {
        margin-left: 0px;
    }

.skill-container .see-more-container .lnkSeeMoreSkills {
    display: inline-block;
    margin-top: 8px;
    cursor: pointer;
    text-decoration: underline;
}

    .skill-container .see-more-container .lnkSeeMoreSkills:hover {
        color: #007647;
    }

.skill-container .skill-input-container {
    padding-top: 20px;
    padding-bottom: 12px;
}

.skill-container .skill-progress {
    height: 12px;
    width: 100%;
    margin-top: 5px;
}

    .skill-container .skill-progress > .progressbar {
        background-color: #26AE60;
    }
.card {
    background-color: #FFFFFF;
    border: 1px solid #D0D4D9;
}

.card,
.card-content .dropdown-label 
{
    text-align: center;
    font-size: 28px;
    color: #424242;
}

.card-header {
    border-bottom: 1px solid #D0D4D9;
}

.card-content {
    padding: 60px 140px 32px;
}

.card-footer {
    text-align: right;
    padding: 24px;
    padding-top: 0px;
}

.pre-scrollable {
    overflow-y: hidden;
    max-height: fit-content;
}

.dropdown-panel {
    margin-bottom: 8px;
}

.input-panel {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

a.link-demo {
    font-weight: 700;
    text-decoration: underline !important;
    width: fit-content;
    margin: 0 auto;
}


.salarycalculator-wizard .dropdown-menu {
    width: 100%;
}

#salary-report-panels .material-icons {
    font-size: 14px;
}

.salary-estimate .avatar.default:before {
	direction: ltr;
	display: inline-block;
	font-family: 'Material Icons';
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.salary-estimate {
	font-family: Roboto-Light;
	font-size: 16px;
	color: #424242;
    padding: 16px 0 0 0 !important;
}
.salary-estimate .avatar {
	margin-bottom: 24px;
	text-align:center;
}

.salary-estimate .avatar.default:before {
	content: 'account_circle';
	font-size: 96px;
}

.salary-estimate .toggle-btn {
    width: 100%;
    height: 50px;
    color: #000;
    font-size: 16px;
    display: block;
    cursor: pointer;
    margin: 0;
}

.salary-estimate input[type=radio] {
    width: 0;
    margin: 0;
    visibility: hidden;
    position: absolute;
}

.salary-estimate .display {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.salary-estimate input[type=radio]:checked ~ .display {
    background-color: #26AE60;
    color: #FFF;
    font-weight: bold;
}

.salary-report-title {
    font-size: 28px;
    color: #424242;
    line-height: 1.2em;
}

.popular-skills {
    color: #424242;
}

.wizard-form {
    min-height: 420px;
}
#SalaryForm {
    min-height: 480px;
}

.salaryreport-education .card-content,
.salarycalculator-employment .card-content {
    box-sizing: content-box;
    min-height: 235px;
    padding-bottom: 73px;
}

.salaryreport-salary.wizard-page {
    min-height: 740px;
}

#salary-report-panels .d3-chart-container {
    height: 100%;
    width: 100%
}

#salary-report-panels .card {
    width: 100%;
}
#salary-report-panels .dp-card-content {
    padding-left: 20px;
    padding-right: 20px;
}
#salary-report-panels .dp-card-footer {
    padding-bottom: 20px;
}

#salary-report-panels .dp-card-footer.footer-in-card {
    border: none;
    margin-bottom: -24px;
}

#salary-report-panels .dp-card.overview .dp-card-header.mdl-tabs__tab-bar .mdl-tabs__tab.is-active {
    color: #01579b
}

#salary-report-panels .dp-card.overview .dp-card-header.mdl-tabs__tab-bar .mdl-tabs__tab.is-active:after {
    background-color: #01579b
}

#salary-report-panels .dp-card.overview .mdl-tabs__panel:not(.is-active) {
    display: none
}

#salary-report-panels .dp-card.overview .dp-card-content {
    border-bottom: 2px solid #eceff1;
    height: 300px;
    padding: 50px 100px 50px 20px
}
#salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container text.label {
	font-family: Roboto-Light;
	fill: #ffffff;
	font-size: 14px;
}

#salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container text.label.black {
	fill: black;
}

#salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container g.y.axis {
	font-family: "Roboto-Light";
	font-size: 14px;
}

.float-lt {
    float: left;
}

#salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container g.y.axis path.domain {
	stroke: transparent;
}

#salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container g.y.axis g.tick line {
	display: none;
}
#salary-report-panels .dp-card-header.mdl-tabs__tab-bar {
	padding: 0;
}

#salary-report-panels .dp-card-header.mdl-tabs__tab-bar .mdl-tabs__tab {
	font-family: Roboto-Regular;
	color: #424242;
	font-size: 16px;
	text-transform: initial;
	float:left;
}
a:hover {
	text-decoration:none;
}
	#salary-report-panels .dp-card-header.mdl-tabs__tab-bar .mdl-tabs__tab.is-active {
	border-bottom: 3px solid #26AE60;
	color: #26AE60;
}

.tt-menu {
    border: none;
}

.tt-input:focus {
    outline: none;
}

.tt-input, .tt-suggestion, .dropdown-item {
    font-family: 'Roboto-Regular', "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    color: #424242;
}

.tt-suggestion, .dropdown-item {
    font-weight: bold;
    margin: 6px 0px 12px;
    padding: 12px 18px;
    color: #006940;
    border: 1px solid #006940;
    border-radius: 4px;
}
    .tt-suggestion:hover {
        background-color: #006940;
        color: #FFFFFF;
    }

input.tt-input, input.mdl-textfield__input, .dropdown > button.ddlGeneric {
    border: none;
    border-bottom: 1px solid #979797;
    font-family: 'Roboto-Regular', "Helvetica", "Arial", sans-serif;
    padding: 4px 8px 4px 0px;
}

.dropdownpanel .dropdown-menu {
    border: none;
}

#cb-email-subscriptions {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 4px;
}

#lbl-email-subscriptions {
    display: inline-block;
    position: initial;
}


div.contact-us-suggestion a.view-all-link, div.contact-us-suggestion .view-all-link:hover, div.contact-us-suggestion .view-all-link span {
    text-decoration: underline;
    font-weight: bold !important;
    color: #006940 !important;
    font-family: inherit;
    padding: 0px;
}
    div.contact-us-suggestion:hover a.view-all-link, div.contact-us-suggestion:hover .view-all-link:hover, div.contact-us-suggestion:hover .view-all-link span {
        color: #FFFFFF !important;
    }

/*.mdl-textfield, .mdlext-selectfield {
    width: 100%;
}*/

.mdl-textfield {
    display: block;
}

label.mdl-textfield__label {
    margin-bottom: 0;
    color: #9E9E9E;
    top: 16px;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    /*padding-left: 0px;*/
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    background: none;
}

.mdl-textfield--floating-label.is-focused:not(.is-invalid) .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty:not(.is-invalid) .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder:not(.is-invalid) .mdl-textfield__label {
    font-size: 16px;
    line-height: 19px;
    color: #0E693D;
}

.mdl-textfield__input.error,
.mdl-textfield--floating-label:not(.is-invalid).error .mdl-textfield__input {
    border-bottom: 2px solid #d32f2f !important;
}

.mdl-textfield .mdl-textfield__input.error + .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused:not(.is-invalid).error .mdl-textfield__label,
.mdl-textfield--floating-label:not(.is-invalid).error .mdl-textfield__label {
    color: #d32f2f;
}

.mdl-textfield__input.error + .mdl-textfield__label:after,
.mdl-textfield--floating-label.is-focused:not(.is-invalid).error .mdl-textfield__label:after {
    background-color: #d32f2f;
}

.mdl-textfield--floating-label:not(.is-invalid):not(.is-focused).error .mdl-textfield__label {
    font-weight: normal;
}

.dp-card.education svg .bachelor {
    fill: #28BF68;
}
.dp-card.education svg .master {
    fill: #489D7B;
}

.dp-card.education svg .associate {
    fill: #007444;
}

.dp-card.education svg .lessthanhs {
    fill: #7ED321;
}

.dp-card.education svg .highschool {
    fill: #B8E986;
}

.dp-card.education svg .doctorate {
    fill: #F8E71C;
}

.dp-card.education svg text.tooltip {
    text-anchor: middle;
}

.dp-card.education svg text.tooltip tspan.education {
    font-size: 12px;
}

.dp-card.education svg text.tooltip tspan.percentage {
    font-size: 34px;
    font-weight: bolder;
}

.job-listing-container {
    margin-top: 35px;
    color: #424242;
}

.job-listing-container h2 {
    font-size: 28px;
    margin-bottom: 17px;
    line-height: 1.2em;
}

.btn-see-more {
    height: 74px;
    width: 100%;
    background-color: #26AE60;
    color: #FFF;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a.btn-see-more.link {
    color: #FFF;
    text-decoration: none;
}

.benefits-row {
    margin-bottom: 35px;
}

.dp-card.about {
    color: #4A4A4A;
}

.dp-card.about a {
    color: #4A90E2;
    text-decoration: underline;
}

#salary-report-panels .dp-card-footer {
    border: 1px solid #D0D4D9;
    background-color: #F2F5F8;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 21px;
    padding: 16px;
    font-family: "Roboto-Light", "Helvetica", "Arial", sans-serif;
    border-top: none;
}

.dp-card.education {
    margin-bottom: 0px;
}

#salary-report-panels .dp-card-header {
    padding: 16px;
    font-size: 16px;
    color: #424242;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    border-bottom: none;
}

#salary-report-panels .dp-card, 
#salary-report-panels .dp-card-header {
    box-shadow: none;
}

#salary-report-panels .dp-card {
    padding-top: 16px;
    padding-bottom: 24px;
}

.mdl-radio__ripple-container, .mdl-radio__inner-circle, .mdl-radio__outer-circle {
    border-radius: 50% !important;
}

.mdl-checkbox.is-disabled {
    color: rgba(0,0,0, 0.26);
}

.search-tips li {
    font-family: 'Roboto', Arial;
}

.salaryreport-search-container .mdl-list__item label {
    font-weight: normal;
}

.salaryreport-search-container {
    text-align: left;
}

.salarycalculator-job .card-content,
.salarycalculator-location .card-content {
    padding: 40px 90px;
}

.salarycalculator-job .card-header,
.salarycalculator-location .card-header {
    height: auto;
    padding: 25px 40px;
    font-family: 'Roboto', Arial;
    font-size: 28px;
}


.salaryreport-search-container .search-hook {
    font-family: 'Roboto-Bold', Arial;
    padding-top: 15px;
}

.salaryreport-search-container h5 {
    margin: 10px 0px;
    font-size: 14px;
}

.salaryreport-search-container input {
    border-radius: 0px;
}

#salary-report-panels .dp-card.education .dp-card-content, 
#salary-report-panels .dp-card.education {
    padding-left: 0px;
    padding-right: 0px;
}

#salary-report-panels .dp-card-content #salaryreport-chart-education {
    height: 250px;
}


.cta-card.cta-a {
    background-image: url('../../Content/Images/rectangle-cta.jpg');
    background-size: cover;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto-Light';
    padding: 28px 40px;
}

    .cta-card.cta-a .title {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 1.42857143;
    }

.cta-card.cta-b {
    background-color: #006940;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto-Light';
    padding: 28px 40px;
}

    .cta-card.cta-b .title {
        font-size: 24px;
        font-family: 'Roboto-Bold', Arial;
        font-weight: bold;
        margin-bottom: 19px;
        line-height: 1.42857143;
    }

.cta-btn-container {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.cta-card a.btn {
    width: 160px;
    height: 40px;
    background-color: #F5A623;
    color: #FFF;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#role-selection {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 24px;
}
    #role-selection .col-md-4 {
        padding-left: 8px;
        padding-right: 8px;
    }

.selectable-icons {
    border: 2px solid #EFEFEF;
    background-color: #EFEFEF;
    border-radius: 4px;
    padding: 16px 40px;
    cursor: pointer;
    display: table;
    white-space: normal;
}
    .selectable-icons div {
        display: table-cell;
        vertical-align: middle;
    }
    .selectable-icons img {
        margin-right: 24px;
    }
    .selectable-icons h4 {
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
        margin: 0px 0px 2px;
    }

.calculator-description {
    font-size: 16px;
    white-space: normal;
    max-width: 850px;
    margin: 0 auto 48px;
}



span.warning {
    color: #e80c4d;
    font-size: 14px;
}

.selectable-icons.warning {
    background-color: #e80c4d;
    border-color: #e80c4d;
}

.selectable-icons:hover {
    background-color: #B1E0C9;
    border-color: #B1E0C9;
}

.selectable-icons.selected {
    background-color: #B1E0C9;
    border-color: #B1E0C9;
}

.salaryreport-researcher h1 {
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
    color: #006940;
    margin: 32px auto 16px;
}

.salaryreport-researcher .page-subheading {
    font-size: 20px;
    line-height: 26px;
    white-space: normal;
    max-width: 730px;
    margin: 0 auto;
    padding-bottom: 12px;
}

.selectable-icons p {
    margin: 0;
    position: absolute;
    font-size: 13px;
    top: 50%;
    line-height: 18px;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: normal;
    width: 70%;
}

.selectable-icons p i {
    font-size: 50px;
    padding-bottom: 5px;
}


.tip-container {
    padding-top: 16px;
}

    .tip-container i {
        vertical-align: bottom;
    }

    .tip-container span {
        white-space: pre-wrap;
    }

.salarycalculator-email h1 {
    font-size: 28px;
    white-space: normal;
    padding: 36px 0px;
}

.max-limit-msg {
    margin-top: 16px;
    color: #F0001D;
    font-size: 18px;
    font-weight: 700;
}

#salary-report-hr-cta {
    display: table;
    white-space: normal;
    color: white;

}
    #salary-report-hr-cta .cta-content {
        display: table-cell;
        vertical-align: top;
    }
    #salary-report-hr-cta h4 {
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        text-transform: uppercase;
        margin: 24px 0px 4px;
    }
    #salary-report-hr-cta h4 {
        margin-top: 0px;
    }

.full-width-sa-cta-container {
    margin-bottom: 24px;
}

#salary-report-hr-cta {
    padding: 27px 36px 21px 72px;
    background: transparent linear-gradient(105deg, #193B17 0%, #3D7E42 82%, #35613A 100%) 0% 0% no-repeat padding-box;
    margin-bottom: 24px;
    transform: translateY(-269px);
    transition: transform .5s;
    -o-transition: transform .5s;
    -moz-transition: transform .5s;
}
    #salary-report-hr-cta a.white, #salary-report-hr-cta a.white:hover, #salary-report-hr-cta a.white:active {
        font-weight: bold;
        color: #FFFFFF;
    }
    #salary-report-hr-cta .link-section-container {
        display: table;
    }
    #salary-report-hr-cta .link-container {
        display: table-cell;
    }
        #salary-report-hr-cta .link-container:last-of-type {
            text-align: right;
        }

#salary-report-hr-cta-container {
    height: 0px;
    overflow-y: hidden;
    transition: height .5s;
    -o-transition: height .5s;
    -moz-transition: height .5s;
}

#hr-cta-image {
    margin-right: 36px;
}
i.i-hr-cta-arrow {
    display: inline-block;
    width: 11px;
    height: 16px;
    background-image: url('/Images/SalaryReport/icon-hr-cta-arrow.png');
    margin-left: 8px;
}

.salary-potential.dp-card {
    margin-bottom: 35px;
    padding-top: 16px;
    padding-bottom: 16px;
}

    .salary-potential.dp-card .dp-card-content {
        padding: 0px 24px 8px 24px;
        display: flex;
        justify-content: center;
    }


.salary-potential.dp-card .dp-card-content .stats {
    width: 45%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.salary-potential.dp-card .dp-card-content .stats h5 {
    font-family: 'Roboto-regular', sans-serif;
    font-size: 16px;
    margin-bottom: 16px;
}

.salary-potential.dp-card .dp-card-content .stats .projected-salary {
    color: #35aa47;
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 35px;
}

.salary-potential.dp-card .dp-card-content .stats .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #35AA47;
    border-radius: 4px;
    margin-right: 4px;
}

    .salary-potential.dp-card .dp-card-content .stats .arrow.down {
        border-top: 16px solid red;
        border-bottom: none;
    }

.salary-potential.dp-card .dp-card-content .stats .percent-change {
    font-size: 22px;
    display: flex;
    align-items: center;
}

.salary-potential.dp-card .dp-card-content .chart-container {
    width: 55%;
    height: 290px;
}

#salary-report-panels .d3-chart-container#sd-chart-salaryPotentia {
    height: 290px;
}

.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis path {
    stroke: #9e9e9e;
}

.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis,
.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis text,
.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis path,
.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis-label {
    fill: #9e9e9e;
    font-size: 11px;
}

    .salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .axis line {
        stroke: transparent;
    }

.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .line {
    stroke: #35AA47;
    stroke-width: 2.5px;
    fill: none;
}

.salary-potential.dp-card .dp-card-content .chart-container .d3-chart-container svg .value-label {
    fill: #35AA47;
    font-weight: bold;
    font-size: 11px;
}

#salary-report-panels .job-prevalence-header {
    margin-top: 35px;
}

#salary-report-panels .dp-card.job-prevalence {
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

    #salary-report-panels .dp-card.job-prevalence p {
        margin-bottom: 8px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        line-height: 17px;

    }

    #salary-report-panels .dp-card.job-prevalence p.info-label {
        font-family: "Roboto-Bold", "Helvetica", "Arial", sans-serif;
        margin-bottom: 4px;
    }

/*Average Salary Chart*/
.line-chart-area {
    fill: url(#LineChartGradient);
    opacity: 0.5;
}

.lineChart-stop-left {
    stop-color: #35AA47;
}

.lineChart-stop-right {
    stop-color: white;
}

#salary-report-panels #salary-chart.d3-chart-container {
    padding-top: 11px;
    height: 290px;
}

.salaries-by-experience-header {
    margin-top: 35px;
}

#salary-report-panels .dp-card.salaries-by-experience {
    padding-bottom: 14px;
}

.salaries-by-experience .dp-card-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .salaries-by-experience .dp-card-content .chart-legend {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 200px;
    }

    .salaries-by-experience .dp-card-content .chart-legend .chart-legend-items {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }


    .salaries-by-experience .dp-card-content .chart-area {
        flex: 2;
    }

    .salaries-by-experience .dp-card-content p {
        font-size: 16px;
        margin-bottom: 8px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        line-height: 17px;
    }

        .salaries-by-experience .dp-card-content p.info-label {
            font-family: "Roboto-Bold", "Helvetica", "Arial", sans-serif;
            margin-bottom: 8px;
        }

.radio-item input[type="radio"] {
    width: auto;
    margin: 0;
    width: 16px;
    height: 16px;
}

.radio-item label {
    margin: 0;
    font-size: 16px;
    padding-left: 8px;
}

    .radio-item label:hover,
    .radio-item input[type="radio"]:hover {
        cursor: pointer;
    }


@media only screen and (min-width: 1200px) {
    .wizard-carousel {
        width: 1060px;
        margin: 0 auto;
    }
}

@media (max-width: 1199px) {
    .selectable-icons {
        height: 138px;
    }
}

@media (max-width: 991px) {
    .salarycalculator-wizard .page-content {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #role-selection .col-md-4 {
        padding: 0px 0px 16px;
    }

    .selectable-icons {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .researcher-header-container {
        height: 152px;
    }
    .salaryreport-researcher h1 {
        font-size: 40px;
        line-height: 45px;
        margin: 18px auto 12px;
    }
    .card-content {
        padding: 40px 90px;
    }
    #salary-report-hr-cta .cta-content {
        display: block;
    }
}


@media (min-width: 600px) {
    #role-warning {
        margin-top: 12px;
    }

    .link-demo-container {
        margin: 32px;
    }

    .calculator-description {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 599px) {
    .salaries-by-experience .dp-card-content {
        display: block;
    }

        .salaries-by-experience .dp-card-content .chart-legend {
            margin-bottom: 10px;
            height: auto;
        }

    .wizard-roll .card-content {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .salaryreport-researcher h4 {
        line-height: inherit;
    }

    #role-warning {
        margin-top: 0px;
    }

    #role-selection {
        padding-bottom: 0px;
        margin: 0px;
    }

        #role-selection .col-md-4 {
            padding: 0px 36px 16px;
        }

    .link-demo-container {
        margin: 8px 0px 24px;
    }

    .calculator-description {
        padding-left: 26px;
        padding-right: 26px;
    }

    .tip-container {
        padding-top: 10px;
    }

    .salary-potential.dp-card .dp-card-content {
        display: block;
        margin-bottom: 24px;
        padding-top: 32px;
    }

        .salary-potential.dp-card .dp-card-content .stats {
            width: 100%;
        }

        .salary-potential.dp-card .dp-card-content .chart-container {
            width: 100%;
        }

    .no-data-available {
        text-align: center;
    }

    .card-content, .salary-report-contact-cta .card-content {
        padding: 40px 40px;
    }
        .salary-report-contact-cta .card-content h3 {
            font-size: 28px;
            line-height: 33px;
            margin-bottom: 8px;
        }
        .salary-report-contact-cta .card-content div {
            font-size: 24px;
            line-height: 28px;
        }

    .tt-is-last .tt-menu {
        overflow: auto;
        max-height: 260px;
    }

    .salaryreport-education .card-content {
        min-height: 0px;
    }
}
@media (max-width: 479px) {
    .non-mobile {
        display: none;
    }

    .page-content.container {
        padding: 0px;
    }

    #salary-report-panels .dp-card-content #salaryreport-chart-education {
        height: 450px;
    }

    #salary-report-panels .dp-card.overview .dp-card-content .d3-chart-container g.y.axis {
        font-size: 12px;
    }

    #ProgressBar .step-container {
        padding: 0px 24px;
    }

    #ProgressBar .label {
        display: none;
    }

    #ProgressBar .icon-container {
        padding-right: 0px;
    }

    .researcher-header-container {
        height: 122px;
    }

    .salaryreport-researcher h1 {
        font-size: 26px;
        line-height: 30px;
        margin: 4px auto 8px;
    }

    .salaryreport-researcher .page-subheading {
        font-size: 16px;
        line-height: 20px;
        margin: 0 48px;
        padding-bottom: 0px;
    }

    .form-container {
        padding-left: 36px;
        padding-right: 36px;
    }

    /*.input-typeahead-container {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        padding: 72px 36px 0px;
    }*/

    #salary-report-hr-cta {
        text-align: left;
        padding: 36px 36px 0px;
    }

        #salary-report-hr-cta a.btn-orange {
            margin-bottom: 0px;
            width: 100%;
        }

        #salary-report-hr-cta .link-section-container {
            display: block;
        }

        #salary-report-hr-cta .link-container, #salary-report-hr-cta .link-container:last-of-type {
            display: block;
            text-align: center;
            padding-bottom: 24px;
        }

    #hr-cta-image-mobile-container {
        text-align: center;
        padding-bottom: 36px;
    }

    #PreviousButtonContainer {
        text-align: center;
    }

    .wizard-page .form-container:not(.hidden-researcher-fields) {
        height: calc(100vh - 305px);
    }

    .wizard-form {
        min-height: auto;
    }
}
@media only screen and (max-width: 411px) {
    .btn-next,
    .btn-previous,
    .btn-submit {
        height: 50px;
        width: 50%;
    }

    .card-footer {
        padding: 0px;
        padding-top: 17px;
    }
}