@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
.value-tool {
    font-family: 'Roboto', sans-serif;
}
.value-tool-container{
	max-height: 999px;
	overflow-y: auto;
}
.value-tool-container *{
    font-family: 'Roboto', sans-serif;
}
.underline {
    text-decoration: underline;
}
.valuetool h1, .valuetool h2, .valuetool h3, .valuetool p, .valuetool div, .valuetool span {
    font-family: 'Roboto', sans-serif;
}
.value-tool-calculator-title{
    color: #000;
    font-family: 'Roboto', sans-serif;
    background-image: url('title-bg.jpg');
    background-repeat: repeat-x;
    color: #fff;
    padding: 10px 0;
    background-size: contain;
    text-align: center;
}
.value-tool-calculator-title span{
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
input.valuetool-answer {
    
    border: 3px solid rgb(196, 196, 196);
    height: 50px;
    padding: 8px 10px;
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px 0px;
    color: #469bd4;
    width: 100%;
}
input.valuetool-answer:focus{
    border: 3px solid #469bd4;
    color: #469bd4;
    outline: 0;
}
input.valuetool-answer-percent {
    display: none;
}
input.valuetool-answer-sdollars {
    display: none;
}
input.valuetool-answer-hours {
    display: none;
}
#slider, #sdollars, #hourslider {
    width: 100%;
    margin: 10px auto;
}
#sdollars-form {
}
.minlabelwrap {
    float: left;
    font-size: 1em;
}
.maxlabelwrap {
    float: right;
    font-size: 1em;
}
.mobile-fix {
    height: 120px;
}

@media (max-width: 500px) {
    .minlabelwrap, .maxlabelwrap {
        display: none;
    }
}
/* Smartphones ----------- */
@media only screen and (max-width: 600px) {
    /*was pdfwrapper*/
  #vt-results-header, #vt-results-table { 
      /* display: none; */
     }
     .value-tool-calculator-title{
        
        font-size: 30px;
    }
}
#vt-results-table td, #vt-results-header td { padding: 10px; }
#emailfhname { display: none; }
#custom-handle {
    width: 5.1em;
    height: 2.4em;
    top: 50%;
    margin-top: -1.2em;
    margin-left: -2.55em;
    text-align: center;
    line-height: 1.1em;
    font-weight: bold;
    padding: 3px;
    border: 1px solid black;
    font-family: 'Roboto', sans-serif;
  }

.ui-widget.ui-widget-content {
    background: lightgrey;
}

