/* .navbar-header {
  text-align: left;
} */
.navbar-brand span#img {
  display: none;
}

.theme-purple .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-purple .menu>ul>li>ul.normal-sub>li a:hover,
.theme-purple .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #9c27b0;
}

.theme-purple .navbar-brand {
  color: #fff;
}

.theme-purple .navbar-brand:hover,
.theme-purple .navbar-brand:active,
.theme-purple .navbar-brand:focus {
  color: #fff;
}

.theme-purple .navbar {
  background-color: #9c27b0;
}

.theme-purple .nav>li>a {
  color: #fff;
}

.theme-purple .nav>li>a:hover,
.theme-purple .nav>li>a:focus {
  background-color: transparent;
}

.theme-purple .nav .open>a {
  background-color: transparent;
}

.theme-purple .nav .open>a:hover,
.theme-purple .nav .open>a:focus {
  background-color: transparent;
}

.theme-purple .bars {
  color: #fff;
}

.theme-purple .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-purple .sidebar .menu .list li.active> :first-child i,
.theme-purple .sidebar .menu .list li.active> :first-child span {
  color: #9c27b0;
}

.theme-purple .sidebar .menu .list .toggled,
.theme-purple .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #9c27b0;
}

.theme-purple .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #9c27b0;
  transition: all 150ms linear;
}

.theme-purple .nav-tabs .nav-link.active {
  border-bottom: 1px solid #9c27b0 !important;
  color: #9c27b0 !important;
  font-weight: 700;
}

.theme-purple .blog-page .single-blog-post .img-holder .date-box {
  background-color: #9c27b0;
}

.theme-blue .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-blue .menu>ul>li>ul.normal-sub>li a:hover,
.theme-blue .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #2196f3;
}

.theme-blue .navbar-brand {
  color: #fff;
}

.theme-blue .navbar-brand:hover,
.theme-blue .navbar-brand:active,
.theme-blue .navbar-brand:focus {
  color: #fff;
}

.theme-blue .navbar {
  background-color: #2196f3;
}

.theme-blue .nav>li>a {
  color: #fff;
}

.theme-blue .nav>li>a:hover,
.theme-blue .nav>li>a:focus {
  background-color: transparent;
}

.theme-blue .nav .open>a {
  background-color: transparent;
}

.theme-blue .nav .open>a:hover,
.theme-blue .nav .open>a:focus {
  background-color: transparent;
}

.theme-blue .bars {
  color: #fff;
}

.theme-blue .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-blue .sidebar .menu .list li.active> :first-child i,
.theme-blue .sidebar .menu .list li.active> :first-child span {
  color: #2196f3;
}

.theme-blue .sidebar .menu .list .toggled,
.theme-blue .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #2196f3;
}

.theme-blue .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #2196f3;
  transition: all 150ms linear;
}

.theme-blue .nav-tabs .nav-link.active {
  border-bottom: 1px solid #2196f3 !important;
  color: #2196f3 !important;
  font-weight: 700;
}

.theme-blue .blog-page .single-blog-post .img-holder .date-box {
  background-color: #2196f3;
}

.theme-cyan .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-cyan .menu>ul>li>ul.normal-sub>li a:hover,
.theme-cyan .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #00bcd4;
}

.theme-cyan .navbar-brand {
  color: #fff;
}

.theme-cyan .navbar-brand:hover,
.theme-cyan .navbar-brand:active,
.theme-cyan .navbar-brand:focus {
  color: #fff;
}

.theme-cyan .navbar {
  background-color: #00bcd4;
}

.theme-cyan .nav>li>a {
  color: #fff;
}

.theme-cyan .nav>li>a:hover,
.theme-cyan .nav>li>a:focus {
  background-color: transparent;
}

.theme-cyan .nav .open>a {
  background-color: transparent;
}

.theme-cyan .nav .open>a:hover,
.theme-cyan .nav .open>a:focus {
  background-color: transparent;
}

.theme-cyan .bars {
  color: #fff;
}

.theme-cyan .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-cyan .sidebar .menu .list li.active> :first-child i,
.theme-cyan .sidebar .menu .list li.active> :first-child span {
  color: #00bcd4;
}

.theme-cyan .sidebar .menu .list .toggled,
.theme-cyan .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #00bcd4;
}

.theme-cyan .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #00bcd4;
  transition: all 150ms linear;
}

.theme-cyan .nav-tabs .nav-link.active {
  border-bottom: 1px solid #00bcd4 !important;
  color: #00bcd4 !important;
  font-weight: 700;
}

.theme-cyan .blog-page .single-blog-post .img-holder .date-box {
  background-color: #00bcd4;
}

.theme-black .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-black .menu>ul>li>ul.normal-sub>li a:hover,
.theme-black .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #181a1b;
}

.theme-black .navbar-brand {
  color: #fff;
}

