:root{
    --primary-blue: #507ac4;
    --primary-background: #163daf;
    --black:#242424;
    
}
ul {
  list-style-type: none;
}

.primary-bg-color{
    background-color: var(--primary-background);
}

.dashboardContainer .text-info,
.dashboardContainer a{
color: var(--primary-background) !important;
}

.dashboardContainer .btn.btn-primary{
background-color: var(--primary-background) !important;
}


.border-left-info {
    border-left: .25rem solid var(--primary-background) !important;
}


/***********************************************
	Login/ Register 
***********************************************/


#wrapper #content-wrapper #content {
    max-height: 100dvh !important;
    flex: 1 0 auto;
}

.auth{
     background-repeat: no-repeat;
     background-image: url(../image/DflowLoginBanner.png);
     background-size: cover;
}

.auth .card .card-header{
    background-color:var(--primary-blue);
}

.auth a{
    color:var(--black);
    text-decoration:none;
}

.auth a:hover{
    color:var(--primary-blue);
    text-decoration:underline;
}

.auth .form-control:focus {
     border-color:#ced4da !important;
     outline: 0;
     box-shadow: none !important;
}

.auth-logo{
    width:80px;
    margin-inline:auto;
    margin-bottom:10px;
}

/********************************************
                  Nav bar 
********************************************/

.topbar {
    position: sticky;
    top: 0;
    z-index: 99;
    height: 4.375rem;
}

#accordionSidebar {
    width: 283px ;
    max-height: 100vh; /* Set the maximum height to the viewport */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Disable horizontal scrolling */
    scrollbar-width: thin; /* For modern browsers */
    /*scrollbar-color: #370b55 #f0f3f5; *//* Customize scrollbar color */
}

body.sidebar-toggled #accordionSidebar {
    width: auto !important; /* Adjust width when toggled */
}


/* Optional: Style the scrollbar for Webkit browsers (Chrome, Edge, Safari) */
#accordionSidebar::-webkit-scrollbar {
    width: 6px; /* Width of the scrollbar */
}

#accordionSidebar::-webkit-scrollbar-track {
    background: #f0f3f5; /* Track color */
}

#accordionSidebar::-webkit-scrollbar-thumb {
    background-color: #370b55; /* Scrollbar thumb color */
    border-radius: 10px; /* Rounded corners */
}

.sidebar-dark .sidebar-brand {
    color: #fff;
    position: sticky;
    top: 0;
    width: 100%;
}


.navbar-nav .collapse-inner li{
    position:relative;
}

.navbar-nav a.collapse-item:before{
    position: absolute;
    content: "";
    background-color: #f4f6f98a !important;
    width: 15px;
    height: 1px;
    top: 17px;
    left: 8px;
}
.navbar-nav a.collapse-item:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 40px;
    background-color: #f4f6f98a !important;
    /* background-color: #C2C4C8; */
    left: 7px;
    top: -22px;
    z-index: -1;
}


.card-header .btn-info{
background-color: var(--primary-background) !important;
}