.modal-content {
  border-radius: 0;

  @include box-shadow (0 5px 15px rgba(0, 0, 0, 0.3));
  @include dark-module;

  padding-top: $grid-gutter-width;
  padding-bottom: $grid-gutter-width;

  a {
    color: inherit;
    font-weight: 600;
  }

  hr {
    border-top-color: rgba(#fff, 0.1);
  }

  .modal-header {
    padding: 0 $grid-gutter-width $grid-gutter-width/2 $grid-gutter-width;

    hr {
      margin-bottom: $padding-small-vertical;
    }
  }

  .modal-body {
    padding: 0 $grid-gutter-width;
  }

  .modal-footer {
    text-align: left;
    font-size: 0.9em;
    color: rgba(#fff, 0.6);
    padding: $grid-gutter-width/2 $grid-gutter-width 0 $grid-gutter-width;

    svg {
      fill: currentColor;
      width: 22px;
      height: 22px;
      position: relative;
      display: inline-block;
      top: 5px;
    }
  }

  .help-block {
    color: rgba(#fff, 0.6);
  }

  .close {
    font-size: 2.25em;
    color: inherit;
    text-shadow: none;
    outline: none;
    opacity: 0.7;
    filter: alpha(opacity=70);

    &:hover {
      opacity: 1;
      filter: alpha(opacity=100);
    }
  }
}

[data-toggle="modal"] {
  cursor: pointer;
}