:root
{
	--bs-body-bg: var(--background-presentation-form-base);

	--bs-btn-color: var(--content-presentation-global-primary);
	--bs-border-radius: 8px;
	--bs-body-line-height: normal;
	--bs-font-sans-serif: var(--font-sf-pro);
	--bs-body-font-family: var(--font-sf-pro);
}
.tooltip-inner
{
	--bs-tooltip-color: var(--content-presentation-action-dark-primary);
}
.modal-backdrop
{
	--bs-backdrop-zindex: 1040;
}
.modal
{
	--bs-modal-zindex: 1050;
	--bs-modal-header-border-color: var(--border-presentation-global-primary);
	--bs-modal-footer-border-color: var(--border-presentation-global-primary);
	--bs-modal-footer-bg: var(--bs-body-bg);
}
.toast
{
	--bs-toast-bg: var(--background-presentation-form-base);
}
.btn-info {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--background-presentation-state-information-primary);
	--bs-btn-border-color: var(--background-presentation-state-information-primary);
	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: var(--blue-sparkle-500);
	--bs-btn-hover-border-color: var(--border-presentation-state-focus);
	--bs-btn-focus-shadow-rgb: 11,172,204;
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: var(--background-presentation-state-information-primary);
	--bs-btn-active-border-color: var(--border-presentation-state-focus);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #FFFFFF;
	--bs-btn-disabled-bg: var(--background-presentation-state-information-primary);
	--bs-btn-disabled-border-color: var(--background-presentation-state-information-primary);
}
.btn-warning
{
	--bs-btn-color: #FFFFFF;
}
/** fix bootstrap button in dark mode  **/
html[data-theme="dark"] .btn-close
{
	filter: var(--bs-btn-close-white-filter);
}
/** fix white bootstrap button in light mode  **/
:is(html:not([data-theme]), html[data-theme="default"], html[data-theme="null"], html[data-theme="light"]) .btn-close-white
{
	filter: var(--bs-btn-close-white-filter);
}
a:has(:is([class^="ri-"], [class*=" ri-"]))
{
	text-decoration: none;
}
img, svg
{
	vertical-align: initial;
}
ol, ul {
	padding-left: initial;
}
.bootstrap-dialog.type-default .modal-header {
	background: var(--background-presentation-body-primary);
}
.bootstrap-dialog.type-default .modal-header .bootstrap-dialog-title {
	color: var(--content-presentation-global-primary);
}
.bootstrap-dialog.type-default .modal-body {
	background: var(--background-presentation-body-primary);
	border-radius: var(--bs-border-radius);
}
.bootstrap-dialog.type-default .modal-content {
	background: var(--background-presentation-body-primary);
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
	color: #333
}
.bootstrap-dialog.type-info .modal-header {
	background-color: var(--background-presentation-state-information-primary);
}

.bootstrap-dialog.type-primary .modal-header {
	background-color: var(--background-presentation-state-information-primary);
}

.bootstrap-dialog.type-secondary .modal-header {
	background-color: var(--background-presentation-state-information-primary);
}

.bootstrap-dialog.type-success .modal-header {
	background-color: var(--background-presentation-state-success-primary)
}

.bootstrap-dialog.type-warning .modal-header {
	background-color: var(--background-presentation-state-warning-primary);
}

.bootstrap-dialog.type-danger .modal-header {
	background-color: var(--background-presentation-state-negative-primary);
}
.bootstrap4-dialog-button
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-body-large);
}
.bootstrap-dialog-button-icon
{
	font-size: var(--font-size-body-large);
	color: var(--bs-btn-color);
}
.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child
{
	margin-top: calc(var(--bs-modal-footer-gap) * .5);
}
.modal-header:has(.bootstrap-dialog-header)
{
	justify-content: space-between;
	align-items: center;
}
.bootstrap-dialog-close-button
{
	display: flex;
}
.bootstrap-dialog-close-button .btn-close
{
	margin: 0;
	padding: .25em .25em;
}
.bootstrap-dialog-body, .bootstrap-dialog-message, .popup-message-container
{
	height: 100%;
	background: var(--bs-modal-bg);
}
.bootstrap-dialog-body, .popup-message-container
{
	border-radius: var(--bs-border-radius);
}
.modal-content, .modal-fullscreen .modal-content
{
	border-radius: calc(var(--bs-border-radius) + 1px);
	border: 1px solid rgba(0, 0, 0, 0.25);
	/* Pres, Dropdown Menu Effect */
	box-shadow: var(--dropddown-menu-effect-pres);
}
.modal-header, .bootstrap-dialog .modal-header
{
	border-start-start-radius: var(--bs-border-radius);
	border-start-end-radius: var(--bs-border-radius);
}
legend
{
	margin: 0;
}