.div-input-1 {
    height:100%;
    width:100%;
    border: none;
    outline: none; /* removes focus highlight (optional) */
    white-space: nowrap;          /* prevent wrapping */
    overflow: hidden;             /* hide overflowing text */
    text-overflow: ellipsis;      /* show … */
}
.text-input-warning {
    position: relative;
    right: 32px;
    position: absolute;
    top: 0px;
    right: -34px;
    font-size: 23px;
    pointer-events: none;
    z-index: 1000;
}


.label-1 {
    font-size:20px; 
    color:#333;
    font-family:Arial;
    text-align:left;
    justify-content:flex-start;
    background-color:transparent;
    border:none;
    border-radius:0;
    white-space: nowrap;          /* prevent wrapping */
  overflow: hidden;             /* hide overflowing text */
  text-overflow: ellipsis;      /* show … */
}


.text-1 {
    font-size:20px; 
    color:#333;
    font-family:Arial;
    text-align:left;
    justify-content:flex-start;
    background-color:transparent;
    
    
}
.text-1.read input {
    border:2px solid gray;
}
.text-1.write input {
    background-color: #ccc !important;
    border:2px solid red;
    border-radius:5px;
}