<style>

/* Relative width in percentage of parent container */
div {
  width: 100%
}

.grid-form {
  display: grid;
  grid-template-columns: auto 1fr; /* Two columns: one for labels (auto width), one for inputs (takes remaining space) */
  gap: 10px; /* Space between grid items */
}

.grid-form label {
  text-align: right; /* Aligns label text to the right */
}

input {
max-width : 200px;
}

.hidden {
    	display: none;
}

.chgpwd {
		display:none;
}
.profile {
		display:none;
}
.newacnt {
		display:none;
}

.tr {
	width:100%;
}

button {
   	background-color:#dd8800;
   	border-width:2px;
   	border:solid;
   	text-align:center;
   	width:70px;
}

.button {
   	background-color:#dd8800;
   	border-width:2px;
   	border:solid;
   	text-align:center;
   	width:70px;
}


.widget {
    border: 1px solid black;

    display: block;
    width: 250px;
    background-color: #dd8888;
	margin-left: auto;
	button {
    	background-color: #dd8800;
    	width:100%;
	}
	input {
    	background-color: #ffffff;
    	width:100%;
	}
	label {
    	color:black;
    	text-align:justify;
	}

}


.Ustatus {
 		display: flex;
  		width:100%;
  		align-items: center; 
  		text-align:left;
  		border: none;
  		background-color:#dd8888;
  		font-size:1em;
		height:62px;
}


  .titlediv {					/* the title at the to of the file list page */
        display: block;
  		width:100%;
/*  		align-items: center; 	*/
/* 		text-align:center;
/*  		border: 1px solid black;
/*  		background-color:#dd8888;		*/
  		font-size:1.5em;
  
        /* Optional: Add space between items */
        /*column-gap: 5px; /* Or column-gap for horizontal spacing */
    }

</style>