@charset "UTF-8";
/*!
* Start Bootstrap - SB Admin Pro v2.0.4 (https://shop.startbootstrap.com/product/sb-admin-pro)
* Copyright 2013-2022 Start Bootstrap
* Licensed under SEE_LICENSE (https://github.com/StartBootstrap/sb-admin-pro/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* Custom CSS to align the modal at the bottom */
.modal-dialog {
  display: flex;
  align-items: flex-end; /* Align modal at the bottom */
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.modal.fade .modal-dialog {
  transform: translateY(100%);
  transition: transform .5s ease-in-out;
}

.modal.show .modal-dialog {
  transform: translateY(0);
}

/* Custom CSS for full-screen modal */
.modal-dialog {
  max-width: 100%;
  min-height: 20vh; /* Make modal content take up the full screen height */
  margin: 0;
}

.modal-content {
  min-height: 20vh; /* Make modal content take up the full screen height */
  background-color: rgba(255, 255, 255, 0.9);
}

/* Optional: Adjust the modal padding and remove rounded corners */
.modal-content {
  border-radius: 0; /* Optional: Remove rounded corners */
  padding: 0; /* Optional: Adjust padding as needed */
}

/*NOTE - tu jest custom date picker */
/* Custom CSS for the new modal */
.modal-dialog-custom {
  display: flex;
  justify-content: center; /* Center horizontally */
  justify-items: center;
  align-items: center; /* Center vertically */
  height: 100vh; /* Full height of the viewport */
  max-width: 100%;
}

.modal.fade .modal-dialog-custom {
  transition: none; /* Remove fade in/out transition */
}

.modal.show .modal-dialog-custom {
  transition: none; /* Remove fade in/out transition */
}



.modal-content-custom {
  min-height: 20vh; /* Make modal content take up the full screen height */
  max-width:fit-content;
  background-color: rgba(255, 255, 255, 0.9);
}

/* Optional: Adjust the modal padding and remove rounded corners */
.modal-content-custom {
  border-radius: 0; /* Optional: Remove rounded corners */
  padding: 0; /* Optional: Adjust padding as needed */
}