/*Data Table*/
.data-table
{
	width:100% !important;
}
.data-wrap .table-wrap,
.archive-data-wrap .table-wrap
{
	max-width:100%;
}
@media all and (max-width:767px)
{
	.data-wrap .table-wrap,
	.archive-data-wrap .table-wrap
	{
		overflow-x:auto;
		overflow-y:hidden;
		padding-top:80px;
		margin-top:-80px;
	}
}

/*Data Table - THead*/
.data-table thead th
{
	color:var(--basic-900);
	font-size:0.75rem;
	font-weight:600;
	background-color:var(--basic-50);
	padding:8px 8px 8px 20px;
	position:relative;
}
.data-table thead th:first-child
{
	border-radius:8px 0 0 8px;
}
.data-table thead th:last-child
{
	border-radius:0 8px 8px 0;
}
.data-table thead th:hover
{
	background-color:var(--basic-100);
	cursor:pointer;
}
@media all and (max-width:767px)
{
	.data-table thead th
	{
		white-space:nowrap;
	}
}

/*Data Table - THead - Sorting*/
.data-table thead th.sorting::after
{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:4px;

	content:'\e028';

	color:var(--basic-800);
	font-family:'Font Awesome Kit';
	font-size:1rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
}
.data-table thead th.sorting.sorting_asc::after
{
	content:'\e029';
}
.data-table thead th.sorting.sorting_desc::after
{
	content:'\e02a';
}
.data-table thead th.sorting_disabled
{
	pointer-events:none;
}

/*Data Table - TBody*/
.data-table tbody td
{
	color:var(--basic-900);
	font-size:0.875rem;
	padding:20px 8px;
	border-bottom:1px solid var(--basic-300);
	transition:all var(--transition);
}
.data-table tbody tr:last-child td
{
	border-bottom:0;
}
.data-table tbody td.animal-name
{
	font-weight:700;
}
.data-table tbody tr:hover td:not(:last-child)
{
	cursor:pointer;
	background-color:var(--basic-50);
	transition:all var(--transition);
}

/*Data Table - Width*/
.data-table thead .w-custom
{
	width:56px;
	text-align:right;
}
.data-table thead .w-sm
{
	width:13.33333% !important;
}
.data-table thead .w-md
{
	width:25% !important;
}
.data-table thead .w-lg
{
	width:33.33333% !important;
}
.data-table thead .w-xl
{
	width:50% !important;
}

/*Data Table - Actions*/
.data-table .data-table-actions
{
	width:61px;
	height:100%;
	text-align:right;
	padding:0 61px 0 0;
}

/*Data Table - Actions - Dropdown Toggle*/
.data-table .data-table-actions .dropdown-toggle
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:61px;
	height:100%;
	font-size:1.5rem;
	padding:15px 19px;
	position:absolute;
	right:0;
	top:0;
	transition:all var(--transition);
}
.data-table .data-table-actions .dropdown-toggle:hover,
.data-table .data-table-actions.show .dropdown-toggle
{
	color:var(--basic-900);
	text-decoration:none;
	background-color:var(--tertiary-50);
	transition:all var(--transition);
}
.data-table .data-table-actions .dropdown-toggle::after,
.data-table .data-table-actions .dropdown-toggle::before
{
	display:none;
}

/*Data Table - Actions - Dropdown*/
.data-table .data-table-actions .dropdown-menu input
{
	display:inline-block;
	width:100%;
	text-align:left;
	border:0;
	border-radius:0;
	background-color:var(--basic-0);
	padding:8px 24px;
	transition:all var(--transition);
}
.data-table .data-table-actions .dropdown-menu input:focus
{
	outline:none;
}
.data-table .data-table-actions .dropdown-menu input:hover
{
	background-color:var(--tertiary-50);
	transition:all var(--transition);
}

