/* Small compatibility fixes for the original v2 page. Layout stays in system2.css. */
[ng-cloak] { display: none !important; }
.main-con .v2-error { clear: both; padding-top: 12px; color: #d62c33; font-size: 14px; }
.main-con .system.v2-unpriced { cursor: default; }
.main-con .system.v2-unpriced .price { color: #8b95a3; }
.main-con .mask-upload .wrapBox .success .v2-parse-success { color: #67c23a; margin-right: 0; }
.v2-spinner {
  display: inline-block;
  width: 34px;
  height: 34px;
  border: 3px solid rgba(64, 150, 238, .2);
  border-top-color: #4096ee;
  border-radius: 50%;
  animation: v2-spin .75s linear infinite;
}
.v2-spinner-button {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border-color: rgba(255, 255, 255, .35);
  border-top-color: #fff;
}
.v2-order-loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .65);
}
.v2-order-loading .v2-spinner { width: 50px; height: 50px; border-width: 4px; }
.v2-order-loading .v2-loading-content { text-align: center; color: #606b78; }
.v2-order-loading .v2-loading-content p { margin: 12px 0 0; font-size: 15px; }
@keyframes v2-spin { to { transform: rotate(360deg); } }
.main-con .mask-upload .wrapBox .progress_upload {
  padding: 0;
  width: 34px;
  height: 34px;
  border-radius: 0;
  background: none;
  margin-left: -17px;
  margin-top: -17px;
}