/* Kanban Board Styles */
.kanban-wrapper {
	height: calc(100vh - 180px);
	/* Fill remaining height */
	min-height: 500px;
}

.kanban-column {
	min-width: 300px;
	width: 300px;
	background-color: #f8f9fa;
	/* Light gray track background */
	border-radius: 8px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

.kanban-items {
	flex-grow: 1;
	overflow-y: auto;
	min-height: 50px;
	/* Drop target size */
}

/* Scrollbar for columns */
.kanban-items::-webkit-scrollbar {
	width: 4px;
}

.kanban-items::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

/* Card Styling - Monument Charcoal */
.kanban-card {
	background-color: #2c2e30 !important;
	/* Deep Charcoal */
	border: none;
	border-left: 4px solid #ff8800;
	/* Safety Orange Accent */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	cursor: grab;
	transition: transform 0.2s, box-shadow 0.2s;
}

.kanban-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.kanban-card:active {
	cursor: grabbing;
}

.kanban-card .card-title a {
	color: #fff !important;
}

.kanban-card .text-muted {
	color: rgba(255, 255, 255, 0.6) !important;
}

/* Ghost class (SortableJS placeholder) */
.kanban-ghost {
	opacity: 0.4;
	background-color: #ff8800 !important;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0 var(--danger)
	}

	to {
		box-shadow: 0 0 0 20px transparent
	}
}

@keyframes ac-fade-in-down {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

html {
	scroll-behavior: smooth
}

body {
	width: 100%;
	height: 100%
}

.app {
	background: var(--gray-50)
}

.app-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: var(--gray-100);
	z-index: 100;
	opacity: .9
}

.app-sidebar {
	width: 275px;
	min-width: 275px;
	max-width: 275px;
	margin-left: -275px;
	transition: margin .15s linear;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	height: 100vh;
	margin-top: 0;
	margin-bottom: 0;
	background: var(--white);
	border-right: 1px solid var(--gray-100);
}

[dir=rtl] .app-sidebar {
	margin-left: initial;
	left: initial;
	right: 0;
	margin-right: -350px
}

body.app-sidebar-opened .app-sidebar {
	margin-left: 0
}

[dir=rtl] body.app-sidebar-opened .app-sidebar {
	margin-left: initial;
	margin-right: 0
}

@media (min-width:992px) {
	.app-sidebar {
		margin-left: 0
	}

	[dir=rtl] .app-sidebar {
		margin-left: initial;
		margin-right: 0
	}
}

.app-sidebar-title {
	display: flex;
	align-items: center;
	justify-content: center
}

.app-sidebar-title a {
	color: var(--gray-900);
	font-weight: 600
}

.app-sidebar-title a:hover {
	text-decoration: none
}

.app-sidebar-title img {
	margin-bottom: 1.15rem
}

.app-sidebar-title div,
.blog-post-content p {
	margin-bottom: 1.5rem
}

.app-sidebar-links-wrapper {
	background: transparent;
	padding: 1.5rem 1rem;
	overflow-y: auto;
	height: calc(100vh - 60px);
	width: 100%;
	border: none;
	scrollbar-width: none !important;
	scrollbar-color: transparent transparent !important;
	-ms-overflow-style: none !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.app-sidebar-links-wrapper::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	background: transparent;
}

.app-sidebar-links-wrapper:hover {
	width: 100%;
}

.app-sidebar-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0
}

.app-sidebar-links>li {
	width: 100%;
	padding: .25rem 0
}

.app-sidebar-links>li>a {
	width: 100%;
	display: flex;
	align-items: center;
	color: var(--gray-600);
	border-radius: var(--border-radius);
	padding: .75rem 1rem;
	transition: background .3s;
	font-size: .95rem;
	font-weight: 500
}

.app-sidebar-links>li>a:hover {
	text-decoration: none;
	background: var(--gray-200);
	color: var(--gray-600)
}

[data-theme-style=dark] .app-sidebar-links>li>a:hover {
	background: var(--gray-200);
	color: var(--gray-800)
}

.app-sidebar-links>li.active>a:not(.default) {
	background: var(--primary);
	color: var(--white);
	font-weight: 500;
}

/* Submenu/Dropdown Items Styling */
.app-sidebar-links .collapse li a,
.app-sidebar-links .pl-4,
.app-sidebar-links .px-4 {
	color: var(--gray-600) !important;
	text-decoration: none !important;
	transition: color 0.2s ease, background-color 0.2s ease;
	border-radius: var(--border-radius);
}

