@import "/js/bootstrap/css/bootstrap.min.css";
@import "/css/selectize.bootstrap5.css";
@import "/css/bootstrap-datepicker3.min.css";
@import "https://fonts.googleapis.com/css?family=Open+Sans";

body {
	    font-family: "Open Sans";
			font-size: 16px !important;
			/*transform: scale(0.85);
			transform-origin: top left;*/
}

.form-control.is-valid:focus, .was-validated :valid.form-control {
  border-color:inherit !important;
  background-image: inherit !important;
  box-shadow:inherit !important;
}

.hidden {
	opacity:0;
}

.tinylabel {
	font-size: 9px !important;
}

.twelvepoints {
	font-size: 12px !important;
}

.button-breathing-room {
  margin-top: -5px;
}

.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 5px; /* Adjust as needed */
}

.form-check-input {
    margin-right: 5px; /* Adjust as needed */
}

.horizontal-checkboxes {
  display: flex;
  flex-wrap: nowrap; /* Ensures checkboxes don't wrap to new line */
  margin-right: 10px; /* Optional margin for spacing */
}

.horizontal-checkbox {
  float: left;
  margin-right: 10px; /* Add some margin for spacing */
}

.form-check2 {
  display: flex; /* Maintain for vertical alignment (optional) */
  align-items: center; /* Maintain for vertical alignment (optional) */
  margin-bottom: 5px; /* Adjust as needed */
}

.checkbox-group {
    display: flex;
    justify-content: space-between; /* Distribute space evenly between items */
    width: 100%; /* Ensure the group takes full width to distribute items across */
}

.checkbox-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checkbox-item input[type="checkbox"] + label {
    margin-top: 5px; /* Space between checkbox and label if needed */
}

.checkbox-item label + span {
    margin-top: 5px; /* Space between label and date if needed */
}

.selectize-control.is-invalid {
    border-color: #dc3545; /* This is the Bootstrap red color for invalid fields */
}

/* BUGFixed 2025-05-20 for some reason some cells are drawing too wide*/
td.wrap {
  max-width: 420px;
  overflow-wrap: break-word;
  white-space: normal;
}