div.gadgetui-bubble span {
	font-size: 13px;
}

div.gadget-ui-collapsiblePane,
div.gadget-ui-floatingPane {
	padding: 0px;
	border-radius: 5px;
	border: 1px solid silver;
	overflow: hidden;
}

div.gadget-ui-floatingPane {
	position: absolute;
}

div.gadget-ui-collapsiblePane > div:nth-child(2),
div.gadget-ui-floatingPane > div:nth-child(2) {
	padding: 0.5em;
}

div.gadget-ui-floatingPane > div:nth-child(2) {
	overflow: auto;
}

div.gadget-ui-collapsiblePane-header,
div.gadget-ui-floatingPane-header {
	padding: 2px 0px 2px 0.5em;
	text-align: left;
	border-radius: 5px 5px 0 0;
	border: 1px solid transparent;
	background-color: silver;
	color: black;
	font-weight: bold;
	overflow: hidden;
	dislay: flex;
	justify-content: space-between;
}

div.gadget-ui-collapsiblePane-header div,
div.gadget-ui-floatingPane-header div {
	float: right;
	display: inline;
	padding-right: 0.25em;
	margin-top: 0.1em;
}

p.gadgetui-bubble-speech {
	display: none;
}

div.gadgetui-bubble {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

.feather {
	width: 1.2em;
	height: 1.2em;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

div.gadgetui-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition:
		visibility 0s linear 0.25s,
		opacity 0.25s 0s,
		transform 0.25s;
}

div.gadgetui-modalWindow {
	padding: 1em;
	border-radius: 0.25em;
	background: #fff;
	border: 1px solid silver;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

div.gadgetui-showModal {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition:
		visibility 0s linear 0s,
		opacity 0.25s 0s,
		transform 0.25s;
}

.gadgetui-right-align {
	float: right;
}

div.gadgetui-sidebar {
	border: 1px solid silver;
	position: relative;
	top: 0;
	bottom: 0;
}

div.gadgetui-sidebar-minimized {
	width: 25px !important;
}

div.gadgetui-sidebarContent-minimized {
	opacity: 0;
	overflow: hidden;
	width: 0px !important;
}

span.gadgetui-sidebar-toggle {
	position: relative;
	right: 0;
	top: 48%;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-top: 4px;
	border-radius: 0.25em 0 0 0.25em;
	cursor: pointer;
}

div.gadget-ui-menu {
	display: inline-block;
	padding: 0 0.25em;
	margin: 0 0 0.25em 0;
	cursor: pointer;
}

.gadget-ui-menu-menuItem {
	display: none;
	border: 1px solid #777;
	background: #fff;
}

.gadget-ui-menu-menuItem > div {
	padding-top: 0.5em;
	display: block;
}

.gadget-ui-menu-hovering {
	display: block;
	position: absolute;
}

.gadget-ui-menu-item > .gadget-ui-menu-menuItem {
	position: absolute;
	margin-left: 90%;
	margin-top: -1.3em;
	float: right;
}

.gadget-ui-menu-item {
	white-space: nowrap;
	padding: 0 1em 0.5em 0.25em;
}

.gadget-ui-menu-item:hover {
	background: #ccc;
}

.gadget-ui-menu-icon {
	width: 2em;
	display: inline;
	margin-right: 0.25em;
}

.gadget-ui-tabs-h {
	background-color: #ccc;
	padding: 0 0.5em;
	margin-top: 0.25em;
	display: flex;
	/*   justify-content: space-between; */
}

.gadget-ui-tabs-h div.gadget-ui-tab-h {
	display: inline-block;
	padding: 0.5em 1em 0 1em;
	background-color: #777;
	color: white;
	margin: 0.5em 0.5em 0 0.5em;
	font-weight: bold;
	border-radius: 0.25em 0.25em 0 0;
	height: 1.5em;
	cursor: pointer;
}

.gadget-ui-tabs-h div.gadget-ui-tab-h:hover {
	background-color: #999;
}

.gadget-ui-tabs-h div.gadget-ui-tab-h-active {
	display: inline-block;
	padding: 0.5em 1em 0 1em;
	background-color: #999;
	color: white;
	margin: 0.5em 0.5em 0 0.5em;
	font-weight: bold;
	border-radius: 0.25em 0.25em 0 0;
	height: 1.5em;
}

.gadget-ui-tabs-v {
	background-color: #ccc;
	padding: 0;
	display: block;
}

.gadget-ui-tabs-v div.gadget-ui-tab-v {
	display: block;
	padding: 0.5em 0.5em 0 1em;
	background-color: #777;
	color: white;
	margin: 0.5em 0 0 0.5em;
	font-weight: bold;
	border-radius: 0;
	height: 1.5em;
	text-align: right;
	cursor: pointer;
}

.gadget-ui-tabs-v div.gadget-ui-tab-v:hover {
	background-color: #999;
}

.gadget-ui-tabs-v div.gadget-ui-tab-v-active {
	display: block;
	padding: 0.5em 0.5em 0 1em;
	background-color: #999;
	color: white;
	margin: 0.5em 0 0 0.5em;
	font-weight: bold;
	border-radius: 0;
	height: 1.5em;
	text-align: right;
}

.gadgetui-progressbar-progressbox {
	display: flex;
	padding: 0.25em 0.5em;
	background: #999;
	color: #fff;
}

.gadget-ui-progressbar {
	background: #444;
	font-size: smaller;
}

.gadgetui-progressbar-label {
	color: white;
	position: absolute;
	float: left;
	padding-left: 0.5em;
}

.gadget-ui-progressbar-filename {
	padding: 0 0.25em;
}
.gadgetui-progressbar-statustxt {
	margin-left: -3em;
}

.gadgetui-lightbox {
	width: 100%;
	height: 100%;
	position: relative; /* Changed to relative for better containment */
}

.gadgetui-lightbox-image-container {
	width: 95%;
	height: 100%; /* Ensure container takes full height */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden; /* Hide transition image during slide */
}

.gadgetui-lightbox-image {
	width: 100%;
	/* height: 100%;
	position: absolute; */
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1; /* Main image below transition image */
}

.gadgetui-lightbox-transitionimage {
	width: 100%;
	/* height: 100%; */
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 2; /* Transition image above main image */
	transform: translateX(0);
	transition: transform 0.5s ease-in-out;
}

.gadgetui-slide-left {
	transform: translateX(100%); /* Start off-screen to the right (for next) */
}

.gadgetui-slide-right {
	transform: translateX(
		-100%
	); /* Start off-screen to the left (for previous) */
}

.gadgetui-slide-in {
	transform: translateX(0); /* Slide to center */
}

.gadgetui-lightbox-previousControl {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 3; /* Above both images */
}

.gadgetui-lightbox-nextControl {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 3; /* Above both images */
}

.gadgetui-lightbox-modal {
	width: 100%;
	height: 100%;
	z-index: 4; /* Above everything */
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent for better UX */
	display: flex;
	align-items: center;
	justify-content: center;
}

.gadgetui-hidden {
	display: none;
}

.gadgetui-lightbox-modal-imagecontainer {
	width: 90%;
	max-height: 80%;
	position: relative;
}

.gadgetui-lightbox-modal-imagecontainer img {
	width: 100%;
	height: auto;
	max-height: 80vh;
	object-fit: contain; /* Ensure modal image fits without stretching */
}

.gadgetui-dialog-button {
	margin: 0 0.5em;
}

div.gadgetui-popover {
	padding: 1em;
	border-radius: 0.25em;
	background: #fff;
	border: 1px solid silver;
	z-index: 5; /* Above modal */
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-5%);
	visibility: hidden;
}

div.gadgetui-showPopover {
	opacity: 1;
	visibility: visible !important;
	transform: scale(1);
	transition:
		visibility 0s linear 0s,
		opacity 0.25s 0s,
		transform 0.25s;
}

div .gadget-ui-input-div {
	display: inline;
	font-size: 1.1em;
	font-family: inherit;
}
div .gadget-ui-input-div span {
	padding-left: 4px;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-family: inherit;
}
div .gadget-ui-input-div input {
	line-height: 0.8em;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-family: inherit;
	margin: 0px 0px -1px;
	padding: 0px 0px 0px 1px;
	min-width: 2em;
}

div .gadget-ui-input-div div {
}

div.gadgetui-lookuplist-input-div,
div.gadgetui-lookuplist-input {
	background: #fff;
	border: 1px solid silver;
}

div.gadgetui-lookuplist-input-div input,
div.gadgetui-lookuplist-input input {
	border: 0;
	outline: none;
	padding-left: 10px;
}

div.gadgetui-lookuplist-input-div .gadgetui-lookuplist-input-item,
div.gadgetui-lookuplist-input .gadgetui-lookuplist-input-item {
	display: inline !important;
	padding: 0 20px 0 10px;
}

div.gadgetui-lookuplist-input-div .gadgetui-lookuplist-input-cancel,
div.gadgetui-lookuplist-input .gadgetui-lookuplist-input-cancel {
	background: url("img/cancel.png") 98% center no-repeat #f4f0ec;
	border: 1px solid #f4f0ec;
	padding: 0px 20px 0px 3px;
	margin: 0px;
	display: inline-block;
	position: absolute;
	height: 15px;
}

div.gadgetui-lookuplist-input-div > .gadgetui-lookuplist-input-item-wrapper,
div.gadgetui-lookuplist-input > .gadgetui-lookuplist-input-item-wrapper {
	margin: 3px;
	display: inline-block;
	position: relative;
	background: silver;
	border-radius: 5px;
}

div.gadgetui-lookuplist-menu {
	padding: 0;
	margin: 0;
	background: white;
	color: black;
	border: 1px solid silver;
}

div.gadgetui-lookuplist-item {
	display: block;
	padding-left: 10px;
}

div.gadgetui-lookuplist-item:hover {
	/*	background: silver;	*/
	color: silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

div.gadgetui-selectinput-label {
	display: inline-block;
}

div.gadgetui-selectinput-div {
	line-height: normal;
	box-sizing: initial;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
}

select.gadgetui-selectinput {
	/* hack to allow font-size changes in Safari/Chrome */
	border-image: 0;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

input.gadgetui-combobox-input,
select.gadgetui-combobox-select {
	outline: none;
}

select.gadgetui-combobox-select::-ms-expand {
	display: none;
}

select.gadgetui-combobox-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

div.gadgetui-combobox {
	line-height: normal;
	box-sizing: initial;
	opacity: 1;
	position: relative;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
}

select.gadgetui-combobox-select {
	margin-left: 1px;
	background-color: #fff;
	border: 0px;
	display: inline;
}

select.gadgetui-combobox-select option {
	padding-left: 0px;
	margin-left: 1px;
}

div.gadgetui-combobox-selectwrapper {
	box-shadow: 0px 0px 0px;
	border: 1px solid silver;
	border-radius: 5px;

	display: inline;
	position: absolute;
	padding-bottom: 1px;
	left: 0;
}

div.gadgetui-combobox-selectwrapper:after {
	content: url(/node_modules/feather-icons/dist/icons/chevron-down.svg);
	right: 0px;
	height: 1.25em;
	border-left: 1px solid silver;
	position: absolute;
	pointer-events: none;
	width: 24px;
}

input.gadgetui-combobox-input {
	margin-left: 1px;
	border-radius: 5px 0 0 5px;
	padding-left: 5px;
	border: 0;
	display: inline;
	background-color: #fff;
}

div.gadgetui-combobox-label {
	position: absolute;
	padding-top: 2px;
	margin-left: 1px;
}

div.gadgetui-combobox-inputwrapper {
	position: absolute;
}

.gadgetui-fileuploader-wrapper {
	/* border: 1px solid silver; */
}

.gadgetui-fileuploader-dropmessage {
	opacity: 0.7;
	position: sticky;
	margin-top: 45%;
}

.gadgetui-inputlabelinput {
	background: none;
	padding-left: 4px;
	border: 1px solid transparent;
}

.gadget-ui-textinput-hideBorder-firefox {
	border-inline-end-width: 8px;
	border-inline-start-width: 8px;
	border-left-width: 0px;
	border-right-width: 8px;
	border-image-width: 1;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: transparent;
}

.gadget-ui-textinput-hideBorder-chrome,
.gadget-ui-textinput-hideBorder-generic {
	border-inline-end-width: 8px;
	border-right-width: 8px;
	border-image-width: 1;
	border-color: transparent;
}

/* Base toggle styling */
.gadget-ui-toggle {
	-webkit-appearance: none;
	appearance: none;
	width: 3em;
	background-color: transparent;
	height: 1.5em;
	outline: none;
}

/* Track styling - Chrome */
.gadget-ui-toggle::-webkit-slider-runnable-track {
	width: 100%;
	height: 1.5em;
	cursor: pointer;
	background: black;
	border-radius: 0px;
	border: 0;
	padding: 2px;
}

.gadget-ui-toggle:focus::-webkit-slider-runnable-track {
	background: black;
}

/* Track styling - Firefox */
.gadget-ui-toggle::-moz-range-track {
	width: 100%;
	height: 1.5em;
	cursor: pointer;
	background: black;
	border-radius: 0px;
	border: 0;
}

/* Track styling - IE */
.gadget-ui-toggle::-ms-track {
	width: 100%;
	height: 1.5em;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}

/* "Off" state - All browsers */
.gadget-ui-toggle-off::-webkit-slider-runnable-track {
	background: #ccc !important;
}

.gadget-ui-toggle-off::-moz-range-track {
	background: #ccc !important;
}

.gadget-ui-toggle-off::-ms-track {
	background: #ccc !important;
}

/* Thumb styling - Chrome */
.gadget-ui-toggle::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 1.4em;
	width: 1.4em;
	border-radius: 0px;
	background: #fff;
	cursor: pointer;
	margin-top: -0.1em; /* Adjusted to center thumb (approx 1.6px up at 16px font-size) */
}

/* Thumb styling - Firefox */
.gadget-ui-toggle::-moz-range-thumb {
	height: 1.4em;
	width: 1.4em;
	border-radius: 0px;
	background: #fff;
	cursor: pointer;
}

/* Thumb styling - IE */
.gadget-ui-toggle::-ms-thumb {
	height: 1.4em;
	width: 1.4em;
	border-radius: 0px;
	background: #fff;
	cursor: pointer;
}

/* Round variant - Track */
.gadget-ui-toggle-round::-webkit-slider-runnable-track {
	border-radius: 0.7em !important;
}

.gadget-ui-toggle-round::-moz-range-track {
	border-radius: 0.7em !important;
}

.gadget-ui-toggle-round::-ms-track {
	border-radius: 0.7em !important;
}

/* Round variant - Thumb */
.gadget-ui-toggle-round::-webkit-slider-thumb {
	border-radius: 0.7em !important;
}

.gadget-ui-toggle-round::-moz-range-thumb {
	border-radius: 0.7em !important;
}

.gadget-ui-toggle-round::-ms-thumb {
	border-radius: 0.7em !important;
}

/*# sourceMappingURL=gadget-ui.css.map */