/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */

.navbar-bg {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='649' preserveAspectRatio='none' viewBox='0 0 1440 649'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1217%26quot%3b)' fill='none'%3e%3crect width='1440' height='649' x='0' y='0' fill='rgba(255%2c 165%2c 0%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c623 C 48%2c531.2 144%2c190.6 240%2c164 C 336%2c137.4 384%2c476.6 480%2c490 C 576%2c503.4 624%2c201.8 720%2c231 C 816%2c260.2 864%2c654.8 960%2c636 C 1056%2c617.2 1104%2c161.8 1200%2c137 C 1296%2c112.2 1392%2c437 1440%2c512L1440 649L0 649z' fill='rgba(255%2c 197%2c 92%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c129 C 72%2c227.8 216%2c591.6 360%2c623 C 504%2c654.4 576%2c309.8 720%2c286 C 864%2c262.2 936%2c527.8 1080%2c504 C 1224%2c480.2 1368%2c234.4 1440%2c167L1440 649L0 649z' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1217'%3e%3crect width='1440' height='649' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 0;
	pointer-events: none;
}


.user-avatar {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
}

.title-header {
	font-size: 20px !important;
}

.rounded-curve {
	border-radius: 5rem !important;
	height: 75px !important;
}

.card-curve {
	width: 58px !important;
	height: 58px !important;
	line-height: 65px !important;
}

.card-header-curve {
	padding-top: 10px !important;
}

.badge-curve {
	position: absolute;
	top: -10px;
	right: -5px;
	padding: 1px;
	font-size: 15px;
	border-radius: 50%;
	background: #C60C29;
	color: white;
	width: 30px;
	height: 30px;
	text-align: center;
}

.title-header-curve {
	font-size: 1.25vw !important;
}

.activity-mod {
	max-height: 60px;
}

.activity-detail-mod {
	box-shadow: none !important;
}

.form-select-sm {
	height: calc(1.8125rem + 2px) !important;
	font-size: 12px !important;
	padding: .375rem .5rem !important;
}

/* Enforce Solid White Backgrounds for Modern Cards & Tables */
.profile-card,
.modern-card,
.modern-table-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
  position: relative !important;
  z-index: 2 !important;
}

.profile-card-header,
.modern-card-header,
.modern-table-header {
  padding: 18px 24px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.profile-card-body,
.modern-card-body,
.modern-table-body,
.table-responsive {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.modern-table,
table.modern-table {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.modern-table tbody,
table.modern-table tbody,
.modern-table tbody tr,
table.modern-table tbody tr,
.modern-table tbody td,
table.modern-table tbody td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Ensure footer clears left sidebar */
.main-footer {
  padding: 20px 32px 20px 280px !important;
}

body.sidebar-mini .main-footer {
  padding-left: 90px !important;
}

@media (max-width: 1024px) {
  .main-footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}