:root {
    --app-color: #28527a;
}

.atk-admin-top-menu, .atk-sidenav {
    background-color: var(--app-color) !important;
}

.actions-header {
    background-color: var(--app-color) !important;
    color: white !important;
    margin: 0 !important;
    padding: 1rem !important;
}

.actions-header ~ .item {
    border-bottom: 1px var(--app-color) solid !important;
}

.actions-header ~ .item:hover {
    box-shadow: 2px 2px 2px var(--app-color) !important;
}

.sidebar {
    box-shadow: 2px 2px 2px var(--app-color) !important;
    /* transition: width 1s !important; */
}

.collapsed-menu-item {
    color: transparent !important;
}

.collapsed-menu-item > i {
    color: white !important;
}

.ui.inverted.menu .active.item.collapsed-menu-item {
    color: transparent !important;
}

#menu-collapse.item.active {
    background: 0;
    background-color: var(--app-color) !important;
}

.menu-collapsed {
    width: 50px !important;
}

.collapse-menu-left-padding {
    padding-left: 50px !important;
}

.menu-logo {
    position: absolute !important; 
    bottom: 50px !important; 
    width: 25% !important;
    height: 50px;
    background-image: url("../images/menu_bottom.logo") !important; 
    background-size: 100% 100% !important;
    pointer-events: none;
}

.buy-btn {
    margin-bottom: 5px !important;
}