/*# Time on login page */
/*# Time on login page */
.date_top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;

  /* Glass background */
  background: rgba(255, 255, 255, 0.2); /* semi-transparent white */
  backdrop-filter: blur(10px);         /* blur behind it */
  -webkit-backdrop-filter: blur(10px); /* Safari support */

  color: #6c2f13; /* Your signature purple */
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 1.8vmin;
  font-weight: 600;

  box-shadow: 0 4px 20px rgba(122, 112, 186, 0.2); /* soft purple glow */
  border: 1px solid #6c2f13; /* subtle purple border */

  display: inline-block;
  line-height: 1;
  white-space: nowrap; /* Prevents time from breaking */
}

.date_top .sec {
  font-size: 0.7em;
  margin-left: -2px;   /* Remove spacing between min and sec */
  
}

.date_top .hour::after {
  content: ":";        /* Add colon after minute */
  margin-left: 1px;    /* Optional: adjust spacing */
}

.date_top .min::after {
  content: ":";        /* Add colon after minute */
  margin-left: 1px;    /* Optional: adjust spacing */
}

.date_top .sec::before {
  content: ":";        /* Ensure colon before seconds */
  margin-right: 1px;   /* Optional: adjust spacing */
}

/* Optional Gradient Text Overlay (glass + shimmer) */
@supports (-webkit-background-clip: text) {
  .date_top {
    background: rgba(255, 255, 255, 0.15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #6c2f13, #6c2f13);
  }
}


.left-icon-holder {
  position: relative; /* Use only relative positioning */
  line-height: 24px;
  top: 50%;
  transform: translateY(-50%); /* Use transform for vertical centering */
}

.clear_input {
  position: absolute;
  right: 10px; /* Adjust positioning relative to the parent element */
  top: 44.117px !important;
}

.clear_password .clear_input {
  position: absolute;
  right: 10px; /* Same adjustment for clear_password context */
}