.jds-container{
  max-width:900px;
  margin:20px auto;
  border:1px solid #e6e6e6;
  border-radius:4px;
  overflow:hidden;
  font-family:Arial, Helvetica, sans-serif;
  background:#fff;
}
.jds-title{
  margin:0;
  padding:18px 16px;
  background:#f6f6f6;
  border-left:6px solid #12346b;
  font-size:24px;
  font-weight:600;
}
.jds-table{
  width:100%;
  border-collapse:collapse;
}
.jds-table td{
  padding:14px 16px;
  vertical-align:top;
}
.jds-label{
  width:36%;
  font-weight:700;
}
.jds-row-gray .jds-label,
.jds-row-gray .jds-value{
  background:#f2f2f2;
  color:#222;
}
.jds-row-green .jds-label,
.jds-row-green .jds-value{
  background: linear-gradient(90deg,#7be7bf,#00c172);
  color:#003318;
}
.jds-value{
  font-weight:400;
}
.jds-apply{
  text-align:center;
  padding:16px;
  border-top:1px solid #eee;
}
.jds-btn{
  display:inline-block;
  padding:10px 18px;
  background:#008f50;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  font-weight:700;
}
@media (max-width:640px){
  .jds-table td{ display:block; width:100%; padding:10px; }
  .jds-label{ width:100%; display:block; margin-bottom:6px; }
}