.fbm-toast-background {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0;
  background-color: #1f1f21;
  opacity: 0.8;
  z-index: 1001;
}

.fbm-toast {
  position: fixed !important;
  left: 70px;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -33px;
  border-radius: 8px;
  min-height: 66px;
  background: linear-gradient(to bottom right, #22243e, #181a29);
  background: -webkit-linear-gradient(left top, #22243e, #181a29);
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.fbm-toast>div {
  position: relative;
  margin: 20px 10px 20px 54px;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  word-wrap: break-word;
  display: block;
  /* background: yellow; */
}

.fbm-toast>.fbm-loading-div {
  margin: 20px 10px 20px 24px;
}

.fbm-icon-loading {
  width: 24px;
  height: 24px;
  background-image: url(image/toast_loading.png);
  background-size: 100%;
  animation: rotation 1s linear infinite;
  z-index: 1002;
  display: inline-block;
}

.fbm-icon-success {
  /* position: absolute; */
  /* left: 0; */
  /* top: 50%; */
  /* margin-top: -33px; */
  display: block;
  width: 72px;
  height: 66px;
  background: url(image/toast_success.png) center center no-repeat;
  background-size: 100%;
  margin: 10px;
}

.fbm-icon-error {
  /* position: absolute; */
  /* left: 0; */
  /* top: 50%; */
  /* margin-top: -33px; */
  display: block;
  width: 64px;
  height: 66px;
  background-image: url(image/toast_error.png);
  background-size: 100%;
  flex: 1;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}