.txtbox
    {
    width:100%;    
    }
    

        .style1
        {
     
          color:brown;
        }
    
    .file-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.file-wrapper input[type=file] {
    position: absolute;
    left: 0; top: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 100px;   /* big enough to cover the whole button */
}
.file-wrapper .btn {
    background: #ddd;
    padding: 2px 8px;
    margin-top:4px;
    border: 1px solid #999;
    cursor: pointer;
                color: #007bff;
         
}




.md-table-wrapper table {
    border-collapse: collapse;
    width: 100%;
}

.md-table-wrapper th,
.md-table-wrapper td {
    border: 1px solid #ccc;
    padding: .5em .75em;
    background: #f5f5f5;
    color: #000;          /* <-- explicit dark text */
}

.md-table-wrapper th {
    background: #e5e5e5;
    font-weight: bold;
}

/* optional zebra striping */
.md-table-wrapper tr:nth-child(even) {
    background: #fafafa;
}

/* Only affects the div you copy from */
#divHtml {
    color-scheme: only light !important;   /* stop dark-mode inversion  */
    color: #000 !important;                /* force black text          */
    background: #fff !important;           /* force white background    */
}
  
        /* Make the button look like a drop zone */
        #btnDropZone {
            display: block;

            text-align: center;
            border: 2px dashed #007bff;
            background: #f8f9fa;
            color: #007bff;
              
       <%--     font-size: 16px;--%>
            cursor: pointer;
            transition: background 0.2s;
        }
        #btnDropZone.dragover {
            background: #e9ecef;
            border-color: #0056b3;
          
        }