.login.login-4 .login-form {
    width: 100%;
    max-width: 450px;
    box-shadow: 3px 3px 4px 2px rgb(222 222 222 / 10%);
    background: #fff;
    border-radius: 5px;
/*
    height: 100vh;
    min-height: 560px;
*/
}

.login-bg{background: #303641;}
.login-alert {
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 15px;
}
.login-form .logo {
    width: 165px;
    border-radius: 50%;
    height: 165px;
}
.brand {
    background-color: #ffffff;
}
.logo-text{
    margin-top: 20px;
}

.logo-text span{
    font-weight: bold;
    font-size: 40px; 
}   
.logo-text .first{
    color: #8354c8;
}
.logo-text .second{
    color: #a752c4;
}
.btn.btn-primary {
    color: #fff;
    background-color: #303641;
    border-color: #252a32;
    padding: .65rem 1rem;
/*    font-size: 1rem;*/
    line-height: 1.5;
    border-radius: .42rem;
    font-weight: 500;
}
.btn.btn-primary.focus:not(.btn-text), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #303641;
    border-color: #252a32;
}



.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading, .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
    background-color: #282d35;
}
.aside, .brand, .aside-menu {
    background-color: #303641;
}
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading, .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background-color: #2a396c;
}
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
    color: #ffffff;
}
.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
    color: #ffffff;
}
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
    color: #ffffff;
}
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
    color: #ffffff;
}
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading, .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
    background-color: #2a396c;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
    color: #ffffff;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
    background-color: #2a396c;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-text {
    color: #fff;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link {
    background-color: #2a396c;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
    color: #ffffff;
}
.brand .brand-name{
    font-size: 22px;
    margin: auto;
    color: #fff;
    font-weight: bold;
}
.aside-minimize:not(.aside-minimize-hover) .brand .brand-name {
    display: none;
}
ul.menu-nav i {
    font-size: 1.25rem;
    color: #fff;
}
ul .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-bullet.menu-bullet-dot>span, .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-bullet.menu-bullet-dot>span {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: transparent;
    border: 1px dotted;
}
.dashboard-content{overflow-x: hidden;}
.custom-card p{color:#fff !important; font-weight: bold;}
.custom-card h4{color:#fff;}
.card-primary {
    background: linear-gradient(-135deg,#c850c0,#4158d0);
}
.card-game {
    background: linear-gradient(-135deg,#cd0dc1,#c32700);
}
.card-bid {
    background: linear-gradient(-135deg,#d0a60c,#d05541);
}
div#search {
    background: #fff;
    padding: 15px 10px 0;
}
.dboard_pro_mht {
    min-height: 165px;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text{
    font-size: 14px;
}