<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>AsiaServ</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    

    <link href="<?= base_url(); ?>/assets/template/admin/libs/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
    <link href="<?= base_url(); ?>/assets/template/admin/libs/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" type="text/css" />
    <link href="<?= base_url(); ?>/assets/template/admin/libs/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" type="text/css" />
    <link href="<?= base_url(); ?>/assets/template/admin/libs/datatables.net-select-bs5/css//select.bootstrap5.min.css" rel="stylesheet" type="text/css" />

    
    <!-- Favicon -->
    <link href="<?= base_url('assets/img/asiaserv-logo.png'); ?>" rel="icon">

    <!-- Google Web Fonts -->
    <link href="<?= base_url('assets/css/fontgoogle.css'); ?>" rel="stylesheet">
    
    
    <!-- Custom styles for this page -->
    <link href="<?= base_url('assets/vendor/datatables/dataTables.bootstrap4.min.css'); ?>" rel="stylesheet">
    
    
    <!-- Icon Font Stylesheet -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="<?= base_url('assets/css/all.min.css'); ?>" rel="stylesheet">
    <link href="<?= base_url('assets/css/bootstrap-icons.css'); ?>" rel="stylesheet">

    <link href="<?= base_url('assets/dataTables/datatables.min.css'); ?>" rel="stylesheet">
    <link href="<?= base_url('assets/dataTables/datatables.css'); ?>" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="<?= base_url('assets/lib/owlcarousel/assets/owl.carousel.min.css'); ?>" rel="stylesheet">
    <link href="<?= base_url('assets/lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css'); ?>" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="<?= base_url('assets/css/bootstrap.min.css'); ?>" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="<?= base_url('assets/css/style.css'); ?>" rel="stylesheet">

    <link href="<?= base_url('assets/template/admin/css/icons.min.css'); ?>" rel="stylesheet">

    <!-- Sweet Alert -->
    <link href="<?= base_url('assets/css/sweetalert2.min.css'); ?>" rel="stylesheet">
    <!-- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'> -->
    
    
</head>

<style>
.sidebar {
    width: 250px;
    height: 100vh;
}
.navbar-nav .nav-link {
    color: #ddd;
    padding: 10px 20px;
}
.navbar-nav .dropdown-menu {
    padding-left: 20px;
}
.navbar-nav .dropdown-item {
    /* color: #ccc; */
    padding-left: 10px;
}
.navbar-nav .dropdown-item i {
    font-size: 0.8em;
}


/* Style untuk dropdown-menu */
.dropdown-menu {
    background-color: #f8f9fa; /* Warna latar belakang dropdown */
    border: 1px solid #e9ecef; /* Border dropdown */
    border-radius: 0.25rem; /* Membuat sudut agak membulat */
}

/* Style untuk dropdown-item */
.dropdown-item {
    padding: 0.5rem 1rem;
    color: #212529; /* Warna teks default */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transisi saat hover */
}

/* Hover efek */
.dropdown-item:hover {
    background-color: #007bff; /* Warna biru saat hover */
    color: #fff; /* Teks putih */
}

/* Aktif efek */
.dropdown-item:active {
    background-color: #0056b3; /* Biru lebih gelap */
    color: #fff;
}







    </style>

<body>
    
            

