.react-grid-Container {
	font-size: 14px;

	.react-grid-Canvas {
		overflow-y: auto !important;
	}

	.dropdown-actions {
		.react-grid-Cell__value {
			transform: initial !important;
			top: 0 !important;
		}

		a {
		cursor: pointer;
		}

		.action-item {
		color: $color-blue;
		margin-right: 10px;

		&:hover {
			color: darken($color-blue, 10%);
		}
		}

		.dropdown-menu {
		a {
			padding: 10px;
			color: #000;
			font-size: 0.9rem;

			&:hover {
			color: $color-blue;
			background-color: #CBE7F2;
			}
			i {
			margin-right: 0.4rem;
			position: relative;
			top: -2px;
			}
		}
		}
	}

	.react-grid-HeaderCell {
		font-weight: normal;
		font-size: 13px;
		padding: 5px;
		line-height: 2;
		text-align: left !important;

		[data-tip] {
		display: inline-block;
		}
	}

	.react-grid-HeaderCell {
		.ing {
		cursor: pointer;
		vertical-align: text-bottom;
		}
	}

	.react-grid-HeaderCell-sortable {

		.pull-right {
		float: right;
		margin-right: 0.3em;
		}

		.pull-right:empty {
		margin-right: 0;
		}

		// span[data-toggle="tooltip"] {
		//   display: block;
		// }
	}

	.react-grid-Cell {
		padding: 5px;
		line-height: 1.42857;
		cursor: pointer;
		&:not(.editing) .react-grid-Cell__value {
		overflow: initial;
		}
	}

	.react-grid-Row--even {
		.react-grid-Cell {
		background-color: #F8F8F8;
		}
	}
	}

	.tableFilterDropdown {
	position: absolute;
	z-index: 100;

	.dropdown-menu {
		min-width: 200px;
		max-height: 260px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.btn {
		position: relative;
		margin: 5px 11px;
		padding: 2px 10px;
		cursor: pointer;
		&:hover {
			i {
			color: $color-gray-3;
			}
		}

		i {
			font-size: 9px !important;
			position: relative;
			top: -1px;

		}
	}
}