#IDForm {
    color: black;
    display: table;
    padding: 5px;
    width: 80%;
    margin-left: auto; /*Centerise the form*/
    margin-right: auto; /*Centerise the form*/
}


#idImage {
    display: block;
    max-width: 50%; /* Control the size of the image. */
    margin-left: auto; /* Centerise the image. */
    margin-right: auto; /* Centerise the image. */
}



.clsTableHeaderLeft {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #b24f30;
}

.clsTableHeaderCenter {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #b24f30;
}


.clsButtonCenter {
    display: flex;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.clsParagraph {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 5px;
}



.clsRow {
    display: table-row;
    height: 48px;
}

.clsRow label {
    display: table-cell;
    padding: 2px;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.clsRow input {
    display: table-cell;
    border-radius: 3px;
    border: 1px solid #254d04;
    padding: 2px;
    height: 22px;
    width: 60%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.clsRow input:hover {
    background-color: #e8fcd7;
}

/* Button Color & Font Setting */
.clsRow button {
    display: table-cell;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    border-radius: 6px;
    height: 86px;
    width: 100%;
}

/* If the screen size is 600px wide or less, change the font-size smaller*/
@media only screen and (max-width: 600px) {
    .clsRow button {
        font-size: 20px;
    }
}


.clsRow button:hover {
    background-color: #c7ccd0;
    font-display: block;
}












/*=====================================================================================*/
/*                                                                                     */
/*                         BUTTON GENERAL STYLE SHEET - START                          */
/*                                                                                     */
/*=====================================================================================*/

/*-------------------------------------*/
/*  w3-container (Optional             */
/*-------------------------------------*/

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before,
.w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-container, .w3-panel {
    padding: 0.01em 16px
}




/*=====================================================================================*/
/*                                                                                     */
/*                         BUTTON GENERAL STYLE SHEET - START                          */
/*                                                                                     */
/*=====================================================================================*/


.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
}


.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .w3-disabled, .w3-btn:disabled, .w3-button:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }


.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
    background-color: #ccc;
    color: #000
}

.w3-button:hover {
    color: #000 !important;
    background-color: #ccc !important
}

.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px
}


.w3-bar .w3-button {
    white-space: normal
}


/*----------------------------------------------*/
/*                                              */
/*      BUTTON GENERAL STYLE SHEET - END        */
/*                                              */
/*----------------------------------------------*/



/*=====================================================================================*/
/*                                                                                     */
/*                    INDIVIDUAL BUTTON COLOR STYLE SHEET - START                      */
/*                                                                                     */
/*=====================================================================================*/

/*-------------------------------------*/
/*  w3-black                           */
/*-------------------------------------*/
.w3-black {
    color: #fff !important;
    background-color: #000 !important;
}

/*-------------------------------------*/
/*  w3-light-green                     */
/*-------------------------------------*/
.w3-light-green, .w3-hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important
}


/*-------------------------------------*/
/*  w3-light-red                       */
/*-------------------------------------*/
.w3-light-red, .w3-hover-red:hover {
    color: #ffffff !important;
    background-color: hsl(0, 98%, 50%) !important
}

/*----------------------------------------------*/
/*                                              */
/*  INDIVIDUAL BUTTON COLOR STYLE SHEET - END   */
/*                                              */
/*----------------------------------------------*/