.swal-modal {
  background-color: #31363b
}

.swal-modal .field {
  text-align: initial
}

.swal-modal.is-expanded {
  width: auto;
  max-width: 90%
}

.swal-title,
.swal-text {
  color: #eff0f1
}

.swal-text {
  text-align: center
}

.swal-content .label,
.swal-content .checkbox,
.swal-content .radio {
  color: #eff0f1
}

.swal-content .checkbox:hover,
.swal-content .radio:hover {
  color: #bdc3c7
}

.swal-button {
  background-color: #3794d2;
  color: #eff0f1
}

.swal-button:hover {
  background-color: #60a8dc
}

.swal-button:focus {
  -webkit-box-shadow: 0 0 0 1px #31363b, 0 0 0 3px rgba(55, 148, 210, 0.29);
  box-shadow: 0 0 0 1px #31363b, 0 0 0 3px rgba(55, 148, 210, 0.29)
}

.swal-button--loading {
  color: transparent
}

.swal-button--danger {
  background-color: #da4453
}

.swal-icon--info {
  border-color: #3794d2
}

.swal-icon--info::after,
.swal-icon--info::before {
  background-color: #3794d2
}

.swal-icon--error {
  border-color: #da4453
}

.swal-icon--error__line {
  background-color: #da4453
}

.swal-icon--warning {
  border-color: #f67400;
  -webkit-animation: pulseWarning 0.5s infinite alternate;
  animation: pulseWarning 0.5s infinite alternate
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
  background-color: #f67400;
  -webkit-animation: pulseWarningBody 0.5s infinite alternate;
  animation: pulseWarningBody 0.5s infinite alternate
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #ffaa60
  }

  to {
    border-color: #f67400
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #ffaa60
  }

  to {
    border-color: #f67400
  }
}

@-webkit-keyframes pulseWarningBody {
  0% {
    background-color: #ffaa60
  }

  to {
    background-color: #f67400
  }
}

@keyframes pulseWarningBody {
  0% {
    background-color: #ffaa60
  }

  to {
    background-color: #f67400
  }
}

.swal-icon--success {
  border-color: #27ae60
}

.swal-icon--success__line {
  background-color: #27ae60
}

.swal-icon--success__hide-corners {
  background-color: #31363b
}

.swal-icon--success::after,
.swal-icon--success::before {
  background: #31363b
}

.swal-display-thumb-container {
  min-width: 200px;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}