body{min-width:320px}body *{font-family:Helvetica Neue,Helvetica,sans-serif}body h1{font-weight:700;text-align:center;font-size:20px;margin-bottom:20px}body input[type=number]::-webkit-inner-spin-button,body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .hide-fast{display:none}body .show-fast{display:block}body .component{padding:30px}@media only screen and (min-width:550px){body h1{font-size:30px}}@media only screen and (min-width:920px){body h1{font-size:30px}}.loan-form-container{max-width:750px;margin:0 auto;background:#f9f9f7}.loan-form-container .input-container{margin-bottom:10px}.loan-form-container .input-container.submit-button{height:auto;margin-top:15px}.loan-form-container .form-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.loan-form-container .form-container.duration input[type=number],.loan-form-container .form-container.interest input[type=number]{padding-left:40px;margin-right:-40px}.loan-form-container .form-container.duration input[type=number]{margin-right:0}.loan-form-container .form-container .symbol{background:#fff;width:40px;height:40px;line-height:40px;text-align:center;z-index:3}.loan-form-container .error-msg-container{text-align:center;background-color:#fff;margin-top:10px;color:red;padding:20px 20px 25px;border-radius:5px;font-weight:700;text-transform:uppercase;font-size:14px;line-height:18px}.loan-form-container input[type=number],.loan-form-container label{display:block;font-size:16px;position:relative}.loan-form-container label{margin-bottom:5px}.loan-form-container input[type=number]{flex-grow:1;margin:0;padding:0;height:40px;background:#fff;border:none;color:#696969;outline:none}.loan-form-container input[type=submit]{border:none;display:block;background:#ff4d32;height:50px;width:100%;color:#fff;text-align:center;border-radius:3px;font-size:20px;text-transform:uppercase;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loan-form-container input[type=submit]:focus{outline:0}@media only screen and (min-width:550px){.loan-form-container .input-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;height:42px;margin-bottom:15px}.loan-form-container .input-container.submit-button{margin-top:25px}.loan-form-container .error-msg-container{width:100%}.loan-form-container .form-container{width:60%}.loan-form-container input[type=number],.loan-form-container label{font-size:20px}.loan-form-container label{line-height:42px;margin-bottom:0;width:calc(40% - 20px);margin-right:20px;text-align:right}}.loan-results-container div{text-align:center}.loan-results-container div:first-child{margin-bottom:20px}.loan-results-container div:first-child p{font-weight:700;color:#343a40}.loan-results-container div:first-child p:first-child{font-size:20px;margin-bottom:5px}.loan-results-container div:first-child p:last-child{font-size:18px}.loan-results-container div:last-child p{font-size:16px;margin-bottom:5px}.loan-results-container div:last-child p span{margin-right:10px;font-weight:700}@media only screen and (min-width:550px){.loan-results-container div:first-child p:first-child{font-size:40px;margin-bottom:15px}.loan-results-container div:first-child p:last-child{font-size:35px}.loan-results-container div:last-child p{font-size:24px;margin-bottom:8px}.loan-results-container div:last-child p span{margin-right:15px}}.loan-table-container{overflow:scroll}.loan-table-container.component{padding:0}.loan-table-container.hide{display:none;opacity:0}.loan-table-container.show{display:block;opacity:1;transition:visibility 0s linear 0s,opacity .3s}.loan-table-container .table{min-width:278px;max-width:808px;margin:0 auto}.loan-table-container .table th{padding:20px}.loan-table-container .table thead tr,.loan-table-container .table tr:nth-of-type(2n){background:#f9f9f7}.loan-table-container .table tr:hover{background-color:#dff0f7;color:#000}.loan-table-container .column.month{text-align:center}@media (min-device-width:768px)and (max-device-width:1024px),only screen and (max-width:760px){.loan-table-container table,.loan-table-container tbody,.loan-table-container td,.loan-table-container th,.loan-table-container thead,.loan-table-container tr{display:block}.loan-table-container thead tr{position:absolute;top:-9999px;left:-9999px}.loan-table-container td{border:none;border-bottom:1px solid #f9f9f7;position:relative;padding-left:55%;font-size:14px}.loan-table-container .table{width:auto}.loan-table-container .column.month{text-align:left}.loan-table-container .table-bordered{border:1px solid #a0a0a0;border-radius:0}.loan-table-container .table-bordered td+td{border-left:0}.loan-table-container td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:700}.loan-table-container td:first-of-type:before{content:"Month"}.loan-table-container td:nth-of-type(2):before{content:"Monthly Payment"}.loan-table-container td:nth-of-type(3):before{content:"Interest Payment"}.loan-table-container td:nth-of-type(4):before{content:"Principal Payment"}.loan-table-container td:nth-of-type(5):before{content:"Principal Left"}}