#check_in,
#check_out {
    width: 100px;
}

.attendance{
    box-shadow: 0px 4px 6px 0px #097b90;
}

#password-container {
    position: relative;
}

.eye-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: all;
    cursor: pointer;
    color: #0000004f;
    z-index: 10;
}

.eye-icon:hover {
    color: #0000009f;
}

input[type=password].form-control {
    padding-right: 40px; /* Padding to avoid text overlap with the icon */
}

.eye-icon.active {
    pointer-events: auto;
}

#clockDate {
    font-size: 2.5em;
    color: #6d6b6b;
    line-height: 1.5em;
}
#clockTime {
    font-size: 4em;
    color: #4b4949;
    line-height: 1em;
}