/* *******************************/

.modal-header {
	background-color: rgba(33,37,41, 0.03);
	border-top: 10px solid #00bad6;
}

.modal-header h2 {
	align-items: center;
	display: flex;
	font-size: 1.5rem;
	font-weight: 600;
	gap: 10px;
	margin: 0;
}

.modal-header h2 img {
	height: auto;
	opacity: 0.6;
	width: 20px;
}

/* *******************************/

.modal-body h2 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 20px;
}

.modal-body h2.expand {
	border-top: 1px dashed #ccc;
	margin-top: 30px;
	padding-top: 30px;
}

.modal-body h2.expand a {
	color: #00bad6;
	font-size: 1rem;
	font-weight: normal;
}

.modal-body h2.expand a:hover {
	text-decoration: underline;
}

.modal-body h2 img {
	height: auto;
	opacity: 0.6;
	width: 20px;
}

.modal-body .card-header h2 {
	display: block;
}

/* *******************************/

.modal-body .results {
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	margin-top: 20px;
	max-height: 50vh;
	overflow-y: scroll;
}

.modal-body .results-pagination {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	height:300px;
}

.modal-body .results table {
	margin-bottom: 0;
}

.modal-body .results table label {
	width: 100%;
}

.modal-body .results table tr:last-child {
	border-bottom: 0px solid #fff;
}

/* *******************************/

.modal-footer {
	background-color: rgba(33,37,41, 0.03);
}

/* *******************************/

.modal-profile {
	padding: 0;
}

.modal-profile .banner {
	align-items: center;
	background: url('../images/bgs/profile.webp') no-repeat;
	background-size: cover;
	display: flex;
	gap: 20px;
	padding: 20px;
}

.modal-profile .banner .avatar img {
	border: 3px solid #00bad6;
	border-radius:100px;
}

.modal-profile .banner .opts {
	color: #fff;
}

.modal-profile .banner .opts h2 {
	font-size: 2rem;
}

/* *******************************/

.modal-upload {
	padding: 0;
}

.modal-upload .file-upload-avatar {
	background-color: #efefef;
	border-bottom: 1px solid #ddd;
	display: none;
	padding: 20px;
}

/* *******************************/

.modal-confirm {
	margin-bottom: 10px;
	text-align: center;
}

.modal-confirm .img-success {
	margin: 20px 0;
	width: 140px;
}

/* *******************************/


.modal-body .card td.text-small.fw-normal {
	padding-top: 0px;
}

.modal-body .card td.fw-bold.text-wrap {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.modal-body .card td.text-end.fw-bold {
	padding-bottom: 0px;
	border-bottom: 0px;
}

/* *******************************/

.modal-header {
	background-color: rgba(33,37,41, 0.03);
	border-top: 10px solid #00bad6;
}

.modal-header h2 {
	align-items: center;
	display: flex;
	font-size: 1.5rem;
	font-weight: 600;
	gap: 10px;
	margin: 0;
}

.modal-header h2 img {
	height: auto;
	opacity: 0.6;
	width: 20px;
}

/* *******************************/

.modal-body h2 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 20px;
}

.modal-body h2.expand {
	border-top: 1px dashed #ccc;
	margin-top: 30px;
	padding-top: 30px;
}

.modal-body h2.expand a {
	color: #00bad6;
	font-size: 1rem;
	font-weight: normal;
}

.modal-body h2.expand a:hover {
	text-decoration: underline;
}

.modal-body h2 img {
	height: auto;
	opacity: 0.6;
	width: 20px;
}

.modal-body .card-header h2 {
	display: block;
}

/* *******************************/

.modal-body .results {
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	margin-top: 20px;
	max-height: 50vh;
	overflow-y: scroll;
}

.modal-body .results-pagination {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	height:300px;
}

.modal-body .results table {
	margin-bottom: 0;
}

.modal-body .results table label {
	width: 100%;
}

.modal-body .results table tr:last-child {
	border-bottom: 0px solid #fff;
}

/* *******************************/

.modal-footer {
	background-color: rgba(33,37,41, 0.03);
}

/* *******************************/

.modal-profile {
	padding: 0;
}

.modal-profile .banner {
	align-items: center;
	background: url('../images/bgs/profile.webp') no-repeat;
	background-size: cover;
	display: flex;
	gap: 20px;
	padding: 20px;
}

.modal-profile .banner .avatar img {
	border: 3px solid #00bad6;
	border-radius:100px;
}

.modal-profile .banner .opts {
	color: #fff;
}

.modal-profile .banner .opts h2 {
	font-size: 2rem;
}

/* *******************************/

.modal-upload {
	padding: 0;
}

.modal-upload .file-upload-avatar {
	background-color: #efefef;
	border-bottom: 1px solid #ddd;
	display: none;
	padding: 20px;
}

/* *******************************/

.modal-confirm {
	margin-bottom: 10px;
	text-align: center;
}

.modal-confirm .img-success {
	margin: 20px 0;
	width: 140px;
}

/* *******************************/


.modal-body .card td.text-small.fw-normal {
	padding-top: 0px;
}

.modal-body .card td.fw-bold.text-wrap {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.modal-body .card td.text-end.fw-bold {
	padding-bottom: 0px;
	border-bottom: 0px;
}

td:first-child:has(input) {
  width: 30px;
}

/* Stats ******************************/

.stats-type {
	display: flex; 
	flex-wrap:wrap; 
	flex-grow:1; 
	gap:10px; 
	align-items: center;
}

.color-coding {
	display: inline-block; 
	width:14px; 
	height:14px; 
	border-radius:4px;
}

.col-graph {
	display: flex; 
	flex-direction:column; 
	align-items:center; 
	justify-content:flex-start;
}

.col-graph img {
	width:60%;
	height:auto;
	margin-bottom: 20px;
}

.hide-stats, .temp-stats {
	display: none;
}

.show-stats {
	display: block;
}

/* activities and print ******************************/

.modal-activities label {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 0.8rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}