.toast {
  --mdb-toast-zindex: 1060;
  --mdb-toast-padding-x: 1rem;
  --mdb-toast-padding-y: 0.65rem;
  --mdb-toast-spacing: 1.5rem;
  --mdb-toast-max-width: 350px;
  --mdb-toast-font-size: 0.875rem;
  --mdb-toast-bg: #fff;
  --mdb-toast-border-width: 1px;
  --mdb-toast-border-color: var(--mdb-border-color-translucent);
  --mdb-toast-border-radius: 0.5rem;
  --mdb-toast-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
  --mdb-toast-header-color: #757575;
  --mdb-toast-header-bg: #fff;
  --mdb-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--mdb-toast-max-width);
  max-width: 100%;
  font-size: var(--mdb-toast-font-size);
  color: var(--mdb-toast-color);
  pointer-events: auto;
  background-color: var(--mdb-toast-bg);
  background-clip: padding-box;
  border: var(--mdb-toast-border-width) solid var(--mdb-toast-border-color);
  box-shadow: var(--mdb-toast-box-shadow);
  border-radius: var(--mdb-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --mdb-toast-zindex: 1060;
  position: absolute;
  z-index: var(--mdb-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--mdb-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--mdb-toast-padding-y) var(--mdb-toast-padding-x);
  color: var(--mdb-toast-header-color);
  background-color: var(--mdb-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--mdb-toast-border-width) solid var(--mdb-toast-header-border-color);
  border-top-left-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width));
  border-top-right-radius: calc(var(--mdb-toast-border-radius) - var(--mdb-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(var(--mdb-toast-padding-x)*-0.5);
  margin-left: var(--mdb-toast-padding-x)
}

.toast-body {
  padding: var(--mdb-toast-padding-x);
  word-wrap: break-word
}

.toast {
  --mdb-toast-border-bottom-width: 2px;
  --mdb-toast-btn-close-width: 1.3em;
  --mdb-toast-btn-close-mr: -0.375rem;
  --mdb-toast-btn-close-ml: 0.75rem;
  border: 0
}

.toast .btn-close {
  width: var(--mdb-toast-btn-close-width)
}

.toast-header {
  border-bottom-width: var(--mdb-toast-border-bottom-width)
}

.toast-header .btn-close {
  margin-right: var(--mdb-toast-btn-close-mr);
  margin-left: var(--mdb-toast-btn-close-ml)
}

.parent-toast-relative {
  position: relative
}

.toast-absolute {
  position: absolute
}

.toast-fixed {
  position: fixed;
  z-index: var(--mdb-toast-zindex)
}

.toast-primary {
  background-color: #dfe7f6;
  color: #2c58a0;
  border-color: #c7d6f0
}

.toast-primary i {
  color: #376fc8
}

.toast-secondary {
  background-color: #ebedef;
  color: #40464f;
  border-color: #dadee1
}

.toast-secondary i {
  color: #565e6c
}

.toast-success {
  background-color: #d6f0e0;
  color: #0d6831;
  border-color: #c0e7d0
}

.toast-success i {
  color: #139647
}

.toast-danger {
  background-color: #f9e1e5;
  color: #af233a;
  border-color: #f4c8cf
}

.toast-danger i {
  color: #d62e4a
}

.toast-warning {
  background-color: #fbf0da;
  color: #73510d;
  border-color: #f9e4be
}

.toast-warning i {
  color: #a17112
}

.toast-info {
  background-color: #def1f7;
  color: #1c657d;
  border-color: #c6e6f1
}

.toast-info i {
  color: #2686a6
}

.toast-light {
  background-color: #f5f5f5;
  color: #4f4f4f;
  border-color: #e6e6e6
}

.toast-light i {
  color: #8c8c8c
}

.toast-dark {
  background-color: #332e2e;
  color: #f5f5f5;
  border-color: #443c3c
}

.toast-dark i {
  color: #e8e8e8
}


.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}



.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--mdb-border-width) var(--mdb-border-style) var(--mdb-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-primary-rgb), var(--mdb-border-opacity)) !important
}

