/* Style login/register forms */
.user-invoice-form input[type="text"],
.user-invoice-form input[type="password"],
.user-invoice-form input[type="email"],
.user-invoice-form input[type="number"],
.user-invoice-form input[type="date"],
.user-invoice-form input[type="file"] {
  width: 100%;
  padding: 8px;
  margin: 6px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #000; /* make text visible */
}

.user-invoice-form input[type="submit"] {
  background: #0073aa;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.user-invoice-form input[type="submit"]:hover {
  background: #005177;
}

/* Style invoice tables */
.user-invoice-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.user-invoice-table th,
.user-invoice-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.user-invoice-table th {
  background-color: #f1f1f1;
}

/* Submit Invoice Form */
.submit-invoice-form {
    display: flex;
    align-items: end; /* make children equal height */
    gap: 10px; /* space between elements */
    flex-wrap: wrap; /* allow wrapping on small screens */
	background-color: white;
    padding: 10px 20px;
    border-radius: 15px;
}

.submit-input{
	width:79%;
}

.submit-input label{
	 color: black;
}
.submit-button{
	width:20%;
}

.submit-button input{
	width:100%!important;
}

.my-account-dashboard{
	display: flex;
    align-items: center;
    gap: 20px;
	flex-wrap: wrap;
}

.my-account-dashboard p{
	margin:0;
	flex-grow: 1;
    text-align: end;
	padding: 0 20px;
	
}

.my-account-dashboard h2{
	flex-grow: 1;
}

@media only screen and (max-width:768px){
	.submit-input{
	width:45%;
}
	.submit-button{
	width:51%;
}
}

/*invoice-table*/

.invoice-table-wrap {
    width: 100%;
    background-color: #ffffff; /* white background */
    border-radius: 15px;       /* rounded corners */
    padding: 20px;             /* optional padding inside the wrap */
    box-sizing: border-box;    /* include padding in width */
    overflow-x: auto;          /* allows horizontal scroll on small screens */
	margin-top:60px;
}

.invoice-table {
    width: 100%;
    border-collapse: collapse;
    color: #000000;            /* black text */
}

.invoice-table th,
.invoice-table td {
    border: 1px solid #e6e9ec; /* light gray borders */
    padding: 10px;
    text-align: left;
}

.invoice-table th {
    background-color: #f0f0f0;
}