/* item navbar ----------------------------------------------------------------------------------- */ /* navbar item container */ .main-menu.menu-light .navigation { background: linear-gradient(180deg, #0B6623 0%, #1E7D22 100%); } /* navbar conainer */ .main-menu.menu-light { color: #1E7D22; background: #1E7D22; } /* warna text pada item navbar */ .main-menu.menu-light .navigation li a { color: #ddd; } /* warna text pada item navbar saat di hover */ .main-menu.menu-light .navigation li.hover:hover a { color: #fff; } /* warna background navbar saat di hover */ .main-menu.menu-light .navigation li.hover { background: rgba(0, 0, 0, 0.07); } /* warna background navbar saat di hover */ .main-menu.menu-light .navigation li.navigation-header.hover { background: rgba(0, 0, 0, 0.00); } /* warna text pada item navbar header saat di hover */ .main-menu.menu-light .navigation .navigation-header { color: #fff; } /* active navbar ----------------------------------------------------------------------------------- */ /* border kanan item navbar active */ .navigation li.active { border-right: none; } /* pading navbar container item */ .main-menu.menu-light .navigation { padding-top: 20px; padding-bottom: 20px; } /* warna background navbar saat di hover */ .main-menu.menu-light .navigation li.active.hover { background: rgba(0, 0, 0, 0.00); } /* warna background navbar link saat di hover */ .main-menu.menu-light .navigation>li.active a { background: rgba(0, 0, 0, .27); color: #fff; } /* warna text pada item navbar saat di hover */ .main-menu.menu-light .navigation>li.active:hover>a { color: #fff; } /* warna background navbar brand */ .navbar-semi-dark .navbar-header { background: #073D15; } /* content area */ html body .content .content-wrapper .content-header-title { font-weight: 500; letter-spacing: 1px; color: #fff; padding-left: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; background: linear-gradient(180deg, #0B6623 0%, #1E7D22 100%); }