/*Admin Panel Stylings*/


:root {
    --main-gradient: linear-gradient(135deg, #56cc99, #215679);
}



.navbar .navbar-brand-wrapper .navbar-brand img {
    width: auto!important;
    max-width: 100%;
    height: 60px!important;
    margin: auto;
    vertical-align: middle;
}
/* utility */



/*.auth-form-light {*/
/*    margin:2rem 3rem!important;*/
/*    padding: 20px!important;*/
/*    background-color: #fff!important;*/
/*    border-radius: 10px!important;*/
/*    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2)!important;*/
/*    !*display: flex;*!*/
/*    !*flex-direction: column;*!*/
/*    !*align-items: center;*!*/
/*    border-radius: 0.5rem!important;*/
/*}*/

/*.auth-form-light .brand-logo img{*/
/*    width: 200px!important;*/
/*}*/


/*.default-layout-navbar {*/
/*    box-shadow: 0 2px 4px rgba(0,0,0,0.1)!important;*/
/*}*/

/*.sidebar-fixed .container-fluid{*/
/*    padding-left: 0!important;*/
/*    padding-right: 0!important;*/
/*}*/

/*!*.sidebar-fixed .sidebar{*!*/
/*!*    background-color: #073b74!important;*!*/
/*!*}*!*/

/*!* For WebKit browsers like Chrome and Safari *!*/
/*.sidebar .nav::-webkit-scrollbar {*/
/*    width: 6px; !* Width of the scrollbar *!*/
/*}*/

/*.sidebar .nav::-webkit-scrollbar-track {*/
/*    background: #073b74;*/
/*}*/

/*.sidebar .nav::-webkit-scrollbar-thumb {*/
/*    background-color: #d0d1d3;*/
/*    border-radius: 10px;*/
/*}*/

/*.sidebar .nav::-webkit-scrollbar-thumb:hover {*/
/*    background-color: #a0a0a0;*/
/*}*/

/*!* Hide scrollbar arrows (only for WebKit) *!*/
/*.sidebar .nav::-webkit-scrollbar-button {*/
/*    display: none;*/
/*}*/

/*!* Optional: Hide scrollbar track (background) *!*/
/*.sidebar .nav::-webkit-scrollbar-track {*/
/*    visibility: hidden;*/
/*}*/

/*!* scrollbar stylings ends here*!*/

/*!*.sidebar .nav-item a {*!*/
/*!*    color: white!important;*!*/
/*!*}*!*/

/*.sidebar .nav .nav-item:hover .nav-link {*/
/*    !*color: #073b74!important;*!*/
/*    font-weight: bold!important;*/
/*}*/

/*!*.sidebar .nav .nav-item{*!*/
/*!*    border-top: 1px solid #073b74;*!*/
/*!*}*!*/

/*.sidebar .nav .nav-item .nav-link i.menu-icon {*/
/*    !*font-size: 1.125rem;*!*/
/*    !*line-height: 1;*!*/
/*    !*margin-left: auto;*!*/
/*    color: #f09034;*/
/*}*/

/*.sidebar .nav .nav-item::before {*/
/*    content: "";*/
/*    display: block;*/
/*    border-top: 1px solid #073b74;*/
/*    margin-bottom: 8px;*/
/*}*/

/*.sidebar .nav .nav-link .menu-title{*/
/*    font-size: 15px;*/
/*    font-weight: bold;*/
/*}*/

/*.sidebar .nav .nav-item:hover .nav-link .menu-title{*/
/*    font-size: 15px;*/
/*    font-weight: bold;*/
/*}*/

/*!*.sidebar .nav .nav-item:hover .nav-link i.menu-icon:before {*!*/
/*!*    color: #073b74!important;*!*/
/*!*}*!*/

/*!*.sidebar .nav .nav-item .nav-link i.menu-icon:before{*!*/
/*!*    color:white!important;*!*/
/*!*}*!*/


/*!*Content Wrapper *!*/



/*!*.sidebar-fixed .page-body-wrapper .content-wrapper{*!*/
/*!*    background: #f9f9fb!important;*!*/
/*!*}*!*/

/*.card-body {*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
/*}*/



/*.footer{*/
/*    background:#f9f9fb!important;*/
/*}*/




:root {
    --main-gradient: linear-gradient(135deg, #56cc99, #215679);
    --kes-theme-color:#07294d;
    --kes-primary-color: #56cc99;
    --kes-secondary-color:#215679 ;
    --kes-third-color:#38a3a5;
    --text-light: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.8);
    --hover-bg: rgba(255, 255, 255, 0.1);
    --active-bg: rgba(255, 255, 255, 0.15);
    --submenu-active-bg: rgba(0, 0, 0, 0.2);
}


/*Bs Pagination Links*/

/* Change text color */
.page-link {
    /*background: var(--kes-primary-color)!important; !* Default Bootstrap blue *!*/
    border-color: var(--kes-primary-color)!important;
}

.page-link:hover {
    background: var(--kes-secondary-color)!important;
}

/* Active page styling */
.page-item.active .page-link {
    background: var(--kes-primary-color)!important; /* Default Bootstrap blue */
    border-color: var(--kes-primary-color)!important;
    color: #fff;
}



.btn-theme{
    background-color: var(--kes-primary-color)!important;
    color: #fff!important;
}

.btn-theme:hover,.btn-inverse-info:hover{
    background-color: var(--kes-secondary-color)!important;
    color: #fff!important;
}

/* TOp Horizontaol bar */

.container-fluid{
    padding-left:0px!important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon{
    color:var(--kes-theme-color);
}


.navbar {
    /*background: var(--main-gradient) !important;*/
    background: var(--kes-primary-color) !important;
    color: #fff;
    border-bottom: none;
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar .nav-link,
.navbar .navbar-brand,
.navbar .btn,
.navbar .dropdown-toggle,
.navbar .fa {
    color: #fff !important;
}
.navbar .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.95);
    color: #333;
}
.navbar .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.navbar-brand img,
.nav-profile-img img {
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}

.navbar-brand-wrapper {
    background: var(--kes-primary-color) !important;
}

.default-layout-navbar{
    /*background: var(--main-gradient) !important;*/
}

    /* Sidebar container */
.sidebar {
    background: var(--main-gradient);
    color: var(--text-light);
    padding-top: 1rem;
    overflow-y: auto;
    scrollbar-width: thin;
}

/* Scrollbar styling */
.sidebar::-webkit-scrollbar {
    width: 6px;
}
.sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* Sidebar input search */
.sidebar .sidebar-search input {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--text-light);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 6px 10px;
    transition: background-color 0.2s ease;
}
.sidebar .sidebar-search input::placeholder {
    color: var(--text-muted);
}

