
div.dt-paging-input {
	display: inline-block;
	margin: 0 0.25em;
}

.dt-paging-input input {
	display: inline-block;
	width: 3em;
	min-width: 3em;
	text-align: center;
	padding: .5em 1px;
	box-sizing: border-box;
}

div.dt-bootstrap5 {
	.dt-paging-input {
		margin: 0.45em 0.75em;

		input {
			padding: 2px;
			height: 2em;
			margin: -5px 0;
			border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
		}
	}
}

div.dt-bootstrap4 {
	.dt-paging-input {
		margin: 0.45em 0.75em;

		input {
			padding: 2px;
			height: 2em;
			margin: -5px 0;
			border: 1px solid #dee2e6;
		}
	}
}

div.dt-bootstrap {
	ul.pagination.dt-inputpaging {
		margin: 0;

		li {
			display: inline-block;

			a {
				float: none;
			}

			&.dt-paging-input {
				margin: 0.45em 0.75em;
		
				input {
					padding: 2px;
					height: 2em;
					margin: -5px 1px;
					border: 1px solid #dee2e6;
				}

				span {
					float: none;
					border: none;
				}
			}
		}
	}
}

div.dt-bulma {
	ul.pagination-list .dt-paging-input {
		margin: .25rem;

		input {
			border: 1px solid #dbdbdb;
			border-radius: 4px;
		}
	}
}

div.dt-foundation {
	ul.pagination.dt-inputpaging {
		li.disabled {
			padding: 0;
			
			a {
				color: #cacaca;
				cursor: not-allowed;
			}
		}

		li.dt-paging-input {
			margin: 0 0.5em;
		}
	}
}
