From 218a42e46e2df209d9f5d4619111a4650cf57f66 Mon Sep 17 00:00:00 2001 From: ariannedee Date: Fri, 30 Oct 2020 15:36:55 -0700 Subject: [PATCH] DIV-1089: Adjust colours, clean up intro page and success page. --- edivorce/apps/core/static/css/main.css | 2 +- edivorce/apps/core/static/css/main.scss | 155 +++++++++++------- edivorce/apps/core/templates/success.html | 32 ++-- .../apps/core/utils/question_step_mapping.py | 2 + 4 files changed, 116 insertions(+), 75 deletions(-) diff --git a/edivorce/apps/core/static/css/main.css b/edivorce/apps/core/static/css/main.css index ec14bcc6..d997aed6 100644 --- a/edivorce/apps/core/static/css/main.css +++ b/edivorce/apps/core/static/css/main.css @@ -1,3 +1,3 @@ -@font-face{font-family:'Myriad-Pro';src:url("../fonts/MyriadWebPro.ttf");font-weight:normal;font-style:normal}@font-face{font-family:'Myriad-Pro-Bold';src:url("../fonts/MyriadPro-Bold.otf");font-weight:bold;font-style:normal}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#313132;background:#036;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:768px}@media (min-width: 1920px){body{font-size:18px;line-height:1.5}}h1,h2,h3,h4{margin-top:0;margin-bottom:10px}h1 i.fa,h2 i.fa,h3 i.fa,h4 i.fa{font-size:24px;margin-right:6px}h1{font-weight:600;line-height:54px;color:#036;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#036;display:block;letter-spacing:0.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#313132;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#036;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#036;text-transform:uppercase}a{color:#365ebe;text-decoration:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}a:focus,a:hover{color:#2b4a96;text-decoration:underline;outline:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.intro{font-size:18px;line-height:28px}img{max-width:100%;height:auto}input.border-less-heading[type='text']{border:none;color:#036}input.border-less-heading[type='text']:focus{box-shadow:none;outline:none}input[type=number]{-moz-appearance:textfield}input.number-spinner[type=number]{-moz-appearance:spinner;text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.number-spinner[type=number]::-webkit-inner-spin-button,input.number-spinner[type=number]::-webkit-outer-spin-button{-moz-appearance:spinner}.table>tbody>tr>td,.list-builder>tbody>tr>td,.table>tbody>tr>th,.list-builder>tbody>tr>th,.table>tfoot>tr>td,.list-builder>tfoot>tr>td,.table>tfoot>tr>th,.list-builder>tfoot>tr>th,.table>thead>tr>td,.list-builder>thead>tr>td,.table>thead>tr>th,.list-builder>thead>tr>th{padding:12px 16px;vertical-align:top}.fact-sheet-question{width:50%}.fact-sheet-answer{width:25%}.fact-sheet-answer[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-answer input,.fact-sheet-answer textarea{height:25px;width:100%;display:table-cell;border:none;resize:none;padding:2px 2px}.fact-sheet-answer input:focus,.fact-sheet-answer textarea:focus{box-shadow:none;outline:none}.fact-sheet-answer input[readonly],.fact-sheet-answer textarea[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-answer input{text-align:left}.fact-sheet-control{border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;font-size:16px}.fact-sheet-control[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-control a{color:#494949}.fact-sheet-control a i{color:#494949}.fact-sheet-control a:hover{text-decoration:none}.fact-sheet-control:hover{background:#d4dce5}.fact-sheet-button a{padding-right:6px;color:#494949}.fact-sheet-button a i{color:#494949}.fact-sheet-button a i:hover{color:#385dbc}.fact-sheet-input[readonly]{background:#f2f2f2}.table-cell-active{border:1px solid #66afe9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.table>tbody>tr>td.list-builder-button,.list-builder>tbody>tr>td.list-builder-button{border:none}.table>thead>tr.list-builder-header>th:last-child,.list-builder>thead>tr.list-builder-header>th:last-child,.table>tbody>tr>td:last-child not:first-child,.list-builder>tbody>tr>td:last-child not:first-child{width:1px;white-space:nowrap}#claimant_children>thead>tr>th:nth-last-child(-n+2),#claimant_children>tbody>tr>td:nth-last-child(-n+2){width:1px;white-space:nowrap}.list-builder{border-collapse:initial;width:100%;table-layout:fixed;margin-bottom:48px}.list-builder-compact{margin-bottom:25px}.list-builder-hide-column{display:none;border:none}.child-item-row{height:50px}.child-item-row:hover td:not(:nth-last-child(-n+2)){background:#d4dce5}.child-support-amount[readonly]{background:#f2f2f2}div.dollar-prefix{position:relative}div.dollar-prefix:before{content:'$ ';top:0;height:100%;padding-left:5px;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center}div.dollar-prefix input{text-align:right}div.percent-suffix{border:none;width:100%}div.percent-suffix input{border:none;padding:0px;outline:none;width:85%;text-align:right;display:inline}div.percent-suffix label{width:10%;display:inline;font-weight:normal}.money{text-align:right}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#f2f2f2}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:8px;margin-bottom:20px;background-color:#fcf8e3}.bg-danger:after{content:"\f071";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#f0ad4e;top:30px;left:27px}.bg-danger.add-top-margin{margin-top:20px}.bg-danger.hard-stop{background-color:#faebe9}.bg-danger.hard-stop:after{content:"\f05e";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#d9534f;top:30px;left:27px}.bg-danger h2{line-height:initial;margin-bottom:10px}.bg-danger p+h2{margin-top:20px}.bg-danger #unselected_spouse_alert{margin-bottom:20px}.checkmark{background:#2e8540;position:relative;padding:22px 20px 20px 90px;color:#ffffff;border-radius:8px;font-size:32px}.checkmark:before{content:"\f00c";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:24px;font-size:42px;color:#ffffff;height:60px}@media (max-width: 991px){.container{width:100%;min-width:750px}}.tooltip.in{opacity:1}.tooltip-inner{text-align:left;background-color:#365ebe;padding:20px;font-size:16px;line-height:24px;max-width:300px;border-radius:10px;font-family:Myriad-Pro,Calibri,Arial,Sans Serif}.tooltip-innerb{font-size:18px}.tooltip-inner a{color:#ffffff;text-decoration:underline}.tooltip-inner a:focus,.tooltip-inner a:hover{color:#d5d5d5}.tooltip-arrow{pointer-events:none;border-color:rgba(255,255,255,0);border-width:12px !important}.tooltip.top .tooltip-arrow{border-top-color:#365ebe;margin-bottom:-16px}.tooltip.right{margin-left:10px}.tooltip.right .tooltip-arrow{border-right-color:#365ebe;margin-left:-12px;margin-top:-14px}.tooltip.bottom .tooltip-arrow{border-bottom-color:#365ebe;margin-top:-12px}.tooltip.left{margin-left:-10px}.tooltip.left .tooltip-arrow{border-left-color:#365ebe;margin-right:-12px;margin-top:-14px}.tooltip-link,.tooltip-no-link{color:#365ebe;border-bottom:dotted 1px #365ebe;cursor:pointer}.tooltip-link:hover,.tooltip-no-link:hover{color:#036;border-bottom-color:#365ebe}.tooltip-no-link{border-bottom:none}.collapse-trigger{margin-bottom:12px}.collapse-trigger>div{color:#365ebe;border-bottom:solid 1px #365ebe;display:inline;cursor:pointer}.collapse-trigger>div .tooltip-link,.collapse-trigger>div .tooltip-no-link{border:0}.collapse-trigger>div .tooltip-link:hover,.collapse-trigger>div .tooltip-no-link:hover{color:inherit}.collapse-trigger>div:after{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;padding-left:10px;content:"\f077";-webkit-transform-origin:65% 50%;transform-origin:65% 50%;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.collapse-trigger>div:focus,.collapse-trigger>div:hover{color:#2b4a96;border-bottom:solid 1px #2b4a96;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.collapse-trigger.collapsed div:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform-origin:65% 50%;transform-origin:65% 50%}.collapse>div,.collapsing>div{margin-bottom:25px}select.form-control{font-size:16px;height:42px}.form-group input.form-control,.input-group input.form-control:first-child{margin-top:12px;border-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:inherit;width:inherit;float:inherit;font-size:inherit;padding:12px 15px;line-height:1em;display:inline}.form-group input.form-control.input-wide,.input-group input.form-control.input-wide:first-child{width:70%}.alias-header{width:100%}@media (min-width: 992px){.form-group.name-group{display:flex !important;flex-direction:row;justify-content:space-between;margin-top:20px;margin-bottom:8px}}.form-group.name-group>div{width:80%}@media (min-width: 992px){.form-group.name-group>div{width:24%}}.form-group.name-group>div input{width:99%}.form-group.name-group p{margin-bottom:3px}@media (min-width: 992px){div#other_names_fields .form-inline .form-group{flex:inherit}}div#other_names_fields .form-inline label{width:calc(100% - 90px);text-align:left}.btn{line-height:initial;padding:12px 15px}.btn-primary{background:#365ebe}.btn-primary:hover{background-color:#1f376f}i.fa{color:#365ebe}i.fa.circle{border-radius:50%;padding:10px;border:solid 1px #365ebe}i.fa.fa-question-circle{margin-left:5px}.form-buttons{margin:30px 0}.form-buttons .btn{font-size:18px;border:none;border-radius:10px;padding:12px 15px;background-color:#365ebe;color:#ffffff;margin-bottom:12px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn:hover{background-color:#1f376f;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn i.fa{color:#ffffff}.form-buttons .btn.btn-success{background-color:#57b26a;margin-left:12px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn.btn-success:hover{background-color:#337040;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn[disabled]{pointer-events:none;cursor:default}.review-warning{background-color:#F7D4D5;border-radius:8px;position:relative;padding:30px 30px 30px 75px;margin-bottom:20px}.review-warning ul{padding-left:15px}.review-warning:after{content:"\f06a";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#AC2025;top:30px;left:27px}.review-warning .warning,.review-warning .progress-status i{color:#AC2025;font-weight:bolder;margin:0 3px}.error{border:2px solid #D8292F !important;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all}.error .warning,.error .help-block{color:#D8292F;font-size:16px;font-weight:bolder}.error-text{color:#D8292F}.table-error{border:2px solid #D8292F !important;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all;margin:-12px -16px;padding:12px 16px}.table-error .warning{color:#D8292F;font-size:14px;font-weight:bolder;display:inline-block;width:100%;text-align:center}.btn-radio{color:#036;background-color:#d7dff2;font-size:16px;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;padding:20px 0;width:60px;height:60px;border-radius:30px;border:3px solid #d7dff2;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio.active,.btn-radio:active,.btn-radio:focus,.btn-radio:hover,.open .dropdown-toggle.btn-radio{color:#FFFFFF;background-color:#365ebe;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio.active,.btn-radio:active,.open .dropdown-toggle.btn-radio{background-image:none}.btn-radio.disabled,.btn-radio.disabled.active,.btn-radio.disabled:active,.btn-radio.disabled:focus,.btn-radio.disabled:hover,.btn-radio[disabled],.btn-radio.active[disabled],.btn-radio[disabled]:active,.btn-radio[disabled]:focus,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio,fieldset[disabled] .btn-radio.active,fieldset[disabled] .btn-radio:active,fieldset[disabled] .btn-radio:focus,fieldset[disabled] .btn-radio:hover{background-color:#365ebe;border-color:#365ebe;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio+.btn-radio{margin-left:15px}.btn-radio-group{margin-bottom:20px}.btn-radio-group .btn.active.focus,.btn-radio-group .btn.active:focus,.btn-radio-group .btn.focus,.btn-radio-group .btn.focus:active,.btn-radio-group .btn:active:focus,.btn-radio-group .btn:focus{outline:none}.btn-radio-group .btn-radio-long{width:auto;white-space:normal;text-transform:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1em;max-width:500px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:left;padding:0 20px}input{border-radius:4px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}input:focus{outline:0;box-shadow:inset 0 1px 1px rgba(49,49,50,0.075),0 0 4px rgba(157,157,157,0.5)}input+i.fa{margin-left:10px}input.form-block{display:block;margin-bottom:16px}input.input-wide{width:70%}input.input-narrow{max-width:100px}input.input-inline{padding:5px 20px;border-radius:5px;margin-left:5px}input.radio-centered{margin-top:15px}.checkbox label,.radio label{margin-bottom:8px;font-weight:700}.checkbox label.tight-spacing,.radio label.tight-spacing{margin-bottom:2px}.radio p,.checkbox p{margin-bottom:8px;margin-left:21px}.radio .radio-with-textbox{display:flex;align-items:baseline;margin-bottom:16px}.radio .radio-with-textbox input.form-block{margin-bottom:0;margin-right:8px}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:24px;resize:none}#top_banner{background-color:#036;border-bottom:2px solid #fcba19;padding:5px 20px 10px}#top_banner .top_banner-logo img{width:148px;height:auto;float:left}#top_banner p{color:#ffffff;font-size:16px;line-height:1em;margin-top:20px;margin-left:35px;float:left}#top_banner p .beta{border:solid 1px #ffffff;padding:4px 8px 3px;margin-left:10px;font-size:12px;text-transform:uppercase}#top_banner p .beta.environment-type{background-color:#B200FF}#top_banner .top_banner-user{color:#fff;font-size:14px;float:right;margin-top:16px}#top_banner .top_banner-user input[type=submit]{color:#ffffff;background-color:transparent;display:inline;padding:0;line-height:1.5;border:none}#top_banner .top_banner-user input[type=submit]:active,#top_banner .top_banner-user input[type=submit]:hover{color:#fcfcfc;text-decoration:underline}#mid_banner{background-color:#38598A;font-size:14px;font-weight:600}#mid_banner .mid_banner-dash{float:left;margin-left:-20px}#mid_banner .mid_banner-dash a,#mid_banner .mid_banner-link a,#mid_banner .more_information-link a{padding:10px 16px;float:right;margin-left:6px}#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-dash a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .more_information-link a.active,#mid_banner .more_information-link a:hover{color:#fff;background-color:#fcba19;text-decoration:none}#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .more_information-link a.active i,#mid_banner .more_information-link a:hover i{color:#fff}#mid_banner .mid_banner-dash a{margin-left:24px}#mid_banner i{color:#ffffff;padding:0 10px 0 0}#mid_banner a{color:#ffffff;text-decoration:none}#form_navigation{display:-webkit-box;display:-ms-flexbox;display:flex}#form_navigation form{margin-right:10px}.success-buttons{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.success-buttons .flex-row{width:45%;border-radius:8px;background-color:#d7dff2;border:1px solid #365ebe;display:flex;flex-direction:column;justify-content:space-between;padding:24px 30px}#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}#other_names_fields .form-inline .form-group,#reconciliation_period_fields .form-inline .form-group{display:block;width:100%;margin-bottom:5px}@media (min-width: 992px){#other_names_fields .form-inline .form-group,#reconciliation_period_fields .form-inline .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1}}#other_names_fields .form-inline .form-control,#reconciliation_period_fields .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;height:34px;margin-top:0;padding:8px 15px}#other_names_fields .form-inline label,#reconciliation_period_fields .form-inline label{min-width:45px;margin-right:10px;text-align:right}#other_names_fields .form-inline:before,#reconciliation_period_fields .form-inline:before{display:table;content:" "}#other_names_fields .form-inline select.response-dropdown,#reconciliation_period_fields .form-inline select.response-dropdown{margin-right:5px;-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}@media (min-width: 1px) and (max-width: 1199px){#other_names_fields .form-inline select.response-dropdown,#reconciliation_period_fields .form-inline select.response-dropdown{margin-bottom:5px;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}#other_names_fields .form-inline input.response-textbox,#reconciliation_period_fields .form-inline input.response-textbox{margin-right:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:99%}#other_names_fields .form-inline input.btn,#reconciliation_period_fields .form-inline input.btn{padding:8px 15px}@media (min-width: 992px){#other_names_fields .form-inline input.btn,#reconciliation_period_fields .form-inline input.btn{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px}}.footer{background-color:#036;border-top:3px solid #fcba19;padding:15px}.footer .footer-container ul{list-style-type:none}.footer .footer-container ul li{float:left;padding:2px 10px;position:relative}.footer .footer-container ul li a{display:block;text-align:center;color:#ffffff;font-size:13px;font-weight:600}.footer .footer-container ul li+li{border-left:1px solid #4b5e73}.question-well{min-height:20px;padding:25px;margin-top:25px;border:1px solid #d5d5d5;border-radius:10px;background:#ffffff}.question-well.hasFocus{border:1px solid #365ebe;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all}.question-well h3{margin-top:0}.question-well p{max-width:90%;margin-bottom:20px}.question-well .fact-sheet-table-inline-question{margin-bottom:48px}.question-well .required,.question-well .optional{font-size:14px;font-family:Myriad-Pro-Bold,Calibri,Arial,Sans Serif;font-weight:bold;text-transform:uppercase;padding:4px 6px;margin-left:16px;white-space:nowrap}.question-well .required.inline,.question-well .optional.inline{border:none;padding:0}.question-well .required{color:#D8292F;border:#D8292F 2px solid}.question-well .optional{color:#036;border:#036 1px solid}.question-well-border-less{min-height:20px;padding:25px 25px 0 0;margin-top:25px;background:#ffffff}.question-well-border-less h3{margin-top:20px}.question-well-border-less p{max-width:90%}.review-well{border-radius:10px;min-height:20px;margin-bottom:10px;border:1px solid #d5d5d5;background:#ffffff}.review-well .review-well{margin:0 40px 5px}.review-well .collapse-trigger{padding:20px 15px}.review-well .collapse,.review-well .collapsing{border-top:1px solid #d5d5d5;padding:24px 47px}.review-well .collapse>div,.review-well .collapsing>div{margin-bottom:0}.review-well .review-buttons{float:left;padding:0 15px 20px;margin:0 0 0 32px}@media (min-width: 991px){.review-well .review-buttons{float:right;padding:10px 15px;margin:0}}.review-well .review-buttons .fa{color:white;margin-right:6px}.review-well .review-explanation{margin:-18px 0 12px 44px}.review-well .collapse-trigger{margin-bottom:0;display:inline-block;width:100%}@media (min-width: 991px){.review-well .collapse-trigger{width:initial}}.review-well .collapse-trigger>div{border-bottom:none;font-size:18px;font-weight:600;padding-left:8px;position:relative}.review-well .collapse-trigger>div:before{font-family:FontAwesome;font-weight:normal;font-style:normal;position:absolute;text-decoration:inherit;left:0;content:"\f077";-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.review-well .collapse-trigger>div span{display:inline-block;margin-left:24px}.review-well .collapse-trigger>div:after{display:none}.review-well .collapse-trigger.empty{display:block;border-top:1px solid #d5d5d5}.review-well .collapse-trigger.empty div:before{display:none}.review-well .collapse-trigger.collapsed div:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform-origin:50%;transform-origin:50%}.review-well .collapse.empty{display:inline-block;border-top:none}.review-well-no-icon{padding-left:47px}.review-well-child{display:inline-block;width:100%}.review-well-child .review-buttons{margin:0;padding-left:8px}@media (min-width: 991px){.review-well-child .review-buttons{margin:initial;padding-left:initial}}.review-well-child .collapse-trigger{padding-left:0}.review-well-child .collapse-trigger>div{color:#313132;font-weight:normal}.review-child-heading{background-color:#D4DCE5}.review-table-spacer::before{content:'';display:block;height:25px}.print-form-action{display:inline-block;float:right}.print-form-action a{text-decoration:none}.print-form-action:after{display:none}.step-review .collapse-trigger{font-size:24px;display:inline-block}.step-review .collapse-trigger.collapsed{margin-bottom:0;-webkit-transition:0.5s ease-out all;transition:0.5s ease-out all}.step-review table{margin-bottom:0}.step-review table thead tr{background-color:#036;color:#fff}.step-review table .value-column{width:30%;min-width:192px}.step-review .collapse>div,.step-review .collapsing>div{margin-bottom:0}.step-review .review-buttons{float:right}.signing-filing .question-well{margin-top:15px;margin-bottom:30px;padding-bottom:0}.signing-filing .question-well h3{font-size:24px}.signing-filing .form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}.signing-filing .form-inline label{margin:0 15px 0 5px;text-align:right}.signing-filing .form-inline:before{display:table;content:" "}.signing-filing .form-inline input{margin-right:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:99%;min-width:200px}.dashboard-content p{margin-bottom:15px}.dashboard-content ul{margin-bottom:30px}.dashboard-content .no-margin-bottom{margin-bottom:0 !important}.dashboard-content .add-bottom-margin{margin-bottom:30px}.dashboard-content .add-top-margin{margin-top:30px}.dashboard-content .no-padding-left{padding-left:0}.dashboard-content .no-bullets li{list-style:none}.dashboard-content .upload-area{padding:32px 20px 32px 20px;margin-bottom:50px;background-color:#f2f2f2;border:1px solid #9D9D9D;border-radius:8px}.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:hidden;background:#fdfdfd;position:relative}.row-flex .col{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.row-flex .col.shroud:before{content:"";position:absolute;width:100%;display:block;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 90%)}.row-flex .content-column{max-width:1280px;padding:36px 6% 50px;position:relative}.row-flex .progress-column{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px;background-color:#efefef;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.row-flex .dashnav-column{-webkit-box-flex:0;-ms-flex:0 0 290px;flex:0 0 289px;background-color:#036;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.row-flex .more_information-column{background-color:#efefef;box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1);padding:20px 45px;font-size:14px;line-height:21px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto}@media (min-width: 1920px){.row-flex .more_information-column{font-size:16px;line-height:1.5}}.row-flex .more_information-column .more_information-close{float:right;font-size:24px;margin-top:3px}.row-flex .more_information-column .more_information-close i.fa{color:#036}.row-flex .more_information-column h2{color:#036;padding-right:25px}.row-flex .more_information-column h3{font-size:21px;line-height:28px}@media (min-width: 992px){.row-flex .more_information-column{padding:45px 20px;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;-webkit-box-flex:0;-ms-flex:0 0 306px;flex:0 0 306px}}.row-flex.intro-page{background:#38598A url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:54px auto 100px;max-width:840px;padding:0 20px;text-align:center;color:#ffffff;position:relative}.row-flex.intro-page .content-column h1{color:#036;max-width:600px;margin:70px auto;font-size:48px}.row-flex.intro-page .content-column h2,.row-flex.intro-page .content-column h3{color:#ffffff}.row-flex.intro-page .content-column h2{font-size:30px;font-weight:600;margin:42px 0 0}.row-flex.intro-page .content-column h2.shaded-box{padding-top:28px;border-top-left-radius:8px;border-top-right-radius:8px}.row-flex.intro-page .content-column .intro{font-size:24px;line-height:36px;margin:0 100px}.row-flex.intro-page .content-column a{color:#ffffff;text-decoration:none}.row-flex.intro-page .content-column a:focus,.row-flex.intro-page .content-column a:hover{text-decoration:underline}.row-flex.intro-page .content-column a.btn:focus,.row-flex.intro-page .content-column a.btn:hover{text-decoration:none}.row-flex.intro-page .content-column .btn-group-lg>.btn,.row-flex.intro-page .content-column .btn-lg{padding:12px 40px;margin:10px}.row-flex.intro-page .content-column .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px}.row-flex.intro-page .content-column .flex-wrapper .flex-column{width:45%}.row-flex.intro-page .content-column .flex-wrapper.shaded-box{padding-top:22px;padding-bottom:50px;margin-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.row-flex.intro-page .content-column .flex-wrapper.shaded-box .flex-column.left{padding-left:30px}.row-flex.intro-page .content-column .flex-wrapper.shaded-box .flex-column.right{padding-right:30px}.row-flex.intro-page .content-column .flex-wrapper span.number-circle{border:solid 2px white;padding:0;border-radius:40px;width:40px;height:40px;display:inline-block;text-align:center;margin-right:10px;font-size:21px}.intro-footer{text-align:center;padding-bottom:92px;background:#ffffff}.intro-footer .column{max-width:640px;margin:0 auto}.intro-footer h3{color:#036;font-size:24px;line-height:36px;padding-top:60px;padding-bottom:35px;margin:0}.intro-footer .btn{width:260px;height:48px;font-weight:bold;line-height:24px;border-radius:8px}.dashnav-column h4,.overview-progress h4,.progress-column h4{color:#036;padding:0 18px;margin-top:36px;font-size:14px;letter-spacing:0.1em}.dashnav-column .progress-question,.overview-progress .progress-question,.progress-column .progress-question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;margin-bottom:12px;padding:0 24px;font-weight:bold}.dashnav-column .progress-question .progress-icon,.overview-progress .progress-question .progress-icon,.progress-column .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 50px}.dashnav-column .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i,.progress-column .progress-question .progress-icon i{font-size:20px;border:solid 1px #036;padding:8px;border-radius:36px}.dashnav-column .progress-question .progress-icon i.fa:before,.overview-progress .progress-question .progress-icon i.fa:before,.progress-column .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content,.progress-column .progress-question .progress-content{width:190px;font-size:14px;line-height:1.3}@media (min-width: 1920px){.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content,.progress-column .progress-question .progress-content{font-size:16px;width:190px}}.dashnav-column .progress-question .progress-content small,.overview-progress .progress-question .progress-content small,.progress-column .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:bolder;letter-spacing:0.1em}.dashnav-column .progress-question i,.dashnav-column .progress-question span,.overview-progress .progress-question i,.overview-progress .progress-question span,.progress-column .progress-question i,.progress-column .progress-question span{color:#036;border-color:#036}.dashnav-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.overview-progress .progress-question.complete i,.overview-progress .progress-question.complete span,.progress-column .progress-question.complete i,.progress-column .progress-question.complete span{color:#2e8540;border-color:#2e8540}.dashnav-column .progress-question:focus,.dashnav-column .progress-question:hover,.overview-progress .progress-question:focus,.overview-progress .progress-question:hover,.progress-column .progress-question:focus,.progress-column .progress-question:hover{background-color:#e6ca85;text-decoration:none}.dashnav-column .progress-question.active,.overview-progress .progress-question.active,.progress-column .progress-question.active{background-color:#fcba19;text-decoration:none}.dashnav-column .progress-status,.overview-progress .progress-status,.progress-column .progress-status{width:28px;text-align:right}.dashnav-column .progress-status i,.overview-progress .progress-status i,.progress-column .progress-status i{float:right}.dashnav-column .progress-status i.incomplete,.dashnav-column .progress-status i.skipped,.overview-progress .progress-status i.incomplete,.overview-progress .progress-status i.skipped,.progress-column .progress-status i.incomplete,.progress-column .progress-status i.skipped{color:#AC2025}.dashnav-column .progress-status i.complete,.overview-progress .progress-status i.complete,.progress-column .progress-status i.complete{color:#2e8540}.dashnav-column .progress-sub-menu,.overview-progress .progress-sub-menu,.progress-column .progress-sub-menu{list-style-type:none}.dashnav-column .progress-sub-menu li,.overview-progress .progress-sub-menu li,.progress-column .progress-sub-menu li{display:inline-block;padding:5px 24px 5px 22px;border-left:2px solid #fcba19;width:100%}.dashnav-column .progress-sub-menu .progress-sub-question,.overview-progress .progress-sub-menu .progress-sub-question,.progress-column .progress-sub-menu .progress-sub-question{width:190px;font-size:14px;line-height:1.3;color:#036}@media (min-width: 1920px){.dashnav-column .progress-sub-menu .progress-sub-question,.overview-progress .progress-sub-menu .progress-sub-question,.progress-column .progress-sub-menu .progress-sub-question{font-size:16px;width:190px}}.dashnav-column .progress-sub-menu .progress-sub-question .progress-content,.overview-progress .progress-sub-menu .progress-sub-question .progress-content,.progress-column .progress-sub-menu .progress-sub-question .progress-content{width:190px;font-size:14px;font-weight:bold;line-height:1.3}@media (min-width: 1920px){.dashnav-column .progress-sub-menu .progress-sub-question .progress-content,.overview-progress .progress-sub-menu .progress-sub-question .progress-content,.progress-column .progress-sub-menu .progress-sub-question .progress-content{font-size:16px;width:190px}}.dashnav-column .progress-sub-menu .progress-sub-question:focus,.dashnav-column .progress-sub-menu .progress-sub-question:hover,.overview-progress .progress-sub-menu .progress-sub-question:focus,.overview-progress .progress-sub-menu .progress-sub-question:hover,.progress-column .progress-sub-menu .progress-sub-question:focus,.progress-column .progress-sub-menu .progress-sub-question:hover{color:#fcba19;text-decoration:none;font-weight:700}.dashnav-column .progress-sub-menu .progress-sub-question.active:focus,.dashnav-column .progress-sub-menu .progress-sub-question.active:hover,.overview-progress .progress-sub-menu .progress-sub-question.active:focus,.overview-progress .progress-sub-menu .progress-sub-question.active:hover,.progress-column .progress-sub-menu .progress-sub-question.active:focus,.progress-column .progress-sub-menu .progress-sub-question.active:hover{border-bottom:1px solid #fcba19}.dashnav-column .progress-sub-menu .progress-sub-question.active,.overview-progress .progress-sub-menu .progress-sub-question.active,.progress-column .progress-sub-menu .progress-sub-question.active{text-decoration:none;padding-bottom:4px;border-bottom:1px solid #036;font-weight:700}.dashnav-column .progress-question{height:60px}.overview-progress{border:solid 1px #d5d5d5;border-radius:10px;background:#ffffff}.overview-progress .progress-question{margin-bottom:0;border-bottom:solid 1px #d5d5d5}.overview-progress .progress-question:last-of-type{border-bottom:none}.overview-progress .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 52px;flex:0 0 52px}.overview-progress .progress-question .progress-content{font-size:16px;font-weight:600;-webkit-box-flex:2;-ms-flex:2;flex:2}.overview-progress .progress-question .progress-status{font-size:14px;font-weight:600;-webkit-box-flex:1;-ms-flex:1;flex:1}.overview-progress .progress-question .progress-status i{font-size:20px;float:none;margin-left:16px;vertical-align:middle}.overview-progress .progress-question.complete{background-color:#d5e6d8}.overview-progress .progress-question:focus,.overview-progress .progress-question:hover{background-color:#d7dff2;text-decoration:none}.overview-progress .progress-question:first-child{border-top-left-radius:9px;border-top-right-radius:9px}.overview-progress .progress-question:last-child{border-bottom-left-radius:9px;border-bottom-right-radius:9px}.overview-progress .progress-question a{transition:0.1s background ease-in-out;-webkit-transition:0.1s background ease-in-out}.dashnav-column h4{color:#ffffff}.dashnav-column .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px}.dashnav-column .progress-question .progress-icon i{font-size:20px;border:none;padding:0}.dashnav-column .progress-question .progress-content{width:180px;color:#ffffff;font-weight:600}.dashnav-column .progress-question i{color:#ffffff}.dashnav-column .progress-question.active i,.dashnav-column .progress-question.active .progress-content{color:#036}.dashnav-column .progress-question:focus,.dashnav-column .progress-question:hover{background-color:#fcba19}.progress-column .progress-question.active:not(.complete) .progress-icon i{border:solid 1px #036;background-color:#036;color:#fcba19}.progress-column .progress-question.active.complete .progress-icon i{border:solid 1px #2e8540;background-color:#2e8540;color:#fcba19}.has-warning-box{border:3px solid #D8292F;padding-top:8px;padding-left:8px}.has-warning-box #terms_warning{color:#D8292F}.list-item-description{padding-left:20px;margin-bottom:25px;margin-top:-10px}.modal-dialog{width:780px}.modal-header{border:0;padding-bottom:0;padding-top:24px}.modal-title{font-size:32px;font-weight:normal}.modal-body{padding:0 64px 36px}.modal-body p{font-size:18px;margin-top:12px}.modal-footer{background:#f2f2f2;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.footnote-marker{font-size:18px;top:-10px;position:relative;display:inline-block;left:1px;margin-right:1px}.footnote{margin-top:40px;margin-bottom:52px;font-size:16px}.footnote h5{font-size:30px;margin-bottom:20px}.footnote.shaded-box{border-radius:8px;padding:25px 80px 25px 80px}.shaded-box{background-color:rgba(0,0,0,0.7)}#delete_child_modal,#info_modal,#questions_modal,#terms_modal{margin-top:112px;font-size:18px}#delete_child_modal .modal-header,#info_modal .modal-header,#questions_modal .modal-header,#terms_modal .modal-header{text-align:center}#delete_child_modal .modal-header i,#info_modal .modal-header i,#questions_modal .modal-header i,#terms_modal .modal-header i{background-color:#365ebe;color:#ffffff;height:80px;width:80px;border-radius:40px;font-size:40px;padding:20px;margin-bottom:15px}#delete_child_modal .modal-body,#info_modal .modal-body,#questions_modal .modal-body,#terms_modal .modal-body{padding:36px 64px}#delete_child_modal .modal-body p,#info_modal .modal-body p,#questions_modal .modal-body p,#terms_modal .modal-body p{font-size:18px;margin-top:12px}#delete_child_modal .modal-footer,#info_modal .modal-footer,#questions_modal .modal-footer,#terms_modal .modal-footer{text-align:center;border:none;padding-bottom:18px}#delete_child_modal{text-align:center;vertical-align:middle;margin-top:112px;font-size:18px}#delete_child_modal .modal-footer{text-align:center;border:none;padding-bottom:18px}div#progress-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:rgba(0,0,0,0.35)}div#progress-overlay-spinner{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5000}span.hard-stop{font-size:2.8em;display:inline-block;float:left;margin:3px 10px 0 0}.date-picker-group .input-group-addon{display:inline-block;background-color:inherit;border:none}@media (min-width: 1px) and (max-width: 991px){.on-canvas{display:block}}@media (min-width: 992px){.on-canvas{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width: 1px) and (max-width: 991px){.off-canvas{display:none}}@media (min-width: 992px){.off-canvas{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;-webkit-transform:translateX(306px);transform:translateX(306px)}}@media (min-width: 1px) and (max-width: 991px){.margin-right{margin-right:0}}@media (min-width: 992px){.margin-right{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;margin-right:-306px}}@media (min-width: 1px) and (max-width: 991px){.no-margin-right{margin-right:0}}@media (min-width: 992px){.no-margin-right{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;margin-right:0}} +@font-face{font-family:'Myriad-Pro';src:url("../fonts/MyriadWebPro.ttf");font-weight:normal;font-style:normal}@font-face{font-family:'Myriad-Pro-Bold';src:url("../fonts/MyriadPro-Bold.otf");font-weight:bold;font-style:normal}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#313132;background:#036;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:768px}@media (min-width: 1920px){body{font-size:18px;line-height:1.5}}h1,h2,h3,h4{margin-top:0;margin-bottom:10px}h1 i.fa,h2 i.fa,h3 i.fa,h4 i.fa{font-size:24px;margin-right:6px}h1{font-weight:600;line-height:54px;color:#036;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#036;display:block;letter-spacing:0.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#313132;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#036;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#036;text-transform:uppercase}a{color:#365ebe;text-decoration:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}a:focus,a:hover{color:#2b4a96;text-decoration:underline;outline:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.intro{font-size:18px;line-height:28px}img{max-width:100%;height:auto}input.border-less-heading[type='text']{border:none;color:#036}input.border-less-heading[type='text']:focus{box-shadow:none;outline:none}input[type=number]{-moz-appearance:textfield}input.number-spinner[type=number]{-moz-appearance:spinner;text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.number-spinner[type=number]::-webkit-inner-spin-button,input.number-spinner[type=number]::-webkit-outer-spin-button{-moz-appearance:spinner}.table>tbody>tr>td,.list-builder>tbody>tr>td,.table>tbody>tr>th,.list-builder>tbody>tr>th,.table>tfoot>tr>td,.list-builder>tfoot>tr>td,.table>tfoot>tr>th,.list-builder>tfoot>tr>th,.table>thead>tr>td,.list-builder>thead>tr>td,.table>thead>tr>th,.list-builder>thead>tr>th{padding:12px 16px;vertical-align:top}.fact-sheet-question{width:50%}.fact-sheet-answer{width:25%}.fact-sheet-answer[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-answer input,.fact-sheet-answer textarea{height:25px;width:100%;display:table-cell;border:none;resize:none;padding:2px 2px}.fact-sheet-answer input:focus,.fact-sheet-answer textarea:focus{box-shadow:none;outline:none}.fact-sheet-answer input[readonly],.fact-sheet-answer textarea[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-answer input{text-align:left}.fact-sheet-control{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;font-size:16px}.fact-sheet-control[readonly]{color:#8c8c8c;background:#f2f2f2}.fact-sheet-control a{color:#494949}.fact-sheet-control a i{color:#494949}.fact-sheet-control a:hover{text-decoration:none}.fact-sheet-control:hover{background:#d7dff2}.fact-sheet-button a{padding-right:6px;color:#494949}.fact-sheet-button a i{color:#494949}.fact-sheet-button a i:hover{color:#365ebe}.fact-sheet-input[readonly]{background:#f2f2f2}.table-cell-active{border:1px solid #66afe9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.table>tbody>tr>td.list-builder-button,.list-builder>tbody>tr>td.list-builder-button{border:none}.table>thead>tr.list-builder-header>th:last-child,.list-builder>thead>tr.list-builder-header>th:last-child,.table>tbody>tr>td:last-child not:first-child,.list-builder>tbody>tr>td:last-child not:first-child{width:1px;white-space:nowrap}#claimant_children>thead>tr>th:nth-last-child(-n+2),#claimant_children>tbody>tr>td:nth-last-child(-n+2){width:1px;white-space:nowrap}.list-builder{border-collapse:initial;width:100%;table-layout:fixed;margin-bottom:48px}.list-builder-compact{margin-bottom:25px}.list-builder-hide-column{display:none;border:none}.child-item-row{height:50px}.child-item-row:hover td:not(:nth-last-child(-n+2)){background:#d7dff2}.child-support-amount[readonly]{background:#f2f2f2}div.dollar-prefix{position:relative}div.dollar-prefix:before{content:'$ ';top:0;height:100%;padding-left:5px;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center}div.dollar-prefix input{text-align:right}div.percent-suffix{border:none;width:100%}div.percent-suffix input{border:none;padding:0px;outline:none;width:85%;text-align:right;display:inline}div.percent-suffix label{width:10%;display:inline;font-weight:normal}.money{text-align:right}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#f2f2f2}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:8px;margin-bottom:20px;background-color:#FEEABA}.bg-danger:after{content:"\f071";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#925E00;top:30px;left:27px}.bg-danger.add-top-margin{margin-top:20px}.bg-danger.hard-stop{background-color:#F7D4D5}.bg-danger.hard-stop hr{border-top:1px solid #9A1C21}.bg-danger.hard-stop:after{content:"\f05e";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#9A1C21;top:30px;left:27px}.bg-danger h2{line-height:initial;margin-bottom:10px}.bg-danger p+h2{margin-top:20px}.bg-danger #unselected_spouse_alert{margin-bottom:20px}.checkmark{background:#2e8540;position:relative;padding:22px 20px 20px 90px;color:#ffffff;border-radius:8px;font-size:32px}.checkmark:before{content:"\f00c";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:24px;font-size:42px;color:#ffffff;height:60px}@media (max-width: 991px){.container{width:100%;min-width:750px}}.tooltip.in{opacity:1}.tooltip-inner{text-align:left;background-color:#365ebe;padding:20px;font-size:16px;line-height:24px;max-width:300px;border-radius:10px;font-family:Myriad-Pro,Calibri,Arial,Sans Serif}.tooltip-innerb{font-size:18px}.tooltip-inner a{color:#ffffff;text-decoration:underline}.tooltip-inner a:focus,.tooltip-inner a:hover{color:#d5d5d5}.tooltip-arrow{pointer-events:none;border-color:rgba(255,255,255,0);border-width:12px !important}.tooltip.top .tooltip-arrow{border-top-color:#365ebe;margin-bottom:-16px}.tooltip.right{margin-left:10px}.tooltip.right .tooltip-arrow{border-right-color:#365ebe;margin-left:-12px;margin-top:-14px}.tooltip.bottom .tooltip-arrow{border-bottom-color:#365ebe;margin-top:-12px}.tooltip.left{margin-left:-10px}.tooltip.left .tooltip-arrow{border-left-color:#365ebe;margin-right:-12px;margin-top:-14px}.tooltip-link,.tooltip-no-link{color:#365ebe;border-bottom:dotted 1px #365ebe;cursor:pointer}.tooltip-link:hover,.tooltip-no-link:hover{color:#036;border-bottom-color:#365ebe}.tooltip-no-link{border-bottom:none}.collapse-trigger{margin-bottom:12px}.collapse-trigger>div{color:#365ebe;border-bottom:solid 1px #365ebe;display:inline;cursor:pointer}.collapse-trigger>div .tooltip-link,.collapse-trigger>div .tooltip-no-link{border:0}.collapse-trigger>div .tooltip-link:hover,.collapse-trigger>div .tooltip-no-link:hover{color:inherit}.collapse-trigger>div:after{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;padding-left:10px;content:"\f077";-webkit-transform-origin:65% 50%;transform-origin:65% 50%;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.collapse-trigger>div:focus,.collapse-trigger>div:hover{color:#2b4a96;border-bottom:solid 1px #2b4a96;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.collapse-trigger.collapsed div:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform-origin:65% 50%;transform-origin:65% 50%}.collapse>div,.collapsing>div{margin-bottom:25px}select.form-control{font-size:16px;height:42px}.form-group input.form-control,.input-group input.form-control:first-child{margin-top:12px;border-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:inherit;width:inherit;float:inherit;font-size:inherit;padding:12px 15px;line-height:1em;display:inline}.form-group input.form-control.input-wide,.input-group input.form-control.input-wide:first-child{width:70%}.alias-header{width:100%}@media (min-width: 992px){.form-group.name-group{display:flex !important;flex-direction:row;justify-content:space-between;margin-top:20px;margin-bottom:8px}}.form-group.name-group>div{width:80%}@media (min-width: 992px){.form-group.name-group>div{width:24%}}.form-group.name-group>div input{width:99%}.form-group.name-group p{margin-bottom:3px}@media (min-width: 992px){div#other_names_fields .form-inline .form-group{flex:inherit}}div#other_names_fields .form-inline label{width:calc(100% - 90px);text-align:left}.btn{line-height:initial;padding:12px 15px}.btn-primary{background:#365ebe;font-weight:bold}.btn-primary:hover{background-color:#1f376f}i.fa{color:#365ebe}i.fa.circle{border-radius:50%;padding:10px;border:solid 1px #365ebe}i.fa.fa-question-circle{margin-left:5px}.form-buttons{margin:30px 0}.form-buttons .btn{font-size:18px;border:none;border-radius:10px;padding:12px 15px;background-color:#365ebe;color:#ffffff;margin-bottom:12px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn:hover{background-color:#1f376f;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn i.fa{color:#ffffff}.form-buttons .btn.btn-success{background-color:#2e8540;margin-left:12px;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn.btn-success:hover{background-color:#14391c;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.form-buttons .btn[disabled]{pointer-events:none;cursor:default}.review-warning{background-color:#F7D4D5;border-radius:8px;position:relative;padding:30px 30px 30px 75px;margin-bottom:20px}.review-warning ul{padding-left:15px}.review-warning:after{content:"\f06a";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#9A1C21;top:30px;left:27px}.review-warning .warning,.review-warning .progress-status i{color:#9A1C21;font-weight:bolder;margin:0 3px}.error{border:2px solid #D8292F !important;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all}.error .warning,.error .help-block{color:#D8292F;font-size:16px;font-weight:bolder}.has-error input{border:2px solid #D8292F !important}.has-error .help-block{color:#D8292F;font-weight:bolder}.btn-danger{background-color:#D8292F;border:1px solid #D8292F;font-weight:bold}.btn-danger:hover{background-color:#dc3f44}.btn-success{background-color:#2e8540;border:1px solid #2e8540;font-weight:bold}.btn-success:hover{background-color:#359849}.error-text{color:#D8292F}.table-error{border:2px solid #D8292F !important;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all;margin:-12px -16px;padding:12px 16px}.table-error .warning{color:#D8292F;font-size:14px;font-weight:bolder;display:inline-block;width:100%;text-align:center}.btn-radio{color:#036;background-color:#d7dff2;font-size:16px;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;padding:20px 0;width:60px;height:60px;border-radius:30px;border:3px solid #d7dff2;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio.active,.btn-radio:active,.btn-radio:focus,.btn-radio:hover,.open .dropdown-toggle.btn-radio{color:#FFFFFF;background-color:#365ebe;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio.active,.btn-radio:active,.open .dropdown-toggle.btn-radio{background-image:none}.btn-radio.disabled,.btn-radio.disabled.active,.btn-radio.disabled:active,.btn-radio.disabled:focus,.btn-radio.disabled:hover,.btn-radio[disabled],.btn-radio.active[disabled],.btn-radio[disabled]:active,.btn-radio[disabled]:focus,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio,fieldset[disabled] .btn-radio.active,fieldset[disabled] .btn-radio:active,fieldset[disabled] .btn-radio:focus,fieldset[disabled] .btn-radio:hover{background-color:#365ebe;border-color:#365ebe;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.btn-radio+.btn-radio{margin-left:15px}.btn-radio-group{margin-bottom:20px}.btn-radio-group .btn.active.focus,.btn-radio-group .btn.active:focus,.btn-radio-group .btn.focus,.btn-radio-group .btn.focus:active,.btn-radio-group .btn:active:focus,.btn-radio-group .btn:focus{outline:none}.btn-radio-group .btn-radio-long{width:auto;white-space:normal;text-transform:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1em;max-width:500px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:left;padding:0 20px}input{border-radius:4px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}input:focus{outline:0;box-shadow:inset 0 1px 1px rgba(49,49,50,0.075),0 0 4px rgba(96,96,96,0.5)}input+i.fa{margin-left:10px}input.form-block{display:block;margin-bottom:16px}input.input-wide{width:70%}input.input-narrow{max-width:100px}input.input-inline{padding:5px 20px;border-radius:5px;margin-left:5px}input.radio-centered{margin-top:15px}.checkbox label,.radio label{margin-bottom:8px;font-weight:700}.checkbox label.tight-spacing,.radio label.tight-spacing{margin-bottom:2px}.radio p,.checkbox p{margin-bottom:8px;margin-left:21px}.radio .radio-with-textbox{display:flex;align-items:baseline;margin-bottom:16px}.radio .radio-with-textbox input.form-block{margin-bottom:0;margin-right:8px}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:24px;resize:none}#top_banner{background-color:#036;border-bottom:2px solid #fcba19;padding:5px 20px 10px}#top_banner .top_banner-logo img{width:148px;height:auto;float:left}#top_banner p{color:#ffffff;font-size:16px;line-height:1em;margin-top:20px;margin-left:35px;float:left}#top_banner p .beta{border:solid 1px #ffffff;padding:4px 8px 3px;margin-left:10px;font-size:12px;text-transform:uppercase}#top_banner p .beta.environment-type{background-color:#B200FF}#top_banner .top_banner-user{color:#fff;font-size:14px;float:right;margin-top:16px}#top_banner .top_banner-user input[type=submit]{color:#ffffff;background-color:transparent;display:inline;padding:0;line-height:1.5;border:none}#top_banner .top_banner-user input[type=submit]:active,#top_banner .top_banner-user input[type=submit]:hover{text-decoration:underline}#mid_banner{background-color:#38598A;font-size:14px;font-weight:600}#mid_banner .mid_banner-dash{float:left;margin-left:-20px}#mid_banner .mid_banner-dash a,#mid_banner .mid_banner-link a,#mid_banner .more_information-link a{padding:10px 16px;float:right;margin-left:6px}#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-dash a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .more_information-link a.active,#mid_banner .more_information-link a:hover{color:#fff;background-color:#fcba19;text-decoration:none}#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .more_information-link a.active i,#mid_banner .more_information-link a:hover i{color:#fff}#mid_banner .mid_banner-dash a{margin-left:24px}#mid_banner i{color:#ffffff;padding:0 10px 0 0}#mid_banner a{color:#ffffff;text-decoration:none}#form_navigation{display:-webkit-box;display:-ms-flexbox;display:flex}#form_navigation form{margin-right:10px}.success-page .success-buttons{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.success-page .success-buttons .flex-row{width:32%;border-radius:8px;background-color:#d7dff2;border:1px solid #365ebe;display:flex;flex-direction:column;justify-content:space-between;padding:30px 45px}@media (max-width: 992px){.success-page .success-buttons .flex-row{padding:20px 20px}}.success-page .success-buttons .flex-row h3{font-size:26px;line-height:36px}.success-page .col-flex.content-column{padding-bottom:92px}#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}#other_names_fields .form-inline .form-group,#reconciliation_period_fields .form-inline .form-group{display:block;width:100%;margin-bottom:5px}@media (min-width: 992px){#other_names_fields .form-inline .form-group,#reconciliation_period_fields .form-inline .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1}}#other_names_fields .form-inline .form-control,#reconciliation_period_fields .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;height:34px;margin-top:0;padding:8px 15px}#other_names_fields .form-inline label,#reconciliation_period_fields .form-inline label{min-width:45px;margin-right:10px;text-align:right}#other_names_fields .form-inline:before,#reconciliation_period_fields .form-inline:before{display:table;content:" "}#other_names_fields .form-inline select.response-dropdown,#reconciliation_period_fields .form-inline select.response-dropdown{margin-right:5px;-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}@media (min-width: 1px) and (max-width: 1199px){#other_names_fields .form-inline select.response-dropdown,#reconciliation_period_fields .form-inline select.response-dropdown{margin-bottom:5px;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}#other_names_fields .form-inline input.response-textbox,#reconciliation_period_fields .form-inline input.response-textbox{margin-right:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:99%}#other_names_fields .form-inline input.btn,#reconciliation_period_fields .form-inline input.btn{padding:8px 15px}@media (min-width: 992px){#other_names_fields .form-inline input.btn,#reconciliation_period_fields .form-inline input.btn{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px}}.footer{background-color:#036;border-top:3px solid #fcba19;padding:15px}.footer .footer-container ul{list-style-type:none}.footer .footer-container ul li{float:left;padding:2px 10px;position:relative}.footer .footer-container ul li a{display:block;text-align:center;color:#ffffff;font-size:13px;font-weight:600}.footer .footer-container ul li+li{border-left:1px solid #38598A}.question-well{min-height:20px;padding:25px;margin-top:25px;border:1px solid #d5d5d5;border-radius:10px;background:#ffffff}.question-well.hasFocus{border:1px solid #365ebe;-webkit-transition:0.1s ease-in-out all;transition:0.1s ease-in-out all}.question-well h3{margin-top:0}.question-well p{max-width:90%;margin-bottom:20px}.question-well .fact-sheet-table-inline-question{margin-bottom:48px}.question-well .required,.question-well .optional{font-size:14px;font-family:Myriad-Pro-Bold,Calibri,Arial,Sans Serif;font-weight:bold;text-transform:uppercase;padding:4px 6px;margin-left:16px;white-space:nowrap}.question-well .required.inline,.question-well .optional.inline{border:none;padding:0}.question-well .required{color:#D8292F;border:#D8292F 2px solid}.question-well .optional{color:#036;border:#036 1px solid}.question-well-border-less{min-height:20px;padding:25px 25px 0 0;margin-top:25px;background:#ffffff}.question-well-border-less h3{margin-top:20px}.question-well-border-less p{max-width:90%}.review-well{border-radius:10px;min-height:20px;margin-bottom:10px;border:1px solid #d5d5d5;background:#ffffff}.review-well .review-well{margin:0 40px 5px}.review-well .collapse-trigger{padding:20px 15px}.review-well .collapse,.review-well .collapsing{border-top:1px solid #d5d5d5;padding:24px 47px}.review-well .collapse>div,.review-well .collapsing>div{margin-bottom:0}.review-well .review-buttons{float:left;padding:0 15px 20px;margin:0 0 0 32px}@media (min-width: 991px){.review-well .review-buttons{float:right;padding:10px 15px;margin:0}}.review-well .review-buttons .fa{color:white;margin-right:6px}.review-well .review-explanation{margin:-18px 0 12px 44px}.review-well .collapse-trigger{margin-bottom:0;display:inline-block;width:100%}@media (min-width: 991px){.review-well .collapse-trigger{width:initial}}.review-well .collapse-trigger>div{border-bottom:none;font-size:18px;font-weight:600;padding-left:8px;position:relative}.review-well .collapse-trigger>div:before{font-family:FontAwesome;font-weight:normal;font-style:normal;position:absolute;text-decoration:inherit;left:0;content:"\f077";-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.review-well .collapse-trigger>div span{display:inline-block;margin-left:24px}.review-well .collapse-trigger>div:after{display:none}.review-well .collapse-trigger.empty{display:block;border-top:1px solid #d5d5d5}.review-well .collapse-trigger.empty div:before{display:none}.review-well .collapse-trigger.collapsed div:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform-origin:50%;transform-origin:50%}.review-well .collapse.empty{display:inline-block;border-top:none}.review-well-no-icon{padding-left:47px}.review-well-child{display:inline-block;width:100%}.review-well-child .review-buttons{margin:0;padding-left:8px}@media (min-width: 991px){.review-well-child .review-buttons{margin:initial;padding-left:initial}}.review-well-child .collapse-trigger{padding-left:0}.review-well-child .collapse-trigger>div{color:#313132;font-weight:normal}.review-child-heading{background-color:#d7dff2}.review-table-spacer::before{content:'';display:block;height:25px}.print-form-action{display:inline-block;float:right}.print-form-action a{text-decoration:none}.print-form-action:after{display:none}.step-review .collapse-trigger{font-size:24px;display:inline-block}.step-review .collapse-trigger.collapsed{margin-bottom:0;-webkit-transition:0.5s ease-out all;transition:0.5s ease-out all}.step-review table{margin-bottom:0}.step-review table thead tr{background-color:#036;color:#fff}.step-review table .value-column{width:30%;min-width:192px}.step-review .collapse>div,.step-review .collapsing>div{margin-bottom:0}.step-review .review-buttons{float:right}.signing-filing .question-well{margin-top:15px;margin-bottom:30px;padding-bottom:0}.signing-filing .question-well h3{font-size:24px}.signing-filing .form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}.signing-filing .form-inline label{margin:0 15px 0 5px;text-align:right}.signing-filing .form-inline:before{display:table;content:" "}.signing-filing .form-inline input{margin-right:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:99%;min-width:200px}.dashboard-content p{margin-bottom:15px}.dashboard-content ul{margin-bottom:30px}.dashboard-content .no-margin-bottom{margin-bottom:0 !important}.dashboard-content .add-bottom-margin{margin-bottom:30px}.dashboard-content .add-top-margin{margin-top:30px}.dashboard-content .no-padding-left{padding-left:0}.dashboard-content .no-bullets li{list-style:none}.dashboard-content .upload-area{padding:32px 20px 32px 20px;margin-bottom:50px;background-color:#f2f2f2;border:1px solid #d5d5d5;border-radius:8px}.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:hidden;background:#fdfdfd;position:relative}.row-flex .col{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.row-flex .content-column{max-width:1280px;padding:36px 6% 50px;position:relative}.row-flex .progress-column{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px;background-color:#efefef;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.row-flex .dashnav-column{-webkit-box-flex:0;-ms-flex:0 0 290px;flex:0 0 289px;background-color:#036;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.row-flex .more_information-column{background-color:#efefef;box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1);padding:20px 45px;font-size:14px;line-height:21px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:auto}@media (min-width: 1920px){.row-flex .more_information-column{font-size:16px;line-height:1.5}}.row-flex .more_information-column .more_information-close{float:right;font-size:24px;margin-top:3px}.row-flex .more_information-column .more_information-close i.fa{color:#036}.row-flex .more_information-column h2{color:#036;padding-right:25px}.row-flex .more_information-column h3{font-size:21px;line-height:28px}@media (min-width: 992px){.row-flex .more_information-column{padding:45px 20px;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;-webkit-box-flex:0;-ms-flex:0 0 306px;flex:0 0 306px}}.row-flex.intro-page{background:#38598A url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:54px auto 100px;max-width:800px;padding:0 20px;text-align:center;color:#ffffff;position:relative}.row-flex.intro-page .content-column h1{color:#036;max-width:600px;margin:70px auto;font-size:48px}.row-flex.intro-page .content-column h2,.row-flex.intro-page .content-column h3{color:#ffffff}.row-flex.intro-page .content-column h2{font-size:30px;font-weight:600;margin:42px 0 0}.row-flex.intro-page .content-column h2.shaded-box{padding-top:28px;border-top-left-radius:8px;border-top-right-radius:8px}.row-flex.intro-page .content-column .intro{font-size:24px;line-height:36px;margin:0 100px}.row-flex.intro-page .content-column a{color:#ffffff;text-decoration:none}.row-flex.intro-page .content-column a:focus,.row-flex.intro-page .content-column a:hover{text-decoration:underline}.row-flex.intro-page .content-column a.btn:focus,.row-flex.intro-page .content-column a.btn:hover{text-decoration:none}.row-flex.intro-page .content-column .btn-group-lg>.btn,.row-flex.intro-page .content-column .btn-lg{padding:12px 40px;margin:10px}.row-flex.intro-page .content-column .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:18px}.row-flex.intro-page .content-column .flex-wrapper .flex-column{width:45%}.row-flex.intro-page .content-column .flex-wrapper.shaded-box{padding-top:18px;padding-bottom:30px;margin-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.row-flex.intro-page .content-column .flex-wrapper.shaded-box .flex-column.left{padding-left:30px}.row-flex.intro-page .content-column .flex-wrapper.shaded-box .flex-column.right{padding-right:30px}.row-flex.intro-page .content-column .flex-wrapper span.number-circle{border:solid 2px white;padding:0;border-radius:40px;width:40px;height:40px;display:inline-block;text-align:center;margin-right:10px;font-size:21px}.intro-footer{text-align:center;padding-bottom:92px;background:#ffffff}.intro-footer .column{max-width:640px;margin:0 auto}.intro-footer h3{color:#036;font-size:24px;line-height:36px;padding-top:55px;padding-bottom:30px;margin:0}.intro-footer .btn{width:260px;height:48px;font-weight:bold;line-height:24px;border-radius:8px}.dashnav-column h4,.overview-progress h4,.progress-column h4{color:#036;padding:0 18px;margin-top:36px;font-size:14px;letter-spacing:0.1em}.dashnav-column .progress-question,.overview-progress .progress-question,.progress-column .progress-question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;margin-bottom:12px;padding:0 24px;font-weight:bold}.dashnav-column .progress-question .progress-icon,.overview-progress .progress-question .progress-icon,.progress-column .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 50px}.dashnav-column .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i,.progress-column .progress-question .progress-icon i{font-size:20px;border:solid 1px #036;padding:8px;border-radius:36px}.dashnav-column .progress-question .progress-icon i.fa:before,.overview-progress .progress-question .progress-icon i.fa:before,.progress-column .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content,.progress-column .progress-question .progress-content{width:190px;font-size:14px;line-height:1.3}@media (min-width: 1920px){.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content,.progress-column .progress-question .progress-content{font-size:16px;width:190px}}.dashnav-column .progress-question .progress-content small,.overview-progress .progress-question .progress-content small,.progress-column .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:bolder;letter-spacing:0.1em}.dashnav-column .progress-question i,.dashnav-column .progress-question span,.overview-progress .progress-question i,.overview-progress .progress-question span,.progress-column .progress-question i,.progress-column .progress-question span{color:#036;border-color:#036}.dashnav-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.overview-progress .progress-question.complete i,.overview-progress .progress-question.complete span,.progress-column .progress-question.complete i,.progress-column .progress-question.complete span{color:#1c5428;border-color:#1c5428}.dashnav-column .progress-question:focus,.dashnav-column .progress-question:hover,.overview-progress .progress-question:focus,.overview-progress .progress-question:hover,.progress-column .progress-question:focus,.progress-column .progress-question:hover{background-color:#d5d5d5;text-decoration:none}.dashnav-column .progress-question.active,.overview-progress .progress-question.active,.progress-column .progress-question.active{background-color:#fcba19;text-decoration:none}.dashnav-column .progress-status,.overview-progress .progress-status,.progress-column .progress-status{width:28px;text-align:right}.dashnav-column .progress-status i,.overview-progress .progress-status i,.progress-column .progress-status i{float:right}.dashnav-column .progress-status i.incomplete,.dashnav-column .progress-status i.skipped,.overview-progress .progress-status i.incomplete,.overview-progress .progress-status i.skipped,.progress-column .progress-status i.incomplete,.progress-column .progress-status i.skipped{color:#9A1C21}.dashnav-column .progress-status i.complete,.overview-progress .progress-status i.complete,.progress-column .progress-status i.complete{color:#1c5428}.dashnav-column .progress-sub-menu,.overview-progress .progress-sub-menu,.progress-column .progress-sub-menu{list-style-type:none}.dashnav-column .progress-sub-menu li,.overview-progress .progress-sub-menu li,.progress-column .progress-sub-menu li{display:inline-block;padding:5px 24px 5px 22px;border-left:2px solid #fcba19;width:100%}.dashnav-column .progress-sub-menu .progress-sub-question,.overview-progress .progress-sub-menu .progress-sub-question,.progress-column .progress-sub-menu .progress-sub-question{width:190px;font-size:14px;line-height:1.3;color:#036}@media (min-width: 1920px){.dashnav-column .progress-sub-menu .progress-sub-question,.overview-progress .progress-sub-menu .progress-sub-question,.progress-column .progress-sub-menu .progress-sub-question{font-size:16px;width:190px}}.dashnav-column .progress-sub-menu .progress-sub-question .progress-content,.overview-progress .progress-sub-menu .progress-sub-question .progress-content,.progress-column .progress-sub-menu .progress-sub-question .progress-content{width:190px;font-size:14px;font-weight:bold;line-height:1.3}@media (min-width: 1920px){.dashnav-column .progress-sub-menu .progress-sub-question .progress-content,.overview-progress .progress-sub-menu .progress-sub-question .progress-content,.progress-column .progress-sub-menu .progress-sub-question .progress-content{font-size:16px;width:190px}}.dashnav-column .progress-sub-menu .progress-sub-question:focus,.dashnav-column .progress-sub-menu .progress-sub-question:hover,.overview-progress .progress-sub-menu .progress-sub-question:focus,.overview-progress .progress-sub-menu .progress-sub-question:hover,.progress-column .progress-sub-menu .progress-sub-question:focus,.progress-column .progress-sub-menu .progress-sub-question:hover{color:#fcba19;text-decoration:none;font-weight:700}.dashnav-column .progress-sub-menu .progress-sub-question.active:focus,.dashnav-column .progress-sub-menu .progress-sub-question.active:hover,.overview-progress .progress-sub-menu .progress-sub-question.active:focus,.overview-progress .progress-sub-menu .progress-sub-question.active:hover,.progress-column .progress-sub-menu .progress-sub-question.active:focus,.progress-column .progress-sub-menu .progress-sub-question.active:hover{border-bottom:1px solid #fcba19}.dashnav-column .progress-sub-menu .progress-sub-question.active,.overview-progress .progress-sub-menu .progress-sub-question.active,.progress-column .progress-sub-menu .progress-sub-question.active{text-decoration:none;padding-bottom:4px;border-bottom:1px solid #036;font-weight:700}.dashnav-column .progress-question{height:60px}.overview-progress{border:solid 1px #d5d5d5;border-radius:10px;background:#ffffff}.overview-progress .progress-question{margin-bottom:0;border-bottom:solid 1px #d5d5d5}.overview-progress .progress-question:last-of-type{border-bottom:none}.overview-progress .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 52px;flex:0 0 52px}.overview-progress .progress-question .progress-content{font-size:16px;font-weight:600;-webkit-box-flex:2;-ms-flex:2;flex:2}.overview-progress .progress-question .progress-status{font-size:14px;font-weight:600;-webkit-box-flex:1;-ms-flex:1;flex:1}.overview-progress .progress-question .progress-status i{font-size:20px;float:none;margin-left:16px;vertical-align:middle}.overview-progress .progress-question.complete{background-color:#d5e6d8}.overview-progress .progress-question:focus,.overview-progress .progress-question:hover{background-color:#d7dff2;text-decoration:none}.overview-progress .progress-question:first-child{border-top-left-radius:9px;border-top-right-radius:9px}.overview-progress .progress-question:last-child{border-bottom-left-radius:9px;border-bottom-right-radius:9px}.overview-progress .progress-question a{transition:0.1s background ease-in-out;-webkit-transition:0.1s background ease-in-out}.dashnav-column h4{color:#ffffff}.dashnav-column .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px}.dashnav-column .progress-question .progress-icon i{font-size:20px;border:none;padding:0}.dashnav-column .progress-question .progress-content{width:180px;color:#ffffff;font-weight:600}.dashnav-column .progress-question i{color:#ffffff}.dashnav-column .progress-question.active i,.dashnav-column .progress-question.active .progress-content{color:#036}.dashnav-column .progress-question:focus:not(.active),.dashnav-column .progress-question:hover:not(.active){background-color:#38598A}.progress-column .progress-question.active:not(.complete) .progress-icon i{border:solid 1px #036;background-color:#036;color:#fcba19}.progress-column .progress-question.active.complete .progress-icon i{border:solid 1px #1c5428;background-color:#1c5428;color:#fcba19}.has-warning-box{border:3px solid #D8292F;padding-top:8px;padding-left:8px}.has-warning-box #terms_warning{color:#D8292F}.list-item-description{padding-left:20px;margin-bottom:25px;margin-top:-10px}.modal-dialog{width:780px}.modal-header{border:0;padding-bottom:0;padding-top:24px}.modal-title{font-size:32px;font-weight:normal}.modal-body{padding:0 64px 36px}.modal-body p{font-size:18px;margin-top:12px}.modal-footer{background:#f2f2f2;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.footnote-marker{font-size:18px;top:-10px;position:relative;display:inline-block;left:1px;margin-right:1px}.footnote{margin-top:40px;margin-bottom:52px;font-size:16px}.footnote h5{font-size:30px;margin-bottom:20px}.footnote.shaded-box{border-radius:8px;padding:25px 80px 25px 80px}.shaded-box{background-color:rgba(0,0,0,0.7)}#delete_child_modal,#info_modal,#questions_modal,#terms_modal{margin-top:112px;font-size:18px}#delete_child_modal .modal-header,#info_modal .modal-header,#questions_modal .modal-header,#terms_modal .modal-header{text-align:center}#delete_child_modal .modal-header i,#info_modal .modal-header i,#questions_modal .modal-header i,#terms_modal .modal-header i{background-color:#365ebe;color:#ffffff;height:80px;width:80px;border-radius:40px;font-size:40px;padding:20px;margin-bottom:15px}#delete_child_modal .modal-body,#info_modal .modal-body,#questions_modal .modal-body,#terms_modal .modal-body{padding:36px 64px}#delete_child_modal .modal-body p,#info_modal .modal-body p,#questions_modal .modal-body p,#terms_modal .modal-body p{font-size:18px;margin-top:12px}#delete_child_modal .modal-footer,#info_modal .modal-footer,#questions_modal .modal-footer,#terms_modal .modal-footer{text-align:center;border:none;padding-bottom:18px}#delete_child_modal{text-align:center;vertical-align:middle;margin-top:112px;font-size:18px}#delete_child_modal .modal-footer{text-align:center;border:none;padding-bottom:18px}div#progress-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:rgba(0,0,0,0.35)}div#progress-overlay-spinner{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5000}span.hard-stop{font-size:2.8em;display:inline-block;float:left;margin:3px 10px 0 0}.date-picker-group .input-group-addon{display:inline-block;background-color:inherit;border:none}@media (min-width: 1px) and (max-width: 991px){.on-canvas{display:block}}@media (min-width: 992px){.on-canvas{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width: 1px) and (max-width: 991px){.off-canvas{display:none}}@media (min-width: 992px){.off-canvas{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;-webkit-transform:translateX(306px);transform:translateX(306px)}}@media (min-width: 1px) and (max-width: 991px){.margin-right{margin-right:0}}@media (min-width: 992px){.margin-right{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;margin-right:-306px}}@media (min-width: 1px) and (max-width: 991px){.no-margin-right{margin-right:0}}@media (min-width: 992px){.no-margin-right{-webkit-transition:0.2s ease-out all;transition:0.2s ease-out all;margin-right:0}} /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/edivorce/apps/core/static/css/main.scss b/edivorce/apps/core/static/css/main.scss index ba00f881..08a2771d 100644 --- a/edivorce/apps/core/static/css/main.scss +++ b/edivorce/apps/core/static/css/main.scss @@ -10,18 +10,18 @@ $color-blue-medium: #38598A; $color-blue-light: $brand-buttons; $color-blue-lighter: #d7dff2; $color-grey-dark: $body-copy; -$color-grey-medium: #9D9D9D; +$color-grey-medium: #606060; $color-grey-light: #d5d5d5; $color-grey-lighter: #efefef; $color-grey-lightest: #f2f2f2; -$color-green: #57b26a; +$color-green: #2e8540; $color-green-light: #d5e6d8; -$color-green-dark: #2e8540; -$color-gold-light: #e6ca85; +$color-green-dark: #1c5428; +$color-gold-dark: #925E00; +$color-gold-light: #FEEABA; $color-red: #D8292F; $color-red-light: #F7D4D5; -$color-red-dark: #AC2025; -$color-yellow-light: #fcf8e3; +$color-red-dark: #9A1C21; $font-custom: Myriad-Pro, Calibri, Arial, Sans Serif; $font-custom-bold: Myriad-Pro-Bold, Calibri, Arial, Sans Serif; @@ -221,9 +221,9 @@ input[type=number]::-webkit-outer-spin-button { color: #8c8c8c; background: $color-grey-lightest; } - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - border-left: 1px solid #ddd; + border-bottom: 1px solid $color-grey-light; + border-right: 1px solid $color-grey-light; + border-left: 1px solid $color-grey-light; font-size: 16px; a { @@ -238,7 +238,7 @@ input[type=number]::-webkit-outer-spin-button { } &:hover { - background: #d4dce5; + background: $color-blue-lighter; } } @@ -249,7 +249,7 @@ input[type=number]::-webkit-outer-spin-button { i { color: #494949; &:hover { - color: #385dbc; + color: $brand-buttons; } } } @@ -305,7 +305,7 @@ input[type=number]::-webkit-outer-spin-button { height: 50px; // exclude last 2 columns because contain buttons &:hover td:not(:nth-last-child(-n+2)) { - background: #d4dce5; + background: $color-blue-lighter; } } @@ -373,7 +373,7 @@ div.percent-suffix { padding: 30px 30px 30px 75px; border-radius: 8px; margin-bottom: 20px; - background-color: $color-yellow-light; + background-color: $color-gold-light; &:after { content: "\f071"; @@ -383,7 +383,7 @@ div.percent-suffix { text-decoration: inherit; position: absolute; font-size: 24px; - color: #f0ad4e; + color: $color-gold-dark; top: 30px; left: 27px; } @@ -393,7 +393,10 @@ div.percent-suffix { } &.hard-stop { - background-color: #faebe9; + background-color: $color-red-light; + hr { + border-top: 1px solid $color-red-dark; + } &:after { content: "\f05e"; @@ -403,7 +406,7 @@ div.percent-suffix { text-decoration: inherit; position: absolute; font-size: 24px; - color: #d9534f; + color: $color-red-dark; top: 30px; left: 27px; } @@ -424,7 +427,7 @@ div.percent-suffix { } .checkmark { - background: $color-green-dark; + background: $color-green; position: relative; padding: 22px 20px 20px 90px; color: #ffffff; @@ -669,6 +672,7 @@ div#other_names_fields { .btn-primary { background: $brand-buttons; + font-weight: bold; &:hover { background-color: darken($brand-buttons, 20%); @@ -774,6 +778,34 @@ i.fa.fa-question-circle { } } +.has-error { + input { + border: 2px solid $color-red !important; + } + .help-block { + color: $color-red; + font-weight: bolder; + } +} + +.btn-danger { + background-color: $color-red; + border: 1px solid $color-red; + font-weight: bold; + &:hover { + background-color: lighten($color-red, 5%); + } +} + +.btn-success { + background-color: $color-green; + border: 1px solid $color-green; + font-weight: bold; + &:hover { + background-color: lighten($color-green, 5%); + } +} + .error-text { color: $color-red; } @@ -1004,7 +1036,6 @@ textarea { &:active, &:hover { - color: #fcfcfc; text-decoration: underline; } } @@ -1065,26 +1096,38 @@ textarea { } } -.success-buttons { - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-line-pack: justify; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - - .flex-row { - width: 45%; - border-radius: 8px; - background-color: $color-blue-lighter; - border: 1px solid $brand-buttons; - display: flex; - flex-direction: column; - justify-content: space-between; - padding: 24px 30px; - } +.success-page { + .success-buttons { + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: justify; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + .flex-row { + width: 32%; + border-radius: 8px; + background-color: $color-blue-lighter; + border: 1px solid $brand-buttons; + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 30px 45px; + @media (max-width: 992px) { + padding: 20px 20px; + } + h3 { + font-size: 26px; + line-height: 36px; + } + } + } + .col-flex.content-column { + padding-bottom: 92px; + } } @@ -1398,7 +1441,7 @@ textarea { } .review-child-heading { - background-color: #D4DCE5; + background-color: $color-blue-lighter; } .review-table-spacer { @@ -1532,7 +1575,7 @@ textarea { padding: 32px 20px 32px 20px; margin-bottom: 50px; background-color: $color-grey-lightest; - border: 1px solid $color-grey-medium; + border: 1px solid $color-grey-light; border-radius: 8px; } } @@ -1561,23 +1604,9 @@ textarea { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; - - &.shroud { - &:before { - content: ""; - position: absolute; - width: 100%; - display: block; - height: 100%; - background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 90%); - //z-index: 1; - } - } } .content-column { - /* max-width: 800px;*/ - /* padding: 35px 50px 50px 50px;*/ max-width: 1280px; padding: 36px 6% 50px; position: relative; @@ -1658,7 +1687,7 @@ textarea { .content-column { margin: 54px auto 100px; - max-width: 840px; + max-width: 800px; padding: 0 20px; text-align: center; color: #ffffff; @@ -1729,8 +1758,8 @@ textarea { } &.shaded-box { - padding-top: 22px; - padding-bottom: 50px; + padding-top: 18px; + padding-bottom: 30px; margin-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; @@ -1774,8 +1803,8 @@ textarea { color: $color-blue-dark; font-size: 24px; line-height: 36px; - padding-top: 60px; - padding-bottom: 35px; + padding-top: 55px; + padding-bottom: 30px; margin: 0; } .btn { @@ -1864,7 +1893,7 @@ textarea { &:focus, &:hover { - background-color: $color-gold-light; + background-color: $color-grey-light; text-decoration: none; } @@ -2051,9 +2080,9 @@ textarea { } } - &:focus, - &:hover { - background-color: $brand-gold; + &:focus:not(.active), + &:hover:not(.active){ + background-color: $color-blue-medium; } } } diff --git a/edivorce/apps/core/templates/success.html b/edivorce/apps/core/templates/success.html index 2dd9aa5b..2127a628 100644 --- a/edivorce/apps/core/templates/success.html +++ b/edivorce/apps/core/templates/success.html @@ -1,43 +1,53 @@ {% extends 'base.html' %} {% block title %}{{ block.super }}: Qualified{% endblock %} +{% block container_col %}success-page{% endblock %} {% block content %}

