html, body{
	background-color:#f6f9ff;
	height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#main {
    flex: 1;
}

.badge {
  display: inline-block;
  text-align: right;
  box-sizing: border-box;
  min-width:80px;
  
}

.list-group-item{
	background: rgba(255,255,255,0.65);
}
.card-img-overlay{
	background: rgba(255,255,255,0.25);
}

.footer {
    margin-top: auto;
}

.sidebar .nav-item {
	margin-bottom: 2px !important;
}

.sidebar .nav-link {
	padding: 6px 12px !important;
	min-height: auto !important;
}

.sidebar-heading{
	display: block !important;
	padding-left: 15px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;

	font-size: 14px !important;
	font-weight: 700 !important;
	color: #dc3545 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px !important;

	margin: 0 !important;
	list-style: none !important;
}

a{
	color: inherit;
	text-decoration: none !important;
}

a:hover{
	color: inherit;
	text-decoration: none !important;
}

.dataTables_scrollBody {
    max-height: none !important;
    overflow: visible !important;
}
.viewBtn {
    color: inherit !important;
    text-decoration: none !important;
}

.viewBtn:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* Soft Colors */
.bg-soft-primary{ background: rgba(13,110,253,0.5); }
.bg-soft-success{ background: rgba(25,135,84,0.5); }
.bg-soft-danger{ background: rgba(220,53,69,0.5); }
.bg-soft-warning{ background: rgba(255,193,7,0.5); }
.bg-soft-info{ background: rgba(13,202,240,0.5); }
.bg-soft-secondary{ background: rgba(33,37,41,0.5); }

button, btn{
  white-space:nowrap !important;
}

/* Apply globally to all theme variants */
.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark {
  border-color: transparent !important;
}

/* 1. Primary Button Gradient */
.btn-primary {
  background: linear-gradient(180deg, #0d6efd, #0a58ca) !important;
}
.btn-primary:hover {
  background: linear-gradient(180deg, #0a58ca, #084298) !important;
}

/* 2. Secondary Button Gradient */
.btn-secondary {
  background: linear-gradient(180deg, #6c757d, #565e64) !important;
}
.btn-secondary:hover {
  background: linear-gradient(180deg, #565e64, #43494e) !important;
}

/* 3. Success Button Gradient */
.btn-success {
  background: linear-gradient(180deg, #198754, #146c43) !important;
}
.btn-success:hover {
  background: linear-gradient(180deg, #146c43, #0f5132) !important;
}

/* 4. Danger Button Gradient */
.btn-danger {
  background: linear-gradient(180deg, #dc3545, #b02a37) !important;
}
.btn-danger:hover {
  background: linear-gradient(180deg, #b02a37, #842029) !important;
}

/* 5. Warning Button Gradient */
.btn-warning {
  background: linear-gradient(180deg, #ffc107, #d3a006) !important;
  color: #000 !important; /* Keep text readable */
}
.btn-warning:hover {
  background: linear-gradient(180deg, #d3a006, #a77f05) !important;
}

/* 6. Info Button Gradient */
.btn-info {
  background: linear-gradient(180deg, #0dcaf0, #0aa2c0) !important;
  color: #000 !important;
}
.btn-info:hover {
  background: linear-gradient(180deg, #0aa2c0, #087990) !important;
}

/* 1. Primary Badge */
.badge.bg-primary {
  background: linear-gradient(180deg, #0d6efd, #0a58ca) !important;
}

/* 2. Secondary Badge */
.badge.bg-secondary {
  background: linear-gradient(180deg, #6c757d, #565e64) !important;
}

/* 3. Success Badge */
.badge.bg-success {
  background: linear-gradient(180deg, #198754, #146c43) !important;
}

/* 4. Danger Badge */
.badge.bg-danger {
  background: linear-gradient(180deg, #dc3545, #b02a37) !important;
}

/* 5. Warning Badge */
.badge.bg-warning {
  background: linear-gradient(180deg, #ffc107, #d3a006) !important;
  color: #000 !important;
}

/* 6. Info Badge */
.badge.bg-info {
  background: linear-gradient(180deg, #0dcaf0, #0aa2c0) !important;
  color: #000 !important;
}

/* 7. Dark Badge */
.badge.bg-dark {
  background: linear-gradient(180deg, #212529, #000000) !important;
}