.bg-gradient-user {
    background-color: #161D23;
    background-size: cover;
}
.sidebar .nav-item.active .nav-link {
    color: #202945;
    background-color: #F8F9FC;
}

.navbar-nav a {
    color: #c5c5c5;
}

.navbar-nav a:hover {
    color: #356AC4;
}

.bg-header {
    background: #898989;
    background: linear-gradient(
300deg,#6a6a6a,#161D23);
}

.bg-gradient-topup {
    background: #9f9f9f;
    background: linear-gradient(300deg,#7e8083,#161D23);
    border-radius: 5px;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: #c5c5c5;
}

.bg-sub-nav {
    background-color: #484848;
}

.img-sender{
    height: 30px;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #5c5c5c;
}

.logogram-loader {
    height: 48px;
}

/* LOGIN REGIST */

.logo-login-admin{
    height: 50px;
    margin-top: 20px;
    margin-bottom: -30px;
}

.logo-login-user{
    height: 45px;
    margin-bottom: 30px;
    margin-bottom: 5px;
}

.login-regist-btn{
    border-color: #212844;
    background-color: #212844;
}

.bg-gradient {
    background: #898989;
    background: linear-gradient(300deg,#23367a,#212844);
}

.logo-regist {
    height: 40px;
    margin-bottom: 40px;
}

.wizard-item {
    position: relative;
    float: left;
    width: 30%;
    text-align: center;
    color: #212844;
}

.current ~ .wizard-item {
    color: #D1D3E2;
}

.wizard-item:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: white;
    background-color: #212844;
    border: 2px solid #212844;
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 2em;
    position: relative;
    left: 50%;
    margin-bottom: 1em;
    margin-left: -1em;
    z-index: 1;
}
.current ~ .wizard-item:before {
    background-color: white;
    color: #D1D3E2;
    border-color: #D1D3E2;
}

.wizard-item + .wizard-item:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #212844;
    height: 2px;
    position: absolute;
    left: -50%;
    top: 1em;
    z-index: 0;
}

.current ~ .wizard-item:after {
    background-color: #D1D3E2;
}

.text-regist, .text-login{
    color: #212844 !important;
}
.divider-login{
    background-color: #212844;
}