body{
 background: #eee;
 font-family: 'Kalpurush', Arial, sans-serif !important;
}


#side_nav{
 background: #000;
 min-width: 250px;
 max-width: 250px;
 transition: all 0.3s;
}
.content{
   min-height: 100vh;
   width: 100%;
}
hr.h-color{
  background: #eee;
}

.sidebar li.active{
   background: #eee;
   border-radius: 8px;
}

.sidebar li.active a, .sidebar li.active a:hover {
 color: #000;
}
.sidebar li a{

   
  
 color: #fff;
}

@media(max-width: 767px){
 #side_nav{
   margin-left: -250px;
   position: absolute;
   min-height: 100vh;
   z-index: 1;

 }
 #side_nav.active{
   margin-left: 0;
  }
}
.sidebar.submenu{
    list-style: none;
}
.sidebar li .submenu{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    padding-left: 1rem; 
    padding-right: 1rem;
}

  .btnsuccess {
  background-color:#4CAF50;
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5%;
}
.btnsuccess:hover {
  background-color:#2E8B57;
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5%;
}


  .btndanger {
  background-color:red;
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5%;
}
.btndanger:hover {
  background-color:#ffc300;
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5%;
}

#example td, #example th {
  border: 1px solid #ddd;
  padding: 8px;
}

#example tr:nth-child(even){background-color: #f2f2f2;}

#example tr:hover {background-color: #ddd;}

#example th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.success{
    background:green;
    color:white;
    line-height:30px;
    border-radius:5px;
    height:30px;
    
    text-align:center;
    margin-bottom:10px;
    
}

.error{
    background:#ff1515;
    color:white;
    line-height:30px;
    border-radius:5px;
    height:30px;
    
    text-align:center;
    margin-bottom:10px;
}
/* Sidebar menu style: আইকন + টেক্সট সোজা রাখার জন্য */
.sidebar ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 16px;
    padding: 8px 12px;
    text-decoration: none;
    transition: 0.3s;
}

/* আইকনের সাইজ ঠিক রাখার জন্য */
.sidebar ul li a i {
    min-width: 20px;
    text-align: center;
}

/* Hover effect */
.sidebar ul li a:hover {
    background-color: #1c2833;
    color: #e67e22;
    border-radius: 5px;
}

/* Active item এর জন্য হালকা ব্যাকগ্রাউন্ড */
.sidebar li.active {
    background: #eee;
    border-radius: 8px;
}
.sidebar li.active a,
.sidebar li.active a:hover {
    color: #000;
}