diff --git a/edivorce/apps/core/static/css/main.css b/edivorce/apps/core/static/css/main.css index d4a2ee4c..97293b53 100644 --- a/edivorce/apps/core/static/css/main.css +++ b/edivorce/apps/core/static/css/main.css @@ -1 +1 @@ -@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:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:768px}h1,h2,h3,h4{margin-top:0px;margin-bottom:10px}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:.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:#2b5580;text-decoration:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}a:hover,a:focus{color:#1e3c5a;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}.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:20px 20px 20px 90px;color:#ffffff;border-radius:10px}.checkmark:after{content:"\f00c";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;top:20px;left:20px;font-size:50px;color:#ffffff}@media (max-width: 991px){.container{width:100%;min-width:750px}}.tooltip-arrow{border-top-color:#19355b}.tooltip.in{opacity:1}.tooltip-inner{text-align:left;background-color:#19355b;padding:20px;font-size:16px;line-height:24px;max-width:300px;border-radius:10px}.tooltip-innerb{font-size:18px}.tooltip-inner a{color:#ffffff;text-decoration:underline}.tooltip-inner a:hover,.tooltip-inner a:focus{color:#d5d5d5}.tooltip-link{color:#19355b;border-bottom:dotted 1px #19355b;cursor:pointer}.collapse-trigger{margin-bottom:20px}.collapse-trigger>div{color:#19355b;border-bottom:solid 1px #19355b;display:inline;cursor:pointer}.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:hover,.collapse-trigger>div:focus{color:#1e3c5a;border-bottom:solid 1px #1e3c5a;-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}.input-group input.form-control:first-child,.form-group input.form-control{border-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;height:inherit;width:inherit;float:inherit;font-size:inherit;padding:12px 15px;line-height:1em}.input-group input.form-control:first-child.input-wide,.form-group input.form-control.input-wide{width:70%}i.fa{color:#2b5580}i.fa.circle{border-radius:50%;padding:10px;border:solid 1px #2b5580}i.fa.fa-question-circle{margin-left:5px}.form-buttons{margin:30px 0}.form-buttons .btn{font-size:18px;line-height:32px;border:none;border-radius:10px;padding:6px 18px;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:18px;text-transform:uppercase;font-weight:600;line-height:45px;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:hover,.btn-radio:focus,.btn-radio:active,.btn-radio.active,.open .dropdown-toggle.btn-radio{color:#FFFFFF;background-color:#2b5580;border:3px solid #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],fieldset[disabled] .btn-radio,.btn-radio.disabled:hover,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio:hover,.btn-radio.disabled:focus,.btn-radio[disabled]:focus,fieldset[disabled] .btn-radio:focus,.btn-radio.disabled:active,.btn-radio[disabled]:active,fieldset[disabled] .btn-radio:active,.btn-radio.disabled.active,.btn-radio[disabled].active,fieldset[disabled] .btn-radio.active{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:10px;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:10px}input.input-wide{width:70%}input.input-narrow{max-width:100px}input.input-inline{padding:5px 20px;border-radius:5px;margin-left:5px}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:9px}#top_banner .top_banner-user a{color:#ffffff}#top_banner .top_banner-user a:hover,#top_banner .top_banner-user a:active{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 20px;float:right;margin-left:20px}#mid_banner .mid_banner-dash a:hover,#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .more_information-link a:hover,#mid_banner .more_information-link a.active{color:#042553;background-color:#efefef;text-decoration:none}#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .more_information-link a:hover i,#mid_banner .more_information-link a.active i{color:#042553}#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;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}@media (min-width: 1px) and (max-width: 1199px){#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{-ms-flex-wrap:wrap;flex-wrap:wrap}}#other_names_fields .form-inline .form-control,#reconciliation_period_fields .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}#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{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px}#btn_add_other_names{margin-left:10px}.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-bottom:25px;border:1px solid #d5d5d5;border-radius:10px}.question-well.hasFocus{border:1px solid #042553}.step-review .collapse-trigger{font-size:24px}.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}.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}.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:800px;padding:35px 50px 50px 50px}.row-flex .progress-column{-webkit-box-flex:0;-ms-flex:0 0 262px;flex:0 0 262px;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 262px;flex:0 0 262px;background-color:#19355b;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.row-flex .more_information-column{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;background-color:#efefef;box-shadow:inset 0px 0px 10px 0px 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}.row-flex .more_information-column .more_information-close{float:right;font-size:24px;margin-top:3px;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:20px 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:hover,.row-flex.intro-page .content-column a:focus{text-decoration:underline}.row-flex.intro-page .content-column a:hover.btn,.row-flex.intro-page .content-column a:focus.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 0px;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}.progress-column h4,.dashnav-column h4,.overview-progress h4{color:#494949;padding:0 18px;margin-top:36px}.progress-column .progress-question,.dashnav-column .progress-question,.overview-progress .progress-question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:12px;padding:0 12px 0 18px}.progress-column .progress-question .progress-icon,.dashnav-column .progress-question .progress-icon,.overview-progress .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 46px}.progress-column .progress-question .progress-icon i,.dashnav-column .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i{font-size:20px;border:solid 1px #494949;padding:8px;border-radius:36px}.progress-column .progress-question .progress-icon i.fa:before,.dashnav-column .progress-question .progress-icon i.fa:before,.overview-progress .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.progress-column .progress-question .progress-content,.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content{width:158px;font-size:14px;line-height:16px;color:#494949}.progress-column .progress-question .progress-content small,.dashnav-column .progress-question .progress-content small,.overview-progress .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.progress-column .progress-question .progress-status,.dashnav-column .progress-question .progress-status,.overview-progress .progress-question .progress-status{width:28px}.progress-column .progress-question .progress-status i,.dashnav-column .progress-question .progress-status i,.overview-progress .progress-question .progress-status i{float:right}.progress-column .progress-question i,.dashnav-column .progress-question i,.overview-progress .progress-question i{color:#494949}.progress-column .progress-question.complete span,.progress-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.dashnav-column .progress-question.complete i,.overview-progress .progress-question.complete span,.overview-progress .progress-question.complete i{color:#57b26a;border-color:#57b26a}.progress-column .progress-question:hover,.progress-column .progress-question:focus,.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus,.overview-progress .progress-question:hover,.overview-progress .progress-question:focus{background-color:#e6ca85;text-decoration:none}.progress-column .progress-question:hover span,.progress-column .progress-question:hover i,.progress-column .progress-question:focus span,.progress-column .progress-question:focus i,.dashnav-column .progress-question:hover span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:focus i,.overview-progress .progress-question:hover span,.overview-progress .progress-question:hover i,.overview-progress .progress-question:focus span,.overview-progress .progress-question:focus i{color:#ffffff;border-color:#ffffff}.progress-column .progress-question.active,.dashnav-column .progress-question.active,.overview-progress .progress-question.active{background-color:#dea61b;text-decoration:none}.progress-column .progress-question.active span,.progress-column .progress-question.active i,.dashnav-column .progress-question.active span,.dashnav-column .progress-question.active i,.overview-progress .progress-question.active span,.overview-progress .progress-question.active i{color:#ffffff;border-color:#ffffff}.overview-progress{border:solid 1px #efefef}.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-icon i,.overview-progress .progress-question.complete .progress-icon i:before,.overview-progress .progress-question.complete .progress-content,.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-icon i,.overview-progress .progress-question .progress-icon i::before,.overview-progress .progress-question .progress-content,.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:hover,.overview-progress .progress-question:focus{background-color:rgba(4,37,83,0.3);text-decoration:none}.overview-progress .progress-question:hover .progress-icon i,.overview-progress .progress-question:hover .progress-icon i::before,.overview-progress .progress-question:hover .progress-content,.overview-progress .progress-question:hover .progress-status,.overview-progress .progress-question:hover .progress-status i,.overview-progress .progress-question:focus .progress-icon i,.overview-progress .progress-question:focus .progress-icon i::before,.overview-progress .progress-question:focus .progress-content,.overview-progress .progress-question:focus .progress-status,.overview-progress .progress-question:focus .progress-status i{color:#042553}.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:hover,.dashnav-column .progress-question:focus{background-color:#dea61b}#questions_modal{font-size:18px}#questions_modal .modal-header{text-align:center}#questions_modal .modal-header i{background-color:#2b5580;color:#ffffff;height:80px;width:80px;border-radius:40px;font-size:40px;padding:20px;margin-bottom:15px}#questions_modal .modal-footer{text-align:center;border:none;padding-bottom:30px}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: 1680px){body{font-size:18px}}h1,h2,h3,h4{margin-top:0px;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:.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:hover,a:focus{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}.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:20px 20px 20px 90px;color:#ffffff;border-radius:10px}.checkmark:after{content:"\f00c";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;top:20px;left:20px;font-size:50px;color:#ffffff}@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:hover,.tooltip-inner a:focus{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:hover,.collapse-trigger>div:focus{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}.input-group input.form-control:first-child,.form-group input.form-control{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}.input-group input.form-control:first-child.input-wide,.form-group input.form-control.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:hover,.btn-radio:focus,.btn-radio:active,.btn-radio.active,.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],fieldset[disabled] .btn-radio,.btn-radio.disabled:hover,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio:hover,.btn-radio.disabled:focus,.btn-radio[disabled]:focus,fieldset[disabled] .btn-radio:focus,.btn-radio.disabled:active,.btn-radio[disabled]:active,fieldset[disabled] .btn-radio:active,.btn-radio.disabled.active,.btn-radio[disabled].active,fieldset[disabled] .btn-radio.active{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:10px}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}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:hover,#top_banner .top_banner-user a:active{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:hover,#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .more_information-link a:hover,#mid_banner .more_information-link a.active{color:#042553;background-color:#efefef;text-decoration:none}#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .more_information-link a:hover i,#mid_banner .more_information-link a.active i{color:#042553}#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;margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}@media (min-width: 1px) and (max-width: 1199px){#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{-ms-flex-wrap:wrap;flex-wrap:wrap}}#other_names_fields .form-inline .form-control,#reconciliation_period_fields .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}#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{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px}#btn_add_other_names{margin-left:10px;background-color:#365ebe;border:0;font-size:16px}.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;transition:0.1s ease-in-out all}.question-well h3{margin-top:0}.question-well p{max-width:90%}.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}.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}.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 6%}.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{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;background-color:#efefef;box-shadow:inset 0px 0px 10px 0px 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: 1680px){.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:20px 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:hover,.row-flex.intro-page .content-column a:focus{text-decoration:underline}.row-flex.intro-page .content-column a:hover.btn,.row-flex.intro-page .content-column a:focus.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 0px;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}.progress-column h4,.dashnav-column h4,.overview-progress h4{color:#494949;padding:0 18px;margin-top:36px;font-size:14px;letter-spacing:0.1em}.progress-column .progress-question,.dashnav-column .progress-question,.overview-progress .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}.progress-column .progress-question .progress-icon,.dashnav-column .progress-question .progress-icon,.overview-progress .progress-question .progress-icon{-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 46px}.progress-column .progress-question .progress-icon i,.dashnav-column .progress-question .progress-icon i,.overview-progress .progress-question .progress-icon i{font-size:20px;border:solid 1px #494949;padding:8px;border-radius:36px}.progress-column .progress-question .progress-icon i.fa:before,.dashnav-column .progress-question .progress-icon i.fa:before,.overview-progress .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.progress-column .progress-question .progress-content,.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content{width:176px;font-size:14px;line-height:1.3;color:#494949}@media (min-width: 1680px){.progress-column .progress-question .progress-content,.dashnav-column .progress-question .progress-content,.overview-progress .progress-question .progress-content{font-size:16px;width:190px}}.progress-column .progress-question .progress-content small,.dashnav-column .progress-question .progress-content small,.overview-progress .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.progress-column .progress-question .progress-status,.dashnav-column .progress-question .progress-status,.overview-progress .progress-question .progress-status{width:28px;text-align:right}.progress-column .progress-question .progress-status i,.dashnav-column .progress-question .progress-status i,.overview-progress .progress-question .progress-status i{float:right}.progress-column .progress-question i,.dashnav-column .progress-question i,.overview-progress .progress-question i{color:#494949}.progress-column .progress-question.complete span,.progress-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.dashnav-column .progress-question.complete i,.overview-progress .progress-question.complete span,.overview-progress .progress-question.complete i{color:#57b26a;border-color:#57b26a}.progress-column .progress-question:hover,.progress-column .progress-question:focus,.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus,.overview-progress .progress-question:hover,.overview-progress .progress-question:focus{background-color:#e6ca85;text-decoration:none}.progress-column .progress-question:hover span,.progress-column .progress-question:hover i,.progress-column .progress-question:focus span,.progress-column .progress-question:focus i,.dashnav-column .progress-question:hover span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:focus i,.overview-progress .progress-question:hover span,.overview-progress .progress-question:hover i,.overview-progress .progress-question:focus span,.overview-progress .progress-question:focus i{color:#ffffff;border-color:#ffffff}.progress-column .progress-question.active,.dashnav-column .progress-question.active,.overview-progress .progress-question.active{background-color:#dea61b;text-decoration:none}.progress-column .progress-question.active span,.progress-column .progress-question.active i,.dashnav-column .progress-question.active span,.dashnav-column .progress-question.active i,.overview-progress .progress-question.active span,.overview-progress .progress-question.active i{color:#ffffff;border-color:#ffffff}.overview-progress{border:solid 1px #efefef}.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-icon i,.overview-progress .progress-question.complete .progress-icon i:before,.overview-progress .progress-question.complete .progress-content,.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-icon i,.overview-progress .progress-question .progress-icon i::before,.overview-progress .progress-question .progress-content,.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:hover,.overview-progress .progress-question:focus{background-color:rgba(4,37,83,0.3);text-decoration:none}.overview-progress .progress-question:hover .progress-icon i,.overview-progress .progress-question:hover .progress-icon i::before,.overview-progress .progress-question:hover .progress-content,.overview-progress .progress-question:hover .progress-status,.overview-progress .progress-question:hover .progress-status i,.overview-progress .progress-question:focus .progress-icon i,.overview-progress .progress-question:focus .progress-icon i::before,.overview-progress .progress-question:focus .progress-content,.overview-progress .progress-question:focus .progress-status,.overview-progress .progress-question:focus .progress-status i{color:#042553;border-color:#042553}.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:hover,.dashnav-column .progress-question:focus{background-color:#dea61b}.modal-dialog{width:780px}.modal-header{border:0;padding-bottom:0}.modal-title{font-size:32px;font-weight:normal}.modal-body{padding-left:64px;padding-right:64px}.modal-body p{font-size:18px;text-align:center}.modal-footer{background:#f5f5f5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.modal-footer .btn{margin-top:12px}#questions_modal{margin-top:112px;font-size:18px}#questions_modal .modal-header{text-align:center}#questions_modal .modal-header i{background-color:#365ebe;color:#ffffff;height:80px;width:80px;border-radius:40px;font-size:40px;padding:20px;margin-bottom:15px}#questions_modal .modal-footer{text-align:center;border:none;padding-bottom:30px}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}} diff --git a/edivorce/apps/core/static/css/main.scss b/edivorce/apps/core/static/css/main.scss index c3218736..781338c3 100644 --- a/edivorce/apps/core/static/css/main.scss +++ b/edivorce/apps/core/static/css/main.scss @@ -6,11 +6,11 @@ $brand-blue: #042553; $brand-gold: #dea61b; $brand-titles: #19355b; -$brand-links: #2b5580; -$brand-buttons: #365ebe; +$brand-links: #365ebe; //#2b5580; +$brand-buttons: $brand-links; $color-blue-dark: $brand-titles; -$color-blue-medium: $brand-links; +$color-blue-medium: #2b5580; $color-blue-light: $brand-buttons; $color-blue-lighter: #d4dce5; @@ -39,15 +39,30 @@ body { font-size: 16px; line-height: 24px; color: $body-copy; - background: #ffffff; + background: $brand-blue; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 768px; + + @media (min-width: 1680px) { + font-size: 18px; + } } h1,h2,h3,h4 { margin-top: 0px; margin-bottom: 10px; + + .tooltip-link { + color: $brand-blue; + border: 0; + } + + i.fa { + color: $brand-blue; + font-size: 24px; + margin-right: 6px; + } } h1 { @@ -186,18 +201,17 @@ img { } } -.tooltip-arrow { - border-top-color: $brand-titles; -} .tooltip.in {opacity: 1;} .tooltip-inner { text-align: left; - background-color: $brand-titles; + background-color: $brand-links; padding: 20px; font-size: 16px; line-height: 24px; max-width: 300px; border-radius: 10px; + font-family: $font-custom; + &b { font-size: 18px; } @@ -210,18 +224,68 @@ img { } } +.tooltip-arrow { + pointer-events: none; + border-color: rgba(255,255,255,0); + border-width: 12px !important; +} + +.tooltip { + &.top .tooltip-arrow { + border-top-color: $brand-links; + margin-bottom: -16px; + } + + &.right { + margin-left: 10px; + .tooltip-arrow { + border-right-color: $brand-links; + margin-left: -12px; + margin-top: -14px; + } + } + + &.bottom .tooltip-arrow { + border-bottom-color: $brand-links; + margin-top: -12px; + } + + &.left { + margin-left: -10px; + .tooltip-arrow { + border-left-color: $brand-links; + margin-right: -12px; + margin-top: -14px; + } + } +} + .tooltip-link { - color: $brand-titles; - border-bottom: dotted 1px $brand-titles; - cursor: pointer; + color: $brand-links; + border-bottom: dotted 1px $brand-links; + cursor: pointer; + word-break: break-all; + display: inline-block; + &:hover { + color: $brand-blue; + border-bottom-color: $brand-links; + } } .collapse-trigger { & > div { - color: $brand-titles; - border-bottom: solid 1px $brand-titles; + color: $color-blue-light; + border-bottom: solid 1px $color-blue-light; display: inline; cursor: pointer; + + .tooltip-link { + border: 0; + &:hover { + color: inherit; + } + } + &:after { font-family: FontAwesome; font-weight: normal; @@ -243,7 +307,7 @@ img { transition: all 0.1s ease-in-out; } } - margin-bottom: 20px; + margin-bottom: 12px; &.collapsed div:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); @@ -259,11 +323,17 @@ img { margin-bottom: 25px; } +select.form-control { + font-size: 16px; + height: 42px; +} + .input-group input.form-control:first-child, .form-group input.form-control { - border-radius: 10px; - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; + margin-top: 12px; + border-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; height: inherit; width: inherit; float: inherit; @@ -278,6 +348,18 @@ img { /* Buttons & Icons*/ +.btn { + line-height: initial; + padding: 12px 15px; +} + +.btn-primary { + background: $brand-buttons; + &:hover { + background-color: darken($brand-buttons, 20%); + } +} + i.fa { color: $brand-links; &.circle { @@ -293,10 +375,9 @@ i.fa.fa-question-circle {margin-left: 5px;} margin: 30px 0; .btn { font-size: 18px; - line-height: 32px; border: none; border-radius: 10px; - padding: 6px 18px; + padding: 12px 15px; background-color: $brand-buttons; color: #ffffff; margin-bottom: 12px; @@ -327,10 +408,11 @@ i.fa.fa-question-circle {margin-left: 5px;} .btn-radio { color: $brand-titles; background-color: $color-blue-lighter; - font-size: 18px; + font-size: 16px; text-transform: uppercase; + letter-spacing: 0.08em; font-weight: 600; - line-height: 45px; + padding: 20px 0; width: 60px; height: 60px; border-radius: 30px; @@ -346,7 +428,6 @@ i.fa.fa-question-circle {margin-left: 5px;} .open .dropdown-toggle.btn-radio { color: #FFFFFF; background-color: $brand-links; - border: 3px solid $brand-buttons; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } @@ -407,7 +488,7 @@ fieldset[disabled] .btn-radio.active { /* Form Elements*/ input { - border-radius: 10px; + border-radius: 4px; color: #494949; padding: 12px 15px; border: solid 1px $color-grey-light; @@ -434,6 +515,10 @@ input { } } +.checkbox label, .radio label { + margin-bottom: 8px; +} + textarea { width: 100%; border-radius: 10px; @@ -477,7 +562,7 @@ textarea { color: #fff; font-size: 14px; float: right; - margin-top: 9px; + margin-top: 16px; a { color: #ffffff; &:hover, &:active { @@ -498,9 +583,9 @@ textarea { .mid_banner-dash a, .mid_banner-link a, .more_information-link a { - padding: 10px 20px; + padding: 10px 16px; float: right; - margin-left: 20px; + margin-left: 6px; &:hover, &.active { color: $brand-blue; background-color: $color-grey-lighter; @@ -510,6 +595,10 @@ textarea { } } } + + .mid_banner-dash a { + margin-left: 24px; + } i { color: #ffffff; padding: 0 10px 0 0; @@ -600,6 +689,9 @@ textarea { #btn_add_other_names { margin-left: 10px; + background-color: $brand-buttons; + border: 0; + font-size: 16px; } .footer { @@ -629,10 +721,31 @@ textarea { .question-well { min-height: 20px; padding: 25px; - margin-bottom: 25px; + margin-top: 25px; border: 1px solid $color-grey-light; border-radius: 10px; - &.hasFocus {border: 1px solid $brand-blue;} + background: #ffffff; + &.hasFocus { + border: 1px solid $color-blue-light; + transition: 0.1s ease-in-out all; + } + h3 { + margin-top: 0; + } + p { + max-width: 90%; + } +} + +.print-form-action { + display: inline-block; + float: right; + a { + text-decoration: none; + } + &:after { + display: none; + } } .step-review { @@ -670,6 +783,8 @@ textarea { flex-wrap: wrap; height: 100%; overflow: hidden; + background: #fdfdfd; + .col { -webkit-box-flex: 1; -ms-flex: 1; @@ -680,13 +795,15 @@ textarea { order: 3; } .content-column { - max-width: 800px; - padding: 35px 50px 50px 50px; + // max-width: 800px; + // padding: 35px 50px 50px 50px; + max-width: 1280px; + padding: 36px 6% 50px 6%; } .progress-column { -webkit-box-flex: 0; - -ms-flex: 0 0 262px; - flex: 0 0 262px; + -ms-flex: 0 0 280px; + flex: 0 0 280px; background-color: $color-grey-lighter; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; @@ -694,8 +811,8 @@ textarea { } .dashnav-column { -webkit-box-flex: 0; - -ms-flex: 0 0 262px; - flex: 0 0 262px; + -ms-flex: 0 0 280px; + flex: 0 0 280px; background-color: $brand-titles; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; @@ -714,11 +831,19 @@ textarea { -ms-flex-order: 1; order: 1; height: auto; + + @media (min-width: 1680px) { + font-size: 16px; + line-height: 1.5; + } + .more_information-close { float: right; font-size: 24px; margin-top: 3px; - color: $brand-blue; + i.fa { + color: $brand-blue; + } } h2 { color: $brand-blue; @@ -814,6 +939,8 @@ textarea { color: $color-grey-dark; padding: 0 18px; margin-top: 36px; + font-size: 14px; + letter-spacing: 0.1em; } .progress-question { display: -webkit-box; @@ -822,9 +949,9 @@ textarea { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - height: 60px; + height: 72px; margin-bottom: 12px; - padding: 0 12px 0 18px; + padding: 0 18px; .progress-icon { -webkit-box-flex: 0; -ms-flex: 0 0 46px; @@ -843,10 +970,16 @@ textarea { } } .progress-content { - width: 158px; + width: 176px; font-size: 14px; - line-height: 16px; + line-height: 1.3; color: $body-copy; + + @media (min-width: 1680px) { + font-size: 16px; + width: 190px; + } + small { font-size: 11px; text-transform: uppercase; @@ -856,6 +989,7 @@ textarea { } .progress-status { width: 28px; + text-align: right; i { float: right; } @@ -951,6 +1085,7 @@ textarea { .progress-status, .progress-status i { color: $brand-blue; + border-color: $brand-blue; } } @@ -988,7 +1123,41 @@ textarea { /* Modals */ +.modal-dialog { + width: 780px; +} + +.modal-header { + border: 0; + padding-bottom: 0; +} + +.modal-title { + font-size: 32px; + font-weight: normal; +} + +.modal-body { + padding-left: 64px; + padding-right: 64px; + + p { + font-size: 18px; + text-align: center; + } +} + +.modal-footer { + background: #f5f5f5; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + .btn { + margin-top: 12px; + } +} + #questions_modal { + margin-top: 112px; font-size: 18px; .modal-header { text-align: center; @@ -1092,5 +1261,3 @@ span.hard-stop { margin-right: 0; } } - -