You have met the conditions for using the Online Divorce Assistant

+
+

1. Gather your documents

+

You will need the following documents to move forward with the divorce request:

+ +
-

Register or Login

-

You will need a Basic BCeID or BC Services Card account to access the Online Divorce Assistant. This will also enable you to securely access multiple other online government services.

+

2. Register or Login

+

+ You will need a Basic BCeID or BC Services Card account to access the Online Divorce Assistant. + This will also enable you to securely access multiple other online government services. +

-
-

Register for a
Basic BCeID

+
+

Register for a Basic BCeID

Once you register, you’ll be taken back to this website.

Register
-
-

Set up your
BC Services Card

+
+

Set up your BC Services Card

Once you're set up, you’ll be taken back to this website.

Set Up
-
-

Login with a
BCeID or BC Services Card

+
+

Login with a BCeID or BC Services Card

Once you login, you’ll be taken back to this website.

Login
-
-

 

- {% endblock %} {% block formbuttons %} diff --git a/edivorce/apps/core/utils/question_step_mapping.py b/edivorce/apps/core/utils/question_step_mapping.py index 88e636e0..1b141885 100644 --- a/edivorce/apps/core/utils/question_step_mapping.py +++ b/edivorce/apps/core/utils/question_step_mapping.py @@ -27,6 +27,8 @@ pre_qual_step_question_mapping = { '05': { 'original_marriage_certificate', 'provide_certificate_later', + 'provide_certificate_later_reason', + 'not_provide_certificate_reason', 'marriage_certificate_in_english' }, '06': {