@media (max-width: 1000px) {
    body {font-size:1.6rem;} /*1rem = 16px*/
}

@media (max-width: 639px) {
    tr {
        display: flex;
        flex-wrap: wrap;
    }
}

#overlay_new {
    position: absolute;
    overflow: auto;
    top: 30%;
    left: 30%;
    height: 60%;
    z-index:99;
}

#overlay_del {
    position: fixed;
    top: 30%;
    left: 30%;
    z-index:99;
    text-align:center;
}

#overlay_position {
    position: absolute;
    overflow: auto;
    top: 30%;
    left: 12%;
    height: 60%;
    z-index:99;
}

#close_x {
    position: absolute;
    right: 5px;
    top: 0px;
    padding: 0;
}

#buttons {
    width: 100%;
    align-items: center;
}

#overlay_position input {
    width: 100%;
}

body {
    overflow: visible;
}

textarea, select, input {
    width: 100%;
    max-width: 100%;
}

.errorlist {
    color: red;
}

.words {
    color:red;
    font-size: 12px;
    background-color: #ffcaca;
    border-radius: 5px 5px 5px;
    border: 1px solid red;
    padding-left: 25px;
    position:relative;
}


/* Style for input fields that are readonly */
input[readonly],
textarea[readonly] {
    /* Background: Often a very light, desaturated grey */
    background-color: #f5f5f5; /* A common light grey, close to white smoke */
    /* Alternatively, you might see slightly darker: */
    /* background-color: #e8e8e8; */

    /* Text Color: A muted, lighter grey */
    color: #a0a0a0; /* A common faded grey */
    /* Alternatively, slightly darker: */
    /* color: #757575; */

    /* Border: Usually a lighter grey or a subtle variation */
    border: 1px solid #ddd; /* A light grey border */
    /* Or even transparent if you want no border */
    /* border: 1px solid transparent; */

    /* Cursor: Indicates it's not editable */
    cursor: default; /* Standard pointer */
    /* Or, for a "no entry" sign, like disabled inputs: */
    /* cursor: not-allowed; */

    /* Optional: Ensure font weight/style is consistent */
    font-weight: normal;
    font-style: normal;
}

/* Optional: To maintain consistency with actual disabled inputs */
input:disabled,
textarea:disabled {
    background-color: #f5f5f5; /* Match your readonly background */
    color: #a0a0a0; /* Match your readonly text color */
    border: 1px solid #ddd; /* Match your readonly border */
    cursor: not-allowed;
}