.border-secondary {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-secondary-rgb), var(--mdb-border-opacity)) !important
}

.border-success {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-success-rgb), var(--mdb-border-opacity)) !important
}

.border-danger {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-danger-rgb), var(--mdb-border-opacity)) !important
}

.border-warning {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-warning-rgb), var(--mdb-border-opacity)) !important
}

.border-info {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-info-rgb), var(--mdb-border-opacity)) !important
}

.border-light {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-light-rgb), var(--mdb-border-opacity)) !important
}

.border-dark {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-dark-rgb), var(--mdb-border-opacity)) !important
}

.border-white {
  --mdb-border-opacity: 1;
  border-color: rgba(var(--mdb-white-rgb), var(--mdb-border-opacity)) !important
}

.border-1 {
  --mdb-border-width: 1px
}

.border-2 {
  --mdb-border-width: 2px
}

.border-3 {
  --mdb-border-width: 3px
}

.border-4 {
  --mdb-border-width: 4px
}

.border-5 {
  --mdb-border-width: 5px
}

.border-opacity-10 {
  --mdb-border-opacity: 0.1
}

.border-opacity-25 {
  --mdb-border-opacity: 0.25
}

.border-opacity-50 {
  --mdb-border-opacity: 0.5
}

.border-opacity-75 {
  --mdb-border-opacity: 0.75
}

.border-opacity-100 {
  --mdb-border-opacity: 1
}


.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(59, 113, 202, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}


.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(59, 113, 202, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #000 !important;
  background-color: RGBA(159, 166, 178, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(20, 164, 77, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(220, 76, 100, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(228, 161, 27, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(84, 180, 211, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(251, 251, 251, var(--mdb-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(51, 45, 45, var(--mdb-bg-opacity, 1)) !important
}


.btn-close:focus {
  box-shadow: none
}

.modal-content {
  --mdb-modal-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
  border: 0;
  box-shadow: var(--mdb-modal-box-shadow)
}

.toast {
  --mdb-toast-border-bottom-width: 2px;
  --mdb-toast-btn-close-width: 1.3em;
  --mdb-toast-btn-close-mr: -0.375rem;
  --mdb-toast-btn-close-ml: 0.75rem;
  border: 0
}

.toast .btn-close {
  width: var(--mdb-toast-btn-close-width)
}

.toast-header {
  border-bottom-width: var(--mdb-toast-border-bottom-width)
}

.toast-header .btn-close {
  margin-right: var(--mdb-toast-btn-close-mr);
  margin-left: var(--mdb-toast-btn-close-ml)
}

.parent-toast-relative {
  position: relative
}

.toast-absolute {
  position: absolute
}

.toast-fixed {
  position: fixed;
  z-index: var(--mdb-toast-zindex)
}

.toast-primary {
  background-color: #dfe7f6;
  color: #2c58a0;
  border-color: #c7d6f0
}

.toast-primary i {
  color: #376fc8
}

.toast-secondary {
  background-color: #ebedef;
  color: #40464f;
  border-color: #dadee1
}

.toast-secondary i {
  color: #565e6c
}

.toast-success {
  background-color: #d6f0e0;
  color: #0d6831;
  border-color: #c0e7d0
}

.toast-success i {
  color: #139647
}

.toast-danger {
  background-color: #f9e1e5;
  color: #af233a;
  border-color: #f4c8cf
}

.toast-danger i {
  color: #d62e4a
}

.toast-warning {
  background-color: #fbf0da;
  color: #73510d;
  border-color: #f9e4be
}

.toast-warning i {
  color: #a17112
}

.toast-info {
  background-color: #def1f7;
  color: #1c657d;
  border-color: #c6e6f1
}

.toast-info i {
  color: #2686a6
}

.toast-light {
  background-color: #f5f5f5;
  color: #4f4f4f;
  border-color: #e6e6e6
}

.toast-light i {
  color: #8c8c8c
}

.toast-dark {
  background-color: #332e2e;
  color: #f5f5f5;
  border-color: #443c3c
}

.toast-dark i {
  color: #e8e8e8
}