.template_only {
	display: none;
}

.blur {
	filter: blur(3px);
	pointer-events: none;
	cursor: default;
}

.post-calendar-posted {
	background-color: var(--bs-primary-light, #e8f3ff) !important;
	color: var(--bs-primary, #009ef7) !important;
}

.post-calendar-planned {
	background-color: var(--bs-info-light, #f1faff) !important;
	color: var(--bs-info, #7239ea) !important;
}

.post-calendar-recommended {
	background-color: var(--bs-primary, #009ef7) !important;
	color: #ffffff !important;
}


body {
	/*filter: blur(0.4px);*/
}

.suggestion-tag {
	background: var(--bs-light-dark);
	padding: 4px 7px;
	border-radius: .475rem;
	color: #333;
	margin-right: 10px;
	cursor: pointer;
	margin-bottom: .5rem;
	text-align: left;
}
.suggestions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.badge.badge-circle.badge-mini, .badge.badge-square.badge-mini {
	width: 1.25rem;
	height: 1.25rem;

}

#columns_div {
	position: absolute;
	/* left: 10px; */
	top: 50px;
	z-index: 120;
	background: #fff;
	padding: 10px;
	display: none;
	flex-direction: column;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
}

.graph-tab {
	border-radius: calc(.85rem - 1px) calc(.85rem - 1px) 0 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-gray-400) !important;
	border: none;
	background: var(--bs-gray-200);
}
.graph-tab.active-tab {
	background: #ffffff;
}
.graph-tab.active-tab h6 {
	color: var(--bs-gray-800) !important;
}

table.table td.text-right, table.table th.text-right {
	padding-right: 10px;
}

.bg-pos-new-top10 {
	background-color: #e5f5ff !important;
}

.bg-pos-fell_out {
	background-color: #ffe5e5 !important;
}

.bg-pos-top10 {
	background-color: #e9f9ee !important;
}

.urls-list-positions {
	display: none;
	position: absolute;
	left: 75px;
	padding: 10px;
	background: #fff;
	top: 0;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
	max-height: 200px;
	overflow: scroll;
}

.vertical-align-middle {
	vertical-align: middle;
}

.ribbon.ribbon-top .ribbon-label.second-ribbon {
	transform: translateX(-55px) translateY(-4px);
}

.hidden_disabled {
	display: none;
}

.suggestions.meta-description .suggestion-tag {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.suggestion-tag.special_tag {
	background: var(--bs-light-primary);
}

#error .error-block {
	text-align: center;
}

.ddown-button-audit {
	border-radius: .85rem;
	border: 1px solid;
	float: right;
	margin-right: 5px;
	border-color: #b5b5c3;
	width: 50px;
	padding: 4px 6px;
}

.ddown-button-audit:hover, .ddown-button-audit[aria-expanded="true"] {
	border-color: var(--bs-active-primary);
}

.bg-orange {
	background-color: #F18800 !important;
}

.btn-xs.btn-icon {
	padding: 0;
	font-size: 0.1rem !important;
	line-height: 1rem;
	height: calc(0.5em + 1.5rem + 2px) !important;
	width: calc(0.5em + 1.5rem + 2px) !important;
}

.display-on-hover {
	display: none;
}

.j-c {
	justify-content: center;
	-webkit-justify-content: center;
}

tags.tagify > span {
	width: 100%;
}

#error .error-title {
	font-size: 150px;
}

#error .lead {
	font-size: 60px;
}

#error .form-control {
	margin: 0;
}

.btn.menu-look {
	background-color: #f5f8fa;
}

.btn.menu-look i{
	color: #7239ea;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

#more-actions,
#geo-more-actions {
	position: absolute;
	left: 10px;
	top: 50px;
	z-index: 120;
	background: #fff;
	padding: 10px;
	display: none;
	flex-direction: column;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
}

.m-auto {
	margin: auto;
}

.default-border-radius {
	border-radius: .85rem;
}

#sub_tablemore-actions {
	position: absolute;
	left: 10px;
	top: 50px;
	z-index: 10000000;
	background: #fff;
	padding: 10px;
	display: none;
	flex-direction: column;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
}

[data-kt-opened="on"]#more-actions,
[data-kt-opened="on"]#geo-more-actions {
	display: flex !important;
}
[data-kt-opened="on"]#sub_tablemore-actions {
	display: flex !important;
}

.pr-2 {
	padding-right: 2rem !important;
}

#more-actions2 {
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 10;
	background: #fff;
	padding: 10px;
	display: none;
	flex-direction: column;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
}

[data-kt-opened="on"]#more-actions2 {
	display: flex !important;
}

@media screen and (max-width: 767px) {
	#more-actions,
	#geo-more-actions,
	#sub_tablemore-actions,
	#more-actions2 {
		width: max-content;
		min-width: 180px;
		max-width: calc(100vw - 2rem);
		overflow-x: auto;
	}

	#more-actions .btn,
	#geo-more-actions .btn,
	#sub_tablemore-actions .btn,
	#more-actions2 .btn {
		justify-content: flex-start;
		white-space: nowrap;
		width: 100% !important;
	}
}

.bw-2 {
	border-width: 2px !important;
}

.justify-between {
	justify-content: space-between;
}

.keywords-shell .keyword.bg-light-danger.text-danger.text-success.bg-light-success {
	color: #009ef7 !important;
	background-color: #f1faff !important;
}

.floating-monthly {
	position: fixed;
	bottom: 0;
	background: #fff;
	right: 20px;
	padding: 10px;
	border-radius: 10px;
}

.loading {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 11050;
	background-color: rgba(51, 51, 51, 0.2) !important;
	height: 100%;
	border-radius: .475rem;
}

.input_subtext {
	font-style: italic;
	color: #888;
	padding-top: 10px;
	display: block;
	font-size: 12px;
}

#global.loading {
	position: fixed;
}

.right-50px {
	right: 50px !important;
}

.loading .spinner {
	position: sticky;
	margin: auto;
	display: inline-block;
	top: 50%;
	bottom: 50%;
	left: 53%;
	width: 50px;
	height: 35px;
	background-image: url(/data/images/loading.gif) !important;
	background-repeat: no-repeat;
}

#locations {
	display: none;
}

