.mypassword-modal .form-row:not(.nogrid) label,
.mypassword-modal .form-row:not(.nogrid) select,
.mypassword-modal .form-row:not(.nogrid) input[type="password"] {
    width: 100%;
}

@media (min-width: 1024px) {
    .mypassword-modal .form-row:not(.nogrid) label,
    .mypassword-modal .form-row:not(.nogrid) select,
    .mypassword-modal .form-row:not(.nogrid) input[type="password"] {
        width: 50%;
    }
}

.mypassword-modal .form-row label:not(.checkbox-label) {
    font-size: 18px;
}

.mypassword-modal .form-row select,
.mypassword-modal .form-row input[type="password"] {
    /*margin-top: 8px;*/
    height: 40px;
    /*width: 100%;*/
    border: 1px solid var(--border-color-light);
    border-radius: var(--border-radius);
}

.mypassword-modal .password-message {
    width: 100%;
    height: 40px;
    background-color: var(--info-background);
    border-radius: var(--border-radius);
    /*color: var(--font-light);*/
    color: #000000;
    font-weight: bold;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid var(--info-border-color);
}

.mypassword-modal .password-message.warning {
    background-color: var(--warning-color);
    border-color: var(--warning-color-dark);
}

.mypassword-modal .modal-button.modal-save:disabled {
    opacity: var(--disabled-opacity);
    display: flex;
    cursor: not-allowed;
}