body{
      width: 100%;
      background-color: #E9EDF1;
      font-size: 1rem;
      padding: 1em;
}
input, select, button {font-size: 1rem; width: 100%; box-sizing: border-box;}
table.tbl_out{
    background-color: #ffffff;
      border-radius: 16px;
      width: 90%;
      max-width: 90%;
      margin: auto;
      text-align: center;
      box-shadow: 0 10px 30px #696767;
      z-index: 1;
      position: relative    
}
.head_top {border-bottom: 1px solid #111111;padding-bottom: 5px;}
.footer{border-top : 1px solid #6c6868;padding-top: 5px; color: #0d0d0d; font-size: 12px;}
.footer a:link{color: #716b6b;text-decoration: none; font-size: 12px;}
.footer a:hover{color: #635d5d; font-size: 12px;}
.footer a:visited{color: #5d5757; font-size: 12px;}
.tbl_inside_ndani{border-collapse: collapse;width:100%;background-color: white; border-radius:10px;padding: 10px;}
.tbl_inside_two{border-collapse: collapse;width:100%;background-color: white; border-radius:10px;padding: 10px;}
.tbl_head_kichwa{font-size: 25px; color: gray;padding: 10px;font-weight: bold;height: 5px;}
.mytext{
  width: 100%; padding: 10px; border: 1px solid #ccc;  border-radius: 5px;    box-sizing: border-box;
    }

a:link{text-decoration: none;}
table.tbl_login{border-collapse: collapse;width:100%;background-color: #DEFAD9;}
table.uwanja_wa_kazi{background-color: #C3FAB9;}
.mybuttons {
  background-color: #666666;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  height: 30px; /* Ensure the button height matches the date containers */
  width: 150px;
}
.adrress{width: 600px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    background-size: 30px;
    background-color: #78FA61;
    color: navy;}
.dawa_search{width: 650px;
    height: 35px;
    text-align: left;
    font-size: 20px;
    border-radius: 5px;
    background-size: 30px;
    background-color: #E8F0FE;
    color: navy;}
 /* Animation background container */
    .burst-container {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }

    .water-burst, .ripple {
      position: absolute;
      width: 400px;
      height: 400px;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .water-burst {
      background: radial-gradient(circle, rgba(79,195,247,0.5) 30%, transparent 80%);
      animation: waterBurst 4s infinite ease-in-out;
      z-index: 0;
    }

    .ripple {
      border: 3px solid rgba(79,195,247,0.4);
      animation: rippleWave 3s infinite ease-out;
      z-index: 0;
    }

    @keyframes waterBurst {
      0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
      }
      50% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0.9;
      }
    }

    @keyframes rippleWave {
      0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
      }
      100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
      }
    }

    /* Login Form */
    .login-container {
      background-color: #ffffff;
      border-radius: 16px;
      padding: 40px 30px;
      width: 320px;
      text-align: center;
      box-shadow: 0 10px 30px #DCDBE7;
      z-index: 1;
      position: relative;
    }

    .login-container img.logo {
      width: 80px;
      margin-bottom: 20px;
    }

    .login-container h2 {
      color: #333;
      margin-bottom: 20px;
    }

    .login-container input[type="text"],
    .login-container input[type="password"] {
      width: 100%;
      padding: 12px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      outline: none;
    }

    .login-container input[type="submit"] {
      background-color: #4FC3F7;
      border: none;
      padding: 12px;
      width: 100%;
      border-radius: 8px;
      color: white;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .login-container input[type="submit"]:hover {
      background-color: #0288d1;
    }
    .myfields2{width: 50%; padding: 7px; border: 1px solid #ccc;  border-radius: 5px;    box-sizing: border-box;}
    .heads_users{background-color: #49983B;padding: 20px;color: white;border-radius: 10px;font-weight: bold;}