.password-container {
    position: relative;
    width: 100%;
}

.password-container input[type="password"],
.password-container input[type="text"] {
    padding-right: 40px; /* アイコン分の余白を確保 */
}

.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.sidebar .nav.nav-secondary>.nav-item a:hover i,
.sidebar .nav.nav-secondary>.nav-item.active a i {
    color: #ffffff !important;
}
.sidebar .nav.nav-secondary>.nav-item a:hover p,
.sidebar .nav.nav-secondary>.nav-item.active a p {
    color: #ffffff !important;
    font-weight: bold;
}

@media screen and (max-width: 576px) {
    div.main-panel>div.container {
        overflow-x: scroll;
    }
}
.create-form > div.mb3,
.edit-form > div.mb3 {
    margin-bottom: 0.5rem;
}

.create-form .form-label,
.edit-form .form-label {
    width: 30%;
    max-width: 140px;
    float: inline-start;
}
.create-form .form-control,
.edit-form .form-control {
    width: calc(100% - 150px);
}