.page-content{
    background-color:white !important;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../../../../assets/fonts/feather-font/fonts/Gilroy-Regular.ttf') format('truetype');

}
a:hover {
    background-color: #572A7D !important; /* Background color on hover */
    color: white !important; /* Text color on hover */
}
.sidebar-brand{
font-size:24 !important;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: bold;
    color:#572A7D;
}
.btn {
    font-family: 'Gilroy';
    font-size:12px;
}
button{
    font-family:'Gilroy';
}

p,a{
    font-family: 'Gilroy';
    font-size:12px !important;
}

th{
    font-family: 'Gilroy';
}
 td {
    font-family: 'Gilroy';
}

.btn {
    background-color: #572A7D;
    color: white;
    border-radius: 7px;
    border:none;
}

            /* navbar styling starts */

.profile:hover {

    background-color:#EEEBF2 !important;

            }

.navbar{
    background-color: #EEEBF2 !important;
}

.custom-hr{
    color:#572A7D !important;
    width:100px !important;

}
.heading-center{

    text-align: center;
    color:#572A7D;
}
.heading-centerr{
    display: flex;
    align-items: center;
}

.nav-main-button{
    color:white;
    background-color:#572A7D;
    border: 0;
    border-radius: 8px;
    color:white;
    width:130px;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    display: flex;
}
.logout{
    color:white;
    background-color:#572A7D !important;
}
.anchooor{
    color:white;
}

.name{

    margin-left:3px;
}
                    /* navbar styling end */

                           /* sidebar styling starts */
.sidebar-header{

    background-color:#572A7D !important;
    border-bottom: none !important;
}
.logo{
    width: 160px;
    height:auto;
}

.side-bar{

    background-color: white !important;
}

.sidebar-body{

   background-color:#572A7D !important;
}
.nav{
    padding-top: 10px !important;
    /* padding-right: 15px !important; */
    /* padding-left: 15px !important; */
    border-right-width: 10px !important;
    border-bottom-width: 10px !important;

}

.nav-category{
    text-align: center;
    color:white !important;
    padding-left: 0px !important;
    padding-right:0px !important;
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    display: flex;
    justify-content: center; /* Horizontally center the text */
    align-items: center; /* Vertically center the text */
    height: 30px; /* Ensure the height is applied */


}
.footerHover{
    color: #572A7D !important;
}

.footerHover:hover{
    background-color: #EEEBF2 !important;
    color:#572A7D !important;
}

/* .sidebar-body .nav li {
    position: relative;
} */
.sidebar .sidebar-body .nav {
    padding:0px 0px 0px 0px !important;
}

.sidebar-body .nav a {
    color: white !important;
}

/* Style links on hover in the sidebar */
.sidebar-body .nav a:hover {
    color: white !important; /* Keep the text color white on hover */
}

/* Style links on active state in the sidebar */
/* .sidebar-body .nav a:active {
    color: white !important;
}  */

/* Style active menu items in the sidebar */
/* .sidebar-body .nav > li.active > a span {
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    color: white !important;
} */

/* Style menu items on hover in the sidebar */
.sidebar-body .nav > li:hover {
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    color: white !important;
}

/* Style links in submenu items on hover */
.sidebar-body .nav ul li:hover a {
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    color: white !important;
}

/* Style menu items on hover in the sidebar */
.sidebar-body .nav > li:hover > a {
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    color: white !important;
}

.sidebar-body .nav .sub-menu a {
    color: white; /* Default text color */
}

