.validityBox{padding:0 8px;height:22px;display:-webkit-box;display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;border-radius:4px}.validityBox .validityPoint{width:8px;height:8px;border-radius:4px;margin-right:8px}.validityBox.blue{color:#155eff;background-color:#ecf6ff}.validityBox.blue .validityPoint{background-color:#155eff}.validityBox.green{color:#389e0d;background-color:#ecfffa}.validityBox.green .validityPoint{background-color:#389e0d}.validityBox.red{color:#d4380d;background-color:#fff4ec}.validityBox.red .validityPoint{background-color:#d4380d}.validityBox.yellow{color:#e5870c;background-color:#fffcec}.validityBox.yellow .validityPoint{background-color:#e5870c}.validityBox.black{color:#8292a7;background-color:#e9ecf0}.validityBox.black .validityPoint{background-color:#8292a7}