.separation {
    height:max-content;
}

.message {
    padding-left:3px
}

div.grid {
    display:grid;
    row-gap:4px;
}


div.grid > div {
    display:grid;
    grid-template-columns : 1fr 2fr 1fr 1fr;
    align-items:center;
    column-gap:6px
}


div.grid > div > div.span2 {
    grid-column:2 / span 2
}


div.hidden {
    display:none !important;
}


label > span {
    color:red;
}


div.err {
    text-align:left;
    color:red
}


div.err > span {
    display:none
}

div.boxInputMail {
    position:relative;
}

button.pen {
    position: absolute;
    z-index: 1;
    width: 17px;
    height: 17px;
    top: 2px;
    right: 2px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: #e6e6e6 url(/DXR.axd?r=1_175-QrNfo) repeat-x top;
    border: 1px Solid #606060;
    font-weight: 700;
    color: #606060;
}
    button.pen span {
        position: absolute;
        top: -1px;
        right: 0;
    }


    div.disc {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        column-gap: 4px
    }

.disabled {
    opacity: 0.4;
    pointer-events: none;
}