/* --------------------------------------------------
   Navbar
-------------------------------------------------- */
.navbar {
	padding: 0.75rem 1rem;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom: 3px solid #FF8C00;
	background: linear-gradient(90deg, #003366, #4B6FA3);
}

.navbar-brand span {
	color: #FFFFFF;
	font-size: 1.6rem;
}

.navbar-text strong {
	color: #FF8C00;
}

/* --------------------------------------------------
   Navbor Alt Header 
-------------------------------------------------- */
navbor {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	margin: 0 auto;
	position: fixed;
}

.navbor {
	padding: .8rem 1rem;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom: 3px solid #FF8C00;
	background: linear-gradient(90deg, #003366, #4B6FA3);
}

/* --------------------------------------------------
   Card 
-------------------------------------------------- */
.card {
    border-radius: 0.5rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.12);
}

.card-title i {
    transition: transform 0.2s ease;
}

.card:hover .card-title i {
    transform: scale(1.15);
}

.card-header {
	color: #FFFFFF;
	font-weight:600;
	background-color: #0d6efd;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
	border-bottom: 3px solid #FF8C00;
}

.card-header-alt {
	color: #FFFFFF;
	font-weight:600;
	background-color: #0d6efd;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
}

.card-body {
	background-color: #c1e1ec;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.fade-in {
	animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: translateY(0); }
}

.slide-notice {
	position: relative;
	top: -60px;              /* hidden above header */
	opacity: 0;
	transition: all 0.45s ease;
	z-index: 999;
	border-radius: 0;        /* full-width bar look */
}

/* When active, it slides down */
.slide-notice.show {
	top: 0;
	opacity: 1;
}

.profile-photo {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border: 3px solid #0d6efd;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.profile-photo:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* --------------------------------------------------
   Footer
-------------------------------------------------- */
footer {
	left: 0;
	bottom: 0;
	width: 100%;
	position: fixed;
}

.footer {
	padding: .8rem 1rem;
	border-top: 3px solid #FF8C00;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: linear-gradient(90deg, #003366, #4B6FA3);
}

/* --------------------------------------------------
   Buttons
-------------------------------------------------- */
.btn-outline-light {
	color: #FFFFFF;
	border-color: #ffdf00;
}

.btn-outline-light:hover {
	color: #FFFFFF;
	background-color: #ffdf00;
}

.btn-outline-dark {
	color: #04AA6D;
	border-color: #04AA6D;
}

.btn-outline-dark:hover {
	color: #FFFFFF;
	background-color: #04AA6D;
}

/* --------------------------------------------------
   Miscellaneous Stuff
-------------------------------------------------- */
h2, .h2 {
	text-align: center;
	text-shadow: 2px 2px #c1e1ec;
}

h3, .h3 {
	text-align: center;
	text-shadow: 2px 2px #c1e1ec;
}

h7, .h7 {
	font-size: 11px;
}

.pacifico {
	font-size: 11px;
	font-family: 'Pacifico', cursive;
}

.pacifico-regular {
	font-size: 18px;
	font-family: 'Pacifico', cursive;
}

.pacifico-large {
	font-size: 28px;
	font-family: 'Pacifico', cursive;
}

.lable {
	margin-bottom: 0px
}

.mb-8 {
	padding: 30px;
}

.mt-110 {
	margin-top: 110px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-125 {
	margin-top: 125px;
}

.mt-46 {
	margin-top: 46px;
}

.text-justify {
	text-align: justify;
}

/* --------------------------------------------------
   Status Dots
-------------------------------------------------- */
.status-dot {
	width: 10px;
	height: 10px;
	margin-right: 6px;
	border-radius: 50%;
	display: inline-block;
}

/* --------------------------------------------------
   Violet Icon Color
-------------------------------------------------- */
.text-violet {
	color: #8A9BFF;
}

/* --------------------------------------------------
   IP Badge
-------------------------------------------------- */
.ip-badge {
	padding: 4px 8px;
	border-radius: 6px;
	font-size: 0.85rem;
	align-items: center;
	display: inline-flex;
	background-color: #F7F7FA;
	border: 1px solid #E0E0E0;
}

/* --------------------------------------------------
   Table Header
-------------------------------------------------- */
.table thead {
	color: #FFFFFF;
	background-color: #0d6efd;
}

/* --------------------------------------------------
   Hoover Effect
-------------------------------------------------- */
.table tbody tr:hover {
	background-color: #F2F4FF;
}

/* --------------------------------------------------
   Letter Spacing
-------------------------------------------------- */
.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-3 {
	letter-spacing: 3px;
}
.ls-n1 {
	letter-spacing: -1px;
}

thead tr {
	border-bottom: 3px solid #FF8C00 !important;
}

.security-badge {
	font-weight: 600;
	padding: 4px 8px;
	font-size: 0.75rem;
	border-radius: 12px;
	display: inline-block;
}

.badge-danger {
	color: white;
	background-color: #dc3545;
}

.badge-success {
	color: white;
	background-color: #28a745;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.activity-item {
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	border-left: 3px solid #009688;
	background: rgba(0, 150, 136, 0.1);
}

.session-item {
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	border-left: 4px solid #28a745;
	background: rgba(255, 255, 255, 0.8);
}