@charset "utf-8";

/***********************************************/
/* EmpMaintenanceTbls.css                            */
/***********************************************/

<style>
        table {
            width: 90%;
            margin: 30px auto;
            border-collapse: collapse;
            font-family: Arial, sans-serif;
        }

        th, td {
            border: 1px solid #aaa;
            padding: 12px;
            text-align: center;
			width: 10px
        }

        th {
            background-color: #333;
            color: #fff;
	}		
       :focus{
      		border-color: #9147ff;
        	background: #fff;
        }
                
}

        a.button {
            padding: 5px 10px;
            color: white;
            background-color: #027541;
            text-decoration: none;
            border-radius: 4px;
            margin: 0 2px;
        }
		
	input[type="text"],
    input[type="status"],
    input[type="created"] {
      width: 300px; /* Set to your desired width */
      padding: 5px;
      margin-bottom: 10px;
  }
	.green-button {
		background-color: #027541;
		color: white;
		border: none;
		padding: 10px 15px;
		border-radius: 5px;
		cursor: pointer;
  }
    </style>