.theme-black .navbar-brand:hover,
.theme-black .navbar-brand:active,
.theme-black .navbar-brand:focus {
  color: #fff;
}

.theme-black .navbar {
  background-color: #181a1b;
}

.theme-black .nav>li>a {
  color: #fff;
}

.theme-black .nav>li>a:hover,
.theme-black .nav>li>a:focus {
  background-color: transparent;
}

.theme-black .nav .open>a {
  background-color: transparent;
}

.theme-black .nav .open>a:hover,
.theme-black .nav .open>a:focus {
  background-color: transparent;
}

.theme-black .bars {
  color: #fff;
}

.theme-black .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-black .sidebar .menu .list li.active> :first-child i,
.theme-black .sidebar .menu .list li.active> :first-child span {
  color: #26c6da;
}

.theme-black .sidebar .menu .list .toggled,
.theme-black .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #26c6da;
}

.theme-black .sidebar .user-info {
  background: url(../../assets/images/black_profile_bg.jpg) no-repeat no-repeat;
}

.theme-black .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #181a1b;
  transition: all 150ms linear;
}

.theme-black .nav-tabs .nav-link.active {
  border-bottom: 1px solid #181a1b !important;
  color: #181a1b !important;
  font-weight: 700;
}

.theme-black .blog-page .single-blog-post .img-holder .date-box {
  background-color: #181a1b;
}

.theme-black .notify .heartbit {
  border-color: #26c6da;
}

.theme-black .notify .point {
  background-color: #26c6da;
}

.theme-deep-purple .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-deep-purple .menu>ul>li>ul.normal-sub>li a:hover,
.theme-deep-purple .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #673ab7;
}

.theme-deep-purple .navbar-brand {
  color: #fff;
}

.theme-deep-purple .navbar-brand:hover,
.theme-deep-purple .navbar-brand:active,
.theme-deep-purple .navbar-brand:focus {
  color: #fff;
}

.theme-deep-purple .navbar {
  background-color: #673ab7;
}

.theme-deep-purple .nav>li>a {
  color: #fff;
}

.theme-deep-purple .nav>li>a:hover,
.theme-deep-purple .nav>li>a:focus {
  background-color: transparent;
}

.theme-deep-purple .nav .open>a {
  background-color: transparent;
}

.theme-deep-purple .nav .open>a:hover,
.theme-deep-purple .nav .open>a:focus {
  background-color: transparent;
}

.theme-deep-purple .bars {
  color: #fff;
}

.theme-deep-purple .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-deep-purple .sidebar .menu .list li.active> :first-child i,
.theme-deep-purple .sidebar .menu .list li.active> :first-child span {
  color: #fec60a;
}

.theme-deep-purple .sidebar .menu .list .toggled,
.theme-deep-purple .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #fec60a;
}

.theme-deep-purple .sidebar .user-info {
  background: url(../../assets/images/deep_purple_profile_bg.jpg) no-repeat no-repeat;
}

.theme-deep-purple .sidebar .user-info .info-container {
  color: inherit;
}

.theme-deep-purple .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #673ab7;
  transition: all 150ms linear;
}

.theme-deep-purple .nav-tabs .nav-link.active {
  border-bottom: 1px solid #673ab7 !important;
  color: #673ab7 !important;
  font-weight: 700;
}

.theme-deep-purple .blog-page .single-blog-post .img-holder .date-box {
  background-color: #673ab7;
}

.theme-deep-purple .notify .heartbit {
  border-color: #fec60a;
}

.theme-deep-purple .notify .point {
  background-color: #fec60a;
}

.theme-red .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-red .menu>ul>li>ul.normal-sub>li a:hover,
.theme-red .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #f34167;
}

.theme-red .navbar-brand {
  color: #fff;
}

.theme-red .navbar-brand:hover,
.theme-red .navbar-brand:active,
.theme-red .navbar-brand:focus {
  color: #fff;
}

.theme-red .navbar {
  background-color: #f34167;
}

.theme-red .nav>li>a {
  color: #fff;
}

.theme-red .nav>li>a:hover,
.theme-red .nav>li>a:focus {
  background-color: transparent;
}

.theme-red .nav .open>a {
  background-color: transparent;
}

.theme-red .nav .open>a:hover,
.theme-red .nav .open>a:focus {
  background-color: transparent;
}

.theme-red .bars {
  color: #fff;
}

.theme-red .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-red .sidebar .menu .list li.active> :first-child i,
.theme-red .sidebar .menu .list li.active> :first-child span {
  color: #27213b;
}

.theme-red .sidebar .menu .list .toggled,
.theme-red .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #27213b;
}

.theme-red .sidebar .user-info {
  background: url(../../assets/images/red_profile_bg.jpg) no-repeat no-repeat;
}

.theme-red .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #f34167;
  transition: all 150ms linear;
}

