display$.css

body {
    background-color: rgb(120, 169, 221);
  }

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

  *{
	padding:0;
	margin:0;
}
.firstnavbar
{
    margin-top: 100px;
	background-color:#76448A;
	padding:4px;
	
	
}
.firstnavbar a
{
	color:white;
	margin:18px;
	text-decoration:none;
	font-size:13px;
	font-family:'Poppins', sans-serif;
	
}
.firstnavbar a:hover
{
	color:#F39C12 ;
}

.logoschbar
{
    background-color:#AF7AC5;
	padding-top:15px;
	padding-bottom:15px;
	display:flex;
	
}
.Logo
{
	font-size:40px;
	color:black;
	padding-left:15px;
	text-decoration:none;
	
}
.buttonset
{
	padding-top:8px;
	padding-left:100px;
}
.buttonset input
{
   
	border-radius:21px;
	border:0;
	padding:0 56px 0 25px;
	margin:2px;
	
}
.userregiste
{
	width:200px;
	height:20PX;
	background-color:white;
	border:0;
	border-radius:21px;
	margin:2px;
}
.userregiste:hover
{
	background-color:#F4D03F;
}

.treenavbar
{
	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#D7BDE2;
}
.treenavbar a
{
	
	color:black;
	text-decoration:none;
    margin:80px;
	font-size:18px;
}
.treenavbar a:active
{
	color:white;
}

.sidebar {
	background-color: #333333;
	color: #fff;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	width: 200px;
}

.profile {
	padding: 20px;
	text-align: center;
}

.profile img {
	border-radius: 50%;
	height: 100px;
	width: 100px;
}


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

.tbl th,
.tbl td {
	border: 1px solid #ddd;
	padding: 8px;
}

.tbl th {
	background-color: #f2f2f2;
	font-weight: bold;
}

/* Add some space between table cells */
.tbl td {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Style the "Operations" column */
.tbl th:nth-child(5),
.tbl td:nth-child(5) {
	width: 30%;
}

/* Move the table down */
.tbl {
	margin-top: 50px;
}

/* Style the "Add Row" button */
.add-row {
	text-align: center;
	margin: 10px;
}

.add-row button {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 8px 16px;
	text-decoration: none;
	cursor: pointer;
}

.add-row button:hover {
	background-color: #45a049;
}
.tbl table {
	border-collapse: collapse;
	width: 100%;
}

.tbl th,
.tbl td {
	border: 1px solid #ddd;
	padding: 8px;
}

.tbl th {
	background-color: #f2f2f2;
	font-weight: bold;
}

/* Add some space between table cells */
.tbl td {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Style the "Operations" column */
.tbl th:nth-child(5),
.tbl td:nth-child(5) {
	width: 30%;
}

/* Style the "Add Row" button */
.add-row {
	text-align: center;
	margin: 10px;
}

.add-row button {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 8px 16px;
	text-decoration: none;
	cursor: pointer;
}

.add-row button:hover {
	background-color: #45a049;
}

.tbl table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid red; /* Set the border color here */
}

.tbl th,
.tbl td {
	border: 1px solid red; /* Set the border color here */
	padding: 8px;
}

.tbl th,tr {
	background-color: #f2f2f2;
	font-weight: bold;
}

/* Add some space between table cells */
.tbl td {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Style the "Operations" column */
.tbl th:nth-child(5),
.tbl td:nth-child(5) {
	width: 30%;
}

/* Move the table down */
.tbl {
	margin-top: 50px;
}

/* Style the "Add Row" button */
.add-row {
	text-align: center;
	margin: 10px;
}

.add-row button {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 8px 16px;
	text-decoration: none;
	cursor: pointer;
}

.add-row button:hover {
	background-color: #45a049;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	padding: 10px;
}

li a {
	color: #fff;
	text-decoration: none;
}

li a:hover { 
	background-color: #555;
}