@charset "UTF-8";
/**
 * Tabulator 5.4.3 custom css
 * @Description : Tabulator의 custom css를 정의한다.
 * @author ㈜인실리코젠 BS실 ihcho
 * @since 2023-01-07
 * @version 1.0
 *
 */

/********************************************************
 * 공통 시작 / ihcho
 ********************************************************/
/* tabulator button 아이콘만 보이게 / ihcho */
@media screen and (max-width: 992px) {
    .tabulator-btn button span {display:none;}
}

/* 목록에서 제목과 버튼 수평 정렬 / ihcho */
.tabulator div.tabulator-cell.validate-group {padding-top:0.1rem; padding-bottom:0.1rem;}

/********************************************************
 * 공통 끝 / ihcho
 ********************************************************/

/********************************************************
 * 페이지네이션 시작 / ihcho
 ********************************************************/
.tabulator-paginator {
	--bs-pagination-padding-x: 0.5125rem;
	--bs-pagination-padding-y: 0.625rem;
	--bs-pagination-font-size: 0.9375rem;
	--bs-pagination-color: #697a8d;
	--bs-pagination-bg: #f0f2f4;
	--bs-pagination-border-width: 0px;
	--bs-pagination-border-color: #d9dee3;
	--bs-pagination-border-radius: 0.25rem;
	--bs-pagination-hover-color: #697a8d;
	--bs-pagination-hover-bg: #e1e4e8;
	--bs-pagination-hover-border-color: rgba(67, 89, 113, 0.3);
	--bs-pagination-focus-color: #697a8d;
	--bs-pagination-focus-bg: #e1e4e8;
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: rgba(105, 108, 255, 0.08);
	--bs-pagination-active-border-color: rgba(105, 108, 255, 0.08);
	--bs-pagination-disabled-color: #a1acb8;
	--bs-pagination-disabled-bg: #f7f8f9;
	--bs-pagination-disabled-border-color: rgba(67, 89, 113, 0.3);
	display: flex;
	padding-left: 0;
	justify-content: center !important;
}

.tabulator-footer > * {
	margin: 1rem 0.375rem 0 0 !important;
}

.tabulator-page:not(:first-child),
.tabulator-pages > .tabulator-page:first-child{
	margin-left: 0.1875rem;
}

.tabulator-page	{
	border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
	border-radius: var(--bs-pagination-border-radius);
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
	line-height: 1;
	min-width: calc(2.1875rem + 0px);
}

.tabulator-page:not(:disabled) {
	color: var(--bs-pagination-color);
	background-color: var(--bs-pagination-bg);
	border-color: var(--bs-pagination-border-color);
}
.tabulator-page:disabled {
	color: -internal-light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
	background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
	border-color: -internal-light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
}

.tabulator-page:not(:disabled):hover {
	z-index: 2;
	color: var(--bs-pagination-hover-color);
	background-color: var(--bs-pagination-hover-bg);
	border-color: var(--bs-pagination-hover-border-color);
}

.tabulator-page:disabled:hover {
	cursor: not-allowed;
}

.tabulator-page.active, .tabulator-page.active:not(:disabled):hover, .tabulator-page.active:focus {
	border-color: var(--bs-primary);
	background-color: var(--bs-primary);
	color: var(--bs-white);
	box-shadow: 0 0.125rem 0.25rem rgb(105 108 255 / 40%);
}
.tabulator-page.active .page-link {
	margin: 0 0.1rem 0 0.3rem;
}

.tabulator-page[data-page="first"], .tabulator-page[data-page="prev"], .tabulator-page[data-page="next"], .tabulator-page[data-page="last"] {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
/********************************************************
 * 페이지네이션 끝 / ihcho
 ********************************************************/