.theme-red .nav-tabs .nav-link.active {
  border-bottom: 1px solid #f34167 !important;
  color: #f34167 !important;
  font-weight: 700;
}

.theme-red .blog-page .single-blog-post .img-holder .date-box {
  background-color: #f34167;
}

.theme-red .notify .heartbit {
  border-color: #27213b;
}

.theme-red .notify .point {
  background-color: #27213b;
}

.theme-green .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-green .menu>ul>li>ul.normal-sub>li a:hover,
.theme-green .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #4caf50;
}

.theme-green .navbar-header {
  background: #263238;
}

.theme-green .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.theme-green .navbar-brand:hover,
.theme-green .navbar-brand:active,
.theme-green .navbar-brand:focus {
  color: #fff;
}

.theme-green .navbar {
  background-color: #fff;
}

.theme-green .nav>li>a {
  color: #263238;
}

.theme-green .nav>li>a:hover,
.theme-green .nav>li>a:focus {
  background-color: transparent;
}

.theme-green .nav .open>a {
  background-color: transparent;
}

.theme-green .nav .open>a:hover,
.theme-green .nav .open>a:focus {
  background-color: transparent;
}

.theme-green .bars {
  color: #4caf50;
}

.theme-green .sidebar .user-info {
  background: linear-gradient(45deg, #4caf50, #90e878);
}

.theme-green .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-green .sidebar .menu .list li.active> :first-child i,
.theme-green .sidebar .menu .list li.active> :first-child span {
  color: #4caf50;
}

.theme-green .sidebar .menu .list .toggled,
.theme-green .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #4caf50;
}

.theme-green .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #4caf50;
  transition: all 150ms linear;
}

.theme-green .nav-tabs .nav-link.active {
  border-bottom: 1px solid #4caf50 !important;
  color: #4caf50 !important;
  font-weight: 700;
}

.theme-green .blog-page .single-blog-post .img-holder .date-box {
  background-color: #4caf50;
}

.theme-green .notify .heartbit {
  border-color: #4caf50;
}

.theme-green .notify .point {
  background-color: #4caf50;
}

.theme-orange .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-orange .menu>ul>li>ul.normal-sub>li a:hover,
.theme-orange .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #ffc100;
}

.theme-orange .navbar-header {
  background: #263238;
}

.theme-orange .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.theme-orange .navbar-brand:hover,
.theme-orange .navbar-brand:active,
.theme-orange .navbar-brand:focus {
  color: #fff;
}

.theme-orange .navbar {
  background-color: #fff;
}

.theme-orange .nav>li>a {
  color: #263238;
}

.theme-orange .nav>li>a:hover,
.theme-orange .nav>li>a:focus {
  background-color: transparent;
}

.theme-orange .nav .open>a {
  background-color: transparent;
}

.theme-orange .nav .open>a:hover,
.theme-orange .nav .open>a:focus {
  background-color: transparent;
}

.theme-orange .bars {
  color: #ffc100;
}

.theme-orange .sidebar .user-info {
  background: linear-gradient(45deg, #ffc100, #ffe700);
}

.theme-orange .sidebar .user-info .info-container {
  color: inherit;
}

.theme-orange .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-orange .sidebar .menu .list li.active> :first-child i,
.theme-orange .sidebar .menu .list li.active> :first-child span {
  color: #ffc100;
}

.theme-orange .sidebar .menu .list .toggled,
.theme-orange .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #ffc100;
}

.theme-orange .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #ffc100;
  transition: all 150ms linear;
}

.theme-orange .nav-tabs .nav-link.active {
  border-bottom: 1px solid #ffc100 !important;
  color: #ffc100 !important;
  font-weight: 700;
}

.theme-orange .blog-page .single-blog-post .img-holder .date-box {
  background-color: #ffc100;
}

.theme-orange .notify .heartbit {
  border-color: #ffc100;
}

.theme-orange .notify .point {
  background-color: #ffc100;
}

.theme-orange .authentication {
  background: url(../images/orange_loginbg.jpg) no-repeat center center fixed;
}

.theme-orange .authentication .card .header {
  background: linear-gradient(45deg, #ffc100, #ffe700);
}

.theme-blush .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-blush .menu>ul>li>ul.normal-sub>li a:hover,
.theme-blush .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #dd5e89;
}

.theme-blush .navbar-header {
  background: #263238;
}

.theme-blush .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.theme-blush .navbar-brand:hover,
.theme-blush .navbar-brand:active,
.theme-blush .navbar-brand:focus {
  color: #fff;
}

.theme-blush .navbar {
  background-color: #fff;
}

.theme-blush .nav>li>a {
  color: #263238;
}

.theme-blush .nav>li>a:hover,
.theme-blush .nav>li>a:focus {
  background-color: transparent;
}

.theme-blush .nav .open>a {
  background-color: transparent;
}

