:root{
    --koneng:#9ACD32 !important;--biru:#0dcaf0 !important;
}
html,body {width:90%; margin:auto; min-height:90vh}
.card-body {min-height: 80vh;}
.logo-on{height:30px;margin-top:-13px}
.nvtm {top:50px;}
.nvtb {top:95px; left:10.2%;right:10.2%;z-index: 1;}
.nvtbe {top:45px;left:10.2%;right:10.2%; z-index: 1;}
.nvtp {padding-left:11%; padding-right:10%; z-index: 2; }
li.nav-item{margin-right:5px}
.navbar-nav li a:hover,.navbar-nav li .active{border-radius:8px 0; font-weight: 400;color:black !important;background:var(--biru)}
.logo {height:40px; margin-top:5px;padding-left:20px}
.headname {vertical-align:bottom;padding-left:20px;}
.showon {display: none;}
.showlo {vertical-align:bottom;}
.header-top h2{padding-bottom:10px}
a {text-decoration:none; color:black}
.smenu {background-color: #fff;padding-left:15px}
td a.btn {background-color: var(--koneng);}
.nav-link{padding-top: 5px}
.tombol{border-radius: 0 8px; min-width:150px;}
.sub-menu-tab .tombol{min-width:120px;}
.btn-tambah a{background-color: var(--biru);color:white}
.dropdown-menu li {
    position: relative;
    }
    .dropdown-menu {border-radius:8px 0;}
    .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    }
    .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    }
    .kanan {
    margin-left: auto;
    text-align: right;
    text-decoration: none;
    padding-left: 10px;
    }
    .rmenu { display:flex; }
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
    }

    /* Modal Content/Box */
    .modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    }

    /* The Close Button */
    .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    }
    
    .cmodal {
    
    color: #222; font-size: 20px;
    font-weight: bolder }

    .close:hover,
    .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    }
    .biru {color: var(--biru);}
    .koneng {color: var(--koneng);}
    .btn-depan {min-width: 180px;background-color: var(--koneng);}
    a:hover{cursor: pointer;}