.points-text {
  color: var(--color-green) !important;
}

.gamifi-bg-success {
  background-color: var(--color-green) !important;
}

.gamifi-bg-danger {
  background-color: var(--color-red) !important;
}

.gamifi-btn-custom-success {
  /* background-color: var(--color-white); */
  color: var(--color-green) !important;
  border: 1px solid var(--color-green) !important;
}

.gamifi-btn-custom-danger {
  /* background-color: var(--color-white); */
  color: var(--color-red) !important;
  border: 1px solid var(--color-red) !important;
}

.gamification-page-loading:before {
  content: "Please wait...";
  display: flex;
  justify-content: center;
  color: white;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background: rgb(231 235 239 / 99%) center center no-repeat
    url("data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=");
}

.btn-gamifc {
  background-color: var(--theme-color) !important;
}