From bc6a4fec467d7adf5c456f6d6a71b21ab76f48d7 Mon Sep 17 00:00:00 2001 From: Michael Olund Date: Wed, 28 Mar 2018 12:05:03 -0700 Subject: [PATCH] DIV-844, DIV-845 -- updated homepage with shadow boxes and new text --- .gitignore | 1 + edivorce/apps/core/static/css/main.css | 4 +- edivorce/apps/core/static/css/main.scss | 55 +++++++++++++++++++++---- edivorce/apps/core/templates/intro.html | 21 +++++----- requirements.txt | 2 +- 5 files changed, 63 insertions(+), 20 deletions(-) diff --git a/.gitignore b/.gitignore index 5d44b85e7..13545979c 100644 --- a/.gitignore +++ b/.gitignore @@ -69,3 +69,4 @@ target/ # Noise .DS_Store .sass-cache/ +venv/ diff --git a/edivorce/apps/core/static/css/main.css b/edivorce/apps/core/static/css/main.css index 89b8ec336..403a741d4 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}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#494949;background:#042553;-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 .tooltip-link,h2 .tooltip-link,h3 .tooltip-link,h4 .tooltip-link{color:#042553;border:0}h1 i.fa,h2 i.fa,h3 i.fa,h4 i.fa{color:#042553;font-size:24px;margin-right:6px}h1{font-weight:600;line-height:54px;color:#042553;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#042553;display:block;letter-spacing:0.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#494949;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#19355b;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#19355b;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;-webkit-transition:all 0.1s eease-in-out;transition:all 0.1s eease-in-out}.intro{font-size:18px;line-height:28px}img{max-width:100%;height:auto}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:12px 16px}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#fdfdfd}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:10px;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.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}.checkmark{background:#7ac289;position:relative;padding:22px 20px 20px 90px;color:#ffffff;border-radius:10px;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{color:#365ebe;border-bottom:dotted 1px #365ebe;cursor:pointer;word-break:break-all;display:inline-block}.tooltip-link:hover{color:#042553;border-bottom-color:#365ebe}.collapse-trigger{margin-bottom:12px}.collapse-trigger>div{color:#365ebe;border-bottom:solid 1px #365ebe;display:inline;cursor:pointer}.collapse-trigger>div .tooltip-link{border:0}.collapse-trigger>div .tooltip-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}.form-group input.form-control.input-wide,.input-group input.form-control:first-child.input-wide{width:70%}.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}.btn-radio{color:#19355b;background-color:#d4dce5;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 #d4dce5;-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[disabled].active,.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:active.focus,.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(73,73,73,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}.checkbox label,.radio label{margin-bottom:8px}.checkbox label,.radio label{font-weight:700}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}#top_banner{background-color:#042553;border-bottom:2px solid #dea61b;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 a{color:#ffffff}#top_banner .top_banner-user a:active,#top_banner .top_banner-user a:hover{color:#fcfcfc}#mid_banner{background-color:#2b5580;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:#dea61b;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%}#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}#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:#042553;border-top:3px solid #dea61b;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%}.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 .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:#494949;font-weight:normal}.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:#042553;color:#fff}.step-review .collapse>div,.step-review .collapsing>div{margin-bottom:0}.step-review .review-buttons{float:right;padding:0 15px 10px;margin:0}.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}.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}.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 280px;flex:0 0 280px;background-color:#19355b;-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:#042553}.row-flex .more_information-column h2{color:#042553;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:#2b5580 url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:100px auto;padding:0;max-width:800px;padding:0 20px;text-align:center;color:#ffffff}.row-flex.intro-page .content-column h1,.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:48px 0 0}.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:focus.btn,.row-flex.intro-page .content-column a:hover.btn{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 span.number-circle{border:solid 2px white;padding:5px;border-radius:40px;width:50px;height:50px;display:inline-block;text-align:center;margin-right:10px}.dashnav-column h4,.overview-progress h4,.progress-column h4{color:#494949;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:72px;margin-bottom:12px;padding:0 18px}.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 46px}.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 #494949;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:176px;font-size:14px;line-height:1.3;color:#494949}@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:700;letter-spacing:0.1em}.dashnav-column .progress-question .progress-status,.overview-progress .progress-question .progress-status,.progress-column .progress-question .progress-status{width:28px;text-align:right}.dashnav-column .progress-question .progress-status i,.overview-progress .progress-question .progress-status i,.progress-column .progress-question .progress-status i{float:right}.dashnav-column .progress-question i,.overview-progress .progress-question i,.progress-column .progress-question i{color:#494949}.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:#57b26a;border-color:#57b26a}.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:focus i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:hover span,.overview-progress .progress-question:focus i,.overview-progress .progress-question:focus span,.overview-progress .progress-question:hover i,.overview-progress .progress-question:hover span,.progress-column .progress-question:focus i,.progress-column .progress-question:focus span,.progress-column .progress-question:hover i,.progress-column .progress-question:hover span{color:#ffffff;border-color:#ffffff}.dashnav-column .progress-question.active,.overview-progress .progress-question.active,.progress-column .progress-question.active{background-color:#dea61b;text-decoration:none}.dashnav-column .progress-question.active i,.dashnav-column .progress-question.active span,.overview-progress .progress-question.active i,.overview-progress .progress-question.active span,.progress-column .progress-question.active i,.progress-column .progress-question.active span{color:#ffffff;border-color:#ffffff}.dashnav-column .progress-question{height:60px}.overview-progress{border:solid 1px #efefef;border-radius:10px;background:#ffffff}.overview-progress .progress-question{margin-bottom:0;border-bottom:solid 1px #efefef}.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{float:none;margin-right:5px}.overview-progress .progress-question.complete{background-color:rgba(87,178,106,0.2)}.overview-progress .progress-question.complete .progress-content,.overview-progress .progress-question.complete .progress-icon i,.overview-progress .progress-question.complete .progress-icon i:before,.overview-progress .progress-question.complete .progress-status,.overview-progress .progress-question.complete .progress-status i{color:#57b26a}.overview-progress .progress-question.complete .progress-icon i{border:solid 1px #57b26a}.overview-progress .progress-question .progress-content,.overview-progress .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i::before,.overview-progress .progress-question .progress-status,.overview-progress .progress-question .progress-status i{color:#042553}.overview-progress .progress-question .progress-icon i{border:solid 1px #042553}.overview-progress .progress-question:focus,.overview-progress .progress-question:hover{background-color:rgba(4,37,83,0.3);text-decoration:none}.overview-progress .progress-question:focus .progress-content,.overview-progress .progress-question:focus .progress-icon i,.overview-progress .progress-question:focus .progress-icon i::before,.overview-progress .progress-question:focus .progress-status,.overview-progress .progress-question:focus .progress-status i,.overview-progress .progress-question:hover .progress-content,.overview-progress .progress-question:hover .progress-icon i,.overview-progress .progress-question:hover .progress-icon i::before,.overview-progress .progress-question:hover .progress-status,.overview-progress .progress-question:hover .progress-status i{color:#042553;border-color:#042553}.overview-progress .progress-question:first-child:hover{border-top-left-radius:7px;border-top-right-radius:7px}.overview-progress .progress-question:last-child:hover{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.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:focus,.dashnav-column .progress-question:hover{background-color:#dea61b}.has-warning-box{border:3px solid #a94442;padding-top:8px;padding-left:8px}.has-warning-box #terms_warning{color:#a94442}.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:#f5f5f5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#info_modal,#questions_modal,#terms_modal{margin-top:112px;font-size:18px}#info_modal .modal-header,#questions_modal .modal-header,#terms_modal .modal-header{text-align:center}#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}#info_modal .modal-footer,#questions_modal .modal-footer,#terms_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}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#494949;background:#042553;-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 .tooltip-link,h2 .tooltip-link,h3 .tooltip-link,h4 .tooltip-link{color:#042553;border:0}h1 i.fa,h2 i.fa,h3 i.fa,h4 i.fa{color:#042553;font-size:24px;margin-right:6px}h1{font-weight:600;line-height:54px;color:#042553;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#042553;display:block;letter-spacing:0.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#494949;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#19355b;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#19355b;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;-webkit-transition:all 0.1s eease-in-out;transition:all 0.1s eease-in-out}.intro{font-size:18px;line-height:28px}img{max-width:100%;height:auto}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:12px 16px}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#fdfdfd}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:10px;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.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}.checkmark{background:#7ac289;position:relative;padding:22px 20px 20px 90px;color:#ffffff;border-radius:10px;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{color:#365ebe;border-bottom:dotted 1px #365ebe;cursor:pointer;word-break:break-all;display:inline-block}.tooltip-link:hover{color:#042553;border-bottom-color:#365ebe}.collapse-trigger{margin-bottom:12px}.collapse-trigger>div{color:#365ebe;border-bottom:solid 1px #365ebe;display:inline;cursor:pointer}.collapse-trigger>div .tooltip-link{border:0}.collapse-trigger>div .tooltip-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}.form-group input.form-control.input-wide,.input-group input.form-control:first-child.input-wide{width:70%}.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}.btn-radio{color:#19355b;background-color:#d4dce5;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 #d4dce5;-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[disabled].active,.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:active.focus,.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(73,73,73,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}.checkbox label,.radio label{margin-bottom:8px}.checkbox label,.radio label{font-weight:700}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}#top_banner{background-color:#042553;border-bottom:2px solid #dea61b;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 a{color:#ffffff}#top_banner .top_banner-user a:active,#top_banner .top_banner-user a:hover{color:#fcfcfc}#mid_banner{background-color:#2b5580;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:#dea61b;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%}#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}#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:#042553;border-top:3px solid #dea61b;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%}.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 .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:#494949;font-weight:normal}.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:#042553;color:#fff}.step-review .collapse>div,.step-review .collapsing>div{margin-bottom:0}.step-review .review-buttons{float:right;padding:0 15px 10px;margin:0}.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}.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}.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 280px;flex:0 0 280px;background-color:#19355b;-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:#042553}.row-flex .more_information-column h2{color:#042553;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:#2b5580 url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:54px auto 100px;padding:0 20px;max-width:840px;text-align:center;color:#ffffff;position:relative}.row-flex.intro-page .content-column h1,.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:focus.btn,.row-flex.intro-page .content-column a:hover.btn{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}.dashnav-column h4,.overview-progress h4,.progress-column h4{color:#494949;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:72px;margin-bottom:12px;padding:0 18px}.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 46px}.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 #494949;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:176px;font-size:14px;line-height:1.3;color:#494949}@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:700;letter-spacing:0.1em}.dashnav-column .progress-question .progress-status,.overview-progress .progress-question .progress-status,.progress-column .progress-question .progress-status{width:28px;text-align:right}.dashnav-column .progress-question .progress-status i,.overview-progress .progress-question .progress-status i,.progress-column .progress-question .progress-status i{float:right}.dashnav-column .progress-question i,.overview-progress .progress-question i,.progress-column .progress-question i{color:#494949}.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:#57b26a;border-color:#57b26a}.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:focus i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:hover span,.overview-progress .progress-question:focus i,.overview-progress .progress-question:focus span,.overview-progress .progress-question:hover i,.overview-progress .progress-question:hover span,.progress-column .progress-question:focus i,.progress-column .progress-question:focus span,.progress-column .progress-question:hover i,.progress-column .progress-question:hover span{color:#ffffff;border-color:#ffffff}.dashnav-column .progress-question.active,.overview-progress .progress-question.active,.progress-column .progress-question.active{background-color:#dea61b;text-decoration:none}.dashnav-column .progress-question.active i,.dashnav-column .progress-question.active span,.overview-progress .progress-question.active i,.overview-progress .progress-question.active span,.progress-column .progress-question.active i,.progress-column .progress-question.active span{color:#ffffff;border-color:#ffffff}.dashnav-column .progress-question{height:60px}.overview-progress{border:solid 1px #efefef;border-radius:10px;background:#ffffff}.overview-progress .progress-question{margin-bottom:0;border-bottom:solid 1px #efefef}.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{float:none;margin-right:5px}.overview-progress .progress-question.complete{background-color:rgba(87,178,106,0.2)}.overview-progress .progress-question.complete .progress-content,.overview-progress .progress-question.complete .progress-icon i,.overview-progress .progress-question.complete .progress-icon i:before,.overview-progress .progress-question.complete .progress-status,.overview-progress .progress-question.complete .progress-status i{color:#57b26a}.overview-progress .progress-question.complete .progress-icon i{border:solid 1px #57b26a}.overview-progress .progress-question .progress-content,.overview-progress .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i::before,.overview-progress .progress-question .progress-status,.overview-progress .progress-question .progress-status i{color:#042553}.overview-progress .progress-question .progress-icon i{border:solid 1px #042553}.overview-progress .progress-question:focus,.overview-progress .progress-question:hover{background-color:rgba(4,37,83,0.3);text-decoration:none}.overview-progress .progress-question:focus .progress-content,.overview-progress .progress-question:focus .progress-icon i,.overview-progress .progress-question:focus .progress-icon i::before,.overview-progress .progress-question:focus .progress-status,.overview-progress .progress-question:focus .progress-status i,.overview-progress .progress-question:hover .progress-content,.overview-progress .progress-question:hover .progress-icon i,.overview-progress .progress-question:hover .progress-icon i::before,.overview-progress .progress-question:hover .progress-status,.overview-progress .progress-question:hover .progress-status i{color:#042553;border-color:#042553}.overview-progress .progress-question:first-child:hover{border-top-left-radius:7px;border-top-right-radius:7px}.overview-progress .progress-question:last-child:hover{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.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:focus,.dashnav-column .progress-question:hover{background-color:#dea61b}.has-warning-box{border:3px solid #a94442;padding-top:8px;padding-left:8px}.has-warning-box #terms_warning{color:#a94442}.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:#f5f5f5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#info_modal,#questions_modal,#terms_modal{margin-top:112px;font-size:18px}#info_modal .modal-header,#questions_modal .modal-header,#terms_modal .modal-header{text-align:center}#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}#info_modal .modal-footer,#questions_modal .modal-footer,#terms_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}.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:26px;margin-bottom:20px}.footnote.shaded-box{border-radius:8px;padding:25px 80px 25px 80px}.shaded-box{background-color:rgba(0,0,0,0.35)}.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=../../../../../../../../../../static/css/main.css.map */ \ No newline at end of file +/*# sourceMappingURL=/static/css/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 a3aff249e..81985e0e5 100644 --- a/edivorce/apps/core/static/css/main.scss +++ b/edivorce/apps/core/static/css/main.scss @@ -1124,11 +1124,17 @@ textarea { color: #ffffff; } - h2 { - font-size: 30px; - font-weight: 600; - margin: 48px 0 0; - } + h2 { + font-size: 30px; + font-weight: 600; + margin: 42px 0 0; + + &.shaded-box { + padding-top: 28px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + } + } .intro { font-size: 24px; @@ -1171,6 +1177,26 @@ textarea { width: 45%; } + + &.shaded-box { + padding-top: 22px; + padding-bottom: 50px; + margin-top: 0; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + + .flex-column { + &.left { + padding-left: 30px; + } + + &.right { + padding-right: 30px; + } + + } + } + span.number-circle { border: solid 2px white; padding: 0; @@ -1536,11 +1562,26 @@ span.hard-stop { } .footnote { - margin-top: 72px; + margin-top: 40px; margin-bottom: 52px; - font-size: 14px; + font-size: 16px; + + h5 { + font-size: 26px; + margin-bottom: 20px; + } + + &.shaded-box { + border-radius: 8px; + padding: 25px 80px 25px 80px; + } } +.shaded-box { + background-color: rgba(0,0,0,0.35); +} + + /* Datepicker */ .date-picker-group { .input-group-addon { diff --git a/edivorce/apps/core/templates/intro.html b/edivorce/apps/core/templates/intro.html index 3dd86538c..33ce3d812 100644 --- a/edivorce/apps/core/templates/intro.html +++ b/edivorce/apps/core/templates/intro.html @@ -9,17 +9,17 @@

