.table-row-profilo {
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
    margin-bottom: 4px;
    font-size: 1em;
    align-items: center;
    color: #555;
}

#modifica-info > div:nth-child(2) > div, #modifica-info > div.table-row-profilo.sede_legale > div {
    padding-left: 10px;
}

.table-row-profilo > label {
    width: 150px;
}

.table-row-profilo input {
    border: solid 1px red;
    height: 26px;
    padding-left: 10px;
    font-size: 1em;
    color: #333
}

.modifica-no .metodo-corrente {
    height: 26px;
    padding-left: 10px;
    font-size: 1em;
    color: #333
}


.table-row-profilo > div:nth-child(2), .table-row-profilo > input {
    flex: 40;
    max-width: 500px;
}

.multi-input {
    align-items: flex-start;
    flex-wrap: nowrap;
}

.modifica-no button {
    display: none;
}

.modifica-no .table-row-profilo{
    margin-bottom: 0px;
}

#modifica-info *{
    transition: 0.5s;
}

#modifica-info input:placeholder-shown {
    border: 1px solid red; /* Red border only if the input is empty */
    background-color: #FFDD57aa /*rgba(255,220,220);*/
}

.table-row-profilo {
    margin-top: 2px;
}

.no-input, .modifica-no input{
    pointer-events: none !important;
    border: 1px solid transparent !important;
    height: 22px;
}

.valore-precedente {
    font-size: 0.7em;
}

.modifica-password {
    max-height: 250px;
    height: 250px;
    transition: 0.5s;
    overflow-y: hidden;
    display: flex;
    position: relative;
}

.modifica-password > div:first-of-type {
    display: flex;
    flex-direction: column;
    width: 35%;
}

.modifica-password input {
 max-width: 200px;
 margin: 5px 0 20px 0;
}

.modifica-password .golden-button-small{
    max-width: 80px;
}

.golden-button-small{
    min-width: 80px;
}

.password-contenere {
    margin: 0 20px 20px 20px;
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}

.password-contenere > div:first-of-type {
    font-weight: bold;
}

.password-contenere li{
    list-style: none;
}

.password-contenere li span{
    color: green;
}

.password-contenere ul {
    padding-left: 0;
}

.psw-notsame{
    color: red;
    font-size: 0.7em;
}

@keyframes fadein {
    from {opacity: 0}
    to {opacity: 1}
}

.psw-mex {
    color: #333;
    font-weight: 700;
    animation-name: fadein;
    animation-duration: 2s;
}


.hidden {
    display: none;
}

@media only screen and (max-width: 1001px),
screen and (max-device-width: 1001px) {
    .table-row-profilo > div:nth-child(2) {
        min-width: 100% !important;
        box-sizing: border-box;
    }

    .table-row-profilo > *:first-child {
        max-width: 200px;
    }
}