/* .modal-* (bootstrap) *******************************/

.modal {

  .modal-dialog {

    .modal-content {
      border-radius: 10px;
      overflow: hidden;

      .modal-header {
        border: 0;
        padding: 20px;

        h2 {
          align-items: center;
          display: flex;
          font-size: 1.5rem;
          gap: 10px;

          img {
            height: 40px;
            width: auto;
          }
        }
      }

      .modal-body {
        padding: 0 20px;
      }

      .modal-footer {
        border: 0;
        padding: 20px;
        padding-top: 0;
      }
    }

    &.modal-fullscreen {

      .modal-content {
        border-radius: 0;
      }
    }
  }
}

.modal-backdrop {
	opacity: 0.6 !important;
}