/*Data Table - Paging*/
.table-controls .paging
{
	display:inline-block;
	width:100%;
	margin-top:40px;
}
.table-controls .paging .dataTables_paginate
{
	display:flex;
	justify-content:center;
	align-items:center;
}
.table-controls .paging .dataTables_paginate .previous,
.table-controls .paging .dataTables_paginate .next
{
	color:var(--tertiary-400);
	font-size:1.375rem;
	padding:10px 16px;
	border:1px solid var(--basic-300);
	border-radius:50%;
	background-color:transparent;
	transition:all var(--transition-fast);
}
.table-controls .paging .dataTables_paginate .previous:focus,
.table-controls .paging .dataTables_paginate .next:focus
{
	outline:none;
}
.table-controls .paging .dataTables_paginate .previous:hover,
.table-controls .paging .dataTables_paginate .next:hover
{
	color:var(--basic-0);
	background-color:var(--tertiary-400);
	transition:all var(--transition-fast);
}
.table-controls .paging .dataTables_paginate > span
{
	display:inline-flex;
	align-items:center;
	margin:0 8px;
}
.table-controls .paging .dataTables_paginate > span a
{
	display:inline-block;
	width:24px;
	height:24px;
	color:var(--basic-700);
	line-height:1.325;
	font-weight:600;
	text-align:center;
	border:1px solid transparent;
	border-radius:50%;
	margin:0 8px;
	transition:all var(--transition-fast);
}
.table-controls .paging .dataTables_paginate > span a.current
{
	color:var(--tertiary-400);
	border-color:var(--tertiary-400);
}
.table-controls .paging .dataTables_paginate > span a:focus
{
	outline:none;
}
.table-controls .paging .dataTables_paginate > span a:hover
{
	border-color:var(--basic-700);
	text-decoration:none;
	transition:all var(--transition-fast);
}
@media all and (max-width:767px)
{
	.table-controls .paging .dataTables_paginate .previous,
	.table-controls .paging .dataTables_paginate .next
	{
		padding:12px 16px;
	}
	.table-controls .paging .dataTables_paginate > span a
	{
		line-height:1.5;
	}
}
@media all and (max-width:575px)
{
	.table-controls .paging .dataTables_paginate .previous,
	.table-controls .paging .dataTables_paginate .next
	{
		padding:3px 8px;
	}
	.table-controls .paging .dataTables_paginate > span a
	{
		margin:0 4px;
	}
}

/*Data Table - View*/
.list-view .data-table .animal-id,
.card-view .data-table .animal-id
{
	display: none;
}
.list-view .data-table thead th.animal-name
{
	border-radius:8px 0 0 8px;
}

/*Data Table - View - List View*/
.list-view .data-table .animal-image,
.list-view .data-table .animal-breed,
.list-view .data-table .column-content .column-title
{
	display:none;
}
.list-view .data-table .animal-name
{
	font-weight:700;
}
.list-view .data-table .animal-name--dnakit
{
	display:flex;
	align-items:center;
	gap:8px;
}
.list-view .data-table .animal-name--dnakit::after
{
	content:'';
	width:24px;
	height:24px;
	border-radius:50%;
	background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1652 9.57557L14.1725 9.56085L14.1711 9.56065C14.7258 8.44806 16.0781 7.99593 17.1907 8.55065C18.3033 9.10537 18.7557 10.4572 18.201 11.5698L18.1936 11.5845C17.1744 13.5919 17.9452 15.9531 19.9528 16.972C21.0553 17.5311 21.5042 18.8708 20.9493 19.9838C20.3944 21.0968 19.0425 21.5491 17.9299 20.9944C16.8173 20.4397 16.3649 19.0878 16.9199 17.9748L16.9272 17.9601C17.9436 15.9573 17.1788 13.603 15.1817 12.58C13.1627 11.6012 10.8219 12.4066 9.83411 14.4237L9.82677 14.4384C9.27184 15.5514 7.91996 16.0037 6.80735 15.449C5.69474 14.8943 5.24241 13.5424 5.79733 12.4294L5.80467 12.4147C6.8239 10.4073 6.05305 8.04609 4.04548 7.02728C2.9432 6.46777 2.49446 5.12764 3.04919 4.01505C3.60392 2.90245 4.9558 2.45013 6.06881 3.00505C7.18181 3.55996 7.63415 4.91182 7.07942 6.02442L7.07208 6.03914C6.05563 8.04191 6.82051 10.3962 8.81755 11.4192C10.8366 12.398 13.1774 11.5926 14.1652 9.57557Z' fill='url(%23paint0_linear_3275_9743)'/%3E%3Cpath d='M8.64717 20.7435C9.2019 19.6309 10.5538 19.1785 11.6664 19.7332C12.779 20.288 13.2315 21.6394 12.6766 22.7524C12.1217 23.8654 10.7698 24.3177 9.65719 23.763C8.54458 23.2083 8.09245 21.856 8.64717 20.7435Z' fill='url(%23paint1_linear_3275_9743)'/%3E%3Cpath d='M3.00493 17.9304C3.55966 16.8178 4.91194 16.3657 6.02455 16.9204C7.13716 17.4751 7.58969 18.8266 7.03476 19.9395C6.47984 21.0525 5.12836 21.5051 4.01535 20.9501C2.90234 20.3952 2.4502 19.043 3.00493 17.9304Z' fill='url(%23paint2_linear_3275_9743)'/%3E%3Cpath d='M16.9653 4.06011C17.52 2.94751 18.8719 2.49519 19.9845 3.0499C21.0971 3.60462 21.5497 4.95609 20.9947 6.06908C20.4398 7.18207 19.0879 7.6344 17.9753 7.07968C16.8627 6.52496 16.4106 5.1727 16.9653 4.06011Z' fill='url(%23paint3_linear_3275_9743)'/%3E%3Cpath d='M11.3231 1.24703C11.8778 0.134435 13.2301 -0.317693 14.3427 0.237026C15.4553 0.791745 15.9078 2.14321 15.3529 3.2562C14.798 4.36919 13.4465 4.82172 12.3335 4.2668C11.2205 3.71188 10.7683 2.35962 11.3231 1.24703Z' fill='url(%23paint4_linear_3275_9743)'/%3E%3Cpath d='M20.7438 15.3526C19.6308 14.7977 19.1784 13.4459 19.7332 12.3333C20.2879 11.2207 21.6402 10.7685 22.7528 11.3233C23.8654 11.878 24.3177 13.2298 23.763 14.3424C23.2083 15.455 21.8568 15.9076 20.7438 15.3526Z' fill='url(%23paint5_linear_3275_9743)'/%3E%3Cpath d='M12.3694 18.2216C11.2568 17.6669 10.8045 16.315 11.3592 15.2024C11.9141 14.0894 13.2656 13.6369 14.3786 14.1918C15.4916 14.7467 15.9438 16.099 15.389 17.2116C14.8343 18.3242 13.482 18.7763 12.3694 18.2216Z' fill='url(%23paint6_linear_3275_9743)'/%3E%3Cpath d='M9.62166 9.80743C8.50865 9.25251 8.05632 7.90065 8.61105 6.78806C9.16577 5.67546 10.5181 5.22333 11.6307 5.77805C12.7433 6.33277 13.1956 7.68463 12.6409 8.79723C12.0862 9.90982 10.7347 10.3623 9.62166 9.80743Z' fill='url(%23paint7_linear_3275_9743)'/%3E%3Cpath d='M4.26689 11.6664C4.82182 10.5534 4.36949 9.20153 3.25648 8.64662C2.14387 8.0919 0.791788 8.54462 0.23706 9.65722C-0.317667 10.7698 0.134269 12.1215 1.24728 12.6764C2.36029 13.2313 3.71197 12.7794 4.26689 11.6664Z' fill='url(%23paint8_linear_3275_9743)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_3275_9743' x1='-0.00302853' y1='24.0118' x2='24.0067' y2='2.3335e-05' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
}

