/* Remove spin buttons in WebKit browsers (Chrome, Safari) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove spin buttons in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form-control {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 6px;
  padding-left: 6px;
}

.form-group {
  margin-bottom: 0px;
}

th {
  height: 125px;
  min-width: 80px;
  vertical-align: top;
  position: relative;
}

.numeric-input {
  position: absolute;
  bottom: 5px; 
  left: 5px; 
  right: 5px;
}

#loading {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 45px;
        font-weight: bold;
        color: red;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px;
        border-radius: 10px;
        z-index: 1000;
      }



/* Top class for tabPanels, except the footer */
/* This works in combination with navbarPage(position = "fixed-top"); see app.R! */
.content {
  overflow-y: auto;
  overflow-x: auto;
  height: 100vh; /* Adjust height as needed */
  position: relative;
  padding-top: 70px;
  padding-bottom: 60px;
}
/* Class for the footer appearing on the bottom of each tab */
/* This works in combination with navbarPage(position = "fixed-top"); see app.R! */
.footer {
  height: 60px; /* Adjust height as needed */
  background-color: #f8f9fa;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
}