.inbox {
    font-size: 4vw;
}
.contentbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5vh; 
	position:absolute; 
	border: 5px solid black;
	height:90vh;
	width:80vw;
	left: 50%;
	bottom: 5vh;
	transform: translate(-50%, 0%);
	padding-right: 2.5vw;
	padding-left: 2.5vw;
	background-color: #F4D6B6;
	text-align: center;
	}
	
.codebox {
	border: 3px solid black;
	width: 50%;
	padding-top: 1.5vh;
	padding-right: 1.5vw;
	padding-bottom: 1.5vh;
	padding-left: 1.5vw;
	background-color: #f4e8cd;
	text-align: center;
}
.regcode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4vw;
	font-style: italic;
}

	.button {
  background-color: #5080B3; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12pt;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
	.button2 {
  background-color: #b24f4f; /* Green */
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12pt;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 90%;
  background-color: #FFDEA6;
}

td, th {
  border: 1px solid black;
  text-align: left;
  padding: 8px;
}
.topnav {
  overflow: hidden;
  background-color: #333;
  top: 0%;
  position:fixed;
  margin: auto;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.InputStyle {
            width: 80%; /* Adjust the width as needed */
            padding: 10px; /* Comfortable padding */
            margin: 10px 0; /* Spacing between inputs */
            font-size: 12pt; /* Match your body font size */
            border: 1px solid #ccc; /* Subtle border */
            border-radius: 5px; /* Slightly rounded corners */
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); /* Subtle inner shadow for depth */
            background-color: white; /* Matching background color */
            color: #333; /* Text color that matches your scheme */
        }
        
        .InputStyle:focus {
            outline: none; /* Remove default focus outline */
            border-color: #e35432; /* Highlight color when focused */
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), 0 0 5px rgba(227, 84, 50, 0.5); /* More pronounced shadow on focus */
        }
        
        .BtnConfirm {
            background-color: #e35432; 
            width: 50%; 
            height: 100%;
            padding: 15px 30px; /* Increased padding */
            font-size: 14px; /* Slightly larger font size */
            color: white; /* White text color */
            border: none;
            border-radius: 10px; /* Rounded corners */
            cursor: pointer;
        }
        
        .BtnConfirm:hover {
            background-color: #d1482c; /* Hover color */
        }
        
        .BtnConfirm:active {
            background-color: #bf3e22; /* Pressed color */
        }
        
        .CancelButton {
            background-color: #6c757d; /* Neutral gray color */
            width: 25%; /* Matching the inline style width */
            height: 100%;
            padding: 15px 30px; /* Consistent padding */
            font-size: 14px; /* Same font size */
            color: white; /* White text color for contrast */
            border: none;
            border-radius: 10px; /* Consistent rounded corners */
            cursor: pointer;
        }
        
        .CancelButton:hover {
            background-color: #5a6268; /* Slightly darker gray on hover */
        }
        
        .CancelButton:active {
            background-color: #495057; /* Even darker gray when pressed */
        }