.theme-blush .nav .open>a:hover,
.theme-blush .nav .open>a:focus {
  background-color: transparent;
}

.theme-blush .bars {
  color: #dd5e89;
}

.theme-blush .sidebar .user-info {
  background: linear-gradient(45deg, #dd5e89, #f7bb97);
}

.theme-blush .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-blush .sidebar .menu .list li.active> :first-child i,
.theme-blush .sidebar .menu .list li.active> :first-child span {
  color: #dd5e89;
}

.theme-blush .sidebar .menu .list .toggled,
.theme-blush .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #dd5e89;
}

.theme-blush .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #dd5e89;
  transition: all 150ms linear;
}

.theme-blush .nav-tabs .nav-link.active {
  border-bottom: 1px solid #dd5e89 !important;
  color: #dd5e89 !important;
  font-weight: 700;
}

.theme-blush .blog-page .single-blog-post .img-holder .date-box {
  background-color: #dd5e89;
}

.theme-blush .notify .heartbit {
  border-color: #dd5e89;
}

.theme-blush .notify .point {
  background-color: #dd5e89;
}

.theme-blush .authentication {
  background: url(../images/blush_loginbg.jpg) no-repeat center center fixed;
}

.theme-blush .authentication .card .header {
  background: linear-gradient(45deg, #dd5e89, #f7bb97);
}

/* custom theme */
.theme-maroon .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-maroon .menu>ul>li>ul.normal-sub>li a:hover,
.theme-maroon .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #c54a4d;
}

.theme-maroon .navbar-header {
  background: #263238;
}

.theme-maroon .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.theme-maroon .navbar-brand span:not(#img) {
  display: none;
}

.theme-maroon .navbar-brand span#img {
  display: inherit !important;
}

@media (max-width: 767px) {
  .theme-maroon .navbar-header .navbar-brand {
    margin-right: 1rem !important;
  }
}

@media (max-width: 325px) {
  .theme-maroon .navbar-header .navbar-brand {
    margin-right: 1rem !important;
  }
}

.theme-maroon .navbar-brand:hover,
.theme-maroon .navbar-brand:active,
.theme-maroon .navbar-brand:focus {
  color: #fff;
}

.theme-maroon .navbar {
  background-color: #fff;
}

.theme-maroon .nav>li>a {
  color: #263238;
}

.theme-maroon .nav>li>a:hover,
.theme-maroon .nav>li>a:focus {
  background-color: transparent;
}

.theme-maroon .nav .open>a {
  background-color: transparent;
}

.theme-maroon .nav .open>a:hover,
.theme-maroon .nav .open>a:focus {
  background-color: transparent;
}

.theme-maroon .bars {
  color: #c54a4d;
}

.theme-maroon .sidebar .user-info {
  background-image: linear-gradient(120deg, #c54a4d 0%, #650e17 100%);
  color: white;
}

.theme-maroon .sidebar .user-info .info-container {
  color: inherit;
}

.theme-maroon .sidebar .menu .list li.active {
  background-color: #242424 !important;
}

.theme-maroon .sidebar .menu .list .toggled,
.theme-maroon .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
}

.theme-maroon .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #c54a4d;
  transition: all 150ms linear;
}

.theme-maroon .nav-tabs .nav-link.active {
  border-bottom: 1px solid #c54a4d !important;
  color: #c54a4d !important;
  font-weight: 700;
}

.theme-maroon .blog-page .single-blog-post .img-holder .date-box {
  background-color: #c54a4d;
}

.theme-maroon .notify .heartbit {
  border-color: #c54a4d;
}

.theme-maroon .notify .point {
  background-color: #c54a4d;
}

.theme-maroon .authentication {
  background: url(../images/orange_loginbg.jpg) no-repeat center center fixed;
}

