*{box-sizing:border-box}body{font-family:Arial;padding:20px;background:#f1f1f1}.header{padding:20px;font-size:24px;text-align:left;background:#fff}.header img{float:left;height:100px;width:100px}.mainbody{border-radius:5px;background-color:#f2f2f2;padding:20px}.card{background-color:#fff;padding:20px;margin-top:20px}.row:after{content:"";display:table;clear:both}@media(max-width:800px){.leftcolumn,.rightcolumn{width:100%;padding:0}}@media(max-width:400px){.topnav a{float:none;width:100%}}input[type=text],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}Textbox{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#passwordField{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=time]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=date]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;font-weight:bold}button{width:100%;background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#45a049}table{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;text-align:left;padding:8px}#td1{border:1px solid #ddd;text-align:left;padding:8px;width:500px}tr:nth-child(even){background-color:#f2f2f2}tr:hover{background-color:#ddd}th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:blue;color:#fff}