html.semi-dark .top-header, 
html.semi-dark .top-header .topbar-logo-header {

    border-right: 1px solid rgb(255 255 255 / 12%);

}

html.semi-dark ::placeholder {
    color: #fff !important;
    opacity: 0.4 !important;
}


html.semi-dark .top-header .logo-text,
html.semi-dark .nav-container .mobile-topbar-header .logo-text,
html.semi-dark .top-header .toggle-icon {
    color: #fcfcfc;
}

html.semi-dark .nav-container {
    background: #1a2232;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
}



html.semi-dark .topbar-nav .metismenu .mm-active>a, html.semi-dark .topbar-nav .metismenu a:active, html.semi-dark .topbar-nav .metismenu a:focus, html.semi-dark .topbar-nav .metismenu a:hover {
    color: #fff;
    text-decoration: none;
    background: rgb(46 57 78);
}

html.semi-dark .topbar-nav .metismenu a {
    color: #9ea4aa;
}

html.semi-dark .topbar-nav .metismenu ul {
    border: 1px solid #ffffff00;
    background: rgb(32 42 64);
}

html.semi-dark .top-header .topbar-logo-header img {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.semi-dark .top-header .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, .4)
}


html.semi-dark .wrapper.toggled .mobile-topbar-header {
    background: #1a2232;
    border-bottom: 1px solid rgb(241 241 241 / 12%);
}

html.semi-dark .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.semi-dark .toggle-icon {
    color: #e7e9ec;
}



/* Header */

html.semi-dark .top-header .navbar {
  
    color: #fcfcfc;
    background-color: #1a2232;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    background-clip: border-box;

}

html.semi-dark .top-header .navbar .top-navbar .nav-link {

    color: #fcfcfc;

}

html.semi-dark .mobile-toggle-icon,
html.semi-dark .search-toggle-icon,
html.semi-dark .projects,
html.semi-dark .notifications,
html.semi-dark .messages,
html.semi-dark .top-header .navbar .user-setting {

    color: #fcfcfc;
    background-color: #202a40;

}


html.semi-dark .top-header .navbar .user-name {

    color: #fcfcfc;

}

html.semi-dark .top-header .navbar .searchbar .form-control {

    color: #fcfcfc;
    background-color: #202a40;

}