.separator {
			margin-top: 5px;
			border-top: 1px dashed #F4F4F4;
		}

.text-upper-case {
	text-transform: uppercase;
}

.w-5px{
  width: 5% !important;
}

.dashed-border-block {
	    border: 2px dashed #51a9ff;
	    padding: 20px;
	    min-width: 300px;
	    min-height: 300px;
	    text-align: center;
	    vertical-align: center;
	    border-radius: 10px;
	}

.badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 6px;
  border: 1px solid transparent;
  min-width: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 99999px
}

.badge.badge-edge {
  border-radius:0px
}

.badge.badge-default {
  background-color: #B0BEC5
}

.badge.badge-primary {
  background-color: #2196F3
}

.badge.badge-secondary {
  background-color: #323a45
}

.badge.badge-success {
  background-color: #3e8b0f
}

.badge.badge-warning {
  background-color: #ffae00
}

.badge.badge-info {
  background-color: #29B6F6
}

.badge.badge-danger {
  background-color: #ef1c1c
}

.badge.badge-outlined {
  background-color: transparent
}

.badge.badge-outlined.badge-default {
  border-color: #B0BEC5;
  color: #B0BEC5
}

.badge.badge-outlined.badge-primary {
  border-color: #2196F3;
  color: #2196F3
}

.badge.badge-outlined.badge-secondary {
  border-color: #323a45;
  color: #323a45
}

.badge.badge-outlined.badge-success {
  border-color: #008925;
  color: #008925
}

.badge.badge-outlined.badge-warning {
  border-color: #ffae00;
  color: #ffae00
}

.badge.badge-outlined.badge-info {
  border-color: #29B6F6;
  color: #29B6F6
}

.badge.badge-outlined.badge-danger {
  border-color: #ef1c1c;
  color: #ef1c1c
}

.modal-footer{
  padding: 5px !important;
}

.card {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  /* cursor: pointer; */
  border: 1px solid #e0e0e0;
}

.card-groove:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
  border-color: #20c997;
}

/* Optional: Add hover effects to card content */
.card:hover .card-title {
  color: #007bff;
}

.bg-pastelorange {
  background-color: #ffdbae;
}

.bg-pastelpink {
  background-color: #ffb2ae;
}

.bg-pastelblue {
  background-color: #ecf6ff;
}

.bg-pastelgreendark {
  background-color: #e9fff9;
}

.text-maroon {
  color: #870700;
}