/* .e22-approval-dialog { */
/* 	width: 580px; */
/* } */

.e22-approval-dialog .ui-dialog-content.ui-widget-content {
	padding: 0;
}

.e22-approval-dialog > .ui-dialog-content.ui-widget-content > .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    border-top: none;
}

.e22-approval-info {
	width: 100%;
	min-width: 545px;
}

.e22-approval-info table thead {
	display: none;
}

.e22-approval-info table tbody tr {
	/* height: 65px; */
	min-height: 65px;
	border-bottom: 1px solid var(--syn-border-color) !important;
/* 	width: 100%; */
	display: block;
  	padding: 10px 0;
  	border-top: none;
	border-right: none;
	border-left: none;
}

.e22-approval-info table tbody tr td.column-approval {
	width: 100%;
	padding-right: 20px;
}

.e22-approval-info tr.ui-datatable-odd {
  background-color: #ffffff;
}

.e22-approval-info table tbody tr td {
	border-width: 0px;
}

.status-icon {
	font-size: 20px;
	font-weight: 900;
}

.fa-check {
	color: #59D4A3
}

.fa-xmark {
	color: #F35458
}

.fa-hourglass-half {
	color: #0066CC
}

tr .approving_officer {
	width: 100%;
}
tr .approving_officer label {
	color: black;
}
tr .approving_officer .approving-officer-name label {
	color: #868686;
}

tr .approving_officer span {
	float: right;
	color: #868686;
	font-style: italic;
}

.approving_officer .column-date-approving {
	font-style: italic;
}

.syn-table-column-desc {
	min-width: 350px;
}

.column-image {
/* 	min-width: 120px; */
	width: 24%;
}

.container-column-image .avatar-container {
	margin: 0;
}

.container-column-image {
	min-height: 50px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: left;
	gap: 10px;
}

/* .column-approval {
	width: 300px;
} */

.approving_officer {
	overflow: hidden;
}

.column-approval .approving-officer-name {
	/* width: 200px; */
	float: left;
	text-align: left;
	margin-right: 100px;
}

.column-approval .column-date-approving {
	width: 97px;
	float: right;
	color: #868686;
}

.align-left.margin-top {
  margin-top: 16px;
}

.e22-approval-info .ui-datatable-data > tr:hover {
	background-color: transparent !important;
}

.e22-approval-info table tbody {
	border: none;
}

.ui-tabs-panel:has(.e22-approval-info) {
	padding: 0px;
}

div.e22-approval-dialog {
	width: 700px !important;
	padding: 0px;
	border: none;
}