html {
    height: 100%;
}

body {
    height: 100%;
}

.page {
    height: 100%;
}

.selected {
   background-color: darkorange !important;
}

.selected > td {
   color: white !important;
}

   .selected > td .mud-input {
      color: white !important;
   }

/* Add your modal styles here */
.modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(0, 0, 0, 0.5); /* Optional: for a semi-transparent background */
}

.modal-dialog {
   max-width: 300px;
   width: 100%; /* Ensure the dialog doesn't exceed the screen width */
   margin: 1.75rem;
}

.modal-content {
   background-color: dimgray;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: .3rem;
   outline: 0;
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   padding: 1rem;
}

.modal-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
}

.modal-title {
   margin-bottom: 0;
   line-height: 1.5;
}

.modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem;
}

.modal-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   padding: .75rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(.3rem - 1px);
   border-bottom-left-radius: calc(.3rem - 1px);
}