/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300..700');*/
/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700');*/
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300..700');

@import 'fonts.css';

:root {
	--font-family-1: 'Onest', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--font-family-2: 'Quicksand', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--font-family-3: 'Montserrat', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--font-family-4: 'Mulish', -apple-system, Segoe UI, Helvetica Neue, sans-serif;
	--font-family-5: Roboto, -apple-system, Segoe UI, Helvetica Neue, sans-serif;
	--tblr-font-sans-serif: var(--font-family-1);
	--tblr-font-weight-headings: 700;
	--tblr-body-font-weight: 350;
	--tblr-body-font-size: 15px;
	--tblr-body-line-height: 1.5;
	--top-bar-height: 4.5rem;
	--top-menu-position: var(--top-bar-height);
	--top-menu-height: 56px;
	--navbar-font-family: var(--font-family-2);
	--navbar-font-size: 14px;
	--navbar-font-weight: 500;
	--feature-font-family: var(--font-family-1);
	--feature-font-size: 15px;
	--feature-font-weight: 400;
	--section-text-font-family: var(--font-family-1);
	--section-text-font-size: 17px;
	--section-text-font-weight: 400;
	--section-text-line-height: 1.7;
	--navlink-text-muted-rgb: var(--tblr-text-muted-rgb);
	--card-shadow: 1px 2px 6px rgba(0,0,0,0.1);
	--card-shadow-2: 2px 4px 6px rgba(0,0,0,0.5);
	--metatext-font-family: var(--font-family-5);
	--table-head-font-family: var(--font-family-3);
	--tblr-link-hover-color-rgb: #f76707;
	--tblr-link-hover-color: #f76707;
	--pagination-font-family: var(--font-family-4);
	--pagination-font-size: 13px;
	--pagination-font-weight: 400;
	--brand-font-size: 1.5rem;	
	--brand-font-family: var(--font-family-3);
	--brand-logo-size: 32px;
	--page-title-font-family: var(--font-family-3);
	--page-title-font-size: 3.5rem;
	--page-title-font-weight: 500;
	--page-title-span-font-weight: 700;
	--page-title-line-height: 4rem;
	--page-title-color: #182433;
	--page-title-shadow: 1px 1px 6px rgba(0,0,0,0.25);;
	--page-title-color-span: #F7B948;
	--page-title-spacing-y: 1.5rem;
	--page-description-font-family: var(--font-family-3);
	--page-description-font-size: 1.15rem;
	--page-description-font-weight: 500;
	--page-description-line-height: 1.75rem;
	--subtitle-font-family: var(--font-family-3);
	--subtitle-font-size: 2rem;
	--subtitle-font-weight: 500;
	--subtitle-line-height: 2.15rem;
	--sub-section-font-size: 1.15rem;
	--sub-section-font-weight: 500;
}

@media (max-width: 767px) {
	:root {
		--page-title-font-size: 2.25rem;
		--page-title-line-height: 3rem;
	}
}

[data-nav-size=big] {
	--top-bar-height: 6rem;
	--top-menu-position: var(--top-bar-height);
	--brand-font-size: 3rem;	
	--brand-logo-size: 48px;
}
@media (max-width: 767px) {
	[data-nav-size=big] {
		--top-bar-height: 3rem;
		--top-menu-position: var(--top-bar-height);
		--brand-font-size: 2rem;	
		--brand-logo-size: 32px;
	}
}

body {
	font-feature-settings: "cv03", "cv04", "cv11";
	font-family: var(--tblr-body-font-family);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: var(--page-title-font-family);
	font-weight: var(--tblr-font-weight-headings);
}
a, input, textarea, button {
	transition: all .0s ease;
}
a:hover {
	text-decoration: none;
	color: var(--tblr-link-hover-color);
}

[data-bs-theme=dark] {
	--tblr-bg-surface: #0a445c;
	--navlink-text-muted-rgb: 150,166,186;
	--tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.24);
}

