:root
{

    --white-rgb: 39, 49, 66;
    --bg-highlight-blue: #0d6efd1f;
    --dropdown-notifications : #fff;
    --nav-pill-link: #ccc;
    --menu-hover-text-color: var(--text-secondary-light);

}
:is(input, textarea)::placeholder { 
    color: var(--input-form-light) !important; 
}


/* Body Related Mods */
body {/* background: rgba(0,0,0,.5) url('https://www.miguelvallejo.com/wp-content/uploads/2021/11/8bit_bg_flat.jpg') repeat-x top right !important; */}

.dashboard-main-body {
    padding: 0rem !important;
    
}
.dashboard-main-body .wrapper {
    padding: 1rem;
}



/* Menu Related Mods */
.sidebar.active
{
    background: transparent !important;
    transition: background 150ms ease-in-out;

}
.sidebar-menu-area.open
{
    
    background: rgba(var(--white-rgb), .1);
    padding: 1rem;
    
    

}
.sidebar-menu-area.open:hover
{
    
    background: rgba(var(--white-rgb), .95);
    

}
.sidebar-menu.show li {
    margin-bottom:.2rem;
}
/* .sidebar-menu li>a.active-page, .sidebar-menu li.dropdown.open>a {
    background-color: var(--bg-highlight-blue) !important;
} */

.sidebar.active .sidebar-menu li a
{
    justify-content: center;
    padding: 0.6rem .5rem;

}
.sidebar.active:hover .sidebar-menu li a
{
    justify-content: flex-start;
    
}
.sidebar-menu li a:hover{
    color: var(--menu-hover-text-color) !important;
    background: var(--bg-highlight-blue);
}
.sidebar-menu li.dropdown.dropdown-open>a {
    background-color: inherit;
    color: #fff !important;
}
.sidebar-menu li.dropdown.open>a:hover {

    color: #fff !important;
}
.sidebar-menu .sidebar-submenu li.active-page a, .sidebar-menu .sidebar-submenu li.active-page a:hover
{
    color: var(--text-secondary-light) !important;
}

.sidebar-menu li>a.active-page:hover
{
    color: #fff !important;
}
.sidebar-logo-wrap:hover ~ .sidebar-menu-area.open {
  background: rgba(var(--white-rgb), .95);
  transition: background 150ms ease-in-out;
}

.sidebar-logo
{
    background: var(--white);
}

.card .card-body {
    padding: 1rem !important;
}

.border-bottom-gradient-tab
{

    border-bottom: 1px solid var(--input-form-light);

}

/* Bootstrap Overrides */
.text{color: var(--theme-text-color);}

.navbar-search input {
    border-radius: var(--bs-border-radius-sm) !important;
    -webkit-border-radius: var(--bs-border-radius-sm) !important;
    -moz-border-radius: var(--bs-border-radius-sm) !important;
    -ms-border-radius: var(--bs-border-radius-sm) !important;
    -o-border-radius: var(--bs-border-radius-sm) !important;
}
.icon-nav .dropdown-menu {
    background-color: var(--notifications);
    min-width:25rem;
}

/* User notifications Nav */
.user-notifications .dropdown-menu{
    background-color: var(--dropdown-notifications);
}


.form-control {
    border-radius: var(--bs-border-radius-sm);
    -webkit-border-radius: var(--bs-border-radius-sm);
    -moz-border-radius: var(--bs-border-radius-sm);
    -ms-border-radius: var(--bs-border-radius-sm);
    -o-border-radius: var(--bs-border-radius-sm);
}


/* Boostrap Color Scope Upgrades */
.bg-highlight-blue {
    background-color: var(--bg-highlight-blue);
}

[data-theme=light]{
    --white-rgb:255, 255, 255;
    --theme-text-color: #222;
    --bs-border-radius: 0.2rem;
    --dropdown-notifications : #fff;
    --bg-highlight-blue: #0d6efd1f;
    --nav-pill-link: #666;
    --menu-hover-text-color: var(--bs-primary);
}


[data-theme=dark] {
    --white-rgb: 39, 49, 66;
    --theme-text-color: #fff;
    --dropdown-notifications : #0f1216f2;
    --bg-highlight-blue: #0d6efd36;
    --nav-pill-link: #666;
    --menu-hover-text-color: var(--theme-text-color);

}


@media (max-width: 1400px){ 
    .user-notifications .dropdown-menu{
        min-width: 450px;
    }
}


@media (max-width: 480px){ 
    
    /* User notifications Nav */
    .user-notifications .dropdown-menu{
        min-width: 380px;
    }
    .text-w-200-px {
        max-width:100px !important;
    }
    
 }
/*  /@media (max-width: 480px) */