body { padding-bottom: 200px; }
.cls-1 {
    fill: #4176b5;
}

.cls-2,
.cls-5,
.cls-6 {
    fill: none;
    stroke-miterlimit: 10;
}

.cls-2 {
    stroke: #4176b5;
}

.cls-2,
.cls-6 {
    stroke-width: 0.25px;
}

.cls-3 {
    fill: #679c5a;
}

.cls-4 {
    fill: #23498a;
}

.cls-5,
.cls-6 {
    stroke: #23498a;
}

.cls-5 {
    stroke-width: 0.5px;
}
.rating-label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #224a8b;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.rating-radio {
    display: none;
}
.rating-radio:checked + .rating-label { background-color: #224a8b; color: #fff; }
table { font-size: 12px; color: #224a8b !important; border-color: #224a8b !important; }
.table>:not(caption)>*>* { padding: 0; }
td:nth-child(3) { background: #e8f0e6; }
input[type=text],input[type=number] { background: none; border: none; border-radius: 0; font-size: 13px; color: #224a8b; font-weight: 600; text-align: center !important; }
#tableBody { vertical-align: middle; }
#tableBody td {padding-left: 10px !important; }
input[type=text]:focus, input[type=number]:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #ccc; border-radius: 0; }
th { text-align: center; vertical-align: middle; }
th:first-child { text-align: left; font-weight: bold; padding: 10px}
td { padding: 0; margin: 0; }
#perc td:nth-child(2) { background: #e8f0e6; }
#perc { width: 50%; margin: 0 auto }
#perc td, #perc th { text-align: center; width: 50%; }
.logo { width: 200px; padding: 20px 0 0 0; display: block; }
td:first-child { text-align: left; font-weight: bold; padding: 10px; }

/*#input-11-0, #input-13-1 { pointer-events: none; background: #f7f7f7 !important; }*/
/*    #input-12-0, #input-14-1 { background: #224a8b; color: #fff; }*/
h1 { color: #224a8b; padding: 15px 0 0 0; }
    td:has(#input-13-0), td:has(#input-11-0), td:has(#input-15-1), td:has(#input-21-2), td:has(#input-18-2) { pointer-events: none;  background: #e7e7e7;  }
.btn-primary { background: #224a8b; border: none; font-size: 19px; padding: 10px 20px; margin-right: 20px; display: inline-block; }
.btn-primary:hover { background: #15315e; border: none; }
.btn-secondary { background: #34572a; border: none; }
.btn-secondary:hover { background: #689c5a; border: none; }

footer { width: 100%; position: fixed; z-index: 9999; bottom: 0; left: 0; background: #eee; color: #fff; padding: 20px 0; text-align: center; }

#plan td, #plan th, #plan tr { padding: 0; margin: 0; }
.brr0 { border-right: none !important; }
.brl0 { border-left: none !important; }
.brb0 { border-bottom: none !important; }
.brt0 { border-top: none !important; }
.brr1 { border-right: 1px solid #224a8b !important; }
.brt1 { border-top: 1px solid #224a8b !important; }
.br0 { border: none !important; }
.w-25 { width: 25%; }
.w-50 { width: 50%; }
.w-75 { width: 75%; }
.w-100 { width: 100%; }

.container { max-width: 1000px }
td:has(#input-10-1) { background: #fff !important; }
/* backgrounds */
.bglightgreen { background: #e8f0e6; }
.bglightgray { background: #f7f7f7; }
/* typography */
h2 { color: #689c5a; font-weight: 300; }
h2 strong { font-weight: 800 }
.text-blue { color: #224a8b !important; }
.text-green { color: #689c5a !important; }
::placeholder { color: #000; opacity: .5 !important; }
:-ms-input-placeholder { color: #000; }

::-ms-input-placeholder { color: #000; }
.fw300 { font-weight: 300 !important; }
.instruct { font-size: 13px; }

#intro h1 { color: #224a8b; font-size: 44px; font-weight: bold; text-align: left; }
#intro h2 { color: #777 }

#intro p { color: #777; }
#scorekey { background: #e3e9dd; }
#scorekey small { color: #689c5a; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; font-size: 14px; display: block;}
#scorekey p { color: #224a8b; font-weight: bold; }
#scorekey .num { color: #777; font-weight: bold; border: 1px solid #777; background: #fff; padding: 3px 7px; margin-right: 11px; border-radius: 50%; }
.thetables td:nth-child(2) { width: 130px; }
/*.thetables td:nth-child(2) { }*/
.thetables thead { border: none; }
.thetables thead tr { background: #689c5a !important; color: #fff !important; border: none; }
.thetables thead th { background: none; color: #fff !important; border: none; }
.thetotals { font-weight: bold; text-transform: uppercase; color: #2b66ad; }
.thetotals .bignum { font-size: 77px; color: #2b66ad; font-weight: bold; display: block; line-height: 77px; }
.thecomments thead { background: #689c5a !important; color: #fff !important; border: none; font-weight: bold; font-size: 17px; }
.thecomments thead tr { background: #689c5a !important; color: #fff !important; border: none; }
.thetables thead th:nth-child(2) { background: #689c5a !important; color: #fff !important; border-right: 1px solid #689c5a; }
.thetables tbody td:first-child { border-left: none; }
.thecomments thead td { background: none; color: #fff; }
.thecomments textarea { border: 0; padding: 0; }
.brb { border-bottom: 1px solid #2b66ad; }
.textsubmit { font-size: 21px; color: #689c5a; display: inline-block; }
.spacerblock { background: #689c5a; height: 39px; width: 100%; margin-bottom: 13px; border-bottom: 1px solid #2b66ad; }
.btnsub { margin-top: -27px; }
textarea:focus { border: 0; box-shadow: none; }
.thetables tbody td { color: #224a8b; font-size: 12px; }
.comments { padding: 30px 0; border-top: 1px solid #224a8b; }

#compres tbody td:first-child { font-size: 17px; color: #2b66ad; font-weight: bold; width: 20%; }
#compres tbody td { vertical-align: middle; padding-top: 20px; padding-bottom: 20px }
#compres tbody p { color: #224a8b; }
#compres .bignum { font-size: 47px; color: #2b66ad; font-weight: bold; display: block; }
#compres h3 { font-size: 21px; color: #689c5a; font-weight: bold; display: block; }
#hrcomments h2 { color: #224a8b; font-weight: bold; margin-bottom: 30px; }
.footerlogo { height: auto; width: 250px; display: block; float: right; margin-top: -20px; }

.commhold { height: 400px; overflow-y: auto; overflow-x: hidden; }


#adminH { background: #eee; }
#adminH .btn { padding: 5px 15px !important; border-radius: 4px !important; font-size: 13px !important; }

.btn.disabled, .btn:disabled, fieldset:disabled .btn { background: #ccc; color: #777; }
#download { float: right; margin: 30px 0 0 0; font-size: 13px; }