.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content{
bottom: 0;
left:0;
position: absolute;
right:0;
top:0;
 
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal.modal-fullscreen .modal-dialog{
  
margin:0;
width:100%;
height: 100%;
animation-duration:0.6s;
}

.modal.modal-fullscreen.force-fullscreen .modal-body{padding:0;}
.modal.modal-fullscreen.force-fullscreen .modal-header,

.modal.modal-fullscreen.force-fullscreen .modal-footer{
position:absolut;
bottom:0;
}

.modal.modal-fullscreen.force-fullscreen .modal-header{
top:0;
}
.modal-body{
height:90%;
width: 100%;


}



#loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
}

/* Box spinner container */
.box-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 80px;
  height: 80px;
  position: relative;
}

/* Individual boxes */
.box {
  width: 20px;
  height: 20px;
  background-color: #3498db;
  animation: box-spin 1.2s cubic-bezier(0.6, -0.28, 0.735, 0.045) infinite;
}

/* Animations for each box */
.box:nth-child(1) {
  animation-delay: -0.3s;
}

.box:nth-child(2) {
  animation-delay: -0.2s;
}

.box:nth-child(3) {
  animation-delay: -0.1s;
}

.box:nth-child(4) {
  animation-delay: 0s;
}

/* Spin animation */
@keyframes box-spin {
  0%, 100% {
    transform: scale(1);
    background-color: #3498db;
  }
  50% {
    transform: scale(1.5);
    background-color: #f39c12;
  }
}