.modal {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 700px;
  background: #fff !important;
  display: block;
  /* Modal elements */
  /* Modal modifiers */ }
  .modal__header {
    position: relative;
    padding: 15px 15px;
    background: #f2f6f9;
    border-bottom: 1px solid #dfe4eb; }
  .modal__header-title {
    font-size: 21px;
    line-height: 1;
    color: #000;
    padding-right: 20px; }
  .modal__header-close {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 62px;
    cursor: pointer;
    border-left: 1px solid #dfe4eb; }
    .modal__header-close:active {
      box-shadow: inset 0 5px 7px rgba(0, 0, 0, 0.125); }
  .modal__header-close-ico {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    fill: #9aa1ab; }
  .modal__content {
    padding: 15px 15px; }
    .modal__content-cell {
      margin-bottom: 15px; }
  .modal__footer {
    text-align: right;
    padding: 15px 15px;
    background: #f2f6f9;
    border-top: 1px solid #dfe4eb; }
    .modal__footer-row:not(:first-child) {
      margin-top: 20px; }
    .modal__footer-btn {
      display: inline-block;
      margin-left: 15px; }
  .modal--sm {
    max-width: 500px; }
  .modal--lg {
    max-width: 900px; }

/*# sourceMappingURL=modal.css.map */