@modal-xl: 1198px;

@media (min-width: @screen-sm-min) {
  .modal-xl {
    width: auto;
    padding: 0 20px;
  }
}

@media (min-width: @screen-lg-min) {
  .modal-xl { width: @modal-xl; }
}

.modal {
  &.modal-visible {
    display: block;
  }

  .modal-dialog {
    margin: 50px auto;
    .nav-tabs {
      font-size: 12px;
      padding: 15px 15px 0 15px;
    }
    .modal-body {
      .nav-tabs {
        padding: 0;
        margin-bottom: 15px;
      }
    }
    .modal-body.loader {
      padding: 30px 15px;
    }
  }

  .modal-header {
    border-bottom: 1px solid @modal-header-border-color ;
  }


  .modal-footer {
    margin-top: 0px;
    background-color: #f8f8f8;
    border-top: 1px solid @modal-footer-border-color ;
    padding: 10px 18px;
  }
}

.modal-form-error-list {
  &:extend(.modal-header, .modal .modal-header);
  .toast-pf.form-error-list {
    margin-bottom: 0;
  }
}