.footer {
	cfont-family: var(--navbar-font-family);
}

.navbar {
	--tblr-navbar-active-bg: rgb(0 0 0 / 20%);
}
.dropdown-item,
.navbar-nav {
	font-family: var(--navbar-font-family);
	font-size: var(--navbar-font-size);
	font-weight: var(--navbar-font-weight);
}
.navbar.top-bar {
	min-height: var(--top-bar-height);
}
.navbar-brand {
	line-height: 1.2;
}
.navbar-brand > a {
	text-decoration: none;
}
.navbar-brand-logo {
	height: var(--brand-logo-size);
}
.brand-title {
	font-family: var(--brand-font-family);
	font-size: var(--brand-font-size);
	margin-left: 6px;
	vertical-align: middle;
}
.right-brand-logo {
	height: calc(var(--brand-logo-size) * 1.25);
	align-self: center;
}

@media (min-width: 768px) {
	#navbar-menu-container {
		transition: all .35s ease;
		position: fixed;
		top: var(--top-menu-position);
		left: 0;
		width: 100%;
		z-index: 100;
	}
	#navbar-menu-container.scroll-up {
		transform: translateY(0);
	}
	#navbar-menu-container.scroll-down {
		transform: translateY(calc(0px - var(--top-menu-height) - var(--top-bar-height)));
	}
	.page-wrapper.extra-margin {
		margin-top: var(--top-menu-height);
	}
}
@media (max-width: 768px) {
	.page-wrapper {
		margin-top: 0px;
	}
	.sticky-mob {
		position: -webkit-sticky;
		position: sticky;
		top: var(--top-bar-height);
		z-index: 1000;
	}
}
.navbar {
	--tblr-navbar-hover-color: #f76707;
}
.nav-item .checked-in .text-muted {
	color: rgba(var(--navlink-text-muted-rgb),var(--tblr-text-opacity))!important;
}
.dropdown-menu {
	--tblr-dropdown-link-active-color: #f76707;
	--tblr-dropdown-link-hover-color: #f76707;
}
.dropdown-menu .user-info {
	background-color: rgb(0 0 0 / 25%);
	padding-left: 0.75rem;
}
.dropdown-divider {
	--tblr-dropdown-divider-margin-y: var(--tblr-spacer-1);
}
.top-bar .dropdown-menu {
	--tblr-dropdown-link-active-color: #f76707;
	--tblr-dropdown-link-active-bg: var(--tblr-white);
	color: #182433;
	background-color: var(--tblr-white);
}
.icon > svg {
	--tblr-icon-size: 1rem;
}
.icon-filled > svg {
	fill: currentColor;
}
.icon-bold > svg {
	stroke-width: 3;
}
.icon-15 > svg {
	width: 1.5rem;
	height: 1.5rem;
}
.icon-2 > svg {
	width: 2rem;
	height: 2rem;
}
.icon-25 > svg {
	width: 2.5rem;
	height: 2.5rem;
}
.icon-3 > svg {
	width: 3rem;
	height: 3rem;
}
.no-v-align {
	vertical-align: 0.25rem;
}
.footer {
	padding: 1rem 0;
}
.page-header {
	position: relative;
}
.container-xl {
	opacity: 1;
	xz-index: 10;
}
.page-title-wrap {
	margin-top: var(--page-title-spacing-y);
	margin-bottom: var(--page-title-spacing-y);
}
.page-title {
	font-family: var(--page-title-font-family);
	font-size: var(--page-title-font-size);
	font-weight: var(--page-title-font-weight);
	line-height: var(--page-title-line-height);
	color: var(--page-title-color);
	text-shadow: var(--page-title-shadow);
}
.page-title span {
	display: inline-block;
	white-space: pre-wrap;
	font-weight: var(--page-title-span-font-weight);
	color: var(--page-title-color-span);
}
.page-description {
	font-family: var(--page-description-font-family);
	font-size: var(--page-description-font-size);
	font-weight: var(--page-description-font-weight);
	line-height: var(--page-description-line-height);
}
.page-pretitle {
	font-size: .75rem;
}
.sub-title {
	font-family: var(--subtitle-font-family);
	font-size: var(--subtitle-font-size);
	font-weight: var(--subtitle-font-weight);
	line-height: var(--subtitle-line-height);
}
.sub-section-title {
	font-size: var(--sub-section-font-size);
	font-weight: var(--sub-section-font-weight);
	position: relative;
	margin-bottom: 1.5rem;
	padding: 5px 30px;
	background: gold;
	display: inline-block;
}
.xsub-section-title::after {
	display: block;
	content: ' ';
	height: 1px;
	width: 80px;
	background-color: #bbb;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.hilight-text {
	font-weight: bold;
	color: #2bb673;
}
.img-custom {
	width: 100%;
	margin-bottom: 1rem;
}
.col-spacer {
	padding: 1rem;
}
.section-title {
	font-family: var(--font-family-3);
	font-size: 2.5rem;
	margin-bottom: 4rem;
	font-weight: 500;
	position: relative;
}
.section-title span {
	color: var(--page-title-color-span);
	font-weight: 700;
}
.section-title::after {
	display: block;
	content: ' ';
	height: 5px;
	width: 80px;
	background-color: #da5692;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}
.section-title.text-start::after {
	margin-right: 0;
	margin-left: 0;
}
.section-text {
	font-family: var(--section-text-font-family);
	font-size: var(--section-text-font-size);
	font-weight: var(--section-text-font-weight);
	line-height: var(--section-text-line-height);
	margin-bottom: 2rem;
}
.feature-text {
	color: var(--tblr-gray-300);
	font-size: var(--feature-font-size);
	font-family: var(--feature-font-family);
	font-weight: var(--feature-font-weight);
}
.bg-overlay {
	background-position: bottom center;
	background-repeat: repeat no-repeat;
	background-size: auto;
	opacity: 0.1;
	xmix-blend-mode: darken;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slider-container {
	max-height: calc(100vh - 135px);
}
.s-fit {
	object-fit: cover;
	object-position: 0 50%;
	height: auto;
}
@media only screen and (min-width: 1600px) {
	.s-fit {
		height: calc(100vh - 135px);
	}
}
.img-darken {
	mix-blend-mode: darken;
}
.img-responsive-45p {
	--tblr-img-responsive-ratio: 45%;
}
.carousel-control-10 {
	width: 10%;
}

.card-shadow {
	box-shadow: var(--card-shadow);
}
.card-moreshadow {
	box-shadow: var(--card-shadow-2);
}
.card-borderless {
	border: none;
}
.card-no-shadow {
	box-shadow: none;
}
.card-footer.footer-bordered {
	border-top: var(--tblr-card-border-width) solid rgb(200 200 200 / 20%);
}
.card .read-more a:hover,
.card a.post-title:hover {
	--tblr-link-hover-color-rgb: #f76707;
	color: #f76707;
	text-decoration: none;
}
.card a.post-title {
	color: var(--tblr-card-title-color);
}
.card.gallery > .card-body {
	padding: 7px 12px;
}
.post-list .card {
	--tblr-border-radius: 8px;
}
.post-page .card,
.sidebar .card {
	--tblr-border-radius: 6px;
}
.sidebar .card-border-top {
	border-top: 3px solid var(--tblr-danger);
}
.card-rounded,
.card-features {
	border-radius: 1rem;
}
.card-features {
	background: rgb(58,115,132);
	background: linear-gradient(25deg, rgba(58,115,132,1) 20%, rgba(135,234,252,1) 100%);
}
.card-features .card-img-top {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.post-title {
	font-size: 1.85rem;
	font-weight: 700;
	line-height: 2.2rem;
}
.card-title-1, .card-title-2, .card-title-25, .card-title-3, .card-title-4, .card-title-5,
.post-title-1, .post-title-2, .post-title-25, .post-title-3, .post-title-4, .post-title-5 {
	font-weight: 600;
}
.card-title-1,
.post-title-1 {
	font-size: 1.7rem;
}
.card-title-2,
.post-title-2 {
	font-size: 1.5rem;
}
.card-title-25,
.post-title-25 {
	font-size: 1.25rem;
}
.card-title-3,
.post-title-3 {
	font-size: 1.2rem;
}
.text-size-4,
.post-title-4 {
	font-size: 1rem;
	line-height: 1.2rem;
}
.text-size-5,
.post-title-5 {
	font-size: 0.9rem;
	line-height: 1.1rem;
}
.post-category {
	display: inline-block;
	color: var(--tblr-light);
	background: var(--tblr-info);
	font-family: var(--metatext-font-family);
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 2px 8px 3px;
	border-radius: 4px;
	letter-spacing: 1.1px;
}
.post-category:hover {
	background: var(--tblr-warning);
}
.post-category a {
	color: var(--tblr-light);
}
.post-category a:hover {
	color: var(--tblr-light-lt);
}
.post-thumbnail .thumbnail:hover{
	filter: brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.post-thumbnail {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 5;
	color: transparent;
	xbackground-color: rgba(155,155,155,0.05);
}
.thumbnail-full {
	width: 100%;
	height: auto;
}
.thumbnail-big {
	height: 350px;
}
@media only screen and (max-width: 680px) {
	.thumbnail-big {
		height: 150px;
	}
}
.thumbnail-medium-top {
	height: 250px;
}
.thumbnail-small-top {
	height: 150px;
}
.thumbnail-small-left {
	height: 100%;
}
.thumbnail-tiny-left {
	height: 100%;
	width: 85px;
	min-height: 57px;
	max-width: 100%;
}
.thumbnail.fade-in {
	opacity: 1;
}
.thumbnail {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
	transform-origin: center;
	opacity: 0;
	transition: opacity .35s ease;
}
.thumbnail.contain {
	background-size: contain;
}
.thumbnail.cover {
	background-size: cover;
}
.post-thumbnail .post-category {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 24px;
	font-size: 10px;
	background: var(--tblr-info);
	color: var(--tblr-light);
	line-height: 0;
	z-index: 2;
	padding: 0 10px 0;
	border-radius: 0px;
}
.post-thumbnail .post-category:hover {
	background: var(--tblr-warning);
}
.post-thumbnail .card-img-top {
	border-top-left-radius: var(--tblr-border-radius);
	border-top-right-radius: var(--tblr-border-radius);
}
.post-thumbnail .card-img-start {
	border-top-left-radius: var(--tblr-border-radius);
	border-bottom-left-radius: var(--tblr-border-radius);
}
.post-thumbnail .post-category.round-bottom-left {
	border-bottom-left-radius: var(--tblr-border-radius);
}
.metatext {
	font-family: var(--metatext-font-family);
	font-size: 0.75rem;
	font-weight: 400;
	margin-top: -0.75rem;
}
.metatext.text-muted {
	--tblr-text-opacity: 0.8;
	color: rgba(var(--tblr-muted-rgb),var(--tblr-text-opacity))!important;
}
.metatext > .post-date {
	color: var(--tblr-info);
}
.metatext > .post-author::before {
	content: ' ';
	background-image: url(../img/svg/user-edit.svg);
}
.read-more {
	display: inline-block;
	font-family: var(--metatext-font-family);
	font-size: 0.75rem;
	font-weight: 300;
	margin-top: 1rem;
	color: var(--tblr-link-color);
}
.read-more::before{
	content: '[';
	padding-right: 2px;
}
.read-more::after{
	content: ']';
	padding-left: 2px;
}
.post-text {
	margin-top: 1rem;
}
.post-tags {
	font-family: var(--metatext-font-family);
	font-size: 0.75rem;
	font-weight: 400;
} 
.post-tags .tag {
	background-color: var(--tblr-gray-300);
	padding: 5px 7px;
	border-radius: 3px;
}
.text-muted {
	color: inherit;
}
.pl-0 {
	padding-left: 0;
}
.action-icon > svg{
	height: 32px;
	width: 32px;
	color: var(--tblr-navbar-color);
}
.btn > svg {
	height: 24px;
	width: 24px;
	margin-right: 0.5rem;
}
.btn-sm > svg {
	height: 18px!important;
	width: 18px!important;
	margin-right: 0.25rem;
}
.navbar-nav .btn-sm {
	padding: 4px 10px;
}
.btn-whatsapp {
	--whatsapp: #25d366;
	--whatsapp-fg: var(--tblr-light);
	--whatsapp-rgb: 37,211,102;
	--tblr-btn-border-color: transparent;
	--tblr-btn-hover-border-color: transparent;
	--tblr-btn-active-border-color: transparent;
	--tblr-btn-color: var(--whatsapp-fg);
	--tblr-btn-bg: var(--whatsapp);
	--tblr-btn-hover-color: var(--whatsapp-fg);
	--tblr-btn-hover-bg: rgba(var(--whatsapp-rgb), .8);
	--tblr-btn-active-color: var(--whatsapp-fg);
	--tblr-btn-active-bg: rgba(var(--whatsapp-rgb), .8);
	--tblr-btn-disabled-bg: var(--whatsapp);
	--tblr-btn-disabled-color: var(--whatsapp-fg);
	--tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset)
}

.page-background {
	--background-image: none;
	--background-repeat: no-repeat;
	--backgroung-size: auto;
	--background-position: top left;
}
@media (min-width: 768px) {
	.page-background {
		background-image: var(--background-image);
		background-repeat: var(--background-repeat);
		background-size: var(--background-size);
		background-position: var(--background-position);
		margin-bottom: 0;
		padding-bottom: 3rem;
	}
}

.form-control:-webkit-autofill {
	box-shadow: none;
}
.form-label {
	margin-bottom: 0.25rem;
	font-size: .875rem;
}
.input-group-flat .input-group-text:last-child {
	padding: 0.4375rem;
}

.scrollable {
	overflow: auto;
}

@media only screen and (max-width: 800px) {
	.page-background {
		background-image: none!important;
	}
}

.team-title {
	xmargin-bottom: 5px;
	font-size: 1.25rem;
	position: relative;
}
.team-title::after {
	display: block;
	content: ' ';
	height: 1px;
	width: 80px;
	background-color: #da5692;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.team-name {
	font-size: 14px;
	margin-top: 8px;
	font-weight: 500;
}
.team-unit {
	font-weight: 400;
	font-size: 11px;
	color: var(--tblr-orange);
}
.team-job {
	font-weight: 400;
	font-size: 11px;
	color: var(--tblr-yellow);
}
.team-img-profile {
	position: relative;
	padding-bottom: 50%;
}
.team-img-profile.big {
	padding-bottom: 80%;
}
.team-img-profile.full {
	padding-bottom: 100%;
}
.team-img-profile img {
	position: absolute;
	height: 100%;
	width: 50%;
	border-radius: 50%;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100px;
	max-height: 100px;
	object-fit: cover;
	object-position: top;
}
.team-img-profile.big img {
	width: 80%;
	max-width: 150px;
	max-height: 150px;
}
.team-img-profile.full img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

.img-cover {
	xmax-height: 350px;
	max-width: 98%;
	border: 1px solid #aaa;
}
.card.cover:hover {
	xborder: 2px solid #f76707;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.year-title {
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 2px;
	color: var(--tblr-muted);
}
.avatar {
	background-position: top;
}
.hr, hr {
	margin: 1.2rem 0;
}
.bootstrap-table-container {
	min-height: 150px;
}
.dataTables_filter, .dataTables_length {
	padding-top: 10px;
	padding-bottom: 7px;
}
.dataTables_wrapper .form-control-sm {
	padding: .4375rem .75rem;
	font-size: .875rem;
	border-radius: var(--tblr-border-radius);
}
.dataTables_wrapper .form-select-sm {
	padding: .4375rem 2.25rem 0.4375rem 0.75rem;
	font-size: .875rem;
	border-radius: var(--tblr-border-radius);
}
.swal2-actions .btn-lg {
	font-size: 1em;
	padding: 0.625em 1.1em;
	margin: 0.3125em;
	border-radius: 8px;
}

.progress {height: 1rem}
.myloader {
	position: relative;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
	to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
	to {-webkit-transform: rotate(360deg);}
}
.table thead th {
	color: var(--tblr-dark);
	background-color: var(--tblr-gray-300);
}

.data-bar {
	background-color: #dbe1ed;
	margin: 0;
}
@media (max-width: 768px) {
	.data-bar.sticky-top {
		position: relative;
		z-index: 10;
		top: 0!important;
	}
}

/**************************
 * ADMIN Style
 ****************/
[data-bs-page=admin-page] {
	--tblr-body-font-size: 14px;
	--page-title-font-family: var(--font-family-1);
	--page-title-font-size: 1.75rem;
	--page-title-font-weight: 600;
	--page-title-line-height: 2rem;
	--page-title-spacing-y: 1.5rem;
	--page-title-shadow: none;
}

.admin-page [class^=container-] {
	--tblr-gutter-x: calc(var(--tblr-page-padding) * 3);
}
.admin-page .footer {
	padding: 0.5rem 0;
}
@media (min-width: 992px) {
	.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:hover {
		color: var(--tblr-nav-link-hover-color);
	}
}
.table {
	background-color: #fff;
}
.table head {
}
.table thead th {
	font-family: var(--table-head-font-family);
	border-bottom-width: 2px;
	font-weight: 600;
	font-size: 13px;
}
.table-alter tbody>:nth-child(odd) {
	background-color: #f9f9f9;
}
.table-compact td {
	padding: 0.5rem 0.75rem;
}
.table-list-post .judul {
	font-size: var(--tblr-body-font-size);
	line-height: 1;
}
.table-list-post .judul {
	font-weight: 500;
}
table .no-urut {
	text-align: center;
}
.row-action {
	font-family: var(--metatext-font-family);
	font-size: 13px;
	font-weight: 400;
	position: relative;
	left: -9999em;
	color: #bbb;
	font-weight: normal;
	padding-top: 4px;
}
.row-action a {
	font-weight: 400!important;
}
.row-action .trash {
	color: #b32d2e;
}
.row-action .trash:hover {
	color: var(--tblr-link-hover-color);
}
tr:hover .row-action {
	position: static;
}
.table-info {
	display: flex;
}
.pagination, .page_link, .table-info {
	font-family: var(--pagination-font-family);
	font-size: var(--pagination-font-size);
	font-weight: var(--pagination-font-weight);
	--tblr-pagination-font-size: var(--pagination-font-size);
}
.pagination .icon {
	height: 18px;
	width: 18px;
	vertical-align: text-top;
	stroke-width: 2.5px;
}
.page-item {
	margin: 0 2px;
}
.page-link {
	--tblr-pagination-padding-y: 0.2rem;
	--tblr-pagination-padding-x: 0.25rem;
	min-width: 1.5rem;
}

.swal-err-msg {
	display: block;
	color: var(--tblr-danger);
	margin-top: 0.5rem;
	font-style: italic;
	font-size: 1rem;
	font-family: 'Mulish';
}

.admin-page	.nav-item.active .nav-link {
	color: var(--tblr-nav-link-hover-color);
	background: var(--tblr-navbar-active-bg);
}

.nav-section {
	padding: 1.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2) 0.5rem;
	justify-content: flex-start;
	text-transform: uppercase;
	font-size: .75rem;
	letter-spacing: 1.25px;
	font-weight: 500;
	color: var(--tblr-gray-500);
}