.has-error input,
.has-error textarea,
.has-error input {
	border: 1px solid #a94442;
}

.has-error label {
    color: #A94442;
}

.has-error input:-ms-input-placeholder {
    color: #A94442;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit;
}


#results {
	border-radius: .475rem;
	display: none;
	border: 1px solid #cccccc;
	text-align: center;
}

#results .text {
	margin: 10px;
}

#results.show {
	display: block;
	padding: 10px;
}

#results {
	margin-bottom: 30px;
}

#results.error {
	background-color: var(--bs-light-danger);
	border-color: var(--bs-danger) !important;
	color: var(--bs-danger);
}

#results.success {
	background-color: var(--bs-light-success);
	border-color: var(--bs-success) !important;
	color: var(--bs-success);
}

#form{
	overflow: hidden;
}

.re-captcha > div {
	width: auto;
	display: inline-block;
	padding: 0;
	height: auto;
	background-color: transparent;
}

.re-captcha.has-error > div {
	border: 1px solid #a94442 !important;
	border-radius: 3px;
}

.g-recaptcha > div {
	width: 302px !important;
	height: 76px !important;
}

.g_map {
	height: 400px;
	position: relative;
	width: 100%;
}

.map {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.required::after {
	content: "";
	position: relative;
	font-size: inherit;
	color: #f1416c;
	padding-left: .25rem;
	font-weight: 700;

}
.required label::after {
	content: "*";
	position: relative;
	font-size: inherit;
	color: #f1416c;
	padding-left: .25rem;
	font-weight: 700;
}

.has-error .btn.btn-outline.btn-outline-dashed.btn-outline-default {
	border-color: #f1416c;
}

.j-e {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-end !important;
	justify-content: flex-end !important;
}
.pr-0 {
	padding-right: 0 !important;
}

.mr-3 {
	margin-right: .75rem !important;
}

.menu-link.active h5 {
	color: #04c8c8;
}

.aside-primary .nav .nav-link.btn-icon {
	flex: 0 0 calc(1.5em + 1.5rem + 2px);
	width: calc(1.5em + 1.5rem + 2px);
	min-width: calc(1.5em + 1.5rem + 2px);
}

.aside-primary .nav .nav-link.btn-icon .svg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	width: 2.5rem;
	min-width: 2.5rem;
}

@media (min-width: 992px) {
	.aside-primary .hover-scroll-y {
		overflow-y: scroll;
		border-right: 0;
		margin-right: 0;
		scrollbar-gutter: stable;
	}

	.aside-primary .hover-scroll-y::-webkit-scrollbar-thumb {
		background-color: transparent;
	}

	.aside-primary .hover-scroll-y:hover::-webkit-scrollbar-thumb {
		background-color: #e9edf1;
	}
}

.text-right {
	text-align: right !important;
}

.showing-counter {
	padding: 10px 20px;
	background: #fff;
	border: 0;
	box-shadow: 0 10px 35px 0 rgba(56,71,109,.075);
	border-radius: .85rem;
}

table table {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#importMulti {
	display: none;
}

.loading.table-loader {
	z-index: 10;
	background-color: rgba(255, 255, 255, .92) !important;
	align-items: center;
	justify-content: center;
}

.loading.table-loader[style*="display: block"],
.loading.table-loader[style*="display:block"],
.loading.table-loader[style*="display: flex"],
.loading.table-loader[style*="display:flex"] {
	display: flex !important;
}

.table-api-loading-dots {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.table-api-loading-dots i {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #13c8c8;
	animation: ngn-table-loading-dot 1s ease-in-out infinite;
}

.table-api-loading-dots i:nth-child(2) { animation-delay: .15s; }
.table-api-loading-dots i:nth-child(3) { animation-delay: .3s; }

@keyframes ngn-table-loading-dot {
	0%, 80%, 100% { transform: translateY(0); opacity: .35; }
	40% { transform: translateY(-7px); opacity: 1; }
}

/* One table contract for every API and legacy table. The sticky header and
   scrollable body are separate tables, so they must share the same spacing,
   checkbox width and vertical alignment. */
.table-floating-header {
	position: sticky;
	top: var(--ngn-table-sticky-offset, 0px);
	background: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	z-index: 10;
}

.table-floating-header::-webkit-scrollbar {
	display: none;
}

/* Hide only the rounding-pixel scrollbar detected by custom.js. Real wide
   tables remain horizontally scrollable. */
.table-responsive.ngn-table-micro-overflow {
	overflow-x: hidden;
}

/* The project list has fixed leading columns while its remaining metrics are
   horizontally scrollable. Keep those cells below the floating header but
   above the moving data cells. */
.positions-project-table-scroll .sticky-cell {
	z-index: 3;
}

.table-floating-header .sticky-cell {
	z-index: 11;
}

[data-table-api-container] table.table,
[data-table-api-container] .table-responsive > table.table {
	margin-bottom: 0;
}

table.table > :not(caption) > tr > * {
	box-sizing: border-box;
	padding-left: .5rem;
	padding-right: .5rem;
	vertical-align: middle;
}

table.table > :not(caption) > tr > :first-child {
	padding-left: 2.25rem !important;
}

/* GSC uses a grouped, two-row header but otherwise follows the same visual
   table contract as every project tab. */
.project-gsc-breakdown-table > thead > tr > th {
	vertical-align: middle;
	background: inherit;
}

.project-gsc-breakdown-table > tbody > tr > td {
	vertical-align: middle;
}

/* A selection cell is a control, never a data column. */
table.table > :not(caption) > tr > .col-checkbox:first-child,
table.table > :not(caption) > tr > .col-select:first-child,
table.table > :not(caption) > tr > :first-child:has(.form-check-input[type="checkbox"]) {
	width: 64px !important;
	min-width: 64px !important;
	max-width: 64px !important;
	padding-right: 0 !important;
	text-align: left !important;
	white-space: nowrap;
}

table.table > :not(caption) > tr > .col-checkbox:first-child .form-check,
table.table > :not(caption) > tr > .col-select:first-child .form-check,
table.table > :not(caption) > tr > :first-child:has(.form-check-input[type="checkbox"]) .form-check {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 20px;
	min-width: 20px;
	margin: 0;
}

@media (max-width: 767.98px) {
	.table-floating-header > table.table,
	.table-responsive table.table {
		width: max-content;
		min-width: 100%;
		table-layout: auto;
	}

	table.table > :not(caption) > tr > * {
		width: auto !important;
		min-width: max-content !important;
		max-width: none !important;
		padding-left: .25rem !important;
		padding-right: .25rem !important;
		white-space: nowrap;
	}

	table.table > :not(caption) > tr > :first-child {
		padding-left: .5rem !important;
	}

	table.table > :not(caption) > tr > .sticky-cell {
		width: min(max-content, 50vw) !important;
		min-width: 0 !important;
		max-width: 50vw !important;
		overflow: visible;
		overflow-wrap: anywhere;
		text-overflow: clip;
		white-space: normal !important;
		line-height: 1.35;
	}

	table.table > :not(caption) > tr > .col-checkbox:first-child,
	table.table > :not(caption) > tr > .col-select:first-child,
	table.table > :not(caption) > tr > :first-child:has(.form-check-input[type="checkbox"]) {
		width: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		padding-right: .25rem !important;
	}

	table.table .btn.btn-sm.btn-icon {
		width: 28px;
		min-width: 28px;
		height: 28px;
		padding: 0;
	}

	table.table .btn.btn-sm:not(.btn-icon) {
		padding-left: .35rem;
		padding-right: .35rem;
	}
}

/* Transaction submenu icons follow the 30px Add-item standard. */
.menu-t-objects-container .transaction-object-menu-icon,
.menu-t-objects-container .transaction-object-menu-icon .btn.btn-icon,
.menu-t-objects-container .remove-item-plus-modal.btn-icon {
	width: 30px;
	height: 30px;
	min-width: 30px;
}

.menu-t-objects-container .transaction-object-menu-icon .btn.btn-icon,
.menu-t-objects-container .remove-item-plus-modal.btn-icon {
	padding: 0;
}

.menu-t-objects-container .transaction-object-menu-icon i,
.menu-t-objects-container .remove-item-plus-modal i {
	font-size: 1rem !important;
}

/* PBN domain notices may contain several actions with different wrappers. */
.pbn-domain-notices {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	white-space: nowrap;
	vertical-align: middle;
}

.pbn-domain-notices > *,
.pbn-domain-notices a,
.pbn-domain-notices .fauxForm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: 1;
}

