/* sidebarcss */
/* Sidebar nav hover effect */

.img-fluid{
  height: 60px;
}
/* General nav link styling */
.nav-pills li a,
.logout {
  display: block;
  padding: 8px 10px;
  border-radius: 5px;
  transition: background 0.3s ease, transform 0.2s;
  color: #ccc; /* default text color */
  text-decoration: none;
}

/* Active state for nav links */
.nav-pills li a.active {
  background-color: #104517!important;   /* highlight background */
  color: #ffffff !important;   /* ensure text is visible */
  font-weight: 600;
  border: none!important;
  text-decoration: none;

}

/* Hover state */
.nav-pills li a:hover,
.logout:hover {
  background-color: #102645!important;   /* hover background */
  color: #ffffff !important;   /* keep text visible */
  transform: translateX(4px);
}

/* Logout link specifically */
.logout {
  color: #dc3545!important; /* bootstrap danger red */
}
.logout:hover {
  background-color: #661414!important; /* darker red on hover */
  color: #ffffff !important;
}




/* Remove border/outline from hamburger and close */
.navbar-toggler,
.btn-close {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hamburger icon styling */
.navbar-toggler {
  padding: 6px 8px;              /* tighter spacing */
  border-radius: 5px;            /* subtle rounded corners */
  transition: background 0.3s ease;
}

/* Hover/tap background for hamburger */
.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: #102645;     /* your hover color */
}

/* Close button styling */
.btn-close {
  border-radius: 5px;
  transition: background 0.3s ease;
  color: #fff !important; /* Ensure close icon is visible */ 
}

/* Hover/tap background for close button */
.btn-close:hover,
.btn-close:focus {
  background-color: blue!important; /* your hover color */
}




/* alltransact */
.closefloat{
   bottom: 15px; 
  right: 15px; 
  width: 50px; 
  height: 50px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1rem; 
  opacity: 0.7; 
  transition: opacity 0.3s, transform 0.2s;
}

body{
overflow-x:hidden;
}
/* Sidebar spacing */

.ms-md-240{
    margin-left:240px;
}


/* mychildren css */


/* Card styling */
.child-card{
background:#fff;
transition: all 0.25s ease;
}

.child-card:hover{
transform: translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.4);
}

/* Avatar circle */
.child-avatar{
width:45px;
height:45px;
border-radius:50%;
background: rgba(0, 0, 255, 0.753);
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

/* Progress bar background */
.progress{
background:#2a2a2a;
}

/* Empty state icon */
.empty-icon{
width:80px;
height:80px;
border-radius:50%;
background:#222;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
}

/* reset password */
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

.input-group-text i {
  margin: auto;
}

.custom-input {
  background: #f9f7f7!important;
  border-radius: 10px;
  padding: 0 10px;
}

.custom-input input {
  background: transparent;
  border: none;
  color: #fff;
  padding: 12px 10px;
}

.custom-input input:focus {
  outline: none;
  box-shadow: none;
}

/* Toggle perfectly centered */
.toggle-password {
  cursor: pointer!important;
  user-select: none!important;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  z-index: 2;
  background-color: #fff;
}
.toggle-password:hover {
  opacity: 0.8;
}















@media (max-width:768px){

.ms-md-240{
    margin-left:0;
}

}