.api-keys-crud-append-panel{
	padding: 0.8rem;
	display: block;
}
.crud-sample-append-panel{
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}
.api-keys-crud-append-panel h3{
	font-size: 1.5rem;
	letter-spacing: -.025em;
	line-height: 1;
	margin: 0;
}
.api-keys-crud-append-panel .btn-primary,
.api-keys-crud-table .btn-primary{
	--bs-btn-color: rgb(248, 250, 252);
    --bs-btn-bg: rgb(15, 23, 42);
    --bs-btn-border-color: rgb(15, 23, 42);
    --bs-btn-hover-color: rgb(248, 250, 252);
    --bs-btn-hover-bg: rgb(45, 53, 72);
    --bs-btn-hover-border-color: rgb(45, 53, 72);;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: rgb(248, 250, 252);
    --bs-btn-active-bg: rgb(45, 53, 72);
    --bs-btn-active-border-color: rgb(45, 53, 72);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(248, 250, 252);
    --bs-btn-disabled-bg: rgb(15, 23, 42);
    --bs-btn-disabled-border-color: rgb(15, 23, 42);
}
.crud-sample-append-panel .buttons_holder{
	display: flex;
	justify-content: center;
	align-items: center;
}
.copy-key-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
	background-color: #f9f9f9;
}
.copy-key-card > div {
	flex: 1 1 auto;
	word-break: break-word;
	overflow-wrap: break-word;
	max-width: calc(100% - 3rem);
}

.copy-key-card koi-idlink {
	flex: 0 0 auto;
}
.api-keys-crud-append-panel-result{
	display: flex;
	gap: 1rem;
	flex-direction: column;
	margin-bottom: 0.8rem;
}
.api-keys-crud-append-panel-result p{
	margin: 0;
}
.api-keys-crud-table-body {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}
.api-keys-crud-table .crud-table-header,
.api-keys-crud-table .crud-table-row{
	display: flex;
	flex-direction: row;
}
.api-keys-crud-table .crud-table-row {
	border-bottom: 1px solid var(--bs-card-border-color);
	padding-bottom: 0.8rem;
	display: flex;
	align-items: center;
}
.api-keys-crud-table .crud-table-cell {
	flex: 1;
	padding: 0 0.8rem;
	word-break: break-word;
	box-sizing: border-box;
}
.copy-key-card{
	position: relative;
}
#copy-key-card-contents-msg{
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	font-size: 0.8rem;
	background-color: #ccc;
	padding: 0.2rem 0.6rem;
}

.page-link{
	--bs-pagination-color: rgb(15, 23, 42);
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-color: rgb(15, 23, 42);
	--bs-pagination-hover-color: #fff;
	--bs-pagination-hover-bg: rgb(15, 23, 42);
	--bs-pagination-hover-border-color: rgb(45, 53, 72);
	--bs-pagination-focus-color: #fff;
	--bs-pagination-focus-bg: rgb(45, 53, 72);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: rgb(45, 53, 72);
	--bs-pagination-active-border-color: rgb(45, 53, 72);
	--bs-pagination-disabled-color: #fff;
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
}