/* Nav items */
.sidebar .nav-link {
    color: var(--text-light);
    padding: 0.7rem 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    transition: all 0.25s ease;
}
.sidebar .nav-link:hover {
    background-color: var(--hover-bg);
    text-decoration: none;
}

/* Menu icon spacing */
.sidebar .nav-link .menu-icon {
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Active nav item */
.sidebar .nav-item.active > .nav-link,
.sidebar .nav-link.active {
    background-color: var(--active-bg);
    color: #fff;
    font-weight: 600;
    border-left: 4px solid #fff;
    /*border-radius: 6px 0 0 6px;*/
    border-radius: 0px;
}

/* Submenu styling */
.sidebar .sub-menu {
    padding-left: 0.5rem;
}
.sidebar .sub-menu .nav-link {
    padding-left: 2.5rem;
    font-size: 0.9rem;
    color: var(--text-muted);
    transition: all 0.2s ease;
}
.sidebar .sub-menu .nav-link:hover {
    color: #fff;
    background-color: var(--hover-bg);
    border-radius: 4px;
}
.sidebar .sub-menu .nav-link.active {
    color: #fff;
    font-weight: 500;
    background-color: var(--submenu-active-bg);
    border-left: 3px solid #fff;
    border-radius: 4px 0 0 4px;
}

/* Menu title */
.sidebar .menu-title {
    font-size: 0.95rem;
    font-weight: 500;
    margin-left: 0.3rem;
    /*margin-top: 1rem;*/
    color: var(--text-muted);
}



/* Collapse arrow styling */
.sidebar .menu-arrow {
    margin-left: auto;
    transition: transform 0.2s ease;
}
.sidebar .nav-link[aria-expanded="true"] .menu-arrow {
    transform: rotate(90deg);
}

.sidebar * {
    user-select: none;
}

.sidebar a,
.navbar a,
.navbar span,
.sidebar span {
    color: #ffffff !important; /* Bright white text */
    font-weight: 500;          /* Slightly bolder */
}




/* Highlight active top-level nav item (like 'Web Settings') */
.sidebar .nav-item.active,
.sidebar .nav-item.active > a {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    color: #ffffff !important;
    font-weight: 600;
    border-left: 3px solid var(--theme-color);
    border-radius: 6px 0 0 6px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* Make the dropdown/child items a little more indented and separate */
.sidebar .nav .nav-item .nav-link {
    padding-left: 1rem; /* optional: can adjust for spacing hierarchy */
    font-size: 0.95rem;
}

.sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 1rem!important;
}

/* Highlight active sub-item like 'FAQs' */
.sidebar .nav .nav-item.active .nav-link.active {
    background: rgba(255, 255, 255, 0.08);
    border-left: 3px solid var(--theme-color);
    font-weight: 600;
    color: #fff !important;
    border-radius: 6px 0 0 6px;
}

/* Sub-item hover styling */
.sidebar .nav .nav-item .nav-link:hover {
    background-color: rgba(29, 200, 205, 0.08);
    border-radius: 6px 0 0 6px;
    transition: background 0.3s ease;
}

/*extra*/


.sidebar .nav .nav-item .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.04);
    transition: 0.2s ease;
}

.sidebar .nav-item i {
    color: rgba(255, 255, 255, 0.6);
}
.sidebar .nav-item.active i {
    color: #fff;
}

.navbar .dropdown-item{
    color:black!important;
}

/* For thin scrollbar*/


#sidebar .nav::-webkit-scrollbar {
    width: 8px;
}

#sidebar .nav::-webkit-scrollbar-track {
    background: transparent;
}

#sidebar .nav::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

#sidebar .nav::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6);
}


/*Ends here*/

/*  scrollbar*/


/* Sidebar styling */
/*.sidebar {*/
/*    height: calc(100vh - 60px);*/
/*    overflow-y: auto;*/
/*    scroll-behavior: smooth;*/
/*}*/