.app-sidebar-links .collapse li a:hover,
.app-sidebar-links .pl-4:hover,
.app-sidebar-links .px-4:hover {
	color: var(--primary) !important;
	text-decoration: none !important;
	background-color: transparent;
	/* Or slight hover bg if preferred */
}

/* Active Submenu Item */
.app-sidebar-links li.active .collapse li.active a {
	background: var(--gray-100);
	color: var(--primary) !important;
	font-weight: 600;
	text-decoration: none !important;
}

[data-theme-style=dark] .app-sidebar-links>li.active>a:not(.default) {
	background: var(--primary-800);
	color: var(--white)
}

[data-theme-style=dark] .app-sidebar-links li.active .collapse li.active a {
	background: var(--gray-800);
	color: var(--primary-400) !important;
}

.app-sidebar-avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%
}

.app-sidebar-footer-block {
	max-width: 100%
}

.app-sidebar-footer-text,
.dropdown-item svg {
	color: var(--gray-600)
}

.app-content {
	height: 100%;
	overflow: auto;
	margin-left: 0;
	position: relative;
	flex-grow: 1
}

[dir=rtl] .app-content {
	margin-left: initial;
	margin-right: 0
}

@media (min-width:992px) {
	.app-content {
		margin-left: 275px;
	}

	[dir=rtl] .app-content {
		margin-left: initial;
		margin-right: 275px;
	}
}

.app-navbar {
	border: 1px solid var(--gray-100)
}

[data-theme-style=dark] .app-navbar {
	border-color: var(--gray-100)
}

.dropdown-item {
	color: var(--gray-800);
	font-weight: 450;
	font-size: .9rem
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
	border-radius: var(--border-radius)
}

.dropdown-item.active svg,
.dropdown-item:active svg {
	color: var(--white)
}

.footer {
	font-size: .95rem;
	color: var(--gray-600)
}

.footer a:hover:not(.dropdown-item),
.footer a:not(.dropdown-item) {
	color: var(--gray-600)
}

.footer a.icon,
.footer button,
.footer button:hover {
	color: var(--gray-600)
}

.footer-logo {
	max-height: 2.5rem;
	height: 2.5rem
}

.footer-heading {
	color: var(--black) !important
}

.footer-social-wrapper {
	border-radius: 50%;
	aspect-ratio: 1/1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto
}

.footer-social-wrapper a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.filters-dropdown {
	width: 18rem;
	max-height: 30rem;
	overflow-y: auto
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.modal-header {
	padding: 1rem;
	border-bottom: 0
}

.modal-content {
	padding: 1rem;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: calc(2*var(--border-radius))
}

.input-group-text {
	font-size: .9rem
}

.form-control-range {
	-webkit-appearance: none;
	appearance: none;
	overflow: hidden;
	accent-color: var(--primary);
	background: var(--gray-200);
	border-radius: var(--border-radius);
	height: .5rem;
	margin: .75rem 0
}

.form-control-range::-moz-range-track,
.form-control-range::-webkit-slider-runnable-track {
	background: var(--gray-200)
}

.form-control-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);
	box-shadow: -2007px 0 0 2000px var(--primary-300)
}

.form-control-range::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);
	box-shadow: -2007px 0 0 2000px var(--primary-300)
}

.custom-breadcrumbs {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap
}

.custom-breadcrumbs>li {
	margin-right: .5rem
}

.custom-breadcrumbs>li>a {
	color: var(--gray)
}

.custom-breadcrumbs>li>svg {
	color: var(--gray-400);
	margin-left: .5rem
}

.font-size-little-small {
	font-size: .95rem
}

.font-size-small {
	font-size: .9rem
}

.font-weight-450 {
	font-weight: 450
}

.font-weight-500 {
	font-weight: 500
}

.cursor-grab {
	cursor: grab !important
}

.list-style-none {
	list-style: none;
	padding: 0
}

.cursor-pointer {
	cursor: pointer
}

.no-focus:focus {
	outline: 0;
	box-shadow: none
}

