/********************************
    CALCULATOR
********************************/
.calculator-form-section {
    padding: 20px;
    border: 2px solid #58a4d6;
}
.calc-label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.calc-label.error {
    color: red;
}
.calc-inputs input[type='radio'] {
    margin: 0 0 0 8px;
}
.age-field .calc-inputs span {
    float: right;
}
.age-field .calc-inputs input {
    float: right;
    max-width: 100px;
    margin: 0 10px 0 0;
}
.calc-inputs span {
    font-size: 16px;
}
.calc-inputs label {
    cursor: pointer;
    display: block;
}
button.submit-calculator-form {
    font-size: 36px;
    display: inline-block;
    float: none !important;
    margin-top: 20px;
    padding: 10px 30px;
    color: #fff;
    background-color: #58a4d6;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.income-form-section {
    margin-top: 30px;
}
.calc-form-title {
    font-size: 26px !important;
    font-weight: bold !important;
    margin: 0 0 10px 0;
    padding: 0 20px;
    color: #fff !important;
    background: #58a4d6;
}
.income-form-section .calc-label {
    float: right;
    min-width: 100px;
}
.single-form-data .form-row .calc-label,
.couple-form-data .form-row .calc-label {
    margin-bottom: 0;
}
span.age-error {
    display: none;
}
span.age-error.active {
    font-size: 14px;
    font-weight: bold;
    display: block;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    color: red;
    border: 1px solid red;
}
/** CALC POPUP START **/
.page-template-tpl-calculator .mfp-content {
    max-width: 100%;
    background: none;
}
#calculator-popup {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
}
#calculator-popup .mfp-close {
    right: auto;
    left: 0;
}
.calculator-popup-inner {
    direction: rtl;
    text-align: right;
}
.calculator-popup-inner h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.calculator-popup-container {
    width: 100%;
    max-width: 1000px;
    padding-top: 16px;
}
.calculator-popup-inner-description {
    font-size: 14px;
}
.calc_popup_logo {
    text-align: center;
}
/********************************
    CALCULATOR
********************************/
.calculator-form-section {
    padding: 20px;
    border: 2px solid #58a4d6;
}
.calc-label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.calc-label.error {
    color: red;
}
.calc-inputs input[type='radio'] {
    margin: 0 0 0 8px;
}
.age-field .calc-inputs span {
    float: right;
}
.age-field .calc-inputs input {
    float: right;
    max-width: 100px;
    margin: 0 10px 0 0;
}
.calc-inputs span {
    font-size: 16px;
}
.calc-inputs label {
    cursor: pointer;
}
button.submit-calculator-form {
    font-size: 36px;
    display: inline-block;
    float: none !important;
    margin-top: 20px;
    padding: 10px 30px;
    color: #fff;
    background-color: #58a4d6;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.income-form-section {
    margin-top: 30px;
}
.calc-form-title {
    font-size: 26px !important;
    font-weight: bold !important;
    margin: 0 0 10px 0;
    padding: 0 20px;
    color: #fff !important;
    background: #58a4d6;
}
.income-form-section .calc-label {
    float: right;
    min-width: 100px;
}
.single-form-data .form-row .calc-label,
.couple-form-data .form-row .calc-label {
    margin-bottom: 0;
}
span.age-error {
    display: none;
}
span.age-error.active {
    font-size: 14px;
    font-weight: bold;
    display: block;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    color: red;
    border: 1px solid red;
}
/** CALC POPUP START **/
.page-template-tpl-calculator .mfp-content {
    max-width: 100%;
    background: none;
}
#calculator-popup {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
}
#calculator-popup .mfp-close {
    right: auto;
    left: 0;
}
.calculator-popup-inner {
    direction: rtl;
    text-align: right;
}
.calculator-popup-inner h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.calculator-popup-container {
    width: 100%;
    max-width: 1000px;
    padding-top: 16px;
}
.calculator-popup-inner-description {
    font-size: 14px;
}
.calc_popup_logo {
    text-align: center;
}
/* layout rules (second extraction pass — .form-row set was missed initially) */
.form-row {
    display: inline-block;
    clear: both;
    width: 100%;
}
.form-row.submit-row {
    text-align: center;
}
.form-row:not(.submit-row) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}
.single-form-data {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}
/* defeat theme-kit button styling (red border / off colors) */
button.submit-calculator-form {
    border: 0 !important;
    background-color: #58a4d6 !important;
    color: #fff !important;
    border-radius: 6px;
    cursor: pointer;
}
button.submit-calculator-form.submit_disabled {
    opacity: .55;
    cursor: not-allowed;
}
.form-row.submit-row {
    margin-bottom: 40px;
}