:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figure,footer,header,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}b,strong{font-weight:bolder}small{font-size:80%}sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.figure{display:inline-block}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-10,.col-12,.col-2,.col-3,.col-6,.col-9,.col-lg,.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-lg-9,.col-md-5,.col-md-7,.col-xl-3{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled{pointer-events:none}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-text:last-child{margin-bottom:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.border{border:1px solid #dee2e6!important}.d-none{display:none!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.float-right{float:right!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.ml-auto{margin-left:auto!important}.text-left{text-align:left!important}.text-muted{color:#6c757d!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
@font-face {
font-family: "Lato";
font-display: swap;
src: url("/assets/fonts/latoregular.8201bf32.woff2"); }
@font-face {
font-family: "Caveat";
font-display: swap;
src: url("/assets/fonts/Caveatregular.519302f3.woff2") format("woff2"); }
body {
font-family: 'Lato', sans-serif;
background-color: #F9FAFF; }
p, .remember-info {
font-size: 16px;
line-height: 24px;
color: #444444; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.bg {
background: #904ac2;
background: -moz-linear-gradient(-45deg, #904ac2 0%, #8057ca 18%, #3891f0 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #904ac2), color-stop(18%, #8057ca), color-stop(100%, #3891f0));
background: -webkit-linear-gradient(-45deg, #904ac2 0%, #8057ca 18%, #3891f0 100%);
background: -o-linear-gradient(-45deg, #904ac2 0%, #8057ca 18%, #3891f0 100%);
background: -ms-linear-gradient(-45deg, #904ac2 0%, #8057ca 18%, #3891f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#904ac2', endColorstr='#3891f0', GradientType=1);
background: linear-gradient(91.27deg, #7C4EB6 17.89%, #6072FF 81.77%);
box-shadow: 0px 10px 25px rgba(53, 65, 159, 0.25);
width: 100%;
z-index: -1;
height: 160px;
position: absolute; }
header {
position: absolute;
width: 100%;
top: 0; }
.second-brand {
padding-left: 30px; }
.second-brand, .navbar .nav-link {
font-size: 16px;
line-height: 24px;
color: #FFFFFF; }
a:hover {
color: #14183c; }
.navbar .nav-link:hover {
color: #9ae886; }
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.btn:hover {
color: #212529;
text-decoration: none; }
.btn:focus {
outline: none; }
.logo-container {
position: absolute;
left: 0;
top: 0; }
.main-body {
padding-top: 104px; }
.title {
font-weight: bold;
font-size: 27px;
line-height: 32px;
color: #FFFFFF;
padding-bottom: 25px;
letter-spacing: 2px; }
.google-ad h3 {
font-weight: 900;
font-size: 18px;
line-height: 24px;
color: #444444; }
.google-ad p {
color: #777777; }
.google-ad .info-box {
margin-bottom: 0;
min-height: 200px; }
.find_out_more {
width: 153px;
height: 35px;
background: #0083E1;
border-radius: 33px;
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
padding: 4px;
margin-top: 15%; }
.info-box {
background: #FFFFFF;
border: 1px solid #E3E3E3;
box-sizing: border-box;
padding: 29px; }
.info-title {
font-weight: 900;
font-size: 18px;
line-height: 24px;
color: #525CA5; }
.tips {
background: #F6FFEB;
border: 1px solid #D0F5A1;
box-sizing: border-box;
border-radius: 4px;
padding: 14px 24px 24px 24px; }
.tips-title {
position: relative;
margin-bottom: 8px; }
.tips-title img {
margin-bottom: 7px; }
.controllers {
position: relative;
width: 33%;
margin: 0 auto; }
.controllers .carousel-control-next,
.controllers .carousel-control-prev {
font-size: 12px;
line-height: 16px;
color: #525CA5;
width: 60%;
opacity: 1;
font-family: sans-serif; }
img#close_tips {
position: absolute;
left: auto;
right: -8px; }
.precalculations h3 {
margin-bottom: 18px; }
.pre-btn-col {
padding: 7px; }
.pre-btn {
border: 1px solid #E9EBFF;
box-sizing: border-box;
border-radius: 48px;
font-size: 16px;
line-height: 24px;
padding: 10px 35px;
display: inline-block;
width: 100%;
text-align: center;
color: #585f96; }
.predefined {
margin-bottom: 30px; }
.predefined .col-6 .pre-btn {
font-size: 12px;
line-height: 16px;
padding: 6px 10px; }
#pre_select {
width: 100%;
height: 40px;
-webkit-appearance: none;
font-size: 16px;
line-height: 24px;
color: #444444;
padding: 5px 16px; }
label {
font-weight: bold;
font-size: 14px;
line-height: 16px;
color: #777777; }
.sidebar-block {
margin-bottom: 40px; }
.find_out_div {
background: #E6E6E6;
text-align: center;
padding: 22px; }
.find_out_div .find_out_more {
margin-top: 0; }
.back_to_top_div {
min-height: 35px;
margin-bottom: 30px; }
.back-to-top {
text-align: center; }
#back_to_top {
font-size: 16px;
line-height: 16px;
color: #525CA5;
border-bottom: 1px solid;
margin-left: 4px;
padding-bottom: 1px; }
footer {
background: #FFFFFF;
border: 1px solid #E9EBFF;
box-sizing: border-box;
padding: 15px; }
footer .menu {
margin-bottom: 10px; }
footer .menu a {
font-size: 14px;
line-height: 18px;
color: #525CA5;
margin-right: 10px; }
.copyright {
font-size: 12px;
line-height: 16px;
color: #444444; }
.breadcrumb-div {
margin-bottom: 26px;
padding: 0; }
.breadcrumb-div a {
text-decoration-line: underline; }
.breadcrumb-div a, .breadcrumb-div span {
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: #777777; }
.outside-title {
margin-bottom: 15px; }
.flex-row {
display: flex;
background-color: #fff; }
.flex-col {
width: 50%;
border: 1px solid #E9EBFF;
box-sizing: border-box;
padding: 20px 24px; }
.result-label {
font-size: 12px;
line-height: 16px;
color: #444444;
margin-bottom: 5px;
display: block; }
.mortgage_summary h2 {
font-size: 24px;
line-height: 32px;
color: #525CA5; }
.mortgage_summary img {
margin-top: 12px; }
.space {
height: 40px; }
.block-title {
font-weight: 900;
font-size: 18px;
line-height: 24px;
color: #525CA5;
margin: 20px 0; }
.figure-out-tips {
padding: 14px 24px;
margin-bottom: 30px; }
.mobile-only, .mobile-only-inline {
display: none; }
.horizontal-calc {
background: #fff;
padding: 20px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.102);
border-radius: 4px;
margin-bottom: 40px; }
.horizontal-calc label {
font-weight: bold;
font-size: 12px;
line-height: 16px;
color: #5f5f5f; }
.horizontal-calc .form-check-label {
font-size: 16px;
line-height: 24px;
font-weight: normal;
color: #444444; }
.calc-title {
font-weight: 900;
font-size: 18px;
line-height: 24px;
color: #525CA5;
margin-bottom: 22px; }
.form-group {
margin-bottom: 30px; }
.form-control {
font-size: 16px;
line-height: 24px;
color: #444444;
height: 48px; }
.text-input-wrapper, .input-wrapper {
border: 1px solid #E3E3E3;
border-radius: 3px;
position: relative; }
.input-wrapper {
border-bottom: 0; }
.extra {
text-align: center;
margin-bottom: 15px;
font-size: 12px;
line-height: 16px;
color: #525CA5; }
.extra span {
cursor: pointer; }
.extra span.extra-txt {
border-bottom: 1px dashed #525CA5;
margin-right: 5px; }
.last-link {
text-align: center;
font-size: 12px;
line-height: 16px;
text-decoration-line: underline;
color: #525CA5; }
.last-link a {
color: #525CA5; }
.range {
-webkit-appearance: none;
vertical-align: middle;
outline: none;
border: none;
padding: 0;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
cursor: pointer;
height: 3px;
background: none; }
.currency {
float: right;
padding: 10px;
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 24px;
color: #777777; }
output {
font-size: 16px;
line-height: 24px;
color: #444444;
padding: 10px; }
.range::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid #56DB35;
width: 18px;
height: 14px;
border-radius: 4px;
background-image: url("/assets/images/calculator/input.svg");
cursor: pointer;
margin-top: -3px;
background-size: cover;
background-position: center;
box-shadow: 0px 10px 16px #BBF4AC; }
.range::-ms-thumb {
-webkit-appearance: none;
border: 1px solid #56DB35;
width: 18px;
height: 14px;
border-radius: 4px;
background-image: url("/assets/images/calculator/input.svg");
cursor: pointer;
margin-top: -3px;
background-size: cover;
background-position: center;
box-shadow: 0px 10px 16px #BBF4AC; }
.range::-moz-range-thumb {
-moz-appearance: none;
border: 1px solid #56DB35;
width: 18px;
height: 14px;
border-radius: 4px;
background-image: url("/assets/images/calculator/input.svg");
cursor: pointer;
margin-top: -3px;
background-size: cover;
background-position: center;
box-shadow: 0px 10px 16px #BBF4AC; }
.range::-webkit-slider-runnable-track {
width: 100%;
height: .313em;
cursor: pointer;
border-radius: 3px; }
.range::-moz-range-track {
width: 100%;
height: .313em;
cursor: pointer;
border-radius: 3px; }
.range::-ms-track {
width: 100%;
height: .313em;
cursor: pointer;
border-radius: 3px; }
.range:focus {
background: none;
outline: none; }
.range::-ms-track {
width: 100%;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent; }
.filled {
position: absolute;
height: 3px;
cursor: pointer;
border-radius: 0 0 4px 4px;
bottom: -1px;
width: 100%; }
.tabs {
display: flex;
border: none; }
.tabs > .tab {
flex: 1;
display: flex;
cursor: pointer;
margin-bottom: 0; }
form input {
cursor: text; }
form select {
cursor: pointer; }
.tabs:first-child > .tab-box {
border-radius: 3px 0 3px; }
.tab > .tab-input {
width: 0;
height: 0;
margin: 0;
display: none; }
.tab > .tab-box {
padding: .5rem;
width: 100%;
text-align: center;
transition: 0.5s;
border: 1px solid #e3e3e3;
font-size: 16px;
line-height: 24px;
color: #444444; }
.tab > .tab-input:checked + .tab-box, .tab-input:hover + .tab-box {
background: #EEFBEB;
border: 2px solid #56DB35;
box-sizing: border-box; }
.form-control {
border: 1px solid #E3E3E3; }
.hidden, .date::-webkit-inner-spin-button, .date::-webkit-clear-button {
display: none; }
.form-control:focus {
border-color: #e4e4e4;
box-shadow: none; }
select.form-control-lg {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none; }
select + img {
float: right;
margin-top: -48px;
pointer-events: none;
width: 48px;
height: 48px;
text-align: center;
padding: 18px;
color: #777777;
background: #F3F3F3;
border: 1px solid #E3E3E3;
border-radius: 0 3px 3px 0; }
.calculate-btn {
background: transparent;
border: 1px solid #56DB35;
color: #40AF24;
box-shadow: none;
border-radius: 3px;
font-size: 16px;
line-height: 24px;
text-align: center;
width: 100%;
padding: 10px; }
.calculate-btn.calc-home {
background: #65D349;
border: 1px solid #65D349;
box-shadow: 0px 10px 16px #BBF4AC;
color: #FFFFFF; }
.calculate-btn:hover {
border: 1px solid #56DB35;
background: #56DB35;
color: #fff;
box-shadow: 0px 10px 16px #BBF4AC; }
.extra-hidden {
display: none; }
#extra-toggler .extra-txt:after {
content: '';
background-image: url(/assets/images/calculator/arrow-down.svg);
background-repeat: no-repeat;
width: 10px;
height: 10px;
position: absolute;
top: 5px;
margin-left: 5px; }
#extra-toggler .extra-txt.added:after {
content: '';
background-image: url(/assets/images/calculator/arrow-up.svg);
background-repeat: no-repeat;
width: 10px;
height: 10px;
position: absolute;
top: 5px;
margin-left: 5px; }
.range-input {
border: none;
padding: 10px;
-webkit-appearance: none; }
.range-input::-webkit-inner-spin-button {
display: none; }
.range-input:focus {
outline: none;
box-shadow: none; }
.gray {
color: #777777; }
.pointer {
cursor: pointer; }
.xsmall {
font-size: 9px; }
.sponsored {
margin: 0;
padding: 0;
line-height: 9px;
float: right;
position: relative; }
.rates-action {
line-height: 54px;
padding: 10px !important;
padding-top: 10px !important;
border: 0 !important;
vertical-align: top;
padding-right: 10px; }
.rates-loan-program {
padding-top: 7px !important;
color: #777;
line-height: 13px;
vertical-align: top !important;
text-align: center;
font-size: 10px; }
.rates-loan-program.fha {
background-color: #F3F3F3; }
.rates-loan-program.va {
background-color: #E9EBFF; }
.nobr {
white-space: nowrap; }
.as-seen-on {
padding: 0px;
color: #595959;
font-size: 12px;
padding-top: 10px; }
.as-seen-on img {
max-height: 100px;
filter: grayscale(100%);
opacity: 0.35; }
.as-seen-on td {
padding-left: 10px;
padding-right: 10px }
.as-seen-on th {
padding-right: 10px;
font-weight: 300;
line-height: 30px }
.formula {
font-family: 'Caveat', 'Lato', sans-serif;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #525CA5; }
.how_to_list {
padding-left: 20px; }
.how_to_list li {
list-style: none;
position: relative;
font-size: 16px;
line-height: 24px;
color: #444444; }
.how_to_list li:before {
content: '';
width: 8px;
height: 8px;
background-color: #6971AE;
border-radius: 50%;
position: absolute;
top: 40%;
left: -3%; }
.hint {
font-size: 12px;
line-height: 16px;
color: #444444; }
background-repeat: .line-title {
font-size: 16px;
line-height: 24px;
color: #444444; }
.line-title span {
color: #525CA5; }
.value-title {
font-size: 12px;
line-height: 16px; }
@media only screen and (max-width: 576px) {
.value-title {
font-size: 14px; } }
.value-box {
display: flex;
max-width: 180px; }
.value-color span {
width: 8px;
height: 8px;
display: block;
margin-right: 7px;
margin-top: 3px; }
.value-1 {
background: #D68ED3;
box-shadow: 0px 8px 16px rgba(214, 142, 211, 0.32); }
.value-2 {
background: #9AE886;
box-shadow: 0px 8px 16px rgba(154, 232, 134, 0.322); }
.line-graph {
height: 8px; }
.graph-box {
text-align: right;
margin-bottom: 10px; }
.extra_payment .info-box {
border-radius: 4px; }
.tab-content {
background: #fff;
padding: 10px 0 0 24px;
border: 1px solid #e9ebff;
border-radius: 3px; }
.nav-tabs {
border-bottom: none; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: transparent; }
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link.active {
font-size: 16px;
line-height: 24px;
color: #444444;
border: 1px solid #e9ebff;
padding: 6px 32px;
border-bottom: 1px solid #fff; }
.dataTables_scrollHeadInner, .display.dataTable.no-footer {
width: 100% !important; }
.dataTables_scroll th {
width: 162px;
font-size: 12px;
line-height: 16px;
padding: 15px 0; }
@media only screen and (max-width: 576px) {
.dataTables_scroll th {
font-size: 14px; } }
.nav-tabs .nav-item .nav-link {
border-bottom: 1px solid #e9ebff; }
.nav-tabs .nav-item .nav-link.active {
border-bottom: 1px solid #fff; }
.odd, .even {
background-color: #fff;
border-bottom: 1px solid #E9EBFF; }
.odd td, .even td {
padding: 14px 0;
text-align: left;
font-size: 16px;
line-height: 24px;
color: #525CA5; }
.dataTables_scrollBody {
overflow-x: hidden !important; }
table.dataTable thead {
border-bottom: 1px solid #E9EBFF; }
table.dataTable thead .sorting_asc {
background-image: url("/assets/images/datatables/sort_asc.png"); }
table.dataTable thead .sorting_desc {
background-image: url("/assets/images/datatables/sort_desc.png"); }
table.dataTable thead .sorting {
background-image: url("/assets/images/datatables/sort_both.png"); }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
background-repeat: no-repeat;
background-position: center left;
padding-left: 18px; }
th:focus, tr:focus {
outline: none; }
.dataTables_scrollBody::-webkit-scrollbar {
width: 10px;
height: 100px;
margin-right: 10px; }
.dataTables_scrollBody::-webkit-scrollbar-track {
border: 1px solid #E9EBFF; }
.dataTables_scrollBody::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
background-color: #E9EBFF;
height: 20px;
outline: 1px solid slategrey;
resize: none; }
.show-year-container {
display: flex;
width: 100%;
text-align: center;
padding: 0px 45px; }
.year-item {
display: inline-block;
font-size: 12px;
line-height: 16px;
color: #444444; }
.line-through {
text-decoration: line-through; }
.span-style {
width: 8px;
height: 8px;
box-shadow: 0px 5px 10px rgba(157, 165, 243, 0.4);
border-radius: 50%;
position: absolute;
top: 17%;
left: -12px; }
.pie-li {
position: relative;
list-style: none;
cursor: pointer;
margin: 20px 0; }
.pie-legend {
font-size: 12px;
line-height: 16px;
color: #444444; }
.pie-value {
font-size: 16px;
line-height: 24px;
color: #525CA5; }
.custom-tab-controller {
text-align: right; }
.custom-tab-controller img {
cursor: pointer;
margin-left: 8px; }
.custom-tab-box {
background: #FFFFFF;
border: 1px solid #E9EBFF;
box-sizing: border-box;
border-radius: 3px; }
.custom-tab-box .bar {
margin: 20px 0 40px; }
.custom-tab-box .pie {
margin: 40px 0; }
.custom-tab-box #for-money {
margin: 20px; }
.custom-tab-box #for-calendar {
margin: 14px 24px 30px; }
.pie #legend {
margin: 20px 0; }
.line-row {
margin: 0 10px; }
.line-years {
display: flex;
padding: 0 10px; }
.line-row .value-box {
max-width: initial;
margin-bottom: 15px; }
.bar-graph-horizontal {
position: relative;
margin-bottom: 60px; }
.bar-graph-horizontal:before {
content: '';
position: absolute;
left: 0;
top: 9px;
height: 80px;
border-left: 1px solid #E3E3E3; }
#bar-legend ul li {
display: inline;
list-style-type: none;
padding-right: 20px;
float: left;
font-family: 'Lato', sans-serif;
font-size: 12px;
line-height: 16px;
color: #444444;
cursor: pointer; }
#bar-legend ul li span {
width: 8px;
height: 8px;
display: inline-block;
margin-right: 4px; }
#bar-legend ul li:first-child span {
background: #D68ED3;
box-shadow: 0px 5px 10px rgba(214, 142, 211, 0.4); }
#bar-legend ul li:nth-child(2) span {
background: #9AE886;
box-shadow: 0px 5px 10px rgba(154, 232, 134, 0.4); }
#bar-legend ul li:nth-child(3) span {
width: 19px;
position: relative; }
#bar-legend ul li:nth-child(3) span img {
position: absolute;
top: -7px;
left: -5px; }
#ratesForm {
background: #fff;
border-bottom: 1px solid #E9EBFF;
box-sizing: border-box;
border-radius: 2px;
padding: 20px 24px 16px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05); }
#ratesTableHolder {
margin: 0 0 24px 0; }
#ratesTableHolder .table td {
border-top: 0;
border-bottom: 1px solid #E9EBFF;
width: 20%;
padding-bottom: 33px;
padding: 20px 5px; }
#ratesTableHolder .table tr:last-child td {
border-bottom: none; }
#ratesTable h4 {
font-size: 14px;
padding-top: 20px; }
.rate-col {
width: 20%;
min-width: 136px;
padding: 0 5px; }
.rate-col input, .rate-col select {
font-family: 'Lato', sans-serif;
background: #FFFFFF;
border: 1px solid #E3E3E3;
box-sizing: border-box;
border-radius: 2px;
padding: 15px 8px;
min-width: 126px;
font-size: 12px;
line-height: 16px;
color: #444444;
position: relative; }
.rate-col input[type=submit] {
margin-top: 21px;
border: 1px solid #56DB35;
box-sizing: border-box;
border-radius: 2px;
font-size: 16px;
color: #40AF24;
text-align: center; }
.form-inline .form-control, .rate-input {
width: 100%; }
.select-col, .rate-input {
position: relative; }
.rate-input:after {
content: '';
position: absolute;
right: 6%;
top: 30%;
height: 16px;
width: 16px;
z-index: 2;
}
.zip-input:after {
background: url(/assets/images/summary/location.svg);
}
.amount-input:after {
background: url(/assets/images/summary/dollar.png);
background-repeat: no-repeat;
}
.rate-input:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 32px;
background: #F3F3F3;
border: 1px solid #E3E3E3;
box-sizing: border-box;
border-radius: 0px 3px 3px 0px;
z-index: 1; }
.select-col:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 32px;
background: #F3F3F3;
border: 1px solid #E3E3E3;
box-sizing: border-box;
border-radius: 0px 3px 3px 0px;
z-index: 1;
pointer-events: none; }
.select-col:after {
content: '';
background-image: url(/assets/images/calculator/polygon.svg);
position: absolute;
right: 8%;
top: 44%;
height: 13px;
width: 10px;
z-index: 2;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none; }
.form-inline label {
justify-content: left;
font-size: 12px;
line-height: 16px;
color: #444444;
margin-bottom: 5px; }
input:focus, select:focus {
box-shadow: none !important;
outline: none !important; }
.rates-click-track {
font-family: 'Lato', sans-serif;
font-size: 12px;
line-height: 16px;
color: #444444; }
.rate-main {
font-size: 32px;
line-height: 42px;
color: #525CA5; }
#ajaxLoader img {
margin-bottom: 30px; }
.shadow-my {
display: flex;
width: 85%;
padding-top: 9px;
text-align: center;
margin: -24px auto 20px;
box-shadow: #08080857 0px 7px 20px 0px;
background: #ebebeb;
height: 4px; }
.table-lite-scroll {
max-height: 256px;
overflow-y: auto;
overflow-x: hidden;
}
.table-lite-scroll thead th {
position: sticky;
top: 0;
background: #fff;
z-index: 1;
}
.collapse:not(.show) {
display: none;
}
.text-input-wrapper .range-input,
.text-input-wrapper textarea {
width: 100%;
box-sizing: border-box;
}
.calculate-btn[disabled] {
opacity: 0.7;
cursor: default;
}
.btn-spinner {
display: none;
width: 15px;
height: 15px;
margin-left: 9px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
vertical-align: -2px;
animation: btn-spin 0.6s linear infinite;
}
.is-loading .btn-spinner {
display: inline-block;
}
@keyframes btn-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.btn-spinner {
animation-duration: 1.5s;
}
}
.post-meta {
font-size: 13px;
color: #777;
margin: 0 0 18px;
}
html.dark .post-meta {
color: #8a90ad;
}
.related-guides {
margin-top: 28px;
padding-top: 16px;
border-top: 1px solid #e9ebff;
}
html.dark .related-guides {
border-top-color: #2a2e45;
}
.related-guides ul {
margin: 8px 0 0;
padding-left: 18px;
}
.related-guides li {
margin-bottom: 4px;
}
.diagram-fig {
margin: 22px 0 10px;
}
.diagram {
display: block;
width: 100%;
max-width: 460px;
height: auto;
}
.diagram text {
fill: #525ca5;
font-family: Lato, sans-serif;
font-size: 13px;
}
.diagram .small {
font-size: 11px;
fill: #777;
}
.diagram .axis {
stroke: #e3e3e3;
stroke-width: 1;
}
.diagram .track {
fill: #ececf6;
}
.diagram .c-green {
fill: #9ae886;
}
.diagram .c-mauve {
fill: #d68ed3;
}
.diagram .c-blue {
fill: #6072ff;
}
.diagram .c-amber {
fill: #efb55f;
}
.diagram .c-gray {
fill: #c4c4c4;
}
.diagram .s-green {
stroke: #56c63a;
fill: none;
stroke-width: 2.5;
}
.diagram .s-mauve {
stroke: #c569c2;
fill: none;
stroke-width: 2.5;
}
.diagram-fig figcaption {
font-size: 12px;
color: #777;
margin-top: 6px;
}
html.dark .diagram text {
fill: #aeb6ff;
}
html.dark .diagram .small {
fill: #8a90ad;
}
html.dark .diagram .axis {
stroke: #2a2e45;
}
html.dark .diagram .track {
fill: #262b40;
}
html.dark .diagram .c-green {
fill: #74c25e;
}
html.dark .diagram .c-mauve {
fill: #b078ad;
}
html.dark .diagram .c-blue {
fill: #5566e0;
}
html.dark .diagram .c-amber {
fill: #d2a05e;
}
html.dark .diagram .c-gray {
fill: #3a3f5c;
}
html.dark .diagram .s-green {
stroke: #74c25e;
}
html.dark .diagram .s-mauve {
stroke: #b078ad;
}
html.dark .diagram-fig figcaption {
color: #8a90ad;
}
.glossary-list dt {
margin-top: 16px;
font-weight: 700;
}
.glossary-list dt a {
font-size: 18px;
}
.glossary-list dd {
margin: 4px 0 0;
color: #777;
}
html.dark .glossary-list dd {
color: #9aa1c4;
}
.custom-tab-controller img {
cursor: pointer;
}
.custom-tab-controller img.inactive-tab {
opacity: 0.45;
}
@media screen and (min-width: 769px) and (max-width: 991.98px) {
.navbar-collapse {
background: linear-gradient(91.27deg, #7c4eb6 17.89%, #6072ff 81.77%);
padding: 12px;
z-index: 100;
margin-top: 17px;
}
}
@media screen and (max-width:768px){.mobile-hidden{display:none}.mobile-only{display:block}.mobile-only-inline{display:inline}.bg{height:178px}.second-brand{margin-top:9px;margin-right:0;padding-left:24px}.hidden-xs{display:none}.main-body{padding-top:88px}.navbar-collapse{background:linear-gradient(91.27deg,#7c4eb6 17.89%,#6072ff 81.77%);padding:12px;z-index:100;margin-top:17px}.breadcrumb-div{margin-top:20px}.breadcrumb-div a,.breadcrumb-div span{font-size:14px;line-height:16px}.title{font-size:24px;min-height:100px}.flex-col{width:100%}.flex-row{display:block}.even td,.odd td{font-size:13px}.rate-col{width:50%}.rate-col input[type=submit]{margin-top:0;width:100%}.rate-col input,.rate-col select{padding:10px 8px}.form-inline .rate-col:last-child{width:100%}.form-control{height:40px}#ratesTableHolder{margin:0}#ratesTableHolder .table tr td:first-child{width:90px;padding-left:0}#ratesTableHolder .table tr td:nth-child(2){width:100px}#ratesTableHolder .table tr td:nth-child(3){width:140px}#ratesTableHolder .table tr td a{width:85%}.info-box.info-text{padding:13px 24px}.how_to_list{padding-left:15px}.how_to_list li:before{top:30%;left:-5%}.mob-list .pre-btn{font-size:12px;line-height:16px;width:auto}.predefined .block-title{margin:0}select+img{margin-top:-40px;height:40px;padding:16px}.value-box{max-width:100%}.custom-tab-controller{padding-left:0}.custom-tab-controller img{margin-left:0}#pieChart{height:160px!important}.pie #legend{margin:20px}.pie-li{width:50%;display:inline-block}#bar-legend ul li,.col-6 .pre-btn,.extra,.form-inline label,.hint,.horizontal-calc label,.last-link,.pie-legend,.rate-col input,.rate-col select,.rates-click-track{font-size:14px}.rate-main{font-size:24px;line-height:28px}#bar-legend ul{padding:0}#bar-legend ul li{font-size:12px;width:25%;padding-right:5px;float:initial}#bar-legend ul li:nth-child(4) span img{top:-6px}.line-row .value-title{font-size:12px}.shadow-my{width:62%}.mob-list{background:#fff;border:1px solid #e3e3e3;box-sizing:border-box;padding:29px}}
html.dark {
color-scheme: dark;
}
html.dark body {
background-color: #131520;
color: #b9bed8;
}
html.dark a:hover {
color: #8bb8ff;
}
html.dark p,
html.dark .remember-info,
html.dark .result-label,
html.dark .copyright,
html.dark .form-text,
html.dark .text-muted,
html.dark label {
color: #b9bed8;
}
html.dark .info-box,
html.dark .horizontal-calc,
html.dark .flex-row,
html.dark .mob-list {
background: #1c1f2e;
border-color: #2a2e45;
}
html.dark .info-box {
border: 1px solid #2a2e45;
}
html.dark .flex-col {
border-color: #2a2e45;
}
html.dark .info-title,
html.dark .block-title,
html.dark .calc-title,
html.dark .mortgage_summary h2,
html.dark .precalculations h3 {
color: #aeb6ff;
}
html.dark .breadcrumb-div a,
html.dark .breadcrumb-div span {
color: #8a90ad;
}
html.dark .odd,
html.dark .even {
background-color: #1c1f2e;
border-bottom-color: #2a2e45;
}
html.dark .odd td,
html.dark .even td {
color: #aeb6ff;
}
html.dark .dataTables_scrollHeadInner,
html.dark .display.dataTable.no-footer,
html.dark table.dataTable thead {
background: #1c1f2e;
border-color: #2a2e45;
color: #b9bed8;
}
html.dark .table-lite-scroll thead th {
background: #1c1f2e;
color: #b9bed8;
}
html.dark .nav-tabs .nav-item .nav-link {
border-bottom-color: #2a2e45;
color: #8a90ad;
}
html.dark .nav-tabs .nav-link.active {
background-color: #1c1f2e;
border-color: #2a2e45 #2a2e45 #1c1f2e;
color: #aeb6ff;
}
html.dark .tab-content,
html.dark .custom-tab-box {
background: #1c1f2e;
border-color: #2a2e45;
}
html.dark .pre-btn {
border-color: #2a2e45;
color: #9aa3ff;
}
html.dark footer {
background: #1c1f2e;
border-color: #2a2e45;
}
html.dark footer .menu a {
color: #9aa3ff;
}
html.dark .as-seen-on img,
html.dark .as-seen-on th {
filter: invert(0.75);
}
html.dark .year-item,
html.dark .value-title,
html.dark .line-title {
color: #b9bed8;
}
html.dark .custom-tab-controller small {
color: #8a90ad;
}
html.dark .info-text li,
html.dark .info-box li,
html.dark .how_to_list li {
color: #b9bed8;
}
html.dark .extra,
html.dark .extra-txt {
color: #9aa3ff;
}
html.dark .extra span.extra-txt {
border-bottom-color: #9aa3ff;
}
html.dark #back_to_top {
color: #9aa3ff;
}
html.dark .last-link a {
color: #9aa3ff;
}
html.dark .as-seen-on {
color: #9aa1c4;
}
html.dark .tips {
background: #1e2517;
border-color: #3a512a;
}
html.dark .text-input-wrapper,
html.dark .input-wrapper {
border-color: #2a2e45;
}
html.dark .range-input,
html.dark .form-control {
background: #262b40;
color: #e7eaff;
border-color: #2a2e45;
}
html.dark .form-control:focus {
background: #262b40;
color: #e7eaff;
border-color: #3a4060;
}
html.dark .currency {
color: #8a90ad;
}
html.dark select + img {
filter: invert(0.85);
}
html.dark .tab > .tab-box {
background: #20243a;
border-color: #2a2e45;
color: #b9bed8;
}
html.dark .tab > .tab-input:checked + .tab-box,
html.dark .tab-input:hover + .tab-box {
background: #243a1d;
color: #d9f3cd;
}
html.dark .horizontal-calc label {
color: #9aa1c4;
}
html.dark .gray {
color: #8a90ad;
}
html.dark #ratesForm,
html.dark #ratesTableHolder .table,
html.dark #ratesTableHolder .table th {
background: #1c1f2e;
border-color: #2a2e45;
}
html.dark #ratesTable h4,
html.dark #ratesTableHolder .table td {
color: #b9bed8;
}
html.dark .filled {
filter: brightness(0.65) saturate(0.85);
}
html.dark .range::-webkit-slider-thumb {
border-color: #3aa427;
box-shadow: 0 6px 12px rgba(86, 219, 53, 0.25);
}
html.dark .range::-moz-range-thumb {
border-color: #3aa427;
box-shadow: 0 6px 12px rgba(86, 219, 53, 0.25);
}
html.dark .range::-ms-thumb {
border-color: #3aa427;
box-shadow: 0 6px 12px rgba(86, 219, 53, 0.25);
}
html.dark .bg {
background: linear-gradient(91.27deg, #46286c 17.89%, #303a85 81.77%);
box-shadow: 0px 10px 25px rgba(10, 12, 35, 0.4);
}
html.dark .calculate-btn {
border-color: #3aa427;
color: #6fdb4f;
}
html.dark .calculate-btn.calc-home {
background: #2e7d32;
border-color: #2e7d32;
color: #ffffff;
box-shadow: 0 10px 16px rgba(86, 219, 53, 0.15);
}
html.dark .calculate-btn:hover {
background: #3aa427;
border-color: #3aa427;
color: #ffffff;
box-shadow: 0 10px 16px rgba(86, 219, 53, 0.2);
}
@media screen and (max-width: 991.98px) {
html.dark .navbar-collapse {
background: linear-gradient(91.27deg, #46286c 17.89%, #303a85 81.77%);
}
}
.theme-toggle {
background: none;
border: 0;
cursor: pointer;
padding: 6px;
line-height: 0;
color: #ffffff;
margin-left: 16px;
}
.theme-toggle svg {
display: none;
}
html[data-theme-mode='light'] .theme-toggle .icon-sun {
display: inline;
}
html[data-theme-mode='dark'] .theme-toggle .icon-moon {
display: inline;
}
html[data-theme-mode='auto'] .theme-toggle .icon-auto {
display: inline;
}
@media screen and (max-width: 991px) {
.navbar {
position: relative;
}
.theme-toggle {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 56px;
margin: 0;
}
}
@media screen and (max-width: 480px) {
.second-brand {
display: none;
}
}