/*Navigation*/
    #mainNav {
        background-color: #dcedcd !important;
        margin-bottom: 40px;
        padding: 10px 0px;
    }
    .navbar-fixed-top {
        position: fixed !important;
     }
    .navbar-default .nav > li > a {
        color: #46791a !important;
        text-transform: capitalize;
        font-weight: normal;
        font-size: 16px;
        margin-left:10px;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        outline: none;
        font-weight: normal;
        text-transform: capitalize;
        font-size: 16px;
    }
    .navbar-default .nav > li > a.page-active {
        color: #ffffff !important;
        background: #79ab4d;
        border-radius: 10px;
    }
    .navbar-default .nav > li > a:hover {
        background: transparent;
        color: #79ab4d !important;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle {
        border-color: #0a0a0a;
    }
    button.navbar-toggle {
        color: #0a0a0a !important;
    }
    #mainNav .navbar-brand{
        color: #0a0a0a !important;
    }

    .tabs {
        display: flex;
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 1px 0 rgba(110, 224, 24, 0.15), 0 6px 12px 0 rgba(110, 224, 24, 0.15);
        padding: 0.75rem;
        border-radius: 99px;
        width:fit-content;
        margin:0 auto;
        margin-bottom:30px;
    }
    
    .batas {
        padding-left: 30px; 
        padding-right: 30px; 
        padding-top: 60px
        
    }
    
    
    
    
        #mainNav {
        background-color: #dcedcd !important;
        margin-bottom: 40px;
        padding: 10px 0px;
    }
    .navbar-fixed-top {
        position: fixed !important;
     }
    .navbar-default .nav > li > a {
        color: #46791a !important;
        text-transform: capitalize;
        font-weight: normal;
        font-size: 16px;
        margin-left:10px;
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        outline: none;
        font-weight: normal;
        text-transform: capitalize;
        font-size: 16px;
    }
    .navbar-default .nav > li > a:hover {
        background: transparent;
        color: #79ab4d !important;
    }
    .navbar-default .nav > li > a.page-active {
        color: #ffffff !important;
        background: #79ab4d;
        border-radius: 10px;
    }
    
    
    thead {
      background-color: #8B0000; /* Ganti dengan warna yang diinginkan */
      color: white; /* Warna teks */
    }