body{
    margin:0;
    font-family: "Segoe UI", sans-serif;
}

/* WRAPPER */
.landing-wrapper{
    display:flex;
    height:calc(100vh - 56px);
    background: linear-gradient(to right,#bdefff,#e6f8ff);
}

/* LEFT */
.left-area{
    width:55%;
    background: url("../img/peta.png") no-repeat center center;
    background-size: cover;
    position:relative;
}

/* RIGHT AREA */
.right-area{
    width:45%;
    padding:40px 60px;
    position:relative;
}

/* CENTER LOGO & TITLE */
.center-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:left;
    max-width:520px;
}

.center-content img{
    width:120px;
    margin-bottom:20px;
}

.center-content h3{
    font-weight:700;
    line-height:1.4;
}

.center-content h4{
    font-weight:600;
    margin-top:10px;
}

.center-content p{
    margin-top:10px;
    font-style:italic;
    color:#333;
}

/* LOGIN DROPDOWN */
.login-dropdown{
    position:absolute;
    top:55px;
    right:0;
    width:260px;
    background:#fff;
    padding:15px;
    border-radius:6px;
    display:none;
    z-index:999;
}

/* ARROW (EFEK GANTUNG) */
.login-dropdown::before{
    content:"";
    position:absolute;
    top:-10px;
    right:20px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
}

.sidebar{
    width:260px;
    min-height:100vh;
}

.content-area{
    background:#f8f9fa;
    min-height:100vh;
}

/* SUBMENU */
.submenu{
    display:none;
}

/* CARET ROTATE */
.parent-menu .caret{
    transition: transform 0.2s ease;
}

.parent-menu.active .caret{
    transform: rotate(90deg);
}

/* HOVER */
.parent-menu:hover{
    background: rgba(255,255,255,0.1);
}

/* FORCE SUBMENU HIDE ON LOAD 
.submenu{
    display: none !important;
}*/

/* SIDEBAR FIX */
.sidebar{
    width:260px;
    background:#212529;
    min-height:100vh;     /* full layar */
}

/* CONTENT */
.content-area{
    min-height:100vh;
    background:#f8f9fa;
}

/* CARET */
.parent-menu .caret{
    transition: transform 0.2s ease;
}
.parent-menu.active .caret{
    transform: rotate(90deg);
}

/* SIDEBAR HIJAU WARNA */
.sidebar-warna{
    background-color: #0c808f; /* hijau warna */
}

/* Hover menu */
.sidebar-warna .nav-link:hover{
    background-color: rgba(255,255,255,0.15);
}

/* Parent menu */
.sidebar-warna .parent-menu{
    color:#fff;
}

/* Submenu */
.sidebar-warna .submenu .nav-link{
    color:#eafff9;
}