.theme-maroon .authentication .card .header {
  background: linear-gradient(45deg, #c54a4d, #650e17);
}

.theme-maroon .sidebar {
  background-color: #505050;
  border-right-width: 0;
}

.theme-maroon .sidebar .menu .list .header {
  background-color: #505050;
  color: #e6e6e6;
}

.theme-maroon .sidebar .menu .list a {
  border-bottom: 1px solid #484848 !important;
  color: #eee;
}

.theme-maroon .list>li {
  border-color: #484848;
}

.theme-maroon .list>li>a {
  background-color: #393939;
  color: #e6e6e6;
}

.theme-maroon .list>li>a>span {
  color: #e6e6e6;
}

.theme-maroon .list>li.active>a {
  background-color: #242424 !important;
  color: #fff;
  font-weight: 700;
}

/* .theme-maroon .list > li.active .ml-menu > li > a:hover,
.theme-maroon .sidebar .menu .list .ml-menu li.active {
  background-color: rgba(0, 0, 0, 0.1) !important;
} */
/* ================================
   Warna Menu: Pengaturan
   ================================ */
.theme-maroon .list>li>.ml-menu>li,
.theme-maroon .list>li>.ml-menu>li>.ml-menu,
.theme-maroon .list>li>.ml-menu>li>.ml-menu>li,
.theme-maroon .list>li>.ml-menu>li>.ml-menu>li .ml-menu,
.theme-maroon .list>li>.ml-menu>li>.ml-menu>li .ml-menu li {
  background-color: inherit !important;
}

.theme-maroon .sidebar .menu .list .toggled,
.theme-maroon .sidebar .menu .list a.menu-toggle:focus {
  background-color: transparent !important;
}

.theme-maroon .list>li .ml-menu>li>a:hover,
.theme-maroon .list>li.active .ml-menu>li>a:hover,
.theme-maroon .sidebar .menu .list .ml-menu li.active {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff !important;
}

.theme-maroon .list>li:nth-child(1)>a {
  color: #00be67 !important;
}

.theme-maroon .list>li:nth-child(1):hover>a {
  background-color: #18a665;
}

.theme-maroon .list>li:nth-child(1)>.ml-menu {
  background-color: #2a4137 !important;
}

.theme-maroon .list>li:nth-child(1) li>.arrow:after,
.theme-maroon .list>li:nth-child(1)>.arrow:after {
  border-right-color: #2a4137 !important;
}

.theme-maroon .list>li.pull_up:nth-child(1)>.arrow:after {
  border-right-color: #2a4137 !important;
}

.theme-maroon .list>li:nth-child(1)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(1)>.ml-menu li:hover>a {
  color: #1eed8e !important;
}

.theme-maroon .list>li.active:nth-child(1):before {
  background-color: #52bc8c;
}

.theme-maroon .list>li.active.highlight:nth-child(1):before,
.theme-maroon .list>li:nth-child(1):before {
  background-color: #8bd3b2;
}

.theme-maroon .list>li:nth-child(2)>a {
  color: #5ed02b !important;
}

.theme-maroon .list>li:nth-child(2):hover>a {
  background-color: #6ab14a;
}

.theme-maroon .list>li:nth-child(2)>.ml-menu {
  background-color: #36432f !important;
}

.theme-maroon .list>li:nth-child(2) li>.arrow:after,
.theme-maroon .list>li:nth-child(2)>.arrow:after {
  border-right-color: #36432f !important;
}

.theme-maroon .list>li.pull_up:nth-child(2)>.arrow:after {
  border-right-color: #36432f !important;
}

.theme-maroon .list>li:nth-child(2)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(2)>.ml-menu li:hover>a {
  color: #92d275 !important;
}

.theme-maroon .list>li.active:nth-child(2):before {
  background-color: #8fc478;
}

.theme-maroon .list>li.active.highlight:nth-child(2):before,
.theme-maroon .list>li:nth-child(2):before {
  background-color: #b4d8a5;
}

.theme-maroon .list>li:nth-child(3)>a {
  color: #a7d700 !important;
}

.theme-maroon .list>li:nth-child(3):hover>a {
  background-color: #98bc1b;
}

.theme-maroon .list>li:nth-child(3)>.ml-menu {
  background-color: #3e442a !important;
}

.theme-maroon .list>li:nth-child(3) li>.arrow:after,
.theme-maroon .list>li:nth-child(3)>.arrow:after {
  border-right-color: #3e442a !important;
}

.theme-maroon .list>li.pull_up:nth-child(3)>.arrow:after {
  border-right-color: #3e442a !important;
}

.theme-maroon .list>li:nth-child(3)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(3)>.ml-menu li:hover>a {
  color: #c5ef35 !important;
}

.theme-maroon .list>li.active:nth-child(3):before {
  background-color: #b2cd54;
}

.theme-maroon .list>li.active.highlight:nth-child(3):before,
.theme-maroon .list>li:nth-child(3):before {
  background-color: #ccde8d;
}

.theme-maroon .list>li:nth-child(4)>a {
  color: #cee100 !important;
}

.theme-maroon .list>li:nth-child(4):hover>a {
  background-color: #b7c51c;
}

.theme-maroon .list>li:nth-child(4)>.ml-menu {
  background-color: #43452a !important;
}

.theme-maroon .list>li:nth-child(4) li>.arrow:after,
.theme-maroon .list>li:nth-child(4)>.arrow:after {
  border-right-color: #43452a !important;
}

.theme-maroon .list>li.pull_up:nth-child(4)>.arrow:after {
  border-right-color: #43452a !important;
}

.theme-maroon .list>li:nth-child(4)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(4)>.ml-menu li:hover>a {
  color: #e0ef3e !important;
}

.theme-maroon .list>li.active:nth-child(4):before {
  background-color: #c9d355;
}

.theme-maroon .list>li.active.highlight:nth-child(4):before,
.theme-maroon .list>li:nth-child(4):before {
  background-color: #dbe28e;
}

.theme-maroon .list>li:nth-child(5)>a {
  color: #f8c600 !important;
}

.theme-maroon .list>li:nth-child(5):hover>a {
  background-color: #d9b41f;
}

.theme-maroon .list>li:nth-child(5)>.ml-menu {
  background-color: #48422a !important;
}

.theme-maroon .list>li:nth-child(5) li>.arrow:after,
.theme-maroon .list>li:nth-child(5)>.arrow:after {
  border-right-color: #48422a !important;
}

.theme-maroon .list>li.pull_up:nth-child(5)>.arrow:after {
  border-right-color: #48422a !important;
}

.theme-maroon .list>li:nth-child(5)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(5)>.ml-menu li:hover>a {
  color: #f1d153 !important;
}

.theme-maroon .list>li.active:nth-child(5):before {
  background-color: #e3c657;
}

.theme-maroon .list>li.active.highlight:nth-child(5):before,
.theme-maroon .list>li:nth-child(5):before {
  background-color: #ecd98f;
}

.theme-maroon .list>li:nth-child(6)>a {
  color: #ffab00 !important;
}

.theme-maroon .list>li:nth-child(6):hover>a {
  background-color: #dfa020;
}

.theme-maroon .list>li:nth-child(6)>.ml-menu {
  background-color: #493f2a !important;
}

.theme-maroon .list>li:nth-child(6) li>.arrow:after,
.theme-maroon .list>li:nth-child(6)>.arrow:after {
  border-right-color: #493f2a !important;
}

.theme-maroon .list>li.pull_up:nth-child(6)>.arrow:after {
  border-right-color: #493f2a !important;
}

.theme-maroon .list>li:nth-child(6)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(6)>.ml-menu li:hover>a {
  color: #f2c05a !important;
}

.theme-maroon .list>li.active:nth-child(6):before {
  background-color: #e7b858;
}

.theme-maroon .list>li.active.highlight:nth-child(6):before,
.theme-maroon .list>li:nth-child(6):before {
  background-color: #efd08f;
}

.theme-maroon .list>li:nth-child(7)>a {
  color: #ff6e00 !important;
}

.theme-maroon .list>li:nth-child(7):hover>a {
  background-color: #df7220;
}

.theme-maroon .list>li:nth-child(7)>.ml-menu {
  background-color: #49372a !important;
}

.theme-maroon .list>li:nth-child(7) li>.arrow:after,
.theme-maroon .list>li:nth-child(7)>.arrow:after {
  border-right-color: #49372a !important;
}

.theme-maroon .list>li.pull_up:nth-child(7)>.arrow:after {
  border-right-color: #49372a !important;
}

.theme-maroon .list>li:nth-child(7)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(7)>.ml-menu li:hover>a {
  color: #f29b5a !important;
}

.theme-maroon .list>li.active:nth-child(7):before {
  background-color: #e79658;
}

.theme-maroon .list>li.active.highlight:nth-child(7):before,
.theme-maroon .list>li:nth-child(7):before {
  background-color: #efb98f;
}

.theme-maroon .list>li:nth-child(8)>a {
  color: #f21c30 !important;
}

.theme-maroon .list>li:nth-child(8):hover>a {
  background-color: #d43a48;
}

.theme-maroon .list>li:nth-child(8)>.ml-menu {
  background-color: #472e30 !important;
}

.theme-maroon .list>li:nth-child(8) li>.arrow:after,
.theme-maroon .list>li:nth-child(8)>.arrow:after {
  border-right-color: #472e30 !important;
}

.theme-maroon .list>li.pull_up:nth-child(8)>.arrow:after {
  border-right-color: #472e30 !important;
}

.theme-maroon .list>li:nth-child(8)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(8)>.ml-menu li:hover>a {
  color: #ea717c !important;
}

.theme-maroon .list>li.active:nth-child(8):before {
  background-color: #df6b76;
}

.theme-maroon .list>li.active.highlight:nth-child(8):before,
.theme-maroon .list>li:nth-child(8):before {
  background-color: #ea9da4;
}

.theme-maroon .list>li:nth-child(9)>a {
  color: #db348a !important;
}

.theme-maroon .list>li:nth-child(9):hover>a {
  background-color: #bd5289;
}

.theme-maroon .list>li:nth-child(9)>.ml-menu {
  background-color: #45303b !important;
}

.theme-maroon .list>li:nth-child(9) li>.arrow:after,
.theme-maroon .list>li:nth-child(9)>.arrow:after {
  border-right-color: #45303b !important;
}

.theme-maroon .list>li.pull_up:nth-child(9)>.arrow:after {
  border-right-color: #45303b !important;
}

.theme-maroon .list>li:nth-child(9)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(9)>.ml-menu li:hover>a {
  color: #da81af !important;
}

.theme-maroon .list>li.active:nth-child(9):before {
  background-color: #ce7da7;
}

.theme-maroon .list>li.active.highlight:nth-child(9):before,
.theme-maroon .list>li:nth-child(9):before {
  background-color: #dea8c4;
}

/*Fitur Kepabeanan */
.theme-maroon .list>li:nth-child(10)>a {
  color: #3A53A5 !important;
}

.theme-maroon .list>li:nth-child(10):hover>a {
  background-color: #32468e;
  /* sedikit lebih gelap */
}

.theme-maroon .list>li:nth-child(10)>.ml-menu {
  background-color: #1F2B4C !important;
  /* latar menu — biru tua gelap */
}

.theme-maroon .list>li:nth-child(10) li>.arrow:after,
.theme-maroon .list>li:nth-child(10)>.arrow:after {
  border-right-color: #1F2B4C !important;
}

.theme-maroon .list>li.pull_up:nth-child(10)>.arrow:after {
  border-right-color: #1F2B4C !important;
}

.theme-maroon .list>li:nth-child(10)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(10)>.ml-menu li:hover>a {
  color: #5E6FCC !important;
  /* biru lebih terang untuk hover/active */
}

.theme-maroon .list>li.active:nth-child(10):before {
  background-color: #4C65B8;
}

.theme-maroon .list>li.active.highlight:nth-child(10):before,
.theme-maroon .list>li:nth-child(10):before {
  background-color: #5E6FCC;
}

/*Close Fitur Kepabeanan */

.theme-maroon .list>li:nth-child(11)>a {
  color: #218bee !important;
}

.theme-maroon .list>li:nth-child(11):hover>a {
  background-color: #3f8ad0;
}

.theme-maroon .list>li:nth-child(11)>.ml-menu {
  background-color: #2e3b47 !important;
}

.theme-maroon .list>li:nth-child(11) li>.arrow:after,
.theme-maroon .list>li:nth-child(11)>.arrow:after {
  border-right-color: #2e3b47 !important;
}

.theme-maroon .list>li.pull_up:nth-child(11)>.arrow:after {
  border-right-color: #2e3b47 !important;
}

.theme-maroon .list>li:nth-child(11)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(11)>.ml-menu li:hover>a {
  color: #74b0e7 !important;
}

.theme-maroon .list>li.active:nth-child(11):before {
  background-color: #6fa7dc;
}

.theme-maroon .list>li.active.highlight:nth-child(11):before,
.theme-maroon .list>li:nth-child(11):before {
  background-color: #9fc4e8;
}

.theme-maroon .list>li:nth-child(12)>a {
  color: #2ecee7 !important;
}

.theme-maroon .list>li:nth-child(12):hover>a {
  background-color: #4bb9ca;
}

.theme-maroon .list>li:nth-child(12)>.ml-menu {
  background-color: #304346 !important;
}

.theme-maroon .list>li:nth-child(12) li>.arrow:after,
.theme-maroon .list>li:nth-child(12)>.arrow:after {
  border-right-color: #304346 !important;
}

.theme-maroon .list>li.pull_up:nth-child(12)>.arrow:after {
  border-right-color: #304346 !important;
}

.theme-maroon .list>li:nth-child(12)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(12)>.ml-menu li:hover>a {
  color: #7ed6e3 !important;
}

.theme-maroon .list>li.active:nth-child(12):before {
  background-color: #78cad7;
}

.theme-maroon .list>li.active.highlight:nth-child(12):before,
.theme-maroon .list>li:nth-child(12):before {
  background-color: #a5dce4;
}

.theme-maroon .list>li:nth-child(13)>a {
  color: #4ad3b6 !important;
  /* Warna teks/icon utama */
}

.theme-maroon .list>li:nth-child(13):hover>a {
  background-color: #3bb39b;
  /* Warna latar saat hover */
}

.theme-maroon .list>li:nth-child(13)>.ml-menu {
  background-color: #2b3e3f !important;
  /* Warna sub-menu */
}

.theme-maroon .list>li:nth-child(13) li>.arrow:after,
.theme-maroon .list>li:nth-child(13)>.arrow:after {
  border-right-color: #2b3e3f !important;
  /* Warna panah submenu */
}

.theme-maroon .list>li.pull_up:nth-child(13)>.arrow:after {
  border-right-color: #2b3e3f !important;
}

.theme-maroon .list>li:nth-child(13)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(13)>.ml-menu li:hover>a {
  color: #8ee4cc !important;
  /* Warna teks submenu aktif/hover */
}

.theme-maroon .list>li.active:nth-child(13):before {
  background-color: #68d8b8;
  /* Garis indikator aktif */
}

.theme-maroon .list>li.active.highlight:nth-child(13):before,
.theme-maroon .list>li:nth-child(13):before {
  background-color: #a1e9d5;
  /* Garis sisi saat hover */
}


.theme-maroon .list>li:nth-child(14)>a {
  color: #886600 !important;
  /* Warna teks/icon utama */
}

.theme-maroon .list>li:nth-child(14):hover>a {
  background-color: #705500;
  /* Warna latar saat hover */
}

.theme-maroon .list>li:nth-child(14)>.ml-menu {
  background-color: #493903 !important;
  /* Warna sub-menu */
}

.theme-maroon .list>li:nth-child(14) li>.arrow:after,
.theme-maroon .list>li:nth-child(14)>.arrow:after {
  border-right-color: #493903 !important;
  /* Warna panah submenu */
}

.theme-maroon .list>li.pull_up:nth-child(14)>.arrow:after {
  border-right-color: #493903 !important;
}

.theme-maroon .list>li:nth-child(14)>.ml-menu li.active>a,
.theme-maroon .list>li:nth-child(14)>.ml-menu li:hover>a {
  color: #775919 !important;
  /* Warna teks submenu aktif/hover */
}

.theme-maroon .list>li.active:nth-child(14):before {
  background-color: #7d9b55;
  /* Garis indikator aktif */
}

.theme-maroon .list>li.active.highlight:nth-child(14):before,
.theme-maroon .list>li:nth-child(14):before {
  background-color: #a3b978;
  /* Garis sisi saat hover */
}



.theme-newsimvoni1 .profile-page .profile-sub-header .box-list ul li a:hover,
.theme-newsimvoni1 .menu>ul>li>ul.normal-sub>li a:hover,
.theme-newsimvoni1 .menu>ul>li>ul>li>ul>li a:hover {
  background-color: #1b2645;
}

.theme-newsimvoni1 .navbar-header {
  background: #263238;
}

.theme-newsimvoni1 .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.theme-newsimvoni1 .navbar-brand:hover,
.theme-newsimvoni1 .navbar-brand:active,
.theme-newsimvoni1 .navbar-brand:focus {
  color: #fff;
}

.theme-newsimvoni1 .navbar {
  background-color: #fff;
}

.theme-newsimvoni1 .nav>li>a {
  color: #263238;
}

.theme-newsimvoni1 .nav>li>a:hover,
.theme-newsimvoni1 .nav>li>a:focus {
  background-color: transparent;
}

.theme-newsimvoni1 .nav .open>a {
  background-color: transparent;
}

.theme-newsimvoni1 .nav .open>a:hover,
.theme-newsimvoni1 .nav .open>a:focus {
  background-color: transparent;
}

.theme-newsimvoni1 .bars {
  color: #1b2645;
}

.theme-newsimvoni1 .sidebar .user-info {
  background: linear-gradient(45deg, #1b2645, #04587a);
}

.theme-newsimvoni1 .sidebar .user-info .info-container {
  color: inherit;
}

.theme-newsimvoni1 .sidebar .menu .list li.active {
  background-color: transparent;
}

.theme-newsimvoni1 .sidebar .menu .list li.active> :first-child i,
.theme-newsimvoni1 .sidebar .menu .list li.active> :first-child span {
  color: #ffc100;
}

.theme-newsimvoni1 .sidebar .menu .list .toggled,
.theme-newsimvoni1 .sidebar .menu .list .ml-menu {
  background-color: #f6f6f6;
  border-left: 3px solid;
  border-bottom: none;
  border-top: none;
  border-color: #ffc100;
}

.theme-newsimvoni1 .inbox-widget .inbox-inner:hover .inbox-img img {
  border: 2px solid #ffc100;
  transition: all 150ms linear;
}

.theme-newsimvoni1 .nav-tabs .nav-link.active {
  border-bottom: 1px solid #ffc100 !important;
  color: #ffc100 !important;
  font-weight: 700;
}

.theme-newsimvoni1 .blog-page .single-blog-post .img-holder .date-box {
  background-color: #ffc100;
}

.theme-newsimvoni1 .notify .heartbit {
  border-color: #ffc100;
}

.theme-newsimvoni1 .notify .point {
  background-color: #ffc100;
}

.theme-newsimvoni1 .authentication {
  background: url(../images/login-images/bg-newsimvoni-white.jpg) no-repeat center center;
  background-size: cover;
}

.theme-newsimvoni1 .authentication .card .header {
  background-image: linear-gradient(to right, #2282ac 10%, #0f5a7a 100%);
  /* background-color: white; */
}

.theme-newsimvoni1 .authentication .logo-simvoni {
  background: transparent;
  box-shadow: none;
  max-width: 600px !important;
}

.theme-newsimvoni1 .authentication .logo-simvoni img {
  width: 100%;
}

.theme-newsimvoni1 .authentication .card {
  margin-top: 180px !important;
}