Make Your Joint Divorce* Process Manage

Forms, deadlines, tasks... Divorce can be a difficult enough time as it is without having to navigate through confusing legal language. That's why this online tool is here: to help you get through the details, procedures, and paperwork.

-

How it Works

+

How it Works

-
-
+
+

1 Answer Questions

Our completely free and secure online questionnaire will save your work so you can proceed at your own pace.

-
+

2 Print Your Forms

Once you're done with the questions, you'll print your papers and file at your local court registry. That’s all there is to it! @@ -28,13 +28,14 @@

2 Print Your Forms

-
-
*BETA SERVICE - JOINT DIVORCE ONLY
+
+
*Beta Service - Joint Divorce Without Children Only

- Joint divorce means making an application for a divorce together with your spouse. It means that you and your - spouse agree about getting a divorce and that you agree about all of the family law issues relevant to your - situation, such as spousal support, and the division of family property and debts. -

+ For now, this service only handles the creation of paperwork for divorces + where both partners agree they want a divorce (Joint Divorce) and DO NOT + have any dependent children. In the future this service will be expanded + to help those WITH children. +

diff --git a/requirements.txt b/requirements.txt index e8a644cf9..9611ccd2c 100644 --- a/requirements.txt +++ b/requirements.txt @@ -6,7 +6,7 @@ django-sass-processor==0.5.5 djangorestframework==3.5.3 gunicorn==19.4.5 libsass==0.13.3 -psycopg2==2.6.1 +psycopg2==2.7.3 requests==2.13.0 six==1.10.0 Unipath==1.1