h2 {
  color: #ffffff; /* Text color (white in this case) */
  background-color: yellow; /* Background color (blue in this case) */
  font-size: 24px; /* Adjust font size */
  font-family: Arial, sans-serif; /* Choose your preferred font */
  text-align: center; /* Align text to center */
  text-decoration: underline; /* Add underline */
}
.head1{
    padding:10px;
    margin-left:250px;
    background-color: #47c0a9;
}

.content-wrapper{
    margin-top: -30px;
}
.brand-text{
    color:#fff;
}
body{
background-color: linen;
}

td
{
background-color:	#FFFAFA;
/*padding: 30px;*/
}
.wrapper {
    min-height: 1550.867px !important;
}

#example1{
background-color: linen;
border: 5px solid powderblue;
/*padding: 30px;*/
}
span{
color:black;
}

span2{
color:white;
}

span1{
color:purple;
}
.card-primary:not(.card-outline)>.card-header {
    background-color: #5a2600;
}

.btn-success{
    background-color:#309D94;
    border:1px solid #309D94;
}
.btn-secondary{
    background-color:#BC9B38;
    border:1px solid #BC9B38;
}
.btn-success:hover{
    background-color:#0f7a71;
    border:1px solid #0f7a71;
}
.btn-secondary:hover{
    background-color:#a2801a;
    border:1px solid #a2801a;
}

 p{
            /*color: white;*/
            color: rgb(90, 38, 0);
            font-weight: bold;
            }/*monika*/
            
            .main-sidebar{
          background-image: url('https://images.unsplash.com/photo-1512820790803-83ca734da794?auto=format&fit=crop&w=750&q=80');
            background-size:cover;
            }
            .main-sidebar {
            position: relative; /* Make the sidebar container relative */
            }
            
            .main-sidebar::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgb(42 50 110 / 92%);
            z-index: -1; /* Place the overlay behind the content */
            }
            .a ,.e,.b{
            background-color:transparent;
            }
            .content-wrapper{
            background-color:#e6f7ff;
            }
            
            .error {
            color: red;
            font-size: 12px;
            margin-top: 4px;
        }
        
        
.input-error {
    border-color: red;
}

.input-valid {
    border-color: green;
}

.text-danger {
    color: red;
}
.nav-sidebar.nav-link p{
      color:#fff;
  }      
           
.a {padding:30px; border:3px solid #808cf8;background: #eef1f5;}
.b {padding:30px; border:3px solid orangered;background: #eef1f5;}
.c {padding:30px; border:3px solid burlywood;background: #eef1f5;}
.d {padding:30px; border:3px solid lightgreen;background: #eef1f5;}
.e {padding:30px; border:3px solid purple;background: #eef1f5;}
.f {padding:30px; border:3px solid pink;background: #eef1f5;}

 .erp-icon {
    height: 65px;
    margin-bottom: 10px;
}
   .content-wrapper {
  background-color: #eef1f5; /* light grey */
  padding: 20px;
}
.nav-item p{
    color:#fff;
}
.nav-sidebar .nav-icon {
    color: #ffd700;
}
/* ERP Card Styling */
.erp-card {
    background-color: #ffffff;
    border-radius: 8px;
    border-left: 5px solid brown;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    height: 100%;
    border-left: 5px solid #2a3fa5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.erp-card:hover {
    transform: translateY(-5px);
}



.erp-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.erp-footer a {
    color: #007bff;
    text-decoration: none;
}

.erp-footer a:hover {
    text-decoration: underline;
}

/* Small Box Enhancements */
.small-box {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.small-box.bg-info {
    background-color: #17a2b8; /* Customize info color if needed */
}

.small-box .inner p {
    font-weight: 600;
    font-size: 16px;
}

/* Responsive Image in Cards */
.erp-icon img,
.small-box .icon img {
    width: 60px;
    height: 60px;
}

/* Section Fieldset Titles */
fieldset legend h3 {
    color: #333;
   
    padding: 10px 20px;
    border-radius: 5px;
}
.erp-card.report-card {
    background-color: darkgrey;
    border-left: 5px solid #23272c;
}

.erp-icon.report-icon {
    
    padding: 10px;
    border-radius: 10px;
}
.erp-card.report-card .erp-footer a{
    color:#fff;
}    
/*.search-list li.selected {*/
/*    background-color: #007bff;*/
/*    color: #fff;*/
/*}*/
            .input-error {
    border-color: red !important;
}
.search-list li.selected {
    background-color: #007bff;
    color: #fff;
}

/* Simple fix - sab ek line mein */
div.dataTables_wrapper div.row:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Left side */
div.dataTables_wrapper div.dataTables_length {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Right side container */
div.dataTables_wrapper div.col-sm-12.col-md-6:last-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
}

/* Buttons right side par */
div.dataTables_wrapper .dt-buttons {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 25px;
    order: 1 !important;
    
}

/* Search bhi right side par */
div.dataTables_wrapper div.dataTables_filter {
    display: inline-flex !important;
    align-items: center !important;
    order: 2 !important;
     float: right;
}
.heading-col{
    gap:10px;
}

.selected-rows-info{
    background:#e8f5e9;
    padding:4px 12px;
    border-radius:6px;
    font-size:13px;
}