.subCategory-Menu-header-style {
    background-color: rgb(0 0 0 / 90%);
    color: #fff;
}

.active-sidebar-item {
    background-color: white !important;
    color: black !important;
}
.active-li-item {
    background-color: white !important;
    color:black !important;
}

.custom-width {
    max-width: 1300px !important; 
    width: auto !important; 
}


.table-sequence-counter td:first-child {
    text-align: center;
}


.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 80%; 
    margin: 0 auto; 
}

.login-bg {
    flex: 1;
    background-image: url('/dist/img/dr.bg.jpg');
    background-size: cover;
    background-position: center;
}

.login-form {
    background-color: transparent;
    padding: 20px;
    border-radius: 10px;
}


            /* Media query for phone screens */
            /*@media (max-width: 767px) {
    .custom-width {
        max-width: 100%;*/ /* Adjust width for smaller screens */
            /*width: 100%;
        overflow-y: scroll;*/ /* Apply vertical scroll for smaller screens */
            /*}
}*/





.CreatedByTh,
.CreatedDatetimeTh,
.ModifiedByTh,
.ModifiedDatetimeTh {
    display: none;
}

.CreatedByTd,
.CreatedDatetimeTd,
.ModifiedByTd,
.ModifiedDatetimeTd {
    display: none;
}



.title-container {
    font-size: 1.5rem !important;
    font-weight: bold !important;
}

.title-left,
.title-right {
    background-color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    color: white !important;
}

.title-arrow {
    width: 40px !important;
    background-color: #17a2b8 !important;
    padding: 10px !important;
    color: white !important;
}

.fa-chevron-left {
    font-size: 1.5rem !important;
    color: white !important;
}

























.card-header {
    border-radius: 0.5rem 0.5rem 0 0; /* Round the top corners */
    padding: 0.5rem; /* Further reduced padding to decrease height */
    background: linear-gradient(45deg, #17a2b8, #007bff); /* Gradient background */
}

.card-title {
    font-size: 1.25rem; /* Slightly smaller font size */
    letter-spacing: 0.05rem; /* Slight letter spacing */
    text-transform: uppercase; /* Keep text uppercase */
    margin: 0; /* Ensure no extra margin around the title */
}

.title-icon {
    font-size: 1.5rem; /* Reduced icon size */
    color: #fff; /* White icon color */
}

.bg-gradient-info {
    background: linear-gradient(45deg, #17a2b8, #007bff); /* Custom gradient */
}
