.td-avatar-name img,
.dt-mobile img.avatar{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.td-avatar-name,
th[aria-label="Employee Name: Activate to invert sorting"]{
	padding: 10px;
	width: 20%;
}

.td-action{
  gap: 16px;
}

#employees-table-search{
  background-color:white;
}
.employee-title-group a.button{
	font-size: 14px;
	font-weight: 500;
}
.td-table-search{
	background-color: white;
	font-size: 14px;
	padding: 16px 20px !important;
	max-width: 315px;
	margin-left: auto;
	height: 54px;
}

.td-document {
	color: var(--grayscale-900);
	border-radius: 10px;
}

.custom-bottom-wrapper .right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.custom-bottom-wrapper div.dt-length label{
  display: none;
}

.custom-bottom-wrapper .right .dt-info{
	padding-top: 0;
	font-size: 14px;
}

.dt-table-search-filter{
	font-size: 14px;

}
.dt-table-search-filter select{
	padding: 12px 40px 12px 12px;
	width: 100%;
	max-width: 200px;
}

.dt-table-search-filter .dt-table-search-filter-desktop {
	display: flex;
	row-gap: 10px;
}

.dt-table-search-wrap i{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}

.dt-table-search-wrap-icon-left {
	align-items: center;
	position: relative;
	height: 48px;
}

.dt-table-search-filter-width-fx .custom-w{
	max-width: 315px;
	max-height: 48px;
}

.dt-table-search-filter-bg-white-100 .dt-table-search-wrap-icon-left input[type="text"] {
	border: none;
	outline: none;
	flex-grow: 1;
	padding: 0 95px 0 40px;
	font-size: 14px;
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 10px;
	background-color: var(--white-100) !important;
}

.dark-mode .dt-table-search-filter-bg-white-100 .dt-table-search-wrap-icon-left input[type="text"] {
	background-color: #4D4D4D !important;
	color: white !important;
}

.dark-mode .dt-table-search-filter-bg-white-100 .dt-table-search-wrap-icon-left input[type="text"]::placeholder {
	color: white !important;
}

.dt-table-search-wrap-icon-left .magnifying-glass-left {
	font-size: 20px;
}

.dt-table-search-wrap-icon-left .search-button {
	cursor: pointer;
	height: 36px;
	width: 78px;
	display: flex;
	align-items: center;
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	padding: 4px 12px;
}

.dt-container .employees-table .tag-div a {
	color: var(--grayscale-500);
}

.dt-table-search-wrap-icon-left .icon-search-wrapper .icon-search{
	left: 16px;
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: auto;
	z-index: 2;
}

.td-tags{
	padding: 8px 15px;
	font-size: 14px;
	border-radius: 5px;
	display: inline-block;
}

.doc-incomplete {
	background-color: rgba(255, 179, 0, 0.10);
	color: #FFB300;
}

.doc-completed {
	background-color: #CEEFDF;
	color: #43A047;
}

.doc-uploaded {
    background-color: #e6e6e6;
    color: #6c757d;
}

#employees-table .td-email {
  font-weight: 400;
}

.dt-table-select-wrap .select2 .selection .select2-selection {
 height:54px;
 padding: 16px 20px;
}

.my-training-and-certification-expire-date {
  color: #171717
}

.invite-employee-container {
	width: 180px;
}

.dt-container .terms-container .tag-div {
	padding: 4px 7px;
	width: auto;
	font-size: 14px;
	border-radius: 3.163px;
	line-height: 1;
}

@media screen and (max-width: 480px) {
  #employees-table-search, #employees-card .dt-table-select-wrap .select2-selection, .dt-table-search-filter input:not([type="checkbox"]):not([type="submit"]), .select2-selection__rendered {
    font-size: 11px;
  }

  .td-table-search{
    padding: 14px !important;
  }

	.dt-table-search-filter .select2-selection--single {
		padding: 14px !important;
		min-height: 45px;
	}
}
.td-avatar-name img,
.td-avatar-name a,
.td-avatar-name span{
	float:left;
	
}
.td-avatar-name a{
	width: calc( 100% - 45px);
}
 
@media screen and (max-width: 576px) {
	.employee-title-group{
		margin-bottom: 10px;
	}
	#employees-table-search{
		margin-left: 0;
	}
	#employees-table-search:hover{
		text-overflow: ellipsis;
	}
	.employee-title-group a.button{
		width: 100%;
		margin-bottom: 10px;
	}
	.dt-table-search-filter .dt-table-search-filter-desktop {
		display: block;
	}
	.invite-employee-container .send-invitation-button {
		width: 100%;
	}
	#employees-card .employee-title-group .title-card {
		font-size: 18px;
	}
	
}

@media screen and (max-width: 767px) {
	#employees-table-invite_wrapper .custom-bottom-wrapper .paging_simple_numbers ul.pagination {
		justify-content: center;
	}

	.custom-bottom-wrapper .right {
		justify-content: center !important;
	}	
	.dt-table-search-filter-width-fx .custom-w{
		max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	#employees-table_wrapper .custom-bottom-wrapper .right {
		height: 87px;
	}
}

@media screen and (max-width: 1024px) {
	#employees{
		padding: 0 !important;
	}
	.td-table-search{
		margin-left: 0;
	}
	.employee-title-group {
		justify-content: space-between;
	}
	.dt-table-search-filter {
		margin-top: 8px;
	}
	.dt-table-search-filter .select2-container{
		width: 100% !important;
	}
	.td-table-search {
		max-width: none;
	}
	.invite-employee-container {
		justify-content: flex-start !important;
		margin-top: 8px;
	}
	.invite-employee-container {
		width: 100%;
	}
}