.req {
	color:#F00;
	margin:2px;
}
.btnEdit {
	font-size:18px;
}
.btnDelete {
	font-size:18px;
}
.btnView {
	font-size:18px;
}
.myBtn {
	font-size:18px;
}
.btnSettings {
	color:#6B6F82;
}
.list-img {
	width: 35px;
	object-fit: contain;
}
.list-img-circle {
	height: 40px;
	width: 40px;
	border-radius: 50%;
}
.error {
 margin-top: .25rem;
	color: #f41127;
}
.form-control.error {
	border-color: #f41127;
}
.form-control.error:focus {
	border-color: #f41127;
	box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}
.form-control.valid {
	border-color: #17a00e;
}
.form-control.valid:focus {
	border-color: #17a00e;
	box-shadow: 0 0 0 0.25rem rgb(46 132 30 / 25%);
}
.text-right {
	text-align:right;
}
a {
	color: #00AB9B;
}
.btn-primary {
	color: #fff;
	background-color: #00AB9B;
	border-color: #00AB9B;
}
.btn-primary:hover {
	color: #fff;
	background-color: #00AB9B;
	border-color: #00AB9B;
}
.btn-primary:focus {
	color: #fff;
	background-color: #00AB9B;
	border-color: #00AB9B;
	box-shadow: 0 0 0 0.25rem rgb(36 178 171 / 50%);
}
.page-link {
	color: #00AB9B;
}
.page-link:focus {
	color: #00AB9B;
}
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #00AB9B;
	border-color: #00AB9B;
}
.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #00AB9B;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	display: none;
	z-index: 1000;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  
  .data-container {
	opacity: 0.5; /* Set the desired opacity value */
  }
  .hidden {
	  opacity: 0.5;
  }