div.dt-autofill-handle {
	position: absolute;
	height: 8px;
	width: 8px;
	z-index: 102;
	box-sizing: border-box;
	background: #36f;
	cursor: pointer;
}

div.dtk-focus-alt div.dt-autofill-handle {
	background: #ff8b33;
}

div.dt-autofill-select {
	position: absolute;
	z-index: 1001;
	background-color: #4989de;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 10px);
}

div.dt-autofill-select.top, div.dt-autofill-select.bottom {
	height: 3px;
	margin-top: -1px;
}

div.dt-autofill-select.left, div.dt-autofill-select.right {
	width: 3px;
	margin-left: -1px;
}

div.dt-autofill-list {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	background-color: white;
	border-radius: 6px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
	border: 1px solid black;
	z-index: 11;
	box-sizing: border-box;
	padding: 1.5em 2em;
	padding-top: 2em;
}

div.dt-autofill-list div.dtaf-popover-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 22px;
	height: 22px;
	border: 1px solid #eaeaea;
	background-color: #f9f9f9;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	z-index: 12;
}

div.dt-autofill-list ul {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

div.dt-autofill-list ul li {
	display: table-row;
	cursor: pointer;
}

div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
	border-bottom: none;
}

div.dt-autofill-list ul li:hover {
	background-color: #f6f6f6;
}

div.dt-autofill-list ul li:hover button.btn {
	background-color: #548bbb;
}

div.dt-autofill-list div.dt-autofill-question {
	display: table-cell;
	padding: .5em 0;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
}

div.dt-autofill-list div.dt-autofill-question input[type=number] {
	padding: 6px;
	width: 30px;
	margin: -2px 0;
}

div.dt-autofill-list div.dt-autofill-button {
	display: table-cell;
	padding: .5em 0;
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

div.dt-autofill-list div.dt-autofill-button button {
	color: white;
	margin: 0;
	padding: 6px 12px;
	text-align: center;
	border: 1px solid #2e6da4;
	background-color: #337ab7;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: middle;
}

div.dtaf-popover-closeable {
	padding-top: 2.5em;
}

div.dt-autofill-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .7) 100%);
	z-index: 10;
}

@media screen and (max-width: 767px) {
	div.dt-autofill-handle {
		height: 16px;
		width: 16px;
	}
	
	div.dt-autofill-list {
		width: 90%;
		left: 74.5%;
	}
	
	.dtle-data-table-wrap {
		display: flex;
	}
	
	@media (max-width: 1024px) {
		.dtle-data-table-wrap {
			overflow: scroll;
		}
	}
}