/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

/** ADD YOUR AWESOME CODES HERE **/


/** Password Reset Page **/
.password_reset_section {
    max-width: 800px;
    background: #fff;
    width: 100%;
    box-shadow: 0px 0 10px -8px #000;
    margin: 0px;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}

.forgot-password-section{
    padding: 20px 20px 20px 20px;
}

.form-label{
    padding: 0px 0px 0px 10px;
}

/** Add & Select All Button **/
.top-button{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
/** Show Edit & Delete Icon **/
.icon-fix{
    display: flex;
    gap: 15px;
    font-size: larger;
}


/*Password Show Icon */
.password_container {
    position: relative;
}

.password_container .form-control {
    padding-right: 40px; /* Add space for the icon */
}

.icon-container {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px; /* Fixed width to prevent shifting */
    text-align: center;
    cursor: pointer;
}

.icon-container .fa-eye,
.icon-container .fa-eye-slash {
    font-size: 1em; /* Consistent icon size */
}