.dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
  }
  .dialog-overlay .dialog {
    max-width: rem-calc(900);
    background-color: #fff;
    box-shadow: rem-calc(0 0 20) rgba(16, 18, 21, 0.2);
    border-radius: rem-calc(3);
    overflow: hidden;
    margin: rem-calc(100) auto 0;
  }
  .dialog-overlay .dialog .cross-button {
    float: right;
    padding: rem-calc(20);
    cursor: pointer;
  }
  .dialog-overlay .dialog .content-wrap-styler {
    bottom: rem-calc(30);
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: rem-calc(20 40);
  }
  .dialog-overlay .dialog .content-wrap-styler header.confirm-header {
    padding: 0;
    width: 100%;
  }
  .dialog-overlay .dialog .content-wrap-styler header.confirm-header h1 {
    margin-bottom: 0;
    font-size: rem-calc(31);
  }
  .dialog-overlay .dialog .content-wrap-styler header.confirm-header h1 .icon-green {
    color: #101215;
  }
  .dialog-overlay .dialog .content-wrap-styler header.confirm-header h1 .icon-green .fil-icon-confirm::after {
    left: 0;
    position: relative;
    color: #82c823;
  }
  .dialog-overlay .dialog .content-wrap-styler .messageWrapper {
    padding-top: rem-calc(55);
    width: 100%;
  }
  .dialog-overlay .dialog .content-wrap-styler .messageWrapper footer .controls {
    text-align: center;
  }
  
  @media screen and (max-width: rem-calc(639)) {
    .dialog-overlay .dialog {
      margin: 0;
      height: 100%;
    }
    .dialog-overlay .dialog .content-wrap-styler .messageWrapper {
      width: auto;
    }
    .dialog-overlay .dialog .content-wrap-styler header.confirm-header h1 {
      font-size: rem-calc(24);
    }
  }