.valuetoolbtn {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
}
.valuetoolbtn-res, .valuetoolbtn-next, .valuetoolbtn-prev {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
    font-weight: 200;
    text-decoration: none;
    cursor: pointer;
}
a.valuetoolbtn-res, a.valuetoolbtn-next, a.valuetoolbtn-prev {
    color: #469bd4;
}
a.valuetoolbtn-res:hover, a.valuetoolbtn-next:hover, a.valuetoolbtn-prev:hover {
    color: #f3835d;
    text-decoration: none;
}
.valuetoolbtn-res {
    
}
.valuetoolbtn-next {
    
}
.valuetoolbtn-prev {
    margin-right: 50px;
}
.valuetoolbtn_box {
    width: 45%;
    margin: 0 auto;
    text-align: center;
}
.valuetool-title {
    font-size: 1.3em;
    text-align: center;
    color: #469bd4;
}
.footnote {
    font-size: .75em;
    margin-top: 30px;
}
#footnotes {
    display: block;
    margin-top: 75px;
    font-size: 1em;
    clear: both;
    text-align: justify;
    padding: 10px;
}
#disclosures {
    font-size: .85em;
}
.disclosureHeader {
    text-decoration: underline;
    margin-top: 15px;
}
#vt-slider {
    width: 75%;
}
.value-tool b {
    font-family: 'Gotham Bold';
    font-weight: bold;
    color: #000;
}
h1.entry-title, .tool-header {
    font-family: 'Roboto', sans-serif;
}
h2.tool-header {
    font-size: 1.3em;
}
h3.tool-header {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}
ul.tool-list {
    line-height: 1.3em;
    text-align: left;
}
.radio-options{
    text-align: left;
    /* display: flex;
    align-items: center;
    justify-content: left; */
    /* flex-direction: column; */
}
#vt-results-table #vt-results-col-header td {
    font-size: .7em;
    padding: 5px;
}
#vt-results-header td {
    font-family: 'Roboto', sans-serif;
}
.results-data {
    text-align: right;
    width: 10%;
    color: #469bd4;
    font-weight: bold;
}
.results-label {
    width: 95%;
}
#vt-results-header {
    margin-bottom: 0;
}
#vt-results-table {
    width: 100%;
    margin-bottom: 2px;
}
#vt-results-table tr {
    line-height: 13px;
}
#vt-results-table td {
    font-family: 'Roboto', sans-serif;
    line-height: 1em;
    font-size: .9em;
    text-align: center;
}
.valuetool-error {
    color: red;
    margin: 10px 0;
}
.vt-range {
    font-size: 32px;
    font-weight: bold;
    padding: 5px;
}
#vt-results-col-header td{
    font-weight: bold;
    font-size: 16px!important;
}
.vt-category {
    background: #696969;
    color: floralwhite; 
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px !important;
}
.geo, .diy, .robo, .firm, .bank {
    width: 15%;
}
.geo {
    font-weight: bold;
}
.geoCol {
    font-weight: bold;
    background-color: rgba(70, 155, 212, 0.212);
    border-right: 2px #469bd4 solid;
    border-left: 2px #469bd4 solid;
}
.topCol {
    border-top: 1px #469bd4 solid;
}
.botCol {
    border-bottom: 1px #469bd4 solid;
}
#vt-results-table .itemCol {
    text-align: left;
}
.first {
    width: 25%;
}
.red {
    /* background: #469bd4; */
}
.white {
    background: #fefefe;
}
.gray, .bank, .robo, .roboCol, .bankCol {
    background: #e6e6e6;
}
.net {
    border-top: 3px black solid;
    border-bottom: 3px black solid;
}
.netsp {
    border-right: 3px black solid;
}
.fees-row {
}
.benefit-row {
    font-weight: bold;
    border: 3px black solid;
}
.emailbtn {
    background: #469bd4;
    width: 150px;
    margin-top: 10px;
    padding: 6px;
    float: right;
    color: white;
}
.emailbtn:focus{
    outline: 0;
}
#changeAnswersBtn {
    float: left;
}
#Landing_btn_box {
    background: #469bd4;
    border: 1px solid #469bd4 !important;
    color: white;
    font-size: 22px;
    font-weight: 200;
    display: block;
    margin: 0 auto;
    width: 40%;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
#Landing_btn_box:focus{
    border: 1px solid #469bd4 !important;
    outline: 0;
}
#guidance {
    font-family: 'Roboto', sans-serif;
}
#guidance a, form a, #footnotes a {
    color: #469bd4;
}
.pleaseselect {
    font-style: italic;
}
h2.tool-header{
    color: #469bd4;
}
.tool-header a {
    color: #469bd4;
}
a#pdfemail {
    font-size: 1rem;
    display: inline-block;
    width: 100%;
    text-align: justify;
}
#showpdfemail {
    display: none;
    text-align: left;
}
.download-button {
    float: right;
    margin-bottom: 15px;
    width: 100%;
}
.download-button a {
    color: #469bd4;
}
#mobile-form {
    clear: both;
    text-align: center;
}
#mobilepdfform {
        margin-top: 15px;
}
.underlineme {
    text-decoration: underline;
}
#thankyou {
    color: #469bd4;
}
.value-tool input[type="radio"], input[type="checkbox"] {
    margin-right: 0.5em;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
#showpdfemail input[type="text"] {
    border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 5px;
	padding: 7px 15px;
	width: 100%;
    margin-bottom: 1.5em;
    color: #555;
}
.forminfo {
    color: #469bd4;
}
.bold {
    font-weight: bold;
}