table {
	border-collapse: unset;
	border-radius: 0.4em;
	border: 1px solid #808080;
	border-spacing: 0px;
	width: 100%;
	margin: 1em 0;
	background-color: #ffffff;
	color: #7f7f7f;
}

thead {
	background-color: #a1a0a0;
	color: #ffffff;
}

tbody {
	font-size: 12pt;
}

th {
	padding: 10px;
}

td {
	padding: 6px 10px;
}

th:first-child {
	border-radius: 0.35em 0 0 0;
}

th:last-child {
	border-radius: 0 0.35em 0 0;
}

.th-icon {
	width: 32px;
}

.icon-wrapper {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.icon {
    background-color: #79b073;
    color: #ffffff;
    margin: auto;
    width: fit-content;
    padding: 12px;
	margin: 8px;
    font-size: 20pt;
    font-weight: 600;
    border-radius: 8px;
}

.icon a {
	text-decoration: none;
}

.icon div {
	width: fit-content;
    margin: auto;
}

.edit_link {
	color: #ffffff !important;
    text-decoration: unset;
    background-color: #719494;
    padding: 8px;
    line-height: 1em;
    border-radius: 8px;
    margin: 0.3rem;
}

.ui-dialog {
	background: #ffffff !important;
	top: 50% !important;
	left: 50% !important;
	translate: -50% -50%;
}

.ui-widget-header {
    border: 1px solid #a1a0a0;
    background: #a1a0a0;
    color: #ffffff;
    font-weight: bold;
}

.log_vendor {
	font-size: 18pt;
	font-weight: 600;
	width: fit-content;
    margin: auto;
}

.log_date {
	font-size: 14pt;
	font-weight: 600;
	width: fit-content;
    margin: auto;
}

.log_milage {
	font-size: 12pt;
	width: fit-content;
    margin: auto;
}

.cat_label {
	background: #986cc1;
    color: #ffffff;
    padding: 3px;
    border-radius: 5px;
    outline: 2px solid #986cc1;
    border: 1px solid #ffffff;
    font-size: 7pt;
    font-weight: 400;
    display: flex;
    justify-content: center;
    text-align: center;
}

.row_a {
	background-color: #f0f0f0;
}

.row_b {
	
}

.title {
	text-align: center;
    font-size: 27pt;
    font-weight: 600;
    margin: 12px 50px 50px 50px;
}

.date_row {
	background-color: #5d89a6;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
}

.inv_row {
	background-color: #99bdcd;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
}

.trans_row {
	background-color: #e9e9e9;
	font-weight: 600;
	text-align: center;
}