#fat {width: 100%;text-align: left;font-family: sans-serif;}
#form-input { padding: 15px; }
#fat h3 {margin-top: 0px; padding: 10px;margin-bottom: 15px;}
#fat #fat-form { padding:10px;}
#fat #fat-form h4 { display: block; margin: 0; padding:0; width:100%;}
#fat input, textarea {
    outline-width: 0;
    border: 1px solid #ddd;
    padding: 5px;
    background:canvas;
    height: 40px;
    width:100%;
    font-size: 16px;
    margin-bottom:0px;
}

#fat-form input::-webkit-outer-spin-button,#fat-form input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#fat-form input[type=number] {-moz-appearance:textfield;}
#fat span {vertical-align:middle; margin:0.5em 10px;}

#fat .card-half {width:50%;}
#fat .about-section {display:flex;margin-bottom:1rem;width:100%;}
#fat .radio-card {display:flex;background:#ddd;width: 50%;margin-right:0.533rem;height:40px;}
#fat .radio-card:last-child { margin-left: .533em;margin-right: 0;}
#fat .radio-button { display: flex; }
#fat .radio-button input[type=radio] { display: none; }
#fat .radio-button input[type=radio] + label { color: #333; font-size: 16px;margin:0.533rem;display:flex; }
#fat .radio-button input[type=radio] + label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 18px;
}
#fat .radio-button input[type=radio] + label span img { opacity: 0; transition: all 0.1s ease; }
#fat .radio-button input[type=radio]:checked + label span img { opacity: 1; }

#fat .input-field { display:flex;position:relative; line-height: 1em;margin-right:0.533rem;}
#fat .input-field:only-child:first-of-type { margin-right:0.533rem;margin-left:0;}
#fat .input-field:last-child { margin-right:0;margin-left:0.533rem;}
#fat .input-field .field-label { position: absolute; top:1px; right: 0.3em; margin: 0.7rem 0.4rem 0.7rem 0; font-size:12px;}

#fat button[type="submit"], #fat button[type="button"] {width: 120px;padding: 10px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;}
#fat #test-again {padding: 10px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;display: inline-block;margin: 5px 0px;text-decoration: none;}
#fat canvas {user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}