/*#region Wino-Toast with BlazorBootstrap --> removed */

.winoToast .toast {
  background: #FFFFFF;
  box-shadow: 0px 7px 24px #AFC0CC;
  width: auto !important;
  border: none;
  border-radius: 16px;
}

.winoToast .toast-header {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 80px;
  width: auto !important;
  background-color: var(--main-color-3) !important;
  border: none !important;
  border-radius: 16px;
}

  .winoToast .toast-header .ok {
    content: var(--icon-accepted-filled);
    height: 28px;
    width: 28px;
  }

  .winoToast .toast-header .nok {
    content: var(--icon-rejected-filled);
    height: 28px;
    width: 28px;
  }

  .winoToast .toast-header .hold {
    content: var(--icon-hold-filled);
    height: 28px;
    width: 28px;
  }

  .winoToast .toast-header .btn-close {
    position: absolute;
    transform: translateY(-50%);
    cursor: pointer;
    width: 28px;
    height: 28px;
    background-color: var(--main-color-3) !important;
    color: var(--main-color-2) !important;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    top: 0px;
    right: -8px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    opacity: 1 !important;
  }

    .winoToast .toast-header .btn-close:hover {
      position: absolute;
      transform: translateY(-50%);
      cursor: pointer;
      width: 28px;
      height: 28px;
      background-color: var(--main-color-3) !important;
      color: var(--main-color-2);
      border-radius: 50%;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      top: 0px;
      right: -8px;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
    }

.winoToast .toast-body {
  display: none;
}

.winoToast .progress {
  display: none;
}

/*#endregion Wino-Toast with BlazorBootstrap --> removed */

/*#region Wino-Toast with DxToastProvider */

.wino-toast {
  border-radius: 16px !important;
}

  .wino-toast .dxbl-toast-accent-line {
    display: none;
  }

  .wino-toast .dxbl-toast-icon-column {
    padding: 22px 12px 22px 22px !important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }

  .wino-toast .dxbl-toast-icon {
    height: 36px;
    width: 36px;
  }

  .wino-toast .dxbl-toast-content {
    justify-content: center;
  }

  .wino-toast .dxbl-toast-close {
    position: relative;
    right: -16px;
    top: -16px;
    background-color: white;
    align-items: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    border-radius: 14px;
    height: 28px;
    width: 28px;
    box-shadow: 0px 7px 24px 0px #00000059;
  }

    .wino-toast .dxbl-btn-text-secondary:where(:not(.dxbl-btn-standalone)) {
      border-radius: 14px;
      height: 28px;
      width: 28px;
    }
/*#endregion Wino-Toast with DxToastProvider */