.appearance-none {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

img {
	vertical-align: inherit !important
}

.icon-favicon {
	width: .95rem;
	height: auto
}

.icon-favicon-small {
	width: .75rem;
	height: auto
}

.navbar-nav>li {
	font-size: .9rem;
	font-weight: 500
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem
}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

.navbar-logo {
	max-height: 2.5rem;
	height: 2.5rem
}

.navbar-logo-mini {
	max-height: 1.25rem;
	height: 1.25rem
}

.navbar-avatar {
	width: 20px;
	height: 20px;
	border-radius: 0
}

.navbar-custom-toggler {
	padding: .5rem .8rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border-radius: var(--border-radius);
	color: var(--gray-500);
	border-color: var(--gray-300)
}

.chart-container {
	position: relative;
	margin: auto;
	height: 275px;
	width: 100%
}

@media print {
	.chart-container canvas {
		min-height: 100%;
		max-width: 100%;
		max-height: 100%;
		height: auto !important;
		width: auto !important
	}
}

.user-avatar {
	border-radius: 50%;
	max-width: 70px;
	max-height: 70px
}

.container-disabled {
	pointer-events: none;
	opacity: .5
}

.container-disabled-simple {
	pointer-events: none
}

.table-image-wrapper {
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	max-height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-100)
}

.table-custom-container {
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-100)
}

.table-custom {
	margin-bottom: 0;
	background: var(--white)
}

.table-custom thead th {
	border-top: 0;
	border-bottom: 0;
	color: var(--gray)
}

.table-custom th {
	padding: 1.25rem;
	font-size: .9rem
}

[data-theme-style=dark] .table-custom thead th {
	color: var(--gray-800)
}

.table-custom tbody tr {
	border-top: 1px solid var(--gray-50);
	transition: all .3s ease-in-out
}

.table-custom td {
	padding: 1.25rem;
	vertical-align: middle
}

.table-custom tbody tr td {
	border-top: 0
}

