.container {
    overflow: auto;
    height: 180px;
    width: 900px;
}

.table_XY_Scroll {
    border-collapse: collapse;
}

    .table_XY_Scroll thead {
        position: sticky; /* MUST !!! */
        inset-block-start: 0;
        background-color: #ddd;
    }

    .table_XY_Scroll thead, tbody {
        display: table;
        border: none;
        padding: 0;
        table-layout: auto; /*fixed*/
        /*width: 100%;*/
        /* overflow-x: auto; /* The vertical scrolling doeas NOT work well */
        /* max-width: 450px; /* */
    }
    .table_XY_Scroll th, td {
        /*max-width: 300px;*/
        padding: 2px 2px;
        /*padding: 0;*/
        border: 1px solid #ddd;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table_XY_Scroll tr:nth-child(even) {
        background-color: #f2f2f2
    }
  

.tableBodyScroll {
    background-color: brown;
}

    .tableBodyScroll thead, tbody {
        display: table;
        border: none;
        padding: 0;
        table-layout: auto; /*fixed*/
        /*width: 100%;*/
        /* overflow-x: auto; /* The vertical scrolling doeas NOT work well */
        /* max-width: 450px; /* */
    }

    .tableBodyScroll tbody { /* Groups the body content in a table */
        display: block;
        overflow-y: auto;
        /* max-height: 500px;   /* Get value in htmlTable_Create__ByServer of www.webUtils */
    }

    .tableBodyScroll thead { /* Groups the header content in a table */
        display: block;
    }
    .tableBodyScroll tfoot { /* Groups the footer content in a table */
        display: block;
        /*width: 100%; */
    }

    .tableBodyScroll th { /* cell in header */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: white; /* white - You should NOT see this color - crimson */
        text-align: center;
        border: none;
        padding: 0;
        /*width: 100px;*/
    }

    .tableBodyScroll td { /* cell in body */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: purple; /* white - You should NOT see this color - purple */
        text-align: center;
        border: none;
        padding: 0;
        word-wrap: break-word;
        /*width: 100px;*/
    }

.tableBodyScroll500 {
    background-color: brown;
    /*overflow:  auto;*/
}

    .tableBodyScroll500 thead, tbody {
        display: table;
        border: none;
        padding: 0;
        /*width: 100%;*/
        table-layout: auto; /*fixed*/
    }

    .tableBodyScroll500 tbody { /* Groups the body content in a table */
        display: block;
        overflow-y: scroll;
        max-height: 500px; /* Get value in javaTableCreate_GetByXML of gen_JavaTabe.js */
        /*overflow-x: scroll; The vertical scrolling doeas NOT work well */
        /*max-width: 400px; overflow-x: scroll;*/
    }

    .tableBodyScroll500 thead { /* Groups the header content in a table */
        display: block;
        /*overflow-y: scroll;*/
        /*width: 100%; */
    }

    .tableBodyScroll500 tfoot { /* Groups the footer content in a table */
        display: block;
        /*width: 100%; */
    }

    .tableBodyScroll500 th { /* cell in header */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: white; /* white - You should NOT see this color - crimson */
        text-align: center;
        border: none;
        padding: 0;
        /*width: 100px;*/
    }

    .tableBodyScroll500 td { /* cell in body */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: purple; /* white - You should NOT see this color - purple */
        text-align: center;
        border: none;
        padding: 0;
        word-wrap: break-word;
        /*width: 100px;*/
    }

.tableBodyScroll600 {
    background-color: brown;
    /*overflow:  auto;*/
}

    .tableBodyScroll600 thead, tbody {
        display: table;
        border: none;
        padding: 0;
        /*width: 100%;*/
        table-layout: auto; /*fixed*/
    }

    .tableBodyScroll600 tbody { /* Groups the body content in a table */
        display: block;
        overflow-y: scroll;
        max-height: 600px; /* Get value in javaTableCreate_GetByXML of gen_JavaTabe.js */
        /*overflow-x: scroll; The vertical scrolling doeas NOT work well */
        /*max-width: 400px; overflow-x: scroll;*/
    }

    .tableBodyScroll600 thead { /* Groups the header content in a table */
        display: block;
        /*overflow-y: scroll;*/
        /*width: 100%; */
    }

    .tableBodyScroll600 tfoot { /* Groups the footer content in a table */
        display: block;
        /*width: 100%; */
    }

    .tableBodyScroll600 th { /* cell in header */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: white; /* white - You should NOT see this color - crimson */
        text-align: center;
        border: none;
        padding: 0;
        /*width: 100px;*/
    }

    .tableBodyScroll600 td { /* cell in body */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: purple; /* white - You should NOT see this color - purple */
        text-align: center;
        border: none;
        padding: 0;
        word-wrap: break-word;
        /*width: 100px;*/
    }
.tableBodyScroll700 {
    background-color: brown;
    /*overflow:  auto;*/
}

    .tableBodyScroll700 thead, tbody {
        display: table;
        border: none;
        padding: 0;
        /*width: 100%;*/
        table-layout: auto; /*fixed*/
    }

    .tableBodyScroll700 tbody { /* Groups the body content in a table */
        display: block;
        overflow-y: scroll;
        max-height: 700px; /* Get value in javaTableCreate_GetByXML of gen_JavaTabe.js */
        /*overflow-x: scroll; The vertical scrolling doeas NOT work well */
        /*max-width: 400px; overflow-x: scroll;*/
    }

    .tableBodyScroll700 thead { /* Groups the header content in a table */
        display: block;
        /*overflow-y: scroll;*/
        /*width: 100%; */
    }

    .tableBodyScroll700 tfoot { /* Groups the footer content in a table */
        display: block;
        /*width: 100%; */
    }

    .tableBodyScroll700 th { /* cell in header */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: white; /* white - You should NOT see this color - crimson */
        text-align: center;
        border: none;
        padding: 0;
        /*width: 100px;*/
    }

    .tableBodyScroll700 td { /* cell in body */
        /*border: solid; border-width: 1px; width: 200px;*/
        background-color: purple; /* white - You should NOT see this color - purple */
        text-align: center;
        border: none;
        padding: 0;
        word-wrap: break-word;
        /*width: 100px;*/
    }

#nameSelect_Input {
    background-image: url('/Resources/search.ico');
    background-position: right center; /*10px 10px;*/
    background-repeat: no-repeat;
    direction: rtl;
    /*width: 100%;*/
    /*width: 500px;*/       /* ????? This attribute locates the "Input" to the rigth place ????? */
    /*position: relative; 
    right: -500px;*/      
    font-size: 16px;
    padding: 12px 40px 12px 20px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    text-align: right;
}