body{
    background-color: #cadfda;
    padding: 0px;
    margin: 0px;
}
.containter{
    background-color: rgb(113, 99, 235)
}
.error {
    font-size: 0.7rem;
    color: red;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0.2rem;
    font-weight: normal;
  }

  
.swal2-popup.swal2-toast{
    flex-direction : column;
    align-items: inherit;
    width: 350px;
  }
  
  .swal2-popup.swal2-toast .swal2-title {
    font-size: 11px !important;
    margin-left: 5px !important;
  }
  
  .swal2-popup.swal2-toast {
    font-size: 7px;
  }
  
  .swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1 !important;
    grid-row: 1/99 !important;
    align-self: center !important;
    width: 2em !important;
    min-width: 2em !important;
    height: 2em !important;
    margin: 0 1px 0px 6px !important;
  }
  .swal2-container.swal2-top-end>.swal2-popup, .swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end;
    padding: 3px;
  }