.pricing-tag {
	position: absolute;
	font-size: 80%;
	font-weight: 600;
	background: var(--gray-600);
	color: var(--gray-50);
	padding: .1rem .8rem;
	border-radius: var(--border-radius);
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.custom-radio-box {
	cursor: pointer
}

.custom-radio-box .custom-radio-box-main-text {
	font-size: 1.15rem;
	font-weight: 700
}

.custom-radio-box .custom-radio-box-main-icon {
	font-size: 1.25rem
}

.custom-radio-box input[type=checkbox]+div,
.custom-radio-box input[type=radio]+div {
	transition: all .3s ease-in-out;
	border: 1px solid var(--gray-200);
	background: var(--white)
}

.custom-radio-box input[type=checkbox]:checked+div,
.custom-radio-box input[type=radio]:checked+div {
	border: 1px solid var(--primary)
}

.custom-radio-box input[type=checkbox]:hover+div,
.custom-radio-box input[type=radio]:hover+div {
	border: 1px solid var(--primary)
}

.pricing-card {
	border: 1px solid var(--gray-100)
}

.cryptocurrency-icon {
	width: 40px;
	height: 40px
}

.round-circle-lg,
.round-circle-md {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.round-circle-lg {
	width: 4.5rem;
	height: 4.5rem
}

.invoice-table th {
	border-top: 0 !important
}

.invoice-table td {
	vertical-align: baseline !important
}

@media print {
	.invoice {
		page-break-after: always
	}

	.container,
	body,
	html {
		height: auto !important;
		overflow: visible !important
	}

	.invoice-logo {
		filter: grayscale(100%)
	}
}

.altum-animate {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.altum-animate-fill-both {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.altum-animate-fill-none {
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none
}

.altum-animate-fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.btn-custom {
	padding: .5rem 1.5rem;
	color: var(--gray-500);
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-50);
	font-size: .9rem;
	font-weight: 500;
	background: var(--white);
	transition: background .3s
}

.btn-custom:hover {
	color: var(--gray-800);
	background: var(--gray-100);
	border-color: var(--gray-100)
}

.btn-custom.active {
	color: var(--gray-800);
	border: 1px solid var(--gray-200);
	background: var(--gray-200)
}

.blog-post-image {
	max-height: 20rem;
	object-fit: cover
}

.blog-post-image-small {
	height: 13rem;
	max-height: 13rem;
	object-fit: cover
}

.blog-post-content {
	line-height: 1.75;
	word-break: break-word
}

.ql-code-block {
	background-color: var(--gray-200);
	color: var(--gray-600);
	padding: 1rem;
	overflow-x: auto;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
	font-size: .9rem;
	line-height: 1.5
}

.ql-content p {
	margin-bottom: 0 !important
}

.ql-content li[data-list=bullet] {
	list-style-type: disc
}

.altum-file-input,
.ql-code-block,
blockquote {
	border-radius: var(--border-radius)
}

blockquote {
	border-left: 4px solid var(--gray-400);
	padding: 1rem 1.5rem;
	margin: 1.5rem 0;
	background-color: var(--gray-100);
	font-style: italic;
	color: var(--gray-600);
	font-size: 1.1rem;
	line-height: 1.6
}

.altum-file-input {
	padding: 1rem;
	background: var(--gray-100);
	border: 1px solid var(--gray-200);
	cursor: pointer;
	font-size: .9rem
}

.altum-file-input:hover {
	border-color: var(--gray-300)
}

.altum-file-input::file-selector-button {
	border: 0;
	padding: .4rem .75rem;
	border-radius: var(--border-radius);
	background-color: var(--white);
	cursor: pointer;
	font-size: .9rem;
	margin-right: 1rem
}

.altum-file-input-preview {
	max-width: 100%;
	max-height: 68px;
	min-height: 68px;
	object-fit: cover
}

.sticky {
	position: sticky !important;
	top: 1rem;
	height: min-content
}

.icon-zoom-animation svg,
.zoom-animation,
a svg {
	transition: transform .15s
}

a:hover svg {
	transform: scale(1.1)
}

a:active svg {
	transform: scale(.9)
}

[data-theme-style=dark] svg[data-custom-colors] {
	color: var(--brand-color-dark) !important
}

.icon-zoom-animation:hover svg {
	transform: scale(1.1)
}

.zoom-animation:hover {
	transform: scale(1.05)
}

.zoom-animation:active {
	transform: scale(.95)
}

.up-animation,
.zoom-animation-subtle {
	transition: transform .3s
}

.zoom-animation-subtle:hover {
	transform: scale(1.025)
}

.zoom-animation-subtle:active {
	transform: scale(.98)
}

.up-animation:hover {
	transform: translateY(-10px)
}

@media print {
	.pcr-app {
		display: none
	}
}

.pcr-button {
	border: 1px solid #fff !important;
	outline: 1px solid var(--gray-300) !important;
	height: calc(var(--input-padding-y) + var(--input-padding-x) + var(--input-font-size) + calc(var(--input-font-size)/2.75)) !important;
	width: 100% !important
}

.pcr-button,
.pcr-button::after,
.pcr-button::before {
	border-radius: var(--border-radius) !important
}

.w-fit-content {
	width: fit-content !important
}

.loading-overlay {
	padding: 1.25rem;
	border-radius: var(--border-radius);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--white);
	z-index: 100;
	opacity: .8
}

[data-theme-style=dark] .loading-overlay {
	background: var(--gray-50)
}

.ai-chat-avatar {
	width: 35px;
	height: 35px
}

.ai-chat-big-avatar {
	width: 50px;
	height: 50px
}

.chat-messages {
	height: 25rem;
	overflow-y: scroll
}

.chat-content {
	word-break: break-word
}

.btn-group-custom,
.shiki {
	border-radius: var(--border-radius)
}

.shiki {
	overflow: auto;
	padding: 1.5rem;
	font-size: .9rem;
	line-height: 1.5rem
}

.shiki code {
	background: initial !important
}

.btn-group-custom {
	border: 1px solid var(--gray-100);
	padding: .5rem;
	flex-wrap: wrap;
	display: inline-flex;
	gap: .5rem
}

.btn-group-custom .btn {
	border-radius: var(--border-radius) !important;
	background: var(--gray-100)
}

.btn-group-custom .btn.active {
	background: var(--dark);
	color: var(--white);
	z-index: 0 !important
}

body * {
	scrollbar-color: var(--gray-200) var(--white) !important;
	scrollbar-width: thin !important
}

body ::-webkit-scrollbar-thumb {
	background: var(--gray-200);
	border-radius: 10px;
	width: 6px;
	height: 6px
}

body ::-webkit-scrollbar,
body ::-webkit-scrollbar-track {
	background: var(--white);
	border-radius: 10px;
	width: 6px;
	height: 6px
}

.internal-notification-icon {
	animation: pulse-animation 2s infinite
}

.team-user-avatar {
	width: 45px;
	height: 45px
}

.team-delegate-access-wrapper {
	margin: .75rem;
	border-radius: .5rem
}

@media (min-width:992px) {
	.team-delegate-access-wrapper {
		border-radius: 5rem
	}
}

.announcement-wrapper {
	margin: .75rem;
	border-radius: .5rem;
	opacity: 0;
	transition: opacity .3s ease-in;
	animation: ac-fade-in-down .3s ease-in .6s forwards
}

@media (min-width:992px) {
	.announcement-wrapper {
		border-radius: 5rem
	}
}

.pwa-wrapper {
	position: fixed;
	bottom: 0;
	width: calc(100% - 1.5rem);
	z-index: 1000;
	background: hsla(0, 0%, 90%, 50%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px)
}

[data-theme-style=dark] .pwa-wrapper {
	background: hsla(0, 0%, 22%, 50%)
}

.rounded-2x {
	border-radius: calc(2*var(--border-radius))
}

.rounded-3x {
	border-radius: calc(3*var(--border-radius))
}

.pointer-events-all {
	pointer-events: all !important
}

i.fa-fw {
	width: 1.25em;
	display: inline-block
}

i.fa-xs {
	font-size: .85em
}

i.fa-sm {
	font-size: .875em
}

i.fa-lg {
	font-size: 1.25em
}

i.xl {
	font-size: 1.5em
}

.rating-star {
	cursor: pointer
}

.rating-star svg {
	color: #ffc107;
	transition: color .15s
}

.rating-star:hover svg,
.rating-star:hover~.rating-star svg {
	color: #f80 !important
}

.rating-star-chosen svg,
.rating-star-chosen~.rating-star svg {
	color: #dd6200
}/* Fencify Pagination */
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.card-body{padding:20px 28px}.page-item .page-link{font-family:'Onest',system-ui,sans-serif;font-size:13px;font-weight:700;color:#1f2223!important;background:transparent!important;border:none!important;border-radius:10px!important;padding:8px 14px!important;transition:background .15s,color .15s!important;box-shadow:none!important}.page-item .page-link:hover{background:#f1f5f9!important;color:#1f2223!important}.page-item.active .page-link{background:#DFFF00!important;color:#1f2223!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(223,255,0,.25)!important}.page-item.disabled .page-link{color:#94a3b8!important;background:transparent!important;cursor:default!important}.page-item .page-link:focus{box-shadow:0 0 0 3px rgba(223,255,0,.35)!important;outline:none!important}.fencify-alert,.notification-container>.alert{position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-height:56px!important;margin:0 0 1rem!important;padding:16px 56px 16px 52px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:#1f2223!important;color:#fff!important;font-family:'Onest',system-ui,sans-serif!important;font-size:15px!important;font-weight:650!important;line-height:1.45!important;letter-spacing:0!important;box-shadow:0 10px 24px rgba(31,34,35,.12)!important}.fencify-alert>i.fas:first-of-type,.notification-container>.alert>i.fas:first-of-type{position:absolute!important;top:50%!important;left:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin:0!important;transform:translateY(-50%)!important;border-radius:999px!important;background:rgba(223,255,0,.14)!important;color:#DFFF00!important;font-size:12px!important}.fencify-alert.alert-danger,.notification-container>.alert.alert-danger{border-color:rgba(255,107,107,.2)!important}.fencify-alert.alert-warning,.notification-container>.alert.alert-warning{border-color:rgba(223,255,0,.16)!important}.fencify-alert.alert-danger>i.fas:first-of-type,.notification-container>.alert.alert-danger>i.fas:first-of-type{background:rgba(255,107,107,.14)!important;color:#ff7c7c!important}.fencify-alert .close,.notification-container>.alert .close{position:absolute!important;top:50%!important;right:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;float:none!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;color:#fff!important;opacity:1!important;text-shadow:none!important;line-height:1!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}.fencify-alert .close i,.notification-container>.alert .close i{margin:0!important;color:inherit!important;font-size:11px!important}.fencify-alert .close:hover,.fencify-alert .close:focus,.notification-container>.alert .close:hover,.notification-container>.alert .close:focus{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;outline:0!important}.fencify-alert a,.notification-container>.alert a{color:#DFFF00!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}@media (max-width:575.98px){.fencify-alert,.notification-container>.alert{min-height:54px!important;padding:14px 48px 14px 46px!important;border-radius:10px!important;font-size:14px!important}.fencify-alert>i.fas:first-of-type,.notification-container>.alert>i.fas:first-of-type{left:14px!important;width:22px!important;height:22px!important}.fencify-alert .close,.notification-container>.alert .close{right:12px!important;width:26px!important;height:26px!important}}