:root {
    --tblr-border-radius-scale: 0.5;
    --tblr-shadow-input: none;
}

.form-check-input:focus {
    box-shadow: none;
}

.alert-icon:has(.ti) {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
}

.alert-icon .ti {
    font-size: 16px;
}

.ti-lg {
    font-size: 20px;
}

.is-loading:before {
	display: block;
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.25);
	background-size: 36px, cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1019;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZUhjMjRkSlVqZ0wxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48c3R5bGU+PCFbQ0RBVEFbI2VIYzI0ZEpVamdMMl90ciB7YW5pbWF0aW9uOiBlSGMyNGRKVWpnTDJfdHJfX3RyIDEwMDBtcyBsaW5lYXIgaW5maW5pdGUgbm9ybWFsIGZvcndhcmRzfUBrZXlmcmFtZXMgZUhjMjRkSlVqZ0wyX3RyX190ciB7IDAlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDBkZWcpfSAyNSUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoOTBkZWcpfSA1MCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMTgwZGVnKX0gNzUlIHt0cmFuc2Zvcm06IHRyYW5zbGF0ZSgyNTZweCwyNTZweCkgcm90YXRlKDI3MGRlZyl9IDEwMCUge3RyYW5zZm9ybTogdHJhbnNsYXRlKDI1NnB4LDI1NnB4KSByb3RhdGUoMzYwZGVnKX19XV0+PC9zdHlsZT48ZyBpZD0iZUhjMjRkSlVqZ0wyX3RyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYsMjU2KSByb3RhdGUoMCkiPjxnIGlkPSJlSGMyNGRKVWpnTDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYsLTI1NikiPjxwYXRoIGlkPSJlSGMyNGRKVWpnTDMiIGQ9Ik00NTYuNzEwMDAwLDM3MC42OTAwMDBMNDI4Ljg4MDAwMCwzNTQuNzkwMDAwQzQyMi4yMjczNDcsMzUwLjkxMDkyMiw0MTkuMzA1MDQzLDM0Mi44MjYxNjIsNDIxLjk0MDAwMCwzMzUuNTkwMDAwQzM4Mi41NTIyMjksNDE3LjY4OTA5NywyODkuMDM3NzQ2LDQ1OC42MzA0MDAsMjAxLjk5NjE4OSw0MzEuODgyOTU5QzExNC45NTQ2MzIsNDA1LjEzNTUxOSw2MC41Njg1NTgsMzE4Ljc0NTEwNSw3NC4wODE0NTIsMjI4LjY5NDc4NkM4Ny41OTQzNDYsMTM4LjY0NDQ2NywxNjQuOTQxNDYwLDcyLjAyMTg1MiwyNTYsNzJDMjYxLjg5MDAwMCw3MiwyNjcuNzEwMDAwLDcyLjI5MDAwMCwyNzMuNDYwMDAwLDcyLjgzMDAwMEMyNzIuNzIwMDAwLDcyLjc2MDAwMCwyNzEuOTgwMDAwLDcyLjY4MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMEMyNjIuNzQwMDAwLDcxLjkzMDAwMCwyNTYsNjUuMzEwMDAwLDI1Niw1Ni43OTAwMDBMMjU2LDI0Ljc5MDAwMEMyNTUuOTkyNjkzLDE2LjIwNDkwMiwyNjIuNzYyMjA2LDkuMTQ0MTMyLDI3MS4zNDAwMDAsOC43OTAwMDBDMjY2LjI0MDAwMCw4LjQ2MDAwMCwyNjEuMTgwMDAwLDgsMjU2LDhDMTE5LDgsOCwxMTksOCwyNTZDOCwzOTMsMTE5LDUwNCwyNTYsNTA0QzM1NCw1MDQsNDM4LjQyMDAwMCw0NDcuMDUwMDAwLDQ3OC43MTAwMDAsMzY0LjU4MDAwMEM0NzQuNTgwMDAwLDM3Mi40NDAwMDAsNDY0LjQ4MDAwMCwzNzUuMTMwMDAwLDQ1Ni43MTAwMDAsMzcwLjY5MDAwMFoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC4xNSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBpZD0iZUhjMjRkSlVqZ0w0IiBkPSJNMjcxLjIzMDAwMCw3Mi42MjAwMDBDMjYyLjc0MDAwMCw3MS45MzAwMDAsMjU2LDY1LjMxMDAwMCwyNTYsNTYuNzkwMDAwTDI1NiwyNC43MzAwMDBDMjU2LDE1LjYyMDAwMCwyNjMuNjcwMDAwLDcuOTUwMDAwLDI3Mi43NzAwMDAsOC41NjAwMDBDNDAxLjkyMDAwMCwxNy4xODAwMDAsNTA0LDEyNC42NzAwMDAsNTA0LDI1NkM1MDQuMDI4ODEyLDI5My41MTQyNDUsNDk1LjQ3NzQ2MCwzMzAuNTM4MTc5LDQ3OSwzNjQuMjQwMDAwQzQ3NSwzNzIuNDEwMDAwLDQ2NC42MzAwMDAsMzc1LjI0MDAwMCw0NTYuNzQwMDAwLDM3MC42OTAwMDBMNDI4LjkwMDAwMCwzNTQuNzkwMDAwQzQyMS40OTAwMDAsMzUwLjU2MDAwMCw0MTkuMDcwMDAwLDM0MS40NDAwMDAsNDIyLjcwMDAwMCwzMzMuNzIwMDAwQzQzNC4xMTU2NzcsMzA5LjQwMjA2Miw0NDAuMDIyODY5LDI4Mi44NjQwODksNDQwLDI1NkM0NDAsMTU5LjUxMDAwMCwzNjUuNzMwMDAwLDgwLjM3MDAwMCwyNzEuMjMwMDAwLDcyLjYyMDAwMFoiIGZpbGw9IiMwMDY3RDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9nPjwvZz48L3N2Zz4=");
}

