body{
    background:#faf8fe;
    color:black;
}
a{
    text-decoration:none !important;
    color:#343a40;
}
a:hover{
    color:black;
}
#sidebar a{
    color:white !important;
}
.hidden{
    display: none;
}

/* Main content styles */
.content {
    margin-left: 60px;
    padding: 20px;
    /* z-index: 900;  */
    position: relative;
    background-color: #faf8fe;
}

@media (max-width: 768px) {
    .content {
        margin-left:60px;
    }
}


/*  */

.main {
    height:400px !important;
    background-color:#ffffff !important;
    color:black;
}
.main-small{
    background-color: #ffffff;
}

.profile{
    border-radius:20px;
}
.cont h2{
    font-weight: 700;
    color:red;
}
.cont p{
    font-weight: 600;
    color:red;
}
.imagebox{
    height:70px;
    width:70px;
    border-radius:30px;
    background:#ffdcdc;
}
.header{
    background:#ffffff !important;
    color:black;
}
.profile{
    border-radius:20px;
}
.menu-list{
    display:flex;
}
@media (max-width: 768px) {
    
    .menu-list{
        display:none;
    }
    
}
.quick{
    background:red;
    color:white;
    padding:10px;
    display: flex;
    justify-content:center;
    align-items:center;
    border-radius:7px;
}
 h6{
    color:#666666;
    font-weight:700;
}
.heading i{
    color:#666666;
}

.quick:hover{
    background:#e00000;
    color:white;
}

/* ///////////////////////////////////// */
canvas {
    width: 100%;
    margin: 0 auto;
}
/* ///////////////////////////////////////// */
.table-wrapper {
    /* display: flex; */
    width: 100%;
    /* flex-direction: column; */
    /* Adjust height as needed */
}

.table {
    width: 100%;
    /* border-collapse: collapse; */
}

.table-scroll {
    overflow-y: auto;
    height: 100%;
}

.table-scroll::-webkit-scrollbar {
    width: 0; /* Hide scrollbar for Webkit browsers */
}

.table-scroll {
    -ms-overflow-style: none;  /* Hide scrollbar for Internet Explorer and Edge */
    scrollbar-width: none;  /* Hide scrollbar for Firefox */
    height: 250px;
}

.table th,
.table td {
    padding-left: 20px; /* Adjust padding as needed */
    color:#666666;
}


/* /////////////////////////////////////////////////////////////////////// */