html {
	font-size: clamp(13px, 1vw, 15px);
}

/* Override Bootstrap's direct-child selector so tab-panes are hidden
   regardless of DOM nesting depth (protects against template div imbalances) */
.tab-pane:not(.active) {
    display: none !important;
}

@media (max-width: 767.98px) {
  .container {
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
  }
}

.mynav .nav-item .nav-link {
	width: 100%;
	display: block;
	color: var(--bs-secondary);
	text-decoration: none;
	border-radius: 5px;
	padding: 5px 8px;
}

a {
	text-decoration: none;
	color: #943864;
}

.mycolor-1 {
	color: black;
}

.mybgcolor-1 {
	background-color: rgb(222, 231, 237, 0.6);
}

.mybgcolor-2 {
	background-color: rgb(222, 231, 237, 0.6);
}

.mybgcolor-3 {
	background-color: rgb(234, 200, 212, 0.5);
}

.btn-secondary {
	font-size: 1rem;
	padding: 2px 4px 2px;
	background-color: var(--bs-secondary);
	color: var(--bs-light);
}

.mynav .nav-item .nav-link.active,
.mynav .show>.nav-link {
	color: black;
	background-color: white;
}

.mynav .nav-item a:hover {
	background: white;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: black;
	background-color: white;
}

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
	color: var(--bs-secondary);
}

.btn-secondary {
	font-size: 1rem;
	padding: 2px 4px 2px;
	background-color: var(--bs-secondary);
	color: var(--bs-light);
}

.page-item.active .page-link {
	color: #fff !important;
	background-color: gray !important;
	border-color: gray !important;
}

.pagination a {
	padding: 4px 12px;
	text-decoration: none;
	transition: background-color .3s;
	font-size: 1rem;
}

.table thead th {
	background-color: rgb(222, 231, 237, 0.6);
	color: black;
	font-size: 1rem;
	font-weight: normal;
}

.dataTables_filter {
	font-size: 1rem;
}

.dataTables_filter input {
	font-size: 1rem;
}

.dataTables_info {
	font-size: 1rem;
}

.dataTables_wrapper {
	font-size: 1rem
}

.datepicker {
	font-size: 1rem;
}

.compact td {
	padding: 2px 0px 2px;
	border-bottom: none;
}

.btn {
	font-size: 1rem;
	padding: 2px 4px 2px;
}

.input {
	font-size: 1rem;
	padding: 4px 4px 4px;

}

.select {
	font-size: 1rem;
	padding: 4px 4px 4px;
}

.form-select {
	font-size: 1rem;
	padding: 4px 4px 4px;
}

.form-control {
	font-size: 1rem;
	padding: 4px 4px 4px;
}

textarea {
	font-size: 1rem !important;
}

.badge {
	font-weight: normal;
}

/* Project list row state tints */
tr.state-APP td { background-color: rgba(198, 239, 206, 0.5) !important; }
tr.state-REJ td { background-color: rgba(255, 199, 206, 0.5) !important; }
tr.state-iREV td { background-color: rgba(197, 217, 241, 0.5) !important; }
tr.state-REV td  { background-color: rgba(218, 201, 237, 0.5) !important; }
tr.state-CAN td  { background-color: rgba(220, 220, 220, 0.5) !important; }

.pre-wrap {
	white-space: pre-wrap;
}