.notifications {
	display: block;
	position: fixed;
	width: 400px;
	max-width: calc(100% - 30px);
	right: 0px;
	top: 48px;
	user-select: none;
	z-index: 4999;
}

.notification {
	position: relative;
	padding: 10px 15px;
	margin: 0px 20px 10px 0px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	transform: translate3d(0,0,0);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 1;
	width: calc(100% - 15px);
	display: block;
}

.notification:not(:has(.text)) {
	padding: 25px 15px;
}

.notification.success {
	border-left: 3px solid #0B0;
	background-color: #E6F5E6;
}

.notification.warning {
	border-left: 3px solid #F90;
	background-color: #FFF6E8;
}

.notification.error {
	border-left: 3px solid #E00;
	background-color: #FFEDED;
}

.notification.info {
	border-left: 3px solid #08D;
	background-color: #E2F4FF;
}

.notification .title {
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.15;
	color: #000;
}

.notification .text {
	margin: 5px 0px 0px;
	font-size: 14px;
	color: #333;
}

.notification .close {
	display: block;
    position: absolute;
    top: 0px;
    right: 2px;
    font-size: 28px;
	font-weight: 200;
    color: #555;
	line-height: 0.8;
	padding: 4px 6px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	transition: color 0.25s ease;
	opacity: 1;
}

.notification:not(:has(.text)) .close {
	top: 50%;
    transform: translateY(-60%);
}

.notification .close:hover {
	color: #E00;
}

.notification.entering {
	transform: translate3d(305px,0,0);
	opacity: 0;
}

.notification.closing {
	transform: translate3d(305px,0,0);
	opacity: 0;
}

.tags-component-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	font-family: var(--tblr-body-font-family);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	padding: .5625rem 1rem;
	background-color: var(--tblr-bg-forms);
	border: var(--tblr-border-width) solid var(--tblr-border-color);
	box-shadow: var(--tblr-shadow-input);
	border-radius: var(--tblr-border-radius);
}

.tags-component-wrapper:has(.tag-pill) {
	padding: .45rem 1rem;
}

.tags-component-wrapper .tags-pills-container {
	display: contents;
}

.tags-component-wrapper .tag-pill {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	color: #345;
	white-space: nowrap;
	padding: 2px 6px;
	border: 1px solid #E2E2E2;
	border-radius: 2px;
	background-color: #f1f3f5;
}

.tags-component-wrapper .tag-pill .remove-tag-btn {
	margin-top: -2px;    
	margin-left: 8px;
	font-size: 18px;
	font-weight: 400;
	line-height: 0.9;        
	color: #777;
	cursor: pointer;
}

.tags-component-wrapper .tag-pill .remove-tag-btn:hover {
	color: #D00;
}

.tags-component-wrapper .tag-input {
	flex-grow: 1;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	min-width: 150px;
	border: none;
	outline: none;
	box-shadow: none;
}

.tags-component-wrapper .tag-input::placeholder {
	color: var(--tblr-tertiary);
	opacity: 1
}

.tags-component-wrapper .tag-input:disabled {
	background-color: var(--tblr-bg-surface-secondary);
	opacity: 1
}