body{
    background: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%));
    background-size: cover;
    height: 100vh;
    padding-top: 65px;
    overflow:hidden;
    overflow-y: auto;
}
.bg-banner-moon {
    background: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%));
    background-size: cover;
    margin-top: -25px;
    padding: 30px 0 0;
}
.dropdown .btn {
    border: none;
    outline: none;
}
.dropdown .btn [class*="mdi mdi-"] {
    font-size: 24px;
}
.dropdown .btn::after,
.dropdown.dropstart .btn::before {
    margin-right: -4px;
    margin-bottom: 4px;
    display: none;
}
.dropdown.dropstart .btn.show::before {
    display: inline-block;
}
.dropdown.nopointer  .btn.show::before {
    display: none;
}
.fs-7 {
    font-size: .9em;
}
.mdi.mdi-20px{
    font-size: 20px;
    line-height: 90%;
    position: relative;
    top: 3px;
}
.table .dropdown.dropstart.nopointer  .btn.show::before 
{
    display: none;
}

/*
* NAV */
.nav.nav-tabs-simple .nav-item .nav-link {
    color: #777;
}
.nav.nav-tabs-simple .nav-item .nav-link.active {
    background-color: #f3f3fb;
    border-bottom-color: #f3f3fb;
}
/*
* NAVBAR */
[role=lighter] .navbar.navbar-lighter {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0 0;
    min-height: 40px;
    padding: 0 15px;
}
[role=lighter] .navbar.navbar-lighter .navbar-brand {
    height: 40px;
    margin: 0 0;
}
[role=lighter] .navbar.navbar-lighter .navbar-toggler {
    border: none;
}
[role=lighter] .navbar.navbar-lighter .navbar-toggler:focus {
    box-shadow: none;
}
[role=lighter] .navbar.navbar-lighter .collapse {
    border-top: 1px solid transparent;
}
[role=lighter] .navbar.navbar-lighter .collapse.show {
    padding: 10px 10px;
}
[role=lighter] .navbar.navbar-lighter .nav .nav-link {
    color: #777;
}
[role=lighter] .navbar.navbar-lighter .nav .nav-link [class*="mdi mdi-"] {
    font-size: 20px;
    line-height: 90%;
    position: relative;
    top: 2px;    
}


/*
* NAVBAR ENTITY STYLE */
[role=lighter] .navbar-entity .nav-item .nav-link {
    color: #777;
}

[role=lighter] .navbar-entity .navbar-brand.active,
[role=lighter] .navbar-entity .nav-item .nav-link.active {
    background-color: #ddd;
    color: #333;
}

/*
* CARD STYLE */
.card.card-silveryMoon {
    background: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%));
}