@import "variables.css";

/* Search Bar Container*/
.mslcTable .e-toolbar > .e-horizontal.e-ul {
	float: right;
	padding-right: 10px;
}

/* Search Bar*/
.mslcTable .e-filterdiv.e-searchinputdiv input {
	height: 25px;
	margin-bottom: 0px;
	padding: 0px 20px 0px 0px;
	border-radius: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* Search Bar cancel icon*/
.mslcTable .e-filterdiv.e-searchinputdiv span {
	display: block;
	height: 14px;
	position: absolute;
	right: 0px;
	top: 6px;
	cursor: pointer;
	width: 20px;
}

/* Search Bar search icon*/
.mslcTable .e-tooltxt .e-searchitem.e-icon {
	background: var(--marine);
	background-color: var(--marine);
	border-radius: 5px;
	padding: 0 6px;
	margin-left: 5px;
	color: var(--soft-white);
}

/* Search Bar search Syncfusion hover*/
.mslcTable .e-tooltxt.e-hover .e-searchitem.e-icon::before {
	color: #dddddd;
}

/*Adds gradient to header cells*/
.mslcTable .e-headercell, .mslcTable .e-grouptopleftcell {
	background: var(--marine);
	background-color: var(--marine);
	border: 1px solid var(--marine);
	font-weight: bold;
	color: var(--soft-white);
}

/* Header Icons*/
.mslcTable .e-gridheader .e-icon {
	color: var(--soft-white);
}

/*Adds blue hover to table rows*/
.mslcTable tr.e-hover {
	background: var(--seastone);
	color: var(--soft-white);
	font-weight: bold;
}

	/*Changes text color for a tags on hover in table rows*/
	.mslcTable tr.e-hover a {
		color: var(--soft-white);
		font-weight: bold;
	}

	/*Changes text color for a tags on hover in table rows*/
	.mslcTable tr.e-hover select {
		color: black !important;
		padding: 0;
	}

/*Adds gradient to pager on table footer*/
.mslcTable .e-pager .e-currentitem.e-active {
	background: var(--marine);
	background-color: var(--marine);
}

.mslcTable .e-tooltxt.e-hover {
	background: none;
	border-color: transparent;
}

/* Every other row*/
.mslcTable .e-row {
	background: #f2f2f2;
}

.mslcTable e-filtericon e-icon e-filterset {
	float: right;
}

/*Fixes Icon padding from .7em (Default) to look more like the old Datatables*/
.mslcTable .e-rowcell.icon {
	padding: .3em;
}

/* Fixes coloring on svgs*/
.mslcTable .e-rowcell a {
	color: inherit;
	text-decoration: none;
}

/* Aligns all empty grid's text to the center*/
.mslcTable .emptyrecord {
	text-align: center;
	padding: .5em;
}

/* Removes the ellipsis from the header, this gives each table header a lot more room for text*/
.mslcTable .e-headercelldiv {
	text-overflow: clip;
	color: var(--soft-white);
}

/* Remove border radius on the toolbar, as it messes with the parent componet's border*/
.mslcTable .e-toolbar {
	border-radius: 0px;
}