table, th, td {
  border-color: #96D4D4;

}



button:focus {
  outline: none;
}
button {
  border: none;
  padding: 0;
  background: transparent;
}
button img {
  display: block;
}


    .popup-container {
      position: relative;
      display: inline-block;
    }

    .popup-text {
      visibility: hidden;
      width: 160px;
      background-color: black;
      color: #fff;
      text-align: center;
      padding: 5px;
      border-radius: 5px;
      position: absolute;
      z-index: 1;
      opacity: 0;
      pointer-events: none; /* Prevents the popup from blocking other elements */
      transition: opacity 0.3s;
      left: 100%; /* Aligns the tooltip to the right of the image */
      top: 0; /* Position tooltip vertically aligned with the image */
      margin-left: 10px; /* Adds a little space to the right of the image */    }

    .popup-container:hover .popup-text {
      visibility: visible;
      opacity: 1;
    }


  .inputForm{
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
   }

    input {
      height: 24px; /* Adjust the height to your desired value */
      font-size: 16px; /* Optional: change font size to maintain proportions */
    }

        /* Container for the image */
        .image-container {
            position: relative;
            display: inline-block;
        }

        /* Image styling */
        .image-container img {
            width: 20px; /* Adjust the image size */
            height: 20px;
            border-radius: 8px;
        }

        /* Popup text styling */
        .popup {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 320px;
            transform: translate(5%, 20%);
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px;
            border-radius: 5px;
            opacity: 0; /* Hidden by default */
            visibility: hidden; /* Hidden by default */
            transition: opacity 0.3s, visibility 0.3s;
        }

        /* Show the popup on hover */
        .image-container:hover .popup {
            opacity: 1;
            visibility: visible;
        }


    .logo-container {
      position: relative;
      display: inline-block;
    }

    .logo-container img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    .text-overlay {
      position: absolute;
      top: 0px;
      right: 0px;
      color: #0000FF;
      background-color: rgba(0, 0, 0, 0);
      padding: 0px 0px;
      font-size: 14px;
      border-radius: 4px;
    }


.my-button {
  cursor: pointer; /* ensures hand cursor */
}

.my-blue-button {
  cursor: pointer; /* ensures hand cursor */
  padding: 10px 20px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
}