/*Data Table - View - Card View*/
.card-view .data-table thead
{
	display:none;
}
.card-view .data-table tbody
{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	justify-items:stretch;
	align-items:stretch;
	row-gap:20px;
	column-gap:20px;
}
.card-view .data-table tbody tr
{
	display:block;
	border:1px solid var(--basic-300);
	border-radius:16px;
	background-color:var(--basic-0);
	padding:16px;
	position:relative;
	transition:all var(--transition);
}
.card-view .data-table tbody tr td
{
	display:block;
	font-size:1rem;
	border:0;
	padding:0;
}
.card-view .data-table tbody tr:hover td
{
	background-color:transparent;
}
.card-view .data-table .animal-image .image-wrap
{
	display:inline-block;
	width:80px;
	height:80px;
	border-radius:50%;
	position:relative;
}
.card-view .data-table .animal-image .image-wrap--dnakit
{
	background-color:var(--kit-100) !important;
}
.card-view .data-table .animal-image .image-wrap--dnakit::after
{
	content:'';
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:var(--basic-0);
	background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3456 17.3735L22.3536 17.3576L22.352 17.3574C22.953 16.1521 24.418 15.6623 25.6233 16.2632C26.8286 16.8642 27.3187 18.3287 26.7177 19.534L26.7097 19.5499C25.6056 21.7246 26.4407 24.2826 28.6155 25.3863C29.8099 25.992 30.2962 27.4434 29.6951 28.6491C29.0939 29.8548 27.6294 30.3449 26.424 29.7439C25.2187 29.143 24.7287 27.6785 25.3299 26.4727L25.3378 26.4568C26.439 24.2871 25.6103 21.7366 23.4469 20.6284C21.2596 19.568 18.7237 20.4405 17.6536 22.6256L17.6457 22.6416C17.0445 23.8473 15.58 24.3373 14.3746 23.7364C13.1693 23.1355 12.6793 21.6709 13.2804 20.4652L13.2884 20.4492C14.3926 18.2746 13.5575 15.7166 11.3826 14.6129C10.1885 14.0068 9.70233 12.5549 10.3033 11.3496C10.9042 10.1443 12.3688 9.6543 13.5745 10.2555C14.7803 10.8566 15.2703 12.3211 14.6694 13.5265L14.6614 13.5424C13.5603 15.7121 14.3889 18.2626 16.5523 19.3708C18.7397 20.4312 21.2755 19.5587 22.3456 17.3735Z' fill='url(%23paint0_linear_3275_9143)'/%3E%3Cpath d='M16.3678 29.4721C16.9687 28.2668 18.4333 27.7767 19.6386 28.3777C20.8439 28.9786 21.3342 30.4427 20.733 31.6485C20.1318 32.8542 18.6673 33.3442 17.462 32.7433C16.2566 32.1423 15.7668 30.6774 16.3678 29.4721Z' fill='url(%23paint1_linear_3275_9143)'/%3E%3Cpath d='M10.2553 26.4246C10.8563 25.2193 12.3213 24.7295 13.5266 25.3304C14.7319 25.9313 15.2222 27.3954 14.621 28.6012C14.0198 29.8069 12.5557 30.2972 11.35 29.696C10.1442 29.0948 9.65439 27.6299 10.2553 26.4246Z' fill='url(%23paint2_linear_3275_9143)'/%3E%3Cpath d='M25.3791 11.3984C25.98 10.1931 27.4446 9.70312 28.6499 10.3041C29.8552 10.905 30.3455 12.3691 29.7443 13.5748C29.1431 14.7806 27.6786 15.2706 26.4733 14.6697C25.2679 14.0687 24.7781 12.6038 25.3791 11.3984Z' fill='url(%23paint3_linear_3275_9143)'/%3E%3Cpath d='M19.2667 8.35095C19.8676 7.14564 21.3326 6.65583 22.5379 7.25678C23.7432 7.85772 24.2335 9.32181 23.6323 10.5275C23.0311 11.7333 21.567 12.2235 20.3613 11.6224C19.1555 11.0212 18.6657 9.55626 19.2667 8.35095Z' fill='url(%23paint4_linear_3275_9143)'/%3E%3Cpath d='M29.4724 23.632C28.2667 23.0309 27.7767 21.5663 28.3776 20.361C28.9786 19.1557 30.4435 18.6659 31.6489 19.2669C32.8542 19.8678 33.3442 21.3323 32.7433 22.5376C32.1423 23.7429 30.6782 24.2332 29.4724 23.632Z' fill='url(%23paint5_linear_3275_9143)'/%3E%3Cpath d='M20.4002 26.7401C19.1949 26.1391 18.7048 24.6746 19.3058 23.4693C19.907 22.2635 21.3711 21.7733 22.5768 22.3745C23.7826 22.9756 24.2724 24.4406 23.6714 25.6459C23.0705 26.8512 21.6055 27.341 20.4002 26.7401Z' fill='url(%23paint6_linear_3275_9143)'/%3E%3Cpath d='M17.4235 17.6247C16.2177 17.0236 15.7277 15.559 16.3286 14.3537C16.9296 13.1484 18.3946 12.6586 19.5999 13.2596C20.8052 13.8605 21.2952 15.325 20.6943 16.5303C20.0933 17.7356 18.6292 18.2259 17.4235 17.6247Z' fill='url(%23paint7_linear_3275_9143)'/%3E%3Cpath d='M11.6225 19.6386C12.2236 18.4328 11.7336 16.9683 10.5279 16.3672C9.32252 15.7662 7.85777 16.2567 7.25682 17.462C6.65586 18.6673 7.14546 20.1316 8.35122 20.7328C9.55698 21.3339 11.0213 20.8443 11.6225 19.6386Z' fill='url(%23paint8_linear_3275_9143)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_3275_9143' x1='6.99672' y1='33.0128' x2='33.0073' y2='7.00003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1B374'/%3E%3Cstop offset='1' stop-color='%23DA2229'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	position:absolute;
	inset:0 -20px auto auto;
}
.card-view .data-table .animal-image .image-wrap img
{
	width:100%;
	height:100%;
	border-radius:50%;
	object-fit:cover;
}
.card-view .data-table .animal-breed
{
	display:none;
}
.card-view .data-table .animal-name
{
	color:var(--tertiary-400);
	font-size:1.5em;
	line-height:1.25;
	font-weight:500;
	padding:16px 0;
}
.card-view .data-table .animal-custom-id
{
	padding-bottom:16px;
}
.card-view .data-table .column-content
{
	font-size:0.875rem;
}
.card-view .data-table .data-table-actions
{
	width:auto;
	height:auto;
	position:absolute;
	top:12px;
	right:0;
}
.card-view .data-table .data-table-actions .dropdown-toggle
{
	width:auto;
	height:auto;
	padding:4px 8px;
	position:relative;
}
.card-view .data-table .data-table-actions .dropdown-toggle:hover,
.card-view .data-table .data-table-actions.show .dropdown-toggle
{
	background-color:transparent;
}
@media all and (max-width:1499px)
{
	.card-view .data-table tbody
	{
		grid-template-columns:repeat(4, 1fr);
	}
}
@media all and (max-width:991px)
{
	.card-view .data-table tbody
	{
		grid-template-columns:repeat(3, 1fr);
	}
}
@media all and (max-width:767px)
{
	.card-view .data-table tbody
	{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media all and (max-width:575px)
{
	.card-view .data-table tbody
	{
		grid-template-columns:repeat(1, 1fr);
	}
}


/*Data Table - View - Card View - Hover*/
.card-view .data-table tbody tr:hover
{
	cursor:pointer;
	box-shadow:0 5px 15px 2px var(--shadow);
	transition:all var(--transition);
}

/*Data Table - Filter*/
.data-filter
{
	justify-content:flex-end;
	margin-bottom:32px;
}
.data-filter .form-group .data-search
{
	display:inline-block;
	width:100%;
	position:relative;
	margin-top:24px;
	padding:1px;
	overflow:hidden;
}
.data-filter .form-group .data-search label:not(.custom-file-label)
{
	width:auto;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:4px;
	z-index:1;
	font-size:2.5rem;
	font-weight:400;
	padding:0;
	cursor:pointer;
	transition:all var(--transition-fast);
}
.data-filter .form-group .data-search input
{
	transform:translateX(100%);
	visibility:hidden;
	transition:all var(--transition-fast);
}
.data-filter .form-group .data-search.active label:not(.custom-file-label)
{
	pointer-events:none;
	right:calc(100% - 52px + 4px);
	transition:all var(--transition-fast);
}
.data-filter .form-group .data-search.active input
{
	padding-left:56px;
	transform:translateX(0);
	visibility:visible;
	transition:all var(--transition-fast);
}
@media all and (max-width:991px)
{
	.data-filter
	{
		margin-bottom:16px;
	}
	.data-filter .form-group .data-search label:not(.custom-file-label)
	{
		pointer-events:none;
		right:calc(100% - 52px + 4px);
		transition:all var(--transition-fast);
	}
	.data-filter .form-group .data-search input
	{
		padding-left:56px;
		transform:translateX(0);
		visibility:visible;
		transition:all var(--transition-fast);
	}
}
@media all and (max-width:767px)
{
	.data-filter .form-group .data-search
	{
		margin-top:20px;
	}
}

/*Data Table - Extra*/
.table-extra
{
	display:inline-block;
	width:100%;
	margin:0 0 16px 0;
}

/*Compare Table*/
.compare-table-wrapper
{
	max-width:100%;
	overflow-x:auto;
	position:relative;
}
.compare-table
{
	width:100%;
	border-collapse:separate;
	border-spacing:0 8px;
}
.compare-table thead th
{
	color:var(--tertiary-800);
	font-size:1.5rem;
	font-weight:600;
	background-color:var(--basic-100);
	padding:16px 8px;
}
.compare-table thead th:first-child
{
	border-radius:4px 0 0 4px;
	background-color:transparent;
}
.compare-table thead th:last-child
{
	border-radius:0 4px 4px 0;
}
.compare-table tbody td
{
	text-align:center;
	background-color:var(--basic-50);
	padding:16px 8px;
}
.compare-table tbody td i
{
	font-size:1.5rem;
	font-weight:700;
}
.compare-table tbody td i.fa-ico-check
{
	color:var(--kit-100);
}
.compare-table tbody td i.fa-ico-close
{
	color:var(--tertiary-800);
}
.compare-table tbody td:first-child
{
	border-radius:4px 0 0 4px;
}
.compare-table tbody td:last-child
{
	border-radius:0 4px 4px 0;
}
.compare-table tfoot td
{
	background-color:var(--basic-100);
	padding:16px 8px;
}
.compare-table tfoot td:first-child
{
	border-radius:4px 0 0 4px;
	background-color:transparent;
}
.compare-table tfoot td:last-child
{
	border-radius:0 4px 4px 0;
}