.sidebar-body .nav .sub-menu a:hover {
    background: linear-gradient(45deg, #96035a, #572A7D) !important;
    color: white !important;
}

.sidebar-body .nav-item.nav-category {
    margin-top: 0px !important;
}

                /* Account detail page css  */

  label{
    font-family: 'Gilroy';
    color:#572A7D;
    margin-bottom: 5px;
    font-weight: 900;
  }

input{
    font-family: 'Gilroy';
    border-radius: 4px !important;
    background-color:#EEEBF2 !important;
    color:#4C4C4C !important;
    border:none !important;
    margin-bottom: 5px;
   }


   .alert-success{
    margin-top:10px;
   }

   button.btn:hover {
    background-color: #572A7D !important;
    color: white !important;
}
textarea {
    background-color: #EEEBF2 !important;
    font-family: 'Gilroy';
}
.table-container {
    overflow-y: hidden !important; /* Prevent vertical scroll */
    max-height: 100% !important; /* Adjust as necessary */
}

/* Alternatively, set table height to auto */


/* Apply Gilroy font and color to table headers */
th {
    background-color: #EEEBF2 !important;
    color: #572A7D !important;
    border-right: 1px solid #572A7D !important; /* Light border color */
}

/* Remove border from the last header */
th:last-child {
    border-right: none !important;
}

/* Remove horizontal lines between rows */
table.dataTable tbody tr {
    border-bottom: none !important; /* Remove the bottom border */
}

table.dataTable tbody td {
    border-bottom: none !important; /* Remove the bottom border of cells */
}

/* Remove border on hover if present */
table.dataTable tbody tr:hover {
    border-bottom: none !important;
}

/* Remove border on first and last rows if needed */
table.dataTable tbody tr:first-child td {
    border-top: none !important;
}
table.dataTable tbody tr:nth-child(odd) {
    background-color: transparent !important; /* Set background to transparent for odd rows */
}

table.dataTable tbody tr:nth-child(even) {
    background-color: transparent !important; /* Set background to transparent for even rows */
}

/* Ensure no background color is applied to table cells */
table.dataTable tbody td {
    background-color: transparent !important; /* Ensure cells have no background color */
}

/* Remove horizontal lines (borders) */
table.dataTable tbody td {
    border-bottom: none !important; /* Remove bottom border from cells */
}

/* Remove borders on hover if present */
table.dataTable tbody tr:hover {
    border-bottom: none !important;
}

/* Optional: Remove top border from the first row */
table.dataTable tbody tr:first-child td {
    border-top: none !important;
}

/* Optional: Remove bottom border from the last row */
table.dataTable tbody tr:last-child td {
    border-bottom: none !important;
}

/* Remove alternating row background colors */
table.dataTable tbody tr:nth-child(odd) {
    background-color: transparent !important; /* Set background to transparent for odd rows */
}

table.dataTable tbody tr:nth-child(even) {
    background-color: transparent !important; /* Set background to transparent for even rows */
}

/* Ensure no background color is applied to table cells */
table.dataTable tbody td {
    background-color: transparent !important; /* Ensure cells have no background color */
}

/* Remove horizontal lines (borders) */
table.dataTable tbody td {
    border-bottom: none !important; /* Remove bottom border from cells */
}

/* Remove borders on hover if present */
table.dataTable tbody tr:hover {
    border-bottom: none !important;
}

/* Optional: Remove top border from the first row */
table.dataTable tbody tr:first-child td {
    border-top: none !important;
}

/* Optional: Remove bottom border from the last row */
table.dataTable tbody tr:last-child td {
    border-bottom: none !important;
}

/* Remove background color from striped rows */
table.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent; /* Remove the background color */
    background-color: transparent !important; /* Ensure no background color */
}

/* Ensure even rows also have no background color */
table.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent !important; /* Ensure no background color */
}

/* Remove horizontal lines (borders) */
table.table-striped tbody td {
    border-bottom: none !important; /* Remove bottom border from cells */
}

/* Remove borders on hover if present */
table.table-striped tbody tr:hover {
    border-bottom: none !important;
}

/* Optional: Remove top border from the first row */
table.table-striped tbody tr:first-child td {
    border-top: none !important;
}

/* Optional: Remove bottom border from the last row */
table.table-striped tbody tr:last-child td {
    border-bottom: none !important;
}
/* Style the select dropdown inside the DataTables length control */
.dataTables_wrapper .dataTables_length select {
    border-radius: 10px; /* Adjust the border radius as needed */
    background-color: #EEEBF2; /* Set the background color */
    border: 1px solid #ddd; /* Optional: Add a border for better visibility */
    padding: 0.375rem 0.75rem; /* Optional: Add padding for better appearance */
    color: #333; /* Optional: Set text color */
    font-size: 1rem; /* Optional: Adjust font size */
    border:none;
}

/* Optional: Style the select dropdown options */
.dataTables_wrapper .dataTables_length select option {
    background-color: #EEEBF2; /* Ensure options match the background color */
}