html,
body,
.wrapper,
.main-header,
.main-sidebar,
.content-wrapper,
.main-footer,
.nav,
.navbar,
.nav-sidebar,
.nav-link,
.card,
.card-header,
.card-body,
.table,
.table th,
.table td,
.form-control,
.input-group-text,
.btn,
.dropdown-menu,
.modal,
.modal-title,
.alert,
.badge,
.pagination {
    font-family: 'Merriweather', serif !important;
}

body {
    font-size: 18px;
    line-height: 1.6;
}

.content-wrapper {
    background-color: #EEEEEE;
}

h1 {
    color: #002F50 !important;
    font-family: 'Noto Serif', serif
}

.text-primary {
    color: #002F50 !important;
}




/* ===== DEEP BLUE SIDEBAR ===== */
.main-sidebar {
    background-color: #002F50 !important;
    
}

    /* Sidebar brand/logo */
    .main-sidebar .brand-link {
        background-color: #002F50 !important;
        color: #E6ECF5 !important;
        border-bottom: 1px solid #112B5F;
    }

    /* Sidebar text */
    .main-sidebar .nav-sidebar .nav-link {
        color: #E6ECF5 !important;
    }

    /* Sidebar icons */
    .main-sidebar .nav-icon {
        color: #B8C7E0 !important;
    }

    /* Hover */
    .main-sidebar .nav-sidebar .nav-link:hover {
        background-color: #112B5F !important;
        color: #ffffff !important;
    }

    /* Active menu */
    .main-sidebar .nav-sidebar .nav-link.active {
        background-color: #163A75 !important;
        color: #ffffff !important;
    }

    /* Submenu */
    .main-sidebar .nav-treeview {
        background-color: #0F2A5A !important;
    }

        /* Submenu item */
        .main-sidebar .nav-treeview .nav-link {
            color: #D6E0F0 !important;
        }

            /* Submenu hover */
            .main-sidebar .nav-treeview .nav-link:hover {
                background-color: #163A75 !important;
            }


    .main-sidebar::-webkit-scrollbar {
        width: 6px;
    }

    .main-sidebar::-webkit-scrollbar-thumb {
        background: #163A75;
        border-radius: 10px;
    }



/* ===== GOLDEN NAVBAR ===== */
.main-header.navbar {
    background-color: #002F50 !important;
}

/* Navbar brand */
.main-header .navbar-brand {
    color: #FFFFFF !important;
}

/* Navbar links */
.main-header .navbar-nav .nav-link {
    color: #FFFFFF !important;
}

    /* Navbar icons */
    .main-header .navbar-nav .nav-link i {
        color: #FFFFFF !important;
    }

    /* Hover */
    .main-header .navbar-nav .nav-link:hover {
        background-color: #B8961E !important;
        color: #FFFFFF !important;
    }

    /* Active */
    .main-header .navbar-nav .nav-link.active {
        background-color: #A8871A !important;
    }

/* Dropdown menu */
.main-header .dropdown-menu {
    background-color: #FFFFFF;
}

/* Dropdown text */
.main-header .dropdown-item {
    color: #333;
}

    /* Dropdown hover */
    .main-header .dropdown-item:hover {
        background-color: #F5F5F5;
    }



/* login-box */
.login-box .bg-light {
    background-color: #002F50 !important;
}

@media (max-width: 767px) {
    .login-box {
        width: 95% !important;
    }

        .login-box .col-md-4,
        .login-box .col-md-8 {
            max-width: 100%;
            flex: 0 0 100%;
        }
}



.card-primary:not(.card-outline) > .card-header {
    background-color: #002F50;
}

.btn-primary {
    background-color: #002F50;
    border-color: #002F50;
}

.card {
    background-color: #F4EFEF;
}


.bg-primary {
    background-color: #002F50 !important;
}