.modal button {
    display: inline-block;
  }
  
  .modal {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    background-color: rgba(0,0,0,0);
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    border: 0 none;
    width: auto;
    background-color: transparent;
    -webkit-transition: 200ms;
    transition: 200ms;
    pointer-events: none;
    z-index: 400;
    height: 100%;
    backdrop-filter: blur(4px);
  }
  
  .modal:target, .modal.active {
    pointer-events: all;
    background-color: rgba(0,0,0,0.1);
    opacity: 1;
    /* backdrop-filter: blur(4px); */
  }

  #errorNotificationModal.active {
      z-index: 500 !important;
  }
  
  .modal:target .modal-overlay, .modal.active .modal-overlay {
    /* background: rgba(17, 17, 17, 0.75); */
    bottom: 0;
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  /* .modal:not(.active) .modal-container {
    display: none;
  } */
  
  .modal:target .modal-container, .modal.active .modal-container {
    animation: slide-down .2s ease 1;
    z-index: 1;
  }
  
  .modal.modal-sm .modal-container {
    max-width: 320px;
    padding: 0 0.5rem;
  }
  
  .modal.modal-lg .modal-overlay {
    background: #fff;
  }
  
  .modal.modal-lg .modal-container {
    box-shadow: none;
    max-width: 960px;
  }
  
  .modal-container {
    /* box-shadow: 0 0.2rem 0.5rem rgba(28, 37, 66, 0.3); */
    -webkit-box-shadow: 0px 20px 25px 10px rgba(0,0,0,0.3); 
    box-shadow: 0px 20px 25px 10px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    max-height: 95vh;
    max-width: 1200px;
    padding: 0.75rem;
    /* width: 100%; */
  }

  .modal-container.big {
      width: 800px;
  }
  
  @media(max-width:1200px) {
    .modal-container {
      max-width: 640px;
    }
  }
  
  .modal-container.modal-fullheight {
    max-height: 100vh;
  }
  
  /* .modal-container.center > div {
    text-align: center;
  } */

  .modal-container.center > div table {
    text-align: left;
  }
  
  .modal-container .modal-header {
    position: relative;
    color: #1c2542;
    padding: 0.875rem;
  }
  
  .modal-container .modal-header h3 {
    margin-bottom: 0;
    font-size: 2rem;
    color: #2995D3;
  }
  
  .modal-container .modal-header .btn {
    position: absolute;
    right: 0.875rem;
    top: -0.160rem;
    padding: 16px;
  }
  
  .modal-container .modal-header .btn:before {
    position: relative;
    top: -6px;
    left: -6px;
  }
  
  .modal-container .modal-body {
    overflow-y: auto;
    padding: 0.875rem;
    position: relative;
    font-size: 1.2rem;
  }

  #authorityModalForm .modal-container .modal-body {
    overflow-y: unset;
  }
  
  .modal-container .modal-body p:last-child {
    margin-bottom: 0;
  }
  
  .modal-container .modal-body form {
    padding: 0;
  }
  
  .modal-container .modal-footer {
    padding: 0.875rem;
    text-align: right;
  }
  
  .modal-container .modal-footer menu {
    padding: 0;
    margin: 0;
  }
  
  .modal-container .modal-footer .btn {
    padding: 0.75rem 2rem;
    height: auto;
    font-size: 1rem;
  }
  
  .modal-container .form-group {
    margin-bottom: 1.2rem;
  }
  
  .modal-container .form-label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    text-align: left;
  }
  
  .modal-container .btn + .btn {
    margin-left: 1.2rem;
  }

  #errorNotification {
      z-index: 500;
  }

  .modal-body p.error {
      color: #ff006d;
  }