:root {
    --ct-menu-condensed-link-bg: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
}

.login-block {
    background-color: rgba(var(--login-page-bg), var(--login-page-opacity));
}

.leftside-menu {
    background: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .logo {
    z-index: 1;
    background: var(--left-menu-bg);
}

.side-nav .side-nav-title {
    color: rgba(var(--left-menu-item-color), var(--left-menu-item-opacity));
}

.side-nav .side-nav-link {
    color: rgba(var(--left-menu-item-color), var(--left-menu-item-opacity));
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
    background-color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
    color: rgba(var(--left-menu-item-color), var(--left-menu-item-opacity));
    border-color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
    box-shadow: rgba(var(--left-menu-bg), calc(var(--left-menu-bg-opacity) / 1.2)) 0px 2px 6px 0px;
}

.btn-outline-primary {
    color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
    border-color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.active {
    background-color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
    border-color: rgba(var(--left-menu-bg), var(--left-menu-bg-opacity));
    color: rgba(var(--left-menu-item-color), var(--left-menu-item-opacity));
}