.button {
  width: 100px;
  color: #ff00ff;

}

.disabledsty {
  color: #E7E7E7;

}

.clansty:hover {
  color: #409EFF;
  cursor: pointer;
}

.primarysty {
  background: #ECF5FF !important;
  color: #409EFF !important;
  border: 1px solid #D9ECFF !important;
}
.primarystyplan {
  background: #409EFF !important;
  color: #ffffff !important;
  border: 1px solid #D9ECFF !important;
}
.infosty {
  background: #E9E9EB !important;
  color: #909399 !important;
  border: 1px solid #D9ECFF !important;
}
.infostyplan {
  background: #909399 !important;
  color: #ffffff !important;
  border: 1px solid #D9ECFF !important;
}

.successsty {
  background: #E1F3D8 !important;
  color: #67C23A !important;
  border: 1px solid #D9ECFF !important;
}
.successstyplan {
  background: #67C23A !important;
  color: #ffffff !important;
  border: 1px solid #D9ECFF !important;
}
.warningsty {
  background: #FAECD8 !important;
  color: #E6A23C !important;
  border: 1px solid #D9ECFF !important;
}
.warningstyplan {
  background: #E6A23C !important;
  color: #ffffff !important;
  border: 1px solid #D9ECFF !important;
}
.dangersty {
  background: #FDE2E2 !important;
  color: #F56C6C !important;
  border: 1px solid #FDE2E2 !important;
}
.dangerstyplan {
  background: #F56C6C !important;
  color: #ffffff !important;
  border: 1px solid #FDE2E2 !important;
}