.CReadonly {
    border: 2px solid #ccc; /* 自定义样式，表示readonly字段 */
}

.invalid-readonly {
    border: 2px solid #FF0000; /* 自定义样式，表示readonly字段 */
}

/* styles.css */
.custom-select {
    border: 2px solid #FF0000; /* 设置边框宽度和颜色 */
    border-radius: 5px; /* 设置边框圆角 */
    padding: 20px; /* 设置内边距 */
}

.JqgridLinkColumnStyle {
    color: blue;
    cursor: pointer;
}

/*密碼Start*/
.password-input {
    position: relative;
    display: inline-block;
    /* 增加两个输入框之间的垂直间距 */
}

label {
    font-weight: bold;
}

.old-password-field,
.new-password-field,
.confirm-password-field {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    position: relative;
}

.password-input {
    position: relative;
    display: flex;
    flex-direction: column; /* 讓內部元素垂直排列 */
    width: 100%; /* 讓它跟父元素 form-group 一樣寬 */
}

.toggle-password {
    position: absolute;
    right: 10px; /* 靠右對齊 */
    top: 50%;
    transform: translateY(-50%); /* 垂直置中 */
    cursor: pointer;
    color: #777;
    font-size: 1.2rem; /* 調整圖示大小 */
}
/*密碼End*/

.span-align-left {
    display: block;
    text-align: left;
}

.div-gap {
    display: flex;
    align-items: center;
    gap: 10px; /* 設定間距 */
}

.bg-login-image {
    background: url("/images/background/Logo.png");
    background-position: center;
    background-size: cover;
}

.bg-register-image {
    background: url("/images/background/ForgetPW1.png");
    background-position: center;
    background-size: cover;
}

.bg-password-image {
    background: url("/images/background/ForgetPW.png");
    background-position: center;
    background-size: cover;
}