.icon-il-checkmark:before {
  content: "\e01b"; }

.icon-il-checkmark:before {
  font-size: 55px;
  height: 55px;
  width: 100%;
  text-align: center;
  color: #27C2A2; }
  @media (max-width: 992px) {
    .icon-il-checkmark:before {
      height: 36px;
      width: 100%;
      text-align: center; } }

.modal-dialog {
  max-width: 100%; }

.modal-content {
  background-color: white; }

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: 500px;
  max-width: 500px;
  /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height: 325px;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all; }

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */ }

.vertical-align-center {
  margin-top: 100px;
  /* To center vertically */
  vertical-align: top;
  pointer-events: none; }

.icon-span {
  margin-top: 70px;
  margin-bottom: 20px;
  text-align: center; }

.success-message {
  text-align: center;
  margin: 0 65px; }

.success-header {
  color: #0075A9;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 5px; }

.success-text {
  color: #8087A2;
  font-size: 14px;
  margin: 0; }