/* ============================================
   TEMA ASEI - Academia y Sistemas de Estudios Informáticos
   ============================================ */

:root {
    --asei-primary: #0054A6;
    --asei-dark: #003470;
    --asei-light: #4A90E2;
    --asei-accent: #E31E24;
    --asei-neutral: #2C3E50;
}

/* ============================================
   LOGIN & REGISTER
   ============================================ */

.login-page, .register-page {
	height: 70vh !important;
}

.login-box .card,
.register-box .card {
    border-top: 3px solid var(--asei-primary);
}

.btn-primary {
    background-color: var(--asei-primary) !important;
    border-color: var(--asei-primary) !important;
}

.btn-primary:hover {
    background-color: var(--asei-dark) !important;
    border-color: var(--asei-dark) !important;
}

/* ============================================
   SIDEBAR THEMING
   ============================================ */

/* Sidebar background */
.main-sidebar {
    background-color: #343a40 !important;
}

/* Active link */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--asei-primary) !important;
    color: #fff;
}

/* Active submenu link */
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: var(--asei-primary) !important;
    color: #fff;
}

/* Hover effect */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover {
    background-color: rgba(0, 84, 166, 0.2) !important;
}

/* Sidebar headers */
.nav-header {
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

/* ============================================
   BRAND LINK
   ============================================ */

.brand-link {
    border-bottom: 1px solid var(--asei-primary) !important;
}

.brand-link:hover {
    background-color: rgba(0, 84, 166, 0.1) !important;
}

/* ============================================
   CARDS & PANELS
   ============================================ */

.card-primary:not(.card-outline)>.card-header {
    background-color: var(--asei-primary) !important;
}

.card-primary.card-outline {
    border-top: 3px solid var(--asei-primary) !important;
}

.info-box .info-box-icon {
    background-color: var(--asei-primary) !important;
}

.small-box>.small-box-footer {
    background-color: rgba(0, 84, 166, 0.1) !important;
}

/* ============================================
   LINKS & BUTTONS
   ============================================ */

a {
    color: var(--asei-primary);
}

a:hover {
    color: var(--asei-dark);
}

.btn-success {
    background-color: var(--asei-primary) !important;
    border-color: var(--asei-primary) !important;
}

.btn-success:hover {
    background-color: var(--asei-dark) !important;
    border-color: var(--asei-dark) !important;
}

.btn-danger {
    background-color: var(--asei-accent) !important;
    border-color: var(--asei-accent) !important;
}

.btn-danger:hover {
    background-color: #c41a1f !important;
    border-color: #c41a1f !important;
}

/* ============================================
   TABLES & DATATABLES
   ============================================ */

.table thead th {
    border-bottom: 2px solid var(--asei-primary) !important;
}

.page-item.active .page-link {
    background-color: var(--asei-primary) !important;
    border-color: var(--asei-primary) !important;
}

/* ============================================
   BADGES
   ============================================ */

.badge-primary {
    background-color: var(--asei-primary) !important;
}

.badge-danger {
    background-color: var(--asei-accent) !important;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

.progress-bar {
    background-color: var(--asei-primary) !important;
}

/* ============================================
   ACCENT COLORS
   ============================================ */

.text-primary {
    color: var(--asei-primary) !important;
}

.bg-primary {
    background-color: var(--asei-primary) !important;
}

.border-primary {
    border-color: var(--asei-primary) !important;
}