.pbn-domain-notices i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	line-height: 1;
}

/* Project URL table keeps tabular rows while showing URL -> keyword hierarchy. */
.project-url-tree-node {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 2rem;
}

.project-url-tree-label {
	min-width: 0;
	overflow-wrap: anywhere;
}

.project-url-tree-url-node,
.project-url-tree-keyword-node {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 50%;
}

.project-url-tree-url-node {
	width: 1.75rem;
	height: 1.75rem;
	margin-right: .75rem;
	background: var(--bs-light-info, #e8fbfb);
	color: var(--bs-info, #00a3ff);
}

.project-url-tree-keyword-node {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .65rem;
	background: var(--bs-light-primary, #eef6ff);
	color: var(--bs-primary, #009ef7);
	font-size: .7rem;
}

.project-url-tree-child {
	padding-left: 2.75rem;
}

.project-url-tree-root.has-children::after {
	content: "";
	position: absolute;
	left: .875rem;
	top: 1.65rem;
	bottom: -1.7rem;
	border-left: 2px solid var(--bs-gray-300, #e4e6ef);
}

.project-url-tree-child::before {
	content: "";
	position: absolute;
	left: .875rem;
	top: -1.7rem;
	bottom: -1.7rem;
	border-left: 2px solid var(--bs-gray-300, #e4e6ef);
}

.project-url-tree-child::after {
	content: "";
	position: absolute;
	left: .875rem;
	top: 50%;
	width: 1.875rem;
	border-top: 2px solid var(--bs-gray-300, #e4e6ef);
}

.project-url-tree-last-row .project-url-tree-child::before {
	bottom: 50%;
}

.project-url-tree-root-row > td {
	background: var(--bs-gray-100, #f5f8fa);
}

.df, .df-m {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
}

.dfw {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.dfc {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: column;
	-ms-flex-direction: column;
}

.a-c {
	align-items: center;
}

[data-kt-sticky-header="on"] #kt_header_container .btn_only_sticky {
	display: block;
}

#kt_header_container .btn_only_sticky {
	display: none;
}

#importMulti.active {
	display:inherit;
}

.edit-title {
	display: none;
}

.top-minus-10 {
	top: -10px
}

.left-minus-10 {
	left: -10px;
}

.left-0 {
	left: 0;
}

.left-10 {
	left: 10px;
}

.right-10 {
	right: 10px;
}

.z-index-99 {
	z-index: 99;
}
.z-index-top {
	z-index: 9999999;
}

.pl-0 {
	padding-left: 0 !important;
}

.photos-border.selected img {
	border: 3px solid red !important;
}

/*TABLE ORDERING*/
th[data-ordering="true"] {
	cursor: pointer;
}

th[data-ordering="true"]:after {
	content: "\f0dc";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 5px;
	color: #B4B4B4;
}

th[data-ordering="true"][data-active-ordering="true"]:after {
	color: inherit;
}

th[data-ordering="true"][data-order-type="asc"]:after {
	content: "\f0de";
}
th[data-ordering="true"][data-order-type="desc"]:after {
	content: "\f0dd";
}

.monthly-articles-tag {
	width: max-content;
	padding: 12px 12px;
	background-color: #f3f4f6;
	border-radius: 6px;
	font-size: 14px;
	color: #374151;
	font-weight: 500;
	margin-bottom: 5px;
}

.post-calendar-legend {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: max-content;
	padding: 12px;
	background-color: #f3f4f6;
	border-radius: 6px;
	font-size: 13px;
	color: #374151;
}

.post-calendar-legend-title {
	font-weight: 600;
}

.post-calendar-legend-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.post-calendar-legend-swatch {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.calendar-inline-fix .flatpickr-calendar {
	border: 0;
	box-shadow: none;
}

	/*TABLE ORDERING FINISH*/

.c_callender-header {
	display: flex;
	justify-content: space-around;
}

.c_callender-header .name-month {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

.c_callender {
	display: flex;
	overflow: auto;
	flex-direction: column;
}

.c_callender_row {
	display: flex;
	flex-direction: row;
	min-width: 100px;
}

.c_callendar_cell {
	display: flex;
	flex-direction: row;
	min-height: 40px;
	min-width: 40px;
	border: 1px solid #f0f0f0;
	border-collapse: collapse;
	padding: 10px;

}

.row-header {
	min-width: 175px;
	flex-grow: 1;
}

.fw-900 {
	font-weight: 900 !important;
}

.c_callendar_new_articles {
	display: none;
	position: absolute;
	background: #efefef;
	border-radius: .475rem;
	bottom: 0;
	width: 200px;
	z-index: 2;
	right: -200px;
}

[data-kt-visible="on"].c_callendar_new_articles {
	display: block;
}

.ribbon.ribbon-triangle.ribbon-bottom-end.ribbon-half {
	bottom: 0;
	right: 0;
	width: 2rem;
	height: 2rem;
	border-bottom: solid 1rem red;
	border-right: solid 1rem red;
	border-left: solid 1rem transparent !important;
	border-top: solid 1rem transparent !important;
}

.pl-2px {
	padding-left: 2px;
}

.sticky-footer.sticky-active .sticky-element {
	position: fixed;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
	padding: 20px 0;
}

.url--btn {
	align-items: end;
	display: flex;
	justify-content: end;
}

.sticky-top-10 {
	position: sticky;
	top: 10px;
}
.sticky-top-80 {
	position: sticky;
	top: 80px;
}

.display-inline-block {
	display: inline-block;
}

[data-kt-scrolltop="on"] .c_callender_header_row {
	position: sticky;
	top: 64px;
	background: #fff;
	z-index: 2;
}


.number-indicator {
	position: absolute;
	bottom: -20px;
	right: 0;
	border-radius: .475rem;
	color: #fff;
	padding: 3px 8px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.3px;
}

.project-menu-button-container {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.project-menu-button-container > a {
	max-height: 17px;
	max-width: 17px;
}

.project-menu-button-container > a > i {
	font-size: 9px;
}
.project-menu-button-container > a .svg-icon.svg-icon-2x svg {
	height: 12px !important;
	width: 12px !important;
}
.right-50 {
	right: 50px; !important;
}

.tabs > .tab {
	text-align: center;
	margin-bottom: 10px;
	border-radius: calc(.85rem - 1px) calc(.85rem - 1px) 0 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-gray-400) !important;
	border: none;
	background: var(--bs-gray-200);
	padding: 5px;
}

.tabs > .tab.active-tab {
	background: var(--bs-light-primary);
	color: var(--bs-gray-900) !important;
}


.sticky-cell {
	position:sticky;
	left:0;
	z-index:1;
	background-color:white !important;
}

.mr-5-px {
	margin-right: 5px;
}

.buttons-segment > * {
	float: left;
	margin: 2px;
}

th.sticky-cell {
	background-color:#fafbfc !important;
}

tr.tr-bg td.sticky-cell {
	background-color:inherit !important;
}

table.table thead tr th {
	text-transform: uppercase;
	font-size: 12px;
}

.has-button {
	font-weight: 800;

	font-size: 15px;
}



.floating-section {
	position: relative;
	/*background-color: #f8f8f8;*/
	min-width: 120px;
	/*text-align: center;*/
}

.floating-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/*background-color: #f0f0f0;*/
	padding: 8px;
	font-weight: bold;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
	box-sizing: border-box;
}

.w-540px {
	width: 540px;
}

.mr-10 {
	margin-right: 10px;
}

.buttons-segment > * {
	float: right;
}

table tr td a {
	word-break: break-all;
}

.dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
}

.green {
	background-color: #28a745;
}

.red {
	background-color: #dc3545;
}

.break-anywhere {
	word-wrap: anywhere;
}

.number-bubble {
	background: var(--bs-primary);
	color: white;
	border-radius: 50%;
	font-size: 10px;
	height: 20px;
	width: 20px;
	padding: 2.5px;
	position: absolute;
	top: 0;
	right: 0;
}

.header-action-toggle,
.notification-toggle {
	min-width: 40px;
}

.header-action-toggle:hover i,
.header-action-toggle:focus i {
	color: var(--bs-primary) !important;
}

.notification-bubble {
	align-items: center;
	background: var(--bs-danger);
	border: 2px solid var(--bs-body-bg);
	display: inline-flex;
	font-size: 10px;
	font-weight: 700;
	height: 18px;
	justify-content: center;
	line-height: 1;
	min-width: 18px;
	padding: 10px 5px;
	right: -5px;
	top: -5px;
	width: auto;
	z-index: 1;
}

.notification-center-body {
	background: var(--bs-gray-100);
	padding: 1.25rem;
}

.notifications-body {
	display: flex;
	flex-direction: column;
	gap: .85rem;
}

.notification-item {
	align-items: flex-start;
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-gray-200);
	border-radius: .65rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
	display: flex;
	gap: 1rem;
	padding: 1rem;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.notification-item:hover {
	border-color: var(--bs-primary);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.notification-item-icon {
	flex: 0 0 40px;
}

.notification-item-content {
	min-width: 0;
	width: 100%;
}

.transactions-drawer-body {
	background: var(--bs-gray-100);
	padding: 1.25rem;
}

.transactions-drawer-scroll {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.transactions-topup-card,
.transactions-reservations {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-gray-200);
	border-radius: .65rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
	padding: 1rem;
}

.transaction-reservation-item {
	align-items: flex-start;
	border: 1px solid var(--bs-gray-200);
	border-radius: .65rem;
	display: flex;
	gap: .85rem;
	padding: .9rem;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.transaction-reservation-item + .transaction-reservation-item {
	margin-top: .75rem;
}

.transaction-reservation-item:hover {
	border-color: var(--bs-primary);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.transaction-reservation-icon {
	flex: 0 0 40px;
}

.transaction-reservation-content {
	min-width: 0;
	width: 100%;
}

.transactions-empty {
	border: 1px dashed var(--bs-gray-300);
	border-radius: .65rem;
	padding: 1.5rem 1rem;
}

@media (max-width: 575.98px) {
	#notification_drawer {
		max-width: 100vw !important;
		width: 100vw !important;
	}

	.usage-limits-menu.show {
		border-radius: 0 0 .65rem .65rem;
		left: 0 !important;
		max-width: 100vw !important;
		right: 0 !important;
		top: 0 !important;
		transform: none !important;
		width: 100vw !important;
	}

	.usage-limits-header {
		padding-right: .75rem !important;
	}

	.usage-limits-close {
		flex: 0 0 32px;
		height: 32px !important;
		width: 32px !important;
	}

	.notification-center-body {
		padding: 1rem;
	}

	.notification-item {
		gap: .75rem;
		padding: .85rem;
	}

	.transactions-drawer-body {
		padding: 1rem;
	}

	.transactions-topup-card,
	.transactions-reservations {
		padding: .85rem;
	}
}

.status-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #2ecc71;       /* green */
	border-radius: 50%;
}

@media screen and (min-width: 768px) {
	.table-contents .project-keyword-actions {
		align-items: center;
		flex-wrap: nowrap;
		gap: .5rem;
		margin: 0 0 1rem;
	}

	.table-contents .project-keyword-actions > [class*="col-"] {
		margin-bottom: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}

	.table-contents .project-keyword-actions > .col-md-3 {
		align-items: center;
		display: flex;
		flex: 0 0 auto;
		gap: .5rem;
		max-width: none;
		width: auto;
	}

	.table-contents .project-keyword-search-column {
		display: flex !important;
		flex: 1 1 auto;
		justify-content: flex-end !important;
		margin-left: auto;
		max-width: none;
		min-width: 220px;
		width: auto;
	}

	.table-contents .project-keyword-search-column > .row {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.table-contents .project-keyword-search {
		display: flex;
		justify-content: flex-end;
		padding-left: 0;
		padding-right: 0;
	}

	.table-contents .project-keyword-search-toggle {
		display: none !important;
	}

	.table-contents .project-keyword-search-input {
		width: min(100%, 650px);
	}

	.table-contents .project-keyword-elements {
		display: flex;
		flex: 0 0 100px;
		max-width: 100px;
		width: 100px;
	}

	.table-contents .project-keyword-elements .input-group {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
   
}

@media screen and (max-width: 991px) {
	.g-recaptcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

@media screen and (max-width: 767px) {
        .filter-contents > .row > [class*="col-"].dfw .ngn-columns-toggle,
        .filter-contents > .row .dfw .ngn-columns-toggle {
                flex: 0 0 40px !important;
                max-width: 40px !important;
                width: 40px !important;
        }

        .filter-contents > .row > [class*="col-"].position-relative:has(.ngn-columns-toggle),
        .filter-contents > .row [class*="col-"].position-relative:has(.ngn-columns-toggle) {
                flex: 0 0 130px !important;
                margin-left: auto !important;
                max-width: 130px !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                width: auto !important;
        }

        .filter-contents > .row > [class*="col-"].position-relative:has(.ngn-columns-toggle) > .w-100px,
        .filter-contents > .row [class*="col-"].position-relative:has(.ngn-columns-toggle) > .w-100px {
                flex: 0 0 82px !important;
                width: 82px !important;
        }

        /* The filter is hidden by the server-rendered class before the first
           mobile paint. The class is released only when its header is used. */
        #filter_body.mobile-collapsed-default {
                display: none !important;
        }

        .filter-contents > .card:has(#filter_body) > .card-header,
        .filter-contents .card:has(#filter_body) > .card-header {
                min-height: 56px;
                padding-top: 0;
                padding-bottom: 0;
        }

        .w-sm-95 {
                width: 95% !important;
        }

        .df-m {
                display: inherit !important;
        }
        .buttons-segment > * > * {
                float: right;
                margin-bottom: 5px;
        }

        .filter-contents > .row > [class*="col-"].dfw,
        .filter-contents > .row > [class*="col-"].dfw.j-e {
                align-items: center;
                gap: .5rem !important;
                justify-content: flex-start !important;
        }

        .filter-contents > .row .dfw,
        .filter-contents > .row .dfw.j-e {
                align-items: center;
                gap: .5rem !important;
                justify-content: flex-start !important;
        }

        .filter-contents > .row > [class*="col-"] {
                margin-bottom: .75rem !important;
        }

        .filter-contents > .row > [class*="col-"].dfw > .w-100px {
                flex: 0 0 88px;
                width: 88px !important;
        }

        .filter-contents > .row .dfw > .w-100px {
                flex: 0 0 88px;
                width: 88px !important;
        }

        .filter-contents > .row > [class*="col-"].dfw .select2-container {
                min-width: 0;
        }

        .filter-contents > .row .dfw .select2-container {
                min-width: 0;
        }

        .filter-contents > .row > [class*="col-"].dfw .columns-toggle {
                flex: 1 1 120px;
                max-width: 160px;
        }

        .filter-contents > .row .dfw .columns-toggle {
                flex: 1 1 120px;
                max-width: 160px;
        }

        .filter-contents > .row > [class*="col-"].dfw > .fauxForm {
                display: inline-flex;
        }

        .filter-contents > .row .dfw > .fauxForm {
                display: inline-flex;
        }

        .filter-contents > .row > [class*="col-"].dfw #more-actions {
                left: .375rem;
                max-width: calc(100vw - 2rem);
                right: .375rem;
                width: auto;
        }

        .filter-contents > .row > [class*="col-"].dfw #columns_div {
                left: auto;
                max-width: calc(100vw - 2rem);
                right: .375rem;
        }

        #columns_div {
                max-width: calc(100vw - 2rem);
                overflow-x: auto;
                width: max-content;
        }

        #columns_div .gap-1,
        #columns_div .row,
        #columns_div .col-10,
        #columns_div .form-check-label {
                white-space: nowrap;
        }

        #columns_div .row {
                flex-wrap: nowrap;
        }

        .filter-contents .positions-project-filter-card {
                margin-bottom: .75rem !important;
        }

        .filter-contents .positions-project-actions,
        .filter-contents .positions-trend-actions,
        .filter-contents .pcheck-list-actions,
        .filter-contents .ai-projects-actions,
        .filter-contents .tools-list-actions,
        .filter-contents .tools-uptime-actions,
        .filter-contents .registry-simple-actions,
        .filter-contents .registry-bulk-actions,
        .filter-contents .articles-order-actions {
                align-items: center;
                gap: .5rem;
                margin-left: 0;
                margin-right: 0;
                flex-wrap: nowrap;
        }

        .filter-contents .positions-project-actions > [class*="col-"],
        .filter-contents .positions-trend-actions > [class*="col-"],
        .filter-contents .pcheck-list-actions > [class*="col-"],
        .filter-contents .ai-projects-actions > [class*="col-"],
        .filter-contents .tools-list-actions > [class*="col-"],
        .filter-contents .tools-uptime-actions > [class*="col-"],
        .filter-contents .registry-simple-actions > [class*="col-"],
        .filter-contents .registry-bulk-actions > [class*="col-"],
        .filter-contents .articles-order-actions > [class*="col-"] {
                margin-bottom: .125rem !important;
                padding-left: 0;
                padding-right: 0;
                width: auto;
        }

        .filter-contents .positions-project-actions > .col-3 {
                flex: 1 1 0;
                max-width: none;
                min-width: 0;
                width: auto;
        }

        .filter-contents .positions-project-actions > .col-9 {
                flex: 0 0 120px;
                max-width: 120px;
                width: auto;
        }

        .filter-contents .pcheck-list-actions > .col-md-10 {
                flex: 1 1 0;
                max-width: none;
        }

        .filter-contents .pcheck-list-actions > .col-md-10 .fauxForm,
        .filter-contents .pcheck-list-actions > .col-md-10 .btn {
                width: auto;
        }

        .filter-contents .pcheck-list-actions > .col-md-2 {
                flex: 0 0 104px;
                justify-content: flex-end !important;
                max-width: 104px;
        }

        .filter-contents .pcheck-list-actions > .col-md-2 .input-group {
                width: 104px;
        }

        .filter-contents .ai-projects-actions > .col-md-10:has(> .showing-counter.d-none:only-child) {
                display: none !important;
        }

        .filter-contents .ai-projects-actions > .col-md-2 {
                flex: 0 0 120px;
                max-width: 120px;
        }

        .filter-contents .tools-filter-card {
                margin-bottom: .75rem !important;
        }

        .filter-contents .tools-filter-card .card-body {
                padding: 1rem !important;
        }

        .filter-contents .tools-filter-card .card-body .row > [class*="col-"] {
                margin-bottom: .75rem !important;
        }

        .filter-contents .tools-filter-card .card-footer {
                display: flex;
                gap: .5rem;
                padding: .75rem 1rem 1rem !important;
        }

        .filter-contents .tools-filter-card .card-footer .btn {
                flex: 1 1 0;
                min-width: 0;
                padding-left: .75rem !important;
                padding-right: .75rem !important;
        }

        .filter-contents .tools-list-actions > .col-md-9:not(:has(> button, > .fauxForm)),
        .filter-contents .tools-uptime-actions > .col-md-2:first-child,
        .filter-contents .tools-uptime-actions > .col-md-8:not(:has(> button, > .fauxForm)) {
                display: none !important;
        }

        .filter-contents .tools-list-actions > .col-md-9 {
                flex: 1 1 0;
                justify-content: flex-start !important;
                max-width: none;
                min-width: 0;
        }

        .filter-contents .tools-list-actions > .col-md-9 > button,
        .filter-contents .tools-list-actions > .col-md-9 > .fauxForm {
                width: auto !important;
        }

        .filter-contents .tools-list-actions > .col-md-3 {
                flex: 0 0 120px;
                gap: .25rem;
                max-width: 120px;
        }

        .filter-contents .tools-list-actions:has(> .col-md-9 > button, > .col-md-9 > .fauxForm) > .col-md-3 {
                display: flex !important;
                flex: 0 0 120px;
                max-width: 120px;
        }

        .filter-contents .tools-uptime-actions > .col-md-2:last-child {
                flex: 0 0 72px;
                margin-left: auto;
                max-width: 72px;
        }

        .filter-contents .tools-uptime-actions > .col-md-2:last-child .input-group {
                margin-left: auto;
                width: 72px;
        }

        .filter-contents .registry-simple-actions > .col-md-10:not(:has(> button, > .fauxForm)),
        .filter-contents .registry-bulk-actions > .col-md-8 {
                display: none !important;
        }

        .filter-contents .registry-simple-actions > .col-md-10 {
                flex: 1 1 0;
                max-width: none;
        }

        .filter-contents .registry-simple-actions > .col-md-10 > button,
        .filter-contents .registry-simple-actions > .col-md-10 > .fauxForm {
                width: auto;
        }

        .filter-contents .registry-simple-actions > .col-md-2 {
                flex: 0 0 104px;
                justify-content: flex-end !important;
                max-width: 104px;
        }

        .filter-contents .registry-simple-actions:not(:has(> .col-md-10 > button, > .col-md-10 > .fauxForm)) > .col-md-2 {
                flex: 0 0 104px;
                max-width: 104px;
        }

        .filter-contents .registry-simple-actions > .col-md-2 .input-group {
                margin-left: auto;
                width: 104px;
        }

        .filter-contents .registry-bulk-actions > .col-md-2:first-child {
                flex: 0 0 40px;
                max-width: 40px;
        }

        .filter-contents .registry-bulk-actions > .col-md-2:last-child {
                flex: 0 0 104px;
                max-width: 104px;
        }

        .filter-contents .registry-bulk-actions > .col-md-2:last-child .input-group {
                width: 104px;
        }

        .filter-contents .articles-order-actions > [class*="col-"] {
                flex: 0 0 auto;
        }

        .filter-contents .articles-order-actions > .col-md-2 {
                flex-basis: 40px;
                max-width: 40px;
        }

        .filter-contents .articles-order-actions > .col-md-7 {
                flex: 1 1 calc(100% - 48px);
                max-width: calc(100% - 48px);
        }

        .filter-contents .articles-order-actions > .col-md-3 {
                flex: 0 0 120px;
                max-width: 120px;
        }

        .filter-contents .articles-order-actions:not(:has(> .col-md-7 > *)) > .col-md-7 {
                display: none !important;
        }

        .filter-contents .articles-order-actions:not(:has(> .col-md-7 > *)) > .col-md-3 {
                flex: 0 0 120px;
                max-width: 120px;
        }

        .filter-contents .articles-order-actions .btn.w-100 {
                width: 100% !important;
        }

        .filter-contents .articles-order-actions > .col-md-7 > .btn,
        .filter-contents .articles-order-actions > .col-md-7 > form {
                flex: 1 1 0;
                min-width: 0;
        }

        .filter-contents .articles-order-actions form {
                display: inline-flex;
                margin: 0;
        }

        .filter-contents .positions-project-actions > .col-9,
        .filter-contents .positions-project-actions > .col-9.dfw.j-e,
        .filter-contents .positions-trend-actions > .col-md-2:last-child,
        .filter-contents .positions-trend-actions > .col-md-2:last-child.dfw.j-e,
        .filter-contents .ai-projects-actions > .col-md-2,
        .filter-contents .ai-projects-actions > .col-md-2.dfw.j-e,
        .filter-contents .tools-list-actions > .col-md-3,
        .filter-contents .tools-list-actions > .col-md-3.dfw.j-e,
        .filter-contents .articles-order-actions > .col-md-3,
        .filter-contents .articles-order-actions > .col-md-3.dfw.j-e {
                justify-content: flex-end !important;
        }

        .filter-contents .tools-list-actions > .col-md-9,
        .filter-contents .positions-trend-actions > .col-md-2:first-child,
        .filter-contents .positions-trend-actions > .col-md-8,
        .filter-contents .articles-order-actions > .col-md-7,
        .filter-contents .articles-order-actions > .col-md-7.dfw.j-e {
                justify-content: flex-start !important;
        }

        .filter-contents .positions-trend-actions > .col-md-2:first-child {
                flex: 0 0 120px;
                max-width: 120px;
        }

        .filter-contents .positions-trend-actions > .col-md-8 {
                flex: 1 1 0;
                max-width: none;
                min-width: 0;
        }

        .filter-contents .positions-trend-actions > .col-md-2:last-child {
                flex: 0 0 40px;
                max-width: 40px;
        }

        .filter-contents .positions-project-actions > .col-9 > .w-100px,
        .filter-contents .ai-projects-actions > .col-md-2 > .w-100px,
        .filter-contents .tools-list-actions > .col-md-3 > .w-100px,
        .filter-contents .articles-order-actions > .col-md-3 > .w-100px {
                flex: 0 0 72px;
                width: 72px !important;
        }

        .filter-contents .positions-project-actions > .col-9 .columns-toggle,
        .filter-contents .positions-trend-actions > .col-md-2:last-child .columns-toggle,
        .filter-contents .ai-projects-actions > .col-md-2 .columns-toggle,
        .filter-contents .tools-list-actions > .col-md-3 .columns-toggle,
        .filter-contents .articles-order-actions > .col-md-3 .columns-toggle {
                align-items: center;
                display: inline-flex;
                flex: 0 0 40px;
                height: 40px;
                justify-content: center;
                max-width: 40px;
                min-height: 40px;
                padding-left: 0 !important;
                padding-right: 0 !important;
        }

        .filter-contents .positions-project-actions > .col-9 .columns-toggle span,
        .filter-contents .positions-trend-actions > .col-md-2:last-child .columns-toggle span,
        .filter-contents .ai-projects-actions > .col-md-2 .columns-toggle span,
        .filter-contents .tools-list-actions > .col-md-3 .columns-toggle span,
        .filter-contents .articles-order-actions > .col-md-3 .columns-toggle span {
                display: none;
        }

        .filter-contents .positions-project-actions > .col-9 .columns-toggle i,
        .filter-contents .positions-trend-actions > .col-md-2:last-child .columns-toggle i,
        .filter-contents .ai-projects-actions > .col-md-2 .columns-toggle i,
        .filter-contents .tools-list-actions > .col-md-3 .columns-toggle i,
        .filter-contents .articles-order-actions > .col-md-3 .columns-toggle i {
                margin-left: 0 !important;
                margin-right: 0 !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) {
                align-items: center;
                flex-wrap: nowrap;
                gap: .5rem;
                margin-left: 0;
                margin-right: 0;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"] {
                margin-bottom: .125rem !important;
                min-width: 0;
                padding-left: 0;
                padding-right: 0;
                width: auto;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:not(:has(button, .btn, .fauxForm, form, #elements, .columns-toggle, .ngn-columns-toggle)) {
                display: none !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:has(button, .btn, .fauxForm, form):not(:has(#elements, .columns-toggle, .ngn-columns-toggle)) {
                display: flex !important;
                flex: 0 0 auto;
                flex-wrap: nowrap !important;
                gap: .5rem !important;
                justify-content: flex-start !important;
                max-width: calc(100% - 138px);
                width: max-content !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:has(#elements) {
                display: flex !important;
                flex: 0 0 130px;
                justify-content: flex-end !important;
                margin-left: auto;
                max-width: 130px;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child > .input-group,
        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child > .w-100px {
                margin-left: auto;
                width: 82px !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child .select2-container {
                min-width: 0;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child .columns-toggle {
                align-items: center;
                display: inline-flex;
                flex: 0 0 40px;
                height: 40px;
                justify-content: center;
                max-width: 40px;
                min-height: 40px;
                padding-left: 0 !important;
                padding-right: 0 !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child .columns-toggle span {
                display: none;
        }

        .filter-contents > .row > .col-md-12 > .row:has(#elements) > [class*="col-"]:last-child .columns-toggle i {
                margin-left: 0 !important;
                margin-right: 0 !important;
        }
}

/* Shared mobile controls used directly between a filter and its data card. */
@media screen and (max-width: 767px) {
        .widget-selector {
                align-items: center;
                display: inline-flex;
                height: 40px;
                justify-content: center;
                min-height: 40px;
                padding-left: 0 !important;
                padding-right: 0 !important;
                width: 40px;
        }

        .widget-selector .ngn-columns-toggle-label {
                display: none;
        }

        .filter-contents .ngn-columns-toggle {
                align-items: center;
                display: inline-flex;
                height: 40px;
                justify-content: center;
                min-height: 40px;
                padding-left: 0 !important;
                padding-right: 0 !important;
                width: 40px;
        }

        .filter-contents .ngn-columns-toggle-label {
                display: none;
        }

        /* Toolbar templates use several Bootstrap column combinations. The
           page-size select is their common anchor, so keep every such row on
           one compact mobile line without changing desktop layout. */
        .filter-contents .row:has(#elements) {
                align-items: center;
                flex-wrap: nowrap !important;
                gap: .5rem;
                margin-left: 0;
                margin-right: 0;
        }

        .filter-contents .row:has(#elements) > [class*="col-"] {
                margin-bottom: 0 !important;
                min-width: 0;
                padding-left: 0;
                padding-right: 0;
                width: auto !important;
        }

        .filter-contents .row:has(#elements) > [class*="col-"]:not(:has(button, .btn, .fauxForm, form, #elements, .columns-toggle, .ngn-columns-toggle)) {
                display: none !important;
        }

        .filter-contents .row:has(#elements) > [class*="col-"]:has(button, .btn, .fauxForm, form):not(:has(#elements, .columns-toggle, .ngn-columns-toggle)) {
                display: flex !important;
                flex: 0 0 auto;
                flex-wrap: nowrap !important;
                gap: .5rem !important;
                justify-content: flex-start !important;
                max-width: calc(100% - 138px);
                width: max-content !important;
        }

        .filter-contents .row:has(#elements) > [class*="col-"]:has(#elements) {
                align-items: center;
                display: flex;
                flex: 0 0 130px;
                gap: .25rem;
                justify-content: flex-end !important;
                margin-left: auto;
                max-width: 130px;
        }

        .filter-contents .row:has(#elements) .btn,
        .filter-contents .row:has(#elements) .fauxForm {
                flex: 0 0 auto;
                width: auto !important;
        }

        .filter-contents .row:has(#elements) > [class*="col-"]:not(:has(#elements, .columns-toggle, .ngn-columns-toggle)) > .btn-icon {
                flex: 0 0 40px !important;
                max-width: 40px !important;
                min-width: 40px !important;
                width: 40px !important;
        }

        .filter-contents .row:has(#elements) .w-100px,
        .filter-contents .row:has(#elements) .select2-container {
                flex: 0 0 82px;
                min-width: 82px !important;
                width: 82px !important;
        }

        .filter-contents .row:has(#elements) .ngn-columns-toggle {
                flex: 0 0 40px;
                max-width: 40px;
        }

        .filter-contents > .row:has(> .col-md-12 #elements) > .col-md-12 {
                display: block !important;
                flex: 0 0 100% !important;
                margin-left: 0 !important;
                max-width: 100% !important;
                padding-left: 0;
                padding-right: 0;
                width: 100% !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(> [class*="col-"] #elements) {
                align-items: center;
                display: flex !important;
                flex-wrap: nowrap !important;
                justify-content: space-between !important;
                margin: -5px 0 1rem !important;
                width: 100% !important;
        }

        .filter-contents > .row > .col-md-12 > .row:has(> [class*="col-"] #elements) > [class*="col-"]:has(button, .btn, .fauxForm, form):not(:has(#elements, .columns-toggle, .ngn-columns-toggle)) {
                margin-right: auto;
        }

        .filter-contents > .row > .col-md-12 > .row:has(> [class*="col-"] #elements) > [class*="col-"]:has(#elements) {
                margin-left: auto !important;
        }

        .ai-project-jobs-actions:has(#elements) {
                align-items: center;
                display: flex !important;
                flex-wrap: nowrap !important;
                gap: .5rem;
                margin: 1rem 0 .75rem !important;
                width: 100% !important;
        }

        .ai-project-jobs-actions:has(#elements) > [class*="col-"] {
                margin-bottom: 0 !important;
                min-width: 0;
                padding-left: 0;
                padding-right: 0;
                width: auto !important;
        }

        .ai-project-jobs-actions:has(#elements) > [class*="col-"]:has(button, .btn, .fauxForm, form):not(:has(#elements, .columns-toggle, .ngn-columns-toggle)) {
                display: flex !important;
                flex: 0 1 auto;
                justify-content: flex-start !important;
                max-width: calc(100% - 90px);
        }

        .ai-project-jobs-actions:has(#elements) > [class*="col-"]:has(#elements) {
                align-items: center;
                display: flex !important;
                flex: 0 0 82px;
                justify-content: flex-end !important;
                margin-left: auto;
                max-width: 82px;
        }

        .ai-project-jobs-actions:has(#elements) .w-100px,
        .ai-project-jobs-actions:has(#elements) .select2-container {
                flex: 0 0 82px;
                min-width: 82px !important;
                width: 82px !important;
        }

        .month-days-status-toolbar {
                align-items: center;
                display: flex !important;
                flex: 0 0 100% !important;
                flex-wrap: wrap;
                gap: .5rem !important;
                justify-content: flex-start !important;
                margin-bottom: 0 !important;
                max-width: 100% !important;
                min-width: 0;
                padding-left: 0;
                padding-right: 0;
                width: 100% !important;
        }

        .row:has(> .month-days-status-toolbar) {
                margin: 1rem 0 .75rem !important;
                width: 100% !important;
        }

        .row:has(> .month-days-status-toolbar) > [class*="col-"]:not(:has(.showing-counter, button, .btn, .fauxForm, form, input, select, a, #elements, .columns-toggle, .ngn-columns-toggle)) {
                display: none !important;
        }

        .month-days-status-toolbar .showing-counter {
                align-items: center;
                display: inline-flex;
                flex: 0 0 auto;
                min-height: 40px;
                padding: 0 .75rem;
                white-space: nowrap;
        }

}

@media screen and (max-width: 480px) {
	
}

#article_history_check_in img {
	max-width: 100%;
}

/* Do not expose a half-initialized Apex chart during an AJAX trend transition. */
#project-trend-graph-shell .card-body { position: relative; }
#project-trend-graph-shell.project-trend-graph-pending #kt_apexcharts_project_graph { visibility: hidden; }
#project-trend-graph-shell.project-trend-graph-pending .card-body::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	border: 3px solid #e7edf4;
	border-top-color: #13c8c8;
	border-radius: 50%;
	animation: project-trend-loader .8s linear infinite;
}
@keyframes project-trend-loader { to { transform: rotate(360deg); } }
.ngn-project-submenu-disabled {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}