.rcl_toast_container {
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  width: 276px;
}

@media screen and (max-width: 768px) {
  .rcl_toast_container {
	left: 50%!important;
	transform: translateX(-50%)!important;
	width: 100%!important;
	max-width: 80%!important;
	min-width: 276px!important;
  }
}

.rcl_toast {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  align-items: baseline;
  background: #2d2d2d;
  color: #fff;
  padding: 12px;
  margin: 0 0 12px;
  box-shadow: 0 0 4px #6a6a6a;
  opacity: 0;
  text-shadow: 0 0 2px #3c3c3c;
}

.rcl_toast__icon {
  align-self: center;
  margin-right: 12px;
}

.rcl_toast__text {
  flex: 1 1 100%;
  margin-right: 12px;
}

.rcl_toast__close {
  cursor: pointer;
}

.rcl_toast__timeline {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
  background: white;
  visibility: hidden;
}

/**
* Template Standart
*/
.rcl_toast.rcl_toast__template_standart .rcl_toast__icon {
  font-size: 20px;
}

/**
* Template Bootstrap
*/
.rcl_toast.rcl_toast__template_bootstrap {
  flex-wrap: wrap;
}

.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__text {
  margin-right: 0;
}

.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__header {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  margin: -12px -12px 6px -12px;
  padding: 6px 12px;
  background: rgb(0 0 0 / 0.10);
}

.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__title {
  flex: 1 1 100%;
}