@CHARSET "UTF-8";
:root {
	--ant_layers_inlineHelp : 10;
	--ant_layers_inputSuggestions : 20;
	--ant_layers_topBar : 30;
	--ant_layers_modal : 40;
	--ant_layers_text-message : 50;
	--ant_layers_fixed-buttons : 60;
	--ant_layers_appMenu : 70;
	--ant_layers_loading : 80;
	--ant_layers_fullPageMessage : 90;
	--ant_layers_inputFileDropHover : 100;
}

:root {
	/* 
	The space between 2 panels (horizontal or vertical).
	It has to be an even number (so it can be divided by 2)
	*/
	--ant_var-wireframe-padding: 14px;
	/*
	Size definitions relative to default font size of the browser.
	The digits inside the property name are the values for when the user
	has set up the browser to use the default font size (1rem = 16px)
	Variables ending with a dash (-) contain a negative value
	*/
	--ant_var-rem10px: 0.625rem;
	--ant_var-rem10px-: -0.625rem;
	--ant_var-rem3px: calc(var(--ant_var-rem10px) * .3);
	--ant_var-rem3px-: calc(var(--ant_var-rem10px-) * .3);
	--ant_var-rem5px: calc(var(--ant_var-rem10px) * .5);
	--ant_var-rem5px-: calc(var(--ant_var-rem10px-) * .5);
	--ant_var-rem6px: calc(var(--ant_var-rem10px) * .6);
	--ant_var-rem8px: calc(var(--ant_var-rem10px) * .8);
	--ant_var-rem8px-: calc(var(--ant_var-rem10px-) * .8);
	--ant_var-rem12px: calc(var(--ant_var-rem10px) * 1.2);
	--ant_var-rem14px: calc(var(--ant_var-rem10px) * 1.4);
	--ant_var-rem15px: calc(var(--ant_var-rem10px) * 1.5);
	--ant_var-rem16px: calc(var(--ant_var-rem10px) * 1.6);
	--ant_var-rem18px: calc(var(--ant_var-rem10px) * 1.8);
	--ant_var-rem20px: calc(var(--ant_var-rem10px) * 2);
	--ant_var-rem20px-: calc(var(--ant_var-rem10px-) * 2);
	--ant_var-rem24px: calc(var(--ant_var-rem10px) * 2.4);
	--ant_var-rem25px: calc(var(--ant_var-rem10px) * 2.5);
	--ant_var-rem28px: calc(var(--ant_var-rem10px) * 2.8);
	--ant_var-rem30px: calc(var(--ant_var-rem10px) * 3);
	--ant_var-rem32px: calc(var(--ant_var-rem10px) * 3.2);
	--ant_var-rem33px: calc(var(--ant_var-rem10px) * 3.3);
	--ant_var-rem34px: calc(var(--ant_var-rem10px) * 3.4);
	--ant_var-rem36px: calc(var(--ant_var-rem10px) * 3.6);
	--ant_var-rem40px: calc(var(--ant_var-rem10px) * 4);
	--ant_var-rem48px: calc(var(--ant_var-rem10px) * 4.8);
	--ant_var-rem50px: calc(var(--ant_var-rem10px) * 5);
}

/* the main container, containing all items*/
.ant_accordion {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	border-left: 1px solid var(--ant-theme-panelBorder);
	border-right: 1px solid var(--ant-theme-panelBorder);
}
/* the always visible link */
.ant_accordion > button {
	position: relative;
	display: block;
	width: 100%;
	background-color: var(--ant-theme-panelSecondaryBackground);
	border: none;
	border-top: 1px solid var(--ant-theme-panelBorder);
	margin: 0;
	padding: 14px 80px 14px 10px;
	transition: 0.5s;
	cursor: pointer;
	text-align: left;
	color: var(--ant-theme-link);
	font-size: var(--ant_var-rem16px);
}
.ant_accordion > button:hover {
	text-decoration: none;
	padding-left: 35px;
}
/* up and down arrows */
.ant_accordion > button:hover span {
	opacity: 1;
}
.ant_accordion > button span {
	position: absolute;
	top: 10px;
	left: 2px;
	opacity: 0;
	transition: 0.5s;
}
.ant_accordion > button span:first-child {
	display: block;
}
.ant_accordion > button span:last-child {
	display: none;
}
/* the sliding container */
.ant_accordion > div {
	display: block;
	position: relative;
	top: -10px;
	height: 0px;
	padding-top: -10px;
	transition: opacity 0.5s, top 0.5s;
	opacity: 0;
	overflow: hidden;
}
/* definitions for the active item */
.ant_accordion > button.ant-selected {
	box-shadow: 0px 3px 3px var(--ant-theme-shadow);
}
.ant_accordion > button.ant-selected span:first-child {
	display: none;
}
.ant_accordion > button.ant-selected span:last-child {
	display: block;
}
.ant_accordion > button.ant-selected+div {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	top: 5px;
	margin-bottom: 15px;
	opacity: 1;
	height: 100%;
}

/* the container for all app menu items, including the overlay */
#ant_appMenu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 100%;
	overflow-x: hidden;
	transition: width 0s;
	transition-delay: 0.5s;
	transition-timing-function: linear;
	z-index: var(--ant_layers_appMenu);
}
#ant_appMenu.ant-enabled {
	width: 100%;
	transition: width 0s;
	transition-delay: 0.1s;
}
/* the transparent overlay */
#ant_appMenu > div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--ant-theme-overlay);
	transition: left 0.5s, opacity 0.5s;
	transition-delay: 0.2s;
	opacity: 0;
}
#ant_appMenu.ant-enabled > div {
	left: calc(var(--ant_var-rem10px) * 28);
	opacity: 1;
}
/* the left container */
#ant_appMenu > nav {
	position: absolute;
	left: calc(var(--ant_var-rem10px-) * 28);
	top:0px;
	background-color: var(--ant-theme-menuBackground);
	width: calc(var(--ant_var-rem10px) * 28);
	height: 100%;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	overflow-y: auto;
	padding-bottom: var(--ant_var-rem50px);
	transition: left 0.5s;
	transition-delay: 0.2s;
}
#ant_appMenu.ant-enabled > nav {
	left: 0px;
}
/* app logo */
#ant_appMenu > nav > img {
	width: calc(var(--ant_var-rem10px) * 15);
	height : calc(var(--ant_var-rem10px) * 15);
	margin-top: 30px;
}
/* app name */
#ant_appMenu > nav > p {
	color: var(--ant-theme-menuText);
	font-size: var(--ant_var-rem18px);
}
/* a menu and a submenu item */
#ant_appMenu a,
#ant_appMenu button {
	color: var(--ant-theme-menuText);
	display: block;
	width: 100%;
	padding: 7px 30px 7px 0px;
	text-align: left;
	border: none;
	border-bottom: 1px solid var(--ant-theme-menuText);
	text-decoration: none;
	background: none;
	font-size: var(--ant_var-rem16px);
}
#ant_appMenu a > img,
#ant_appMenu button > img {
	margin-right: var(--ant_var-rem5px);
}
#ant_appMenu a:hover,
#ant_appMenu button:hover {
	cursor: pointer;
	background-color: var(--ant-theme-menuBackground);
	background: linear-gradient(to right, var(--ant-theme-menuBackground) 60%, var(--ant-theme-menuBackgroundHover));
}
#ant_appMenu a:hover > img,
#ant_appMenu button:hover > img {
	filter: brightness(120%);
}
#ant_appMenu a > *,
#ant_appMenu button > * {
	vertical-align: middle;
}
/* submenu item */
#ant_appMenu > nav > div {
	padding-left: 20px;
	opacity: 0;
	transition: opacity 1s;
	overflow: hidden;
	height: 0;
}
#ant_appMenu .ant-selected + div {
	opacity: 1;
	height: auto;
}
#ant_appMenu > nav > div > a,
#ant_appMenu > nav > div > button {
	border-left: 1px solid var(--ant-theme-menuText);
	padding-left: 7px;
}
/* size for images left to menu and submenu items */
#ant_appMenu > nav > a > img,
#ant_appMenu > nav > button > img {
	width: var(--ant_var-rem32px);
	height: var(--ant_var-rem32px);
}
#ant_appMenu > nav > div > a > img,
#ant_appMenu > nav > div > button > img {
	width: var(--ant_var-rem16px);
	height: var(--ant_var-rem16px);
}

#ant_content {
	width: 100%;
	border-top: 1px solid var(--ant-theme-panelBorder);
	padding-top: 30px;
	margin-bottom: 70px;
}
body.ant-has-fixed-buttons #ant_content {
	margin-bottom: 100px;
}
div#ant_content-debugTest {
	position: fixed;
	background-color: white;
	color: black;
	padding: 15px;
	border: 1px solid black;
	border-radius: 5px;
	left: 10px;
	bottom: 10px;
}

#ant_fixedButton {
	position: fixed;
	display: block;
	bottom: 30px;
	right: 100%;
	transition: 1s;
	opacity: 0;
	text-align: right;
	white-space: nowrap;
	z-index: var(--ant_layers_fixed-buttons);
}
#ant_fixedButton.ant-enabled {
	right: 30px;
	opacity: 1;
}
/** If the screen is narrow and the page has search pages then the fixed buttons
 * will be raised, to show the page navigation
 */
@media only screen and (max-width: 768px) {
	body:has( > div#ant_content > div#ant_search-pages) > div#ant_fixedButton {
		bottom: 45px;
	}
}
#ant_fixedButton > a,
#ant_fixedButton > button {
	display: inline-block;
	padding: 12px;
	margin-right: 15px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px var(--ant-theme-shadow);
	transition: 0.4s;
	color: var(--ant-theme-panelBorder);
	background-color: var(--ant-theme-panelBackground);
	border: none;
	cursor: pointer;
}
#ant_fixedButton > a:hover,
#ant_fixedButton > button:hover {
	box-shadow: 0px 0px 5px var(--ant-theme-shadow);
	padding: 20px;
}
#ant_fixedButton > .ant-valid {
	color: var(--ant-theme-valid);
}
#ant_fixedButton > .ant-warning {
	color: var(--ant-theme-warning);
}

form.ant-max-height {
	height: 100%;
}
/** If the definition below is modified then the label definition should be updated also */
p.ant_form-text-label {
	font-size: var(--ant_var-rem14px);
	font-weight: bold;
	color: var(--ant-theme-inputLabel);
	margin: 0;
}
@media only screen and (min-width: 768px) {
	p.ant_form-text-label {
		margin-top: var(--ant_var-rem12px);
	}
}
.ant_form-item {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 2px;
}
.ant_form-item.ant-status {
	padding-right: var(--ant_var-rem30px);
}
.ant_form-item.ant-status:after {
	position: absolute;
	top: 0px;
	right: 3px;
	font-size: var(--ant_var-rem24px);
}
.ant_form-item.ant-valid:after {
	content: "✔";
	color: var(--ant-theme-valid);
}
.ant_form-item.ant-invalid:after  {
	content: "⚠";
	color: var(--ant-theme-warning);
}
.ant_form-item > svg {
	position: absolute;
	top: 8px;
	right: var(--ant_var-rem8px);
	color: var(--ant-theme-inputIcon);
	pointer-events: none;
}
.ant_form-item > select {
	display: none;
}
.ant_form-item.ant-status > svg {
	right: var(--ant_var-rem36px);
}
textarea {
	resize: vertical;
	min-height: var(--ant_var-rem50px);
}
input[type=text], input[type=password], input[type=email],
input[type=tel], input[type=number], input[type=color], textarea {
	width: 100%;
	padding: 8px 35px 8px 15px;
	margin: 0;
	display: inline-block;
	border: 1px solid var(--ant-theme-inputBorder);
	border-radius: 4px;
	background-color: var(--ant-theme-inputBackground);
	font-size: var(--ant_var-rem14px);
	color: var(--ant-theme-inputText);
}
input[type=color] {
	padding-top: 1px;
	padding-bottom: 1px;
	min-height: var(--ant_var-rem32px);
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus,
textarea:focus, input[type=button].ant_form-button:focus {
	box-shadow: 0px 0px 8px var(--ant-theme-shadow);
	outline-color: var(--ant-theme-inputBorder);
}
input[type=submit], input[type=button], input[type=reset]  {
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	border: 1px solid var(--ant-theme-buttonBackground);
	padding: 5px 15px 5px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: var(--ant_var-rem16px);
	border-radius: 4px;
	transition: 0.5s;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: var(--ant-theme-buttonBackgroundHover);
}
input.low-contrast[type=submit], input.low-contrast[type=button], input.low-contrast[type=reset]  {
	background-color: var(--ant-theme-buttonText);
	color: var(--ant-theme-buttonBackground);
	border: 1px solid var(--ant-theme-buttonBackground);
}
input.low-contrast[type=submit]:hover, input.low-contrast[type=button]:hover, input.low-contrast[type=reset]:hover {
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-buttonBackgroundHover);
}
input.warning[type=submit], input.warning[type=button], input.warning[type=reset]  {
	background-color: var(--ant-theme-warning);
	color: var(--ant-theme-buttonText);
	border: 1px solid var(--ant-theme-warning);
}
input.warning[type=submit]:hover, input.warning[type=button]:hover, input.warning[type=reset]:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
}
/* trigger buttons (used usually for modal opening) */
input[type=button].ant_form-button {
	width: 100%;
	padding: 8px 25px 8px 15px;
	background-color: var(--ant-theme-inputBackground);
	color: var(--ant-theme-inputText);
	display: block;
	border: 1px solid var(--ant-theme-inputBorder);
	border-radius: 4px;
	text-align: left;
	overflow: hidden;
	outline:0;
	font-size: var(--ant_var-rem14px);
	text-overflow: ellipsis;
	transition: border-width 0s, padding 0s;
}
input[type=button].ant_form-button:hover {
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
}
input[type=button].ant_form-button:active {
	background-color: var(--ant-theme-inputBackground);
}
input[type=button].ant_form-button:focus {
	border-width: 2px;
	padding: 7px 24px 7px 14px;
}
input[type=checkbox] {
	display: none;
}
input[type=checkbox] + span {
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: var(--ant_var-rem28px);
	padding-top: var(--ant_var-rem12px);
	padding-bottom: var(--ant_var-rem12px);
	color: var(--ant-theme-inputLabel);
	vertical-align: middle;
}
input[type=checkbox] + span:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: var(--ant_var-rem28px);
	content : "☐";
	color: var(--ant-theme-inputLabel);
	vertical-align: middle;
	margin-right: 6px;
}
input[type=checkbox]:checked + span:before {
	content : "✔";
}
/* info type inputs (that are only displaying plain text) */
.ant_form-item > span {
	color: var(--ant-theme-text);
}
@media only screen and (min-width: 768px) {
	.ant_form-item > span {
		display: inline-block;
		padding-top: 8px;
		padding-bottom: 3px;
	}
}
.ant_form-label-container > * {
	vertical-align: middle;
}
@media only screen and (min-width: 768px) {
	.ant_form-label-container {
		text-align: right;
		padding-right: 5px;
		margin-top: 7px;
		line-height: var(--ant_var-rem15px);
	}
}
p.ant_form-invalid-input-error {
	position: relative;
	margin-top: var(--ant_var-rem10px);
	margin-bottom: var(--ant_var-rem5px);
	display: flex;
	flex-direction: column;
}
p.ant_form-invalid-input-error > span {
	width: 100%;
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 8px;
	text-align: left;
}
p.ant_form-invalid-input-error > button {
	vertical-align: middle;
	padding: 8px 15px 8px 15px;
	margin-left: 0px;
	margin-top: 5px;
	display: inline-block;
	border: 1px solid var(--ant-theme-inputBorder);
	border-radius: 4px;
	background-color: var(--ant-theme-inputBackground);
	font-size: var(--ant_var-rem14px);
	color: var(--ant-theme-inputText);
	width: calc(100% - 30px);
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}
p.ant_form-invalid-input-error > i {
	padding-right: var(--ant_var-rem30px);
	position: absolute;
	bottom: 3px;
	right: -30px;
	font-size: var(--ant_var-rem24px);
	color: var(--ant-theme-warning);
	font-style: normal;
}
p.ant_form-invalid-input-error > button:hover {
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
	cursor: pointer;
}

#ant_header {
	padding-top: 30px;
	background-color: var(--ant-theme-headerBackground);
	width: 100%;
	padding-bottom: 30px;
}
#ant_header > *:first-child {
	margin-left: 40px;
	margin-right: 40px;
}
#ant_header.ant-tabs {
	padding-bottom: 0;
}
body.ant_topBarFixed > #ant_header {
	/* height of the font with 15px margin top and bottom and 6px text shadow*/
	margin-top: calc(var(--ant_var-rem16px) + 36px);
}
/** start background image position and size */
#ant_header.ant-background-enabled {
	padding-top: 100px;
}
#ant_header.ant-background-enabled > *:first-child {
	background-color: var(--ant-theme-panelBackground);
	border: 8px solid var(--ant-theme-panelBackground);
	border-radius: 5px;
}
#ant_header.ant-fill {
	background-size: cover;
}
#ant_header.ant-fit {
	background-size: contain;
	background-repeat: no-repeat;
}
#ant_header.ant-center {
	background-position: center;
}
#ant_header.ant-n {
	background-position: top;
}
#ant_header.ant-s {
	background-position: bottom;
}
#ant_header.ant-e {
	background-position: right;
}
#ant_header.ant-w {
	background-position: left;
}
#ant_header.ant-ne {
	background-position: top right;
}
#ant_header.ant-nw {
	background-position: top left;
}
#ant_header.ant-se {
	background-position: bottom right;
}
#ant_header.ant-sw {
	background-position: bottom left;
}
/** stop background image position and size */
@media only screen and (min-width: 768px) {
	#ant_header.ant-fixed > *:first-child {
		margin-left: calc(calc(100vw - 710px) / 2);
		margin-right: calc(calc(100vw - 710px) / 2);
	}
}
@media only screen and (min-width: 992px) {
	#ant_header.ant-fixed > *:first-child {
		margin-left: calc(calc(100vw - 930px) / 2);
		margin-right: calc(calc(100vw - 930px) / 2);
	}
}
@media only screen and (min-width: 1200px) {
	#ant_header.ant-fixed > *:first-child {
		margin-left: calc(calc(100vw - 1130px) / 2);
		margin-right: calc(calc(100vw - 1130px) / 2);
	}
}
div#ant_header-tabs {
	overflow-x: auto;
	width: 100%;
	padding: 20px 30px 0px 30px;
	white-space: nowrap;
}
#ant_header-tabs.ant-hidden {
	overflow: hidden;
}
#ant_header-tabs.ant-hidden > * {
	visibility: hidden;
}
@media only screen and (min-width: 768px) {
	div#ant_header-tabs  {
		text-align: center;
	}
}
#ant_header-tabs > div {
	display: inline-block;
	text-align: right;
	border: 1px solid var(--ant-theme-tabText);
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	margin-left: 5px;
	text-align: left;
	white-space: nowrap;
	background-color: var(--ant-theme-tabBackground);
	padding: 3px 7px 3px 7px;
}
#ant_header-tabs > div.ant-hidden {
	display: none;
}
#ant_header-tabs > div > a,
#ant_header-tabs > div > button {
	font-size: var(--ant_var-rem12px);
	display: inline-block;
	width: auto;
	height: auto;
	background-color: var(--ant-theme-tabBackground);
	color: var(--ant-theme-tabText);
	cursor: pointer;
	border: none;
	border-radius: 6px 6px 0px 0px;
	padding: 0;
}
#ant_header-tabs > div > a:nth-child(2)
#ant_header-tabs > div > button:nth-child(2) {
	margin-left: 7px;
}
#ant_header-tabs > div > a:hover {
	text-decoration: none;
}
#ant_header-tabs > div.ant-selected {
	color: var(--ant-theme-tabBackground);
	background-color: var(--ant-theme-tabText);
}
#ant_header-tabs > div.ant-selected > a,
#ant_header-tabs > div.ant-selected > button {
	color: var(--ant-theme-tabBackground);
	background-color: var(--ant-theme-tabText);
}
#ant_header-tabs > div.ant-accent > a,
#ant_header-tabs > div.ant-accent > button {
	font-weight: bold;
}

/* definitions for a wireframe that displayes key - value pairs */
/* used by WireframeInfo php class*/
.ant_info-name {
	font-size: var(--ant_var-rem12px);
	font-weight: bold;
}
@media only screen and (min-width: 768px) {
	.ant_info-name {
		font-size: var(--ant_var-rem16px);
		font-weight: normal;
		text-align:right;
		padding-bottom: 5px;
		margin-bottom: 5px;
		opacity: .7;
	}
}
.ant_info-value {
	font-size: var(--ant_var-rem16px);
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.ant_info-only-value {
	text-align: center;
	font-size: var(--ant_var-rem16px);
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.ant_inlineButton {
	display: inline;
	text-align: left;
}
.ant_inlineButton:has(+ .ant_inlineButton) {
	margin-right: calc(1em / 2);
}
.ant_inlineButton.ant-single-row {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}
.ant_inlineButton.ant-high, .ant_inlineButton.ant-medium {
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 3px;
	font-size: calc(1em - 2px);
	padding: 4px 6px 4px 6px;
	transition: 0.5s;
}
a.ant_inlineButton.ant-high, a.ant_inlineButton.ant-medium {
	line-height: calc(1em + var(--ant_var-rem14px));
	vertical-align: text-top;
}
div.ant_search_card.ant-details .ant_inlineButton.ant-high,
div.ant_search_card.ant-details .ant_inlineButton.ant-medium {
	font-size: 1em;
	max-width: 100%;
}
.ant_inlineButton.ant-high > img,
.ant_inlineButton.ant-medium > img {
	width: var(--ant_var-rem16px);
	height: var(--ant_var-rem16px);
	border: none;
}
.ant_inlineButton.ant-high {
	border: 1px solid var(--ant-theme-buttonBackground);
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
}
.ant_inlineButton.ant-medium {
	border: 1px solid var(--ant-theme-inputBorder);
	background-color: var(--ant-theme-inputBackground);
	color: var(--ant-theme-inputText);
}
.ant_inlineButton.ant-low {
	border: 1px solid transparent;
	background-color: transparent;
	color: var(--ant-theme-link);
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.ant_inlineButton:hover {
	cursor: pointer;
}
.ant_inlineButton.ant-high:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
}
.ant_inlineButton.ant-medium:hover {
	border: 1px solid var(--ant-theme-buttonBackground);
	background-color: var(--ant-theme-buttonBackgroundHover);
	color: var(--ant-theme-buttonText);
}
.ant_inlineButton.ant-low:hover {
	text-decoration: underline;
}
.ant_inlineButton:focus {
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
	outline-color: var(--ant-theme-buttonBackground);
}
.ant_inlineButton > img, .ant_inlineButton > svg {
	vertical-align: text-bottom;
	margin-left: 0px;
	margin-right: 3px;
}

.ant_inlineHelp {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: var(--ant-theme-buttonBackground);
	line-height: var(--ant_var-rem20px);
}
.ant_inlineHelp > span {
	display: none;
	width: calc(var(--ant_var-rem10px) * 16);
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	text-align: center;
	font-size: var(--ant_var-rem14px);
	font-weight: normal;
	border-radius: 6px;
	padding: 8px 8px 8px 8px;
	position: absolute;
	z-index: var(--ant_layers_inlineHelp);
	bottom: 125%;
	left: 50%;
	margin-left: calc(var(--ant_var-rem10px-) * 8);
}
.ant_inlineHelp > span::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: var(--ant_var-rem5px-);
	border-width: var(--ant_var-rem5px);
	border-style: solid;
	border-color: var(--ant-theme-buttonBackground) transparent transparent transparent;
}
.ant_inlineHelp.ant-visible > span {
	display: block;
}

/* main visible panel */
.ant_inputDate {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/* button placeholders */
.ant_inputDate > div {
	text-align: center;
	margin-bottom: 10px;
}
/* buttons for previous, next month, month selection, year selection*/
.ant_inputDate > div > input[type=button] {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: var(--ant_var-rem16px);
	border: 1px solid var(--ant-theme-buttonBackground);
	transition: 0.4s;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: var(--ant-theme-buttonBackground);
	background-color: var(--ant-theme-buttonText);
	border-radius: 0px 0px 0px 0px;
	margin: 2px;
}
.ant_inputDate > div > input.ant_current-year {
	border: 1px solid var(--ant-theme-buttonBackground);
}
.ant_inputDate > div > input[type=button]:first-of-type {
	border-radius: 4px 0px 0px 4px;
}
.ant_inputDate > div > input[type=button]:last-of-type {
	border-radius: 0px 4px 4px 0px;
}
.ant_inputDate > div > input[type=button]:hover {
	border: 1px solid var(--ant-theme-buttonBackgroundHover);
	color: var(--ant-theme-buttonBackgroundHover);
}
/* button for current month and year (fixed width) */
.ant_inputDate:first-of-type > div:first-of-type > input[type=button]:nth-of-type(2) {
	width: calc(var(--ant_var-rem10px) * 11);
}
.ant_inputDate:first-of-type > div:first-of-type > input[type=button]:nth-of-type(3) {
	width: calc(var(--ant_var-rem10px) * 7);
}
/* buttons with month name and year name */
.ant_inputDate > div:nth-of-type(3) > input[type=button],
.ant_inputDate > div:nth-of-type(4) > input[type=button] {
	border-radius: 0px 0px 0px 0px;
	margin: 5px;
	width: calc(var(--ant_var-rem10px) * 15);
}
/* table with days */
.ant_inputDate > table {
	margin-top: 15px;
	width: 100%;
}
.ant_inputDate > table > thead th {
	text-align: center;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
}
.ant_inputDate > table > tbody td {
	text-align: center;
}
.ant_inputDate > table > tbody button {
	width: calc(100% - 10px);
	margin: 5px;
	padding: 5px;
	background-color: var(--ant-theme-inputBackground);
	border: 1px solid var(--ant-theme-inputBorder);
	border-radius: 4px;
	transition: .2s;
	color: var(--ant-theme-inputText);
	font-size: var(--ant_var-rem16px);
	cursor: pointer;
	border-style: dashed;
}
.ant_inputDate > table > tbody button.ant_today {
	border-style: solid;
	border-width: 2px;
}
.ant_inputDate > table > tbody button:hover {
	text-decoration: none;
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* select day status */
.ant_inputDate.ant-day > div:nth-of-type(2) {
	display: none;
}
.ant_inputDate.ant-day > div:nth-of-type(3) {
	display: none;
}
.ant_inputDate.ant-day > div:nth-of-type(4) {
	display: none;
}
/* select month status */
.ant_inputDate.ant-month > div:nth-of-type(1) {
	display: none;
}
.ant_inputDate.ant-month > div:nth-of-type(2) {
	display: none;
}
.ant_inputDate.ant-month > table {
	display: none;
}
.ant_inputDate.ant-month > div:nth-of-type(4) {
	display: none;
}
/* select year status */
.ant_inputDate.ant-year > div:nth-of-type(1) {
	display: none;
}
.ant_inputDate.ant-year > table {
	display: none;
}
.ant_inputDate.ant-year > div:nth-of-type(3) {
	display: none;
}

.ant_form-item > input[type=file] {
	display: none;
}

/** local drop area */
.ant_inputFileDrop.ant_local {
	border: 1px dashed var(--ant-theme-inputBorder);
	border-radius: 4px;
	background-color: var(--ant-theme-inputBackground);
	padding: 15px;
	text-align: center;
	transition: background-color .5s;
}
.ant_inputFileDrop.ant_local.ant-active {
	border-style: solid;
	background-color: var(--ant-theme-panelSecondaryBackground);
}
.ant_inputFileDrop.ant_local > svg {
	opacity: .5;
	transition: opacity .5s;
}
.ant_inputFileDrop.ant_local.ant-active > svg {
	opacity: 1;
}
.ant_inputFileDrop.ant_local > p {
	font-size: var(--ant_var-rem12px);
	margin-top: 0px;
	margin-bottom: 5px;
}
.ant_inputFileDrop.ant_local > input[type=file] {
	display: none;
}
/** full page drop area */
.ant_inputFileDrop.ant_fullPage {
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: var(--ant-theme-loadingProgressLeft);
	text-align: center;
	color: var(--ant-theme-loadingStepText);
	z-index: var(--ant_layers_inputFileDropHover);
	font-size: var(--ant_var-rem36px);
	opacity: .8;
}
body.ant_inputFileDrop-dragActive .ant_inputFileDrop.ant_fullPage {
	display: flex;
}

#ant_inputNewPassword {
	padding: 15px 15px 15px 15px;
}
#ant_inputNewPassword > div {
	margin-bottom: 10px;
}
#ant_inputNewPassword ul > li {
	text-decoration: line-through;
}
#ant_inputNewPassword ul > li.ant-invalid {
	text-decoration: none;
}
#ant_inputNewPassword > div:last-of-type {
	margin-top: 25px;
	padding-right: 30px;
	text-align: right;
}

.ant_inputSearch > input[type=text] {
	display: inline-block;
	width: calc(100% - 50px);
}
/* clear all button */
.ant_inputSearch > button {
	color: var(--ant-theme-warning);
	margin-left: 10px;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
/* search result panel */
.ant_inputSearch > div {
	margin-top: 10px;
}
.ant_inputSearch > div.ant-loading:after {
	content: "";
	display: block;
	border: 16px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	animation: ant_loading-spin 2s linear infinite;
}
/* search result list */
.ant_inputSearch > div > button {
	display: block;
	width: calc(100% - 60px);
	font-size: var(--ant_var-rem20px);
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 2px;
	margin-left: 30px;
	margin-right: 30px;
	transition: 0.3s;
	border: 1px solid var(--ant-theme-inputBorder);
	border-left: 10px solid var(--ant-theme-panelBorder);
	color: var(--ant-theme-inputText);
	background-color: var(--ant-theme-panelSecondaryBackground);
	cursor: pointer;
}
.ant_inputSearch > div > button:first-child {
	margin-top: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ant_inputSearch > div > button:last-child {
	margin-bottom: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ant_inputSearch > div > button:hover {
	width: calc(100% - 10px);
	text-decoration: none;
	margin-left: 5px;
	padding-left: 20px;
	margin-right: 5px;
	padding-right: 50px;
	box-shadow: 0px 0px 5px var(--ant-theme-shadow);
	background-color: var(--ant-theme-inputBackground);
}

.ant_form-item > select + div {
	padding-top: 5px;
	font-size: var(--ant_var-rem14px);
	font-style: italic;
}
.ant_form-item > select + div.ant-hidden {
	display: none;
}
.ant_inputSelect > button {
	display: block;
	width: calc(100% - 60px);
	font-size: var(--ant_var-rem20px);
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 2px;
	margin-left: 30px;
	margin-right: 30px;
	transition: 0.2s;
	background-color: var(--ant-theme-panelSecondaryBackground);
	color: var(--ant-theme-inputText);
	border: 1px solid var(--ant-theme-inputBorder);
	border-left: 10px solid var(--ant-theme-panelBorder);
	cursor: pointer;
}
.ant_inputSelect > button:first-of-type {
	margin-top: 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ant_inputSelect > button:last-of-type {
	margin-bottom: 30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ant_inputSelect > button:hover {
	text-decoration: none;
	margin-left: 5px;
	padding-left: 20px;
	margin-right: 5px;
	padding-right: 50px;
	width: calc(100% - 10px);
	background-color: var(--ant-theme-inputBackground);
	box-shadow: 0px 0px 5px var(--ant-theme-shadow);
}

div.ant_inputText_suggestions {
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	z-index: var(--ant_layers_inputSuggestions);
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0ms 200ms;
	margin-top: 3px;
	background-color: var(--ant-theme-panelBackground);
}
div.ant_inputText_suggestions > div {
	overflow-y: auto;
	width: 100%;
	max-height: 200px;
}
input:focus ~ div.ant_inputText_suggestions.ant-active {
	grid-template-rows: 1fr;
}
input:focus ~ div.ant_inputText_suggestions.ant-active:not(.ant-loading) {
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
}
div.ant_inputText_suggestions > div > button {
	display: block;
	cursor: pointer;
	background-color: var(--ant-theme-panelSecondaryBackground);
	color: var(--ant-theme-inputText);
	border-top: none;
	border-left: 3px solid var(--ant-theme-inputBorder);
	border-bottom: 1px solid var(--ant-theme-inputBorder);
	border-right: 1px solid var(--ant-theme-inputBorder);
	font-size: var(--ant_var-rem14px);
	width: 100%;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
}
div.ant_inputText_suggestions > div > button:hover {
	background-color: var(--ant-theme-panelBackground);
	border-left: 6px solid var(--ant-theme-inputBorder);
	padding-right: 2px;
}
div.ant_inputText_suggestions.ant-loading > div > button {
	display: none;
}
div.ant_inputText_suggestions button.ant-selected {
	border-left: 6px solid var(--ant-theme-inputBorder);
	padding-right: 2px;
	font-weight: bold;
}
div.ant_inputText_suggestions button.ant-inactive {
	display: none;
}
div.ant_inputText_suggestions.ant-loading:before {
	content: "";
	width: var(--ant_var-rem14px);
	height: var(--ant_var-rem14px);
	display: block;
	border: 3px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	border-radius: 50%;
	animation: ant_loading-spin 2s linear infinite;
}

.ant_inputTime input[type=number] {
	padding-right: 0px;
}
div#ant_inputTime-hours, div#ant_inputTime-minutes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div#ant_inputTime-hours > p, div#ant_inputTime-minutes > p {
	width: 100%;
	display: block;
	border-bottom: 1px solid black;
    padding-bottom: 10px;
}
div#ant_inputTime-hours > button, div#ant_inputTime-minutes > button {
	display: block;
	background-color: var(--ant-theme-buttonText);
	color: var(--ant-theme-buttonBackground);
	padding: 10px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	font-size: var(--ant_var-rem16px);
	border: 1px solid var(--ant-theme-buttonBackground);
	border-radius: 4px;
	transition: 0.5s;
	margin: 5px;
	cursor: pointer;
}
div#ant_inputTime-hours > button:hover, div#ant_inputTime-minutes > button:hover {
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
	.ant_inputTime > .ant_panel {
		text-align: center;
	}
	.ant_inputTime label {
		display: inline;
		margin-right: 5px;
	}
	.ant_inputTime label:last-of-type {
		margin-left: 15px;
	}
	.ant_inputTime input[type=number] {
		display: inline-block;
		width: calc(var(--ant_var-rem10px) * 7);
	}
}

#ant_loading {
	position: fixed;
	display: flex;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
	background-color: var(--ant-theme-overlay);
	z-index: var(--ant_layers_loading);
}
#ant_loading.ant-blur {
	backdrop-filter: blur(2px);
}
#ant_loading.ant-simple::after {
	content: '';
	border: 16px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: ant_loading-spin 2s linear infinite;
}
#ant_loading > div > table {
	position: relative;
	top:0px;
	left: 0px;
	width: 400px;
	color: var(--ant-theme-loadingStepText);
	background-color: var(--ant-theme-loadingStepBackground);
	padding: 180px 15px 15px 15px;
	border-radius: 5px;
	border: 1px solid var(--ant-theme-loadingStepBorder);
	border-collapse: separate;
    border-spacing: 0 4px;
}
#ant_loading > div > table::before {
	position: absolute;
	top: 35px;
	left: calc(50% - 56px);
	display: block;
	content: '';
	background-color: var(--ant-theme-loadingStepBackground);
	border: 16px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: ant_loading-spin 2s linear infinite;
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
}
.ant_loading_stepPlaceholder {
	width: 24px;
	height: 24px;
}
#ant_loading > div > table > tr > td {
	padding: 5px;
	box-shadow: 0px 0px 1px var(--ant-theme-shadow);
}
#ant_loading > div > table > tr > td:first-child {
	border-left: 6px solid var(--ant-theme-loadingStepBorder);
}
#ant_loading > div > table > tr.ant-running > td:first-child {
	border-left: 6px solid var(--ant-theme-loadingStepBorder);
}
#ant_loading > div > table > tr > td:nth-of-type(2) {
	width: 100%;
}
#ant_loading > div > table > tr.ant-completed > td:nth-of-type(3) > svg {
	color: var(--ant-theme-valid);
}
#ant_loading > div > div > button {
	margin-top: 5px;
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	padding: 5px 15px 5px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: var(--ant_var-rem16px);
	border: 1px solid var(--ant-theme-buttonBackground);
	border-radius: 4px;
	transition: 0.5s;
	width: 100%;
}
#ant_loading > div > div > button:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
	cursor: pointer;
	text-decoration: none;
}
@keyframes ant_loading-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

body.ant_login {
	background-color: var(--ant-theme-panelBorder);
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
}
body.ant_login.ant-hasRecaptcha {
	padding-left: 0px;
	padding-right: 0px;
}
body.ant_login input {
	margin-bottom: 14px;
}
body.ant_login form {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}
#ant_login-submit {
	width: 150px;
}
#ant_login-submit:disabled, #ant_login-submit:disabled:hover {
	color: var(--ant-theme-buttonBackground);
	background-color: var(--ant-theme-buttonText);
}
#ant_login-action {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	min-width: 310px;
	min-height: 80px;
}
#ant_login-action > * {
	transition: left 0.6s;
}
#ant_login-action > *:not(#ant_login-recaptcha) {
	position: relative;
	top:0px;
	left: 0%;
}
#ant_login-action > #ant_login-recaptcha {
	position: absolute;
	top:0px;
	left: -100%;
}

#ant_login-action.ant_login-wait-recaptcha > *:not(#ant_login-recaptcha) {
	position: relative;
	top:0px;
	left: -100%;
}
#ant_login-action.ant_login-wait-recaptcha > #ant_login-recaptcha {
	position: absolute;
	top:0px;
	left: 0%;
}

/* main wrapper */
div.ant_menu {
	position: relative;
	left: 0px;
	top: 0px;
}
/* the 3 lines button */
div.ant_menu > button {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
/* the lines from the button */
div.ant_menu > button > div {
	width: var(--ant_var-rem36px);
	height: var(--ant_var-rem5px);
	background-color: var(--ant-theme-threeLineButton);
	transition: 0.4s;
}
div.ant_menu > button:hover > div {
	background-color: var(--ant-theme-threeLineButtonHover);
}
div.ant_menu > button > div:nth-child(2) {
	margin-top: var(--ant_var-rem6px);
}
div.ant_menu > button > div:nth-child(3) {
	margin-top: var(--ant_var-rem6px);
}
div.ant_menu > div:first-of-type {
	opacity: 1;
	position: relative;
	top: 0px;
	margin-left: var(--ant_var-rem40px);
	transition: 0.4s;
}
div.ant_menu > div:last-of-type {
	position: absolute;
	top: -3px;
	left: var(--ant_var-rem40px);
	display: none;
}
.ant_menu-item {
	border-radius: 4px;
	display: inline-block;
	font-size: var(--ant_var-rem16px);
	padding: 4px 8px 4px 8px;
	margin-right: 5px;
	transition: 0.4s;
	cursor: pointer;
}
.ant_menu-item > svg {
	margin-right: 3px;
}
.ant_menu-item:hover {
	text-decoration: none;
}
.ant_menu-item.low-contrast {
	border: 1px solid var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonBackground);
	background-color: var(--ant-theme-buttonText);
}
.ant_menu-item.low-contrast:hover {
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-buttonBackgroundHover);
}
.ant_menu-item.normal {
	border: 1px solid var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-buttonBackground);
}
.ant_menu-item.normal:hover {
	border: 1px solid var(--ant-theme-buttonBackgroundHover);
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-buttonBackgroundHover);
}
.ant_menu-item.warning {
	border: 1px solid var(--ant-theme-warning);
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-warning);
}
.ant_menu-item.warning:hover {
	border: 1px solid var(--ant-theme-buttonBackgroundHover);
	color: var(--ant-theme-buttonText);
	background-color: var(--ant-theme-buttonBackgroundHover);
}
.ant_menu-item.ant-hidden {
	display: none;
}
.ant_menu-item.ant-hidden {
	display: none;
}
.ant_menu-item > * {
	vertical-align: middle;
}
.ant_menu-item > span {
	display: none;
}
@media only screen and (min-width: 500px) {
	.ant_menu-item > span {
		display: inline;
	}
}
div.ant_menu.ant-active > button > div:nth-child(1) {
	transform: rotate(-45deg) translate(var(--ant_var-rem8px-), var(--ant_var-rem6px));
}
div.ant_menu.ant-active > button > div:nth-child(2) {
	opacity: 0;
}
div.ant_menu.ant-active > button > div:nth-child(3) {
	transform: rotate(45deg) translate(var(--ant_var-rem8px-), var(--ant_var-rem8px-)) ;
}
div.ant_menu.ant-active > div:first-of-type {
	top: -30px;
	opacity: 0;
}
div.ant_menu.ant-active > div:last-of-type {
	display: block;
}

body.ant_message-active {
	visibility: hidden;
}
body.ant_tags_bottom-bar.ant_message-active {
	background: var(--ant-theme-background);
}
#ant_message-text-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* if the page has fixed buttons then the message container is placed above them */
body.ant-has-fixed-buttons > #ant_message-text-container {
	bottom: 125px;
}
.ant_message-text {
	margin: 5px;
	min-width: 250px;
	background-color: var(--ant-theme-text);
	color: var(--ant-theme-panelBackground);
	text-align: center;
	border: 1px solid var(--ant-theme-panelBorder);
	border-radius: 2px;
	padding: 16px;
	transition: all .5s;
	opacity: 1;
	z-index: var(--ant_layers_text-message);
}
.ant_message-text.ant-pre-visible {
	opacity: 0;
	transform: translateX(100%);
}
.ant_message-text.ant-slide-out-mode {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* if the page has fixed buttons then the message container is placed above them */
body.ant-has-fixed-buttons .ant_message-text.ant-slide-out-mode {
	bottom: 125px;
}
.ant_message-text.ant-slide-out-mode.ant-end-slide {
	opacity: 0;
	transform: translateY(100%);
}
body.ant-has-fixed-buttons .ant_message-text.ant-slide-out-mode.ant-end-slide {
	transform: translateY(200%);
}
.ant-slide-down-placeholder {
	transition: all .5s;
	width: 10px;
}
.ant_message-image {
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--ant-theme-menuBackground);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: var(--ant_layers_fullPageMessage);
}
.ant_message-image.ant-close-on-click:after {
	position: absolute;
	content: '\2716';
	font-size: var(--ant_var-rem24px);
	right: 50px;
	top: 50px;
	background-color: var(--ant-theme-menuBackground);
	color: white;
	padding: 10px 30px;
	border-radius: 5px;
	cursor: pointer;
	opacity: .8;
}
.ant_message-image > p {
	position: absolute;
	bottom: 200px;
	display: block;
	opacity: 0.8;
	background-color: var(--ant-theme-menuBackground);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 10vw;
	width: 100%;
	text-align: right;
	font-size: var(--ant_var-rem24px);
	white-space: nowrap;
	left: 0px;
	color: transparent;
}
.ant_message-image.ant-visible > p {
	padding-right: 30vw;
	color: white;
	transition: 3s;
	transition-timing-function: liniar;
}
.ant_message-image.ant-finish {
	opacity: 0;
	transition: 1s;
}
.ant_message-image.ant-finish > p {
	padding-right: 50vw;
	transition: 1s;
	color:  var(--ant-theme-menuText);
}

.ant_modal {
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	text-align: center;
	overflow: auto;
	background-color: var(--ant-theme-overlay);
	opacity: 1;
	transition: opacity 0.5s;
	z-index: var(--ant_layers_modal);
}
.ant_modal.ant-blur {
	backdrop-filter: blur(2px);
}
.ant_modal.ant-hidden {
	opacity: 0;
}
.ant_modal > .ant_panel {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;
	left: 0px;
	opacity: 1;
	transition: top 0.5s, opacity 0.5s;
}
.ant_modal >.ant_panel.has-icon-attached {
	padding-left: 100px;
}
.ant_modal >.ant_panel > .ant_modal-icon {
	position: absolute;
	left: 10px;
	top: 10px;
	color: var(--ant-theme-panelBorder);
}
.ant_modal.ant-hidden > .ant_panel {
	top: -50px;
	opacity: 0;
}
.ant_modal.ant-hidden > .ant_panel::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: transparent;
}
.ant_modal-header {
	width: 100%;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	padding: 15px;
	font-weight: bold;
}
.ant_modal-header.ant-left {
	text-align: left;
}
.ant_modal-header.ant-center {
	text-align: center;
}
.ant_modal-header.ant-right {
	text-align: right;
}
.ant_modal-content {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px;
}
.ant_modal-content.ant-left {
	text-align: left;
}
.ant_modal-content.ant-center {
	text-align: center;
}
.ant_modal-content.ant-right {
	text-align: right;
}
.ant_modal-footer {
	border-top: 1px solid var(--ant-theme-panelBorder);
	padding: 5px;
}
.ant_modal-footer > input[type=button] {
	margin-left: 7px;
}
.ant_modal-footer.ant-left {
	text-align: left;
}
.ant_modal-footer.ant-center {
	text-align: center;
}
.ant_modal-footer.ant-right {
	text-align: right;
}
/* loading animation */
.ant_modal > .ant_panel.ant-loading > .ant_modal-content {
	visibility: hidden;
	height: 132px;
	overflow: hidden;
}
.ant_modal > .ant_panel.ant-loading > .ant_modal-content:before {
	content: "";
	visibility: visible;
	position: absolute;
	left: 50%;
	margin-left: -56px;
	width: 80px;
	height: 80px;
	border: 16px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	border-radius: 50%;
	animation: ant_loading-spin 2s linear infinite;
}
.ant_modal > .ant_panel.ant-no-header > .ant_modal-header {
	display: none;
}
.ant_modal > .ant_panel.ant-no-footer > .ant_modal-footer {
	display: none;
}
.ant_modal-footer-button {
	margin-left: 10px;
}
/* SM (over 768 PX) */
@media only screen and (min-width: 768px) {
	.ant_modal > .ant_panel {
		width: 70%;
	}
}
/* MD (over 992 PX) */
@media only screen and (min-width: 992px) {
	.ant_modal > .ant_panel {
		width: 60%;
	}
}
/* LG (over 1200 PX) */
@media only screen and (min-width: 1200px) {
	.ant_modal > .ant_panel {
		width: 50%;
	}
}

div.ant_modalMenu {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
div.ant_modalMenu > button {
	width: calc(var(--ant_var-rem10px) * 15);
	min-height: calc(var(--ant_var-rem10px) * 20);
	cursor: pointer;
	margin: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid var(--ant-theme-panelBorder);
	background-color: var(--ant-theme-panelSecondaryBackground);
	color: var(--ant-theme-text);
	border-radius: 4px;
	transition: 0.5s;
}
div.ant_modalMenu > button:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
	color: var(--ant-theme-buttonText);
}
div.ant_modalMenu > button > img,
div.ant_modalMenu > button > div.ant_modalMenu_iconPlaceholder,
div.ant_modalMenu > button > svg {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.ant_modalMenu > button > p {
	width: 100%;
	min-height: 35px;
	text-align: center;
	margin: 3px;
	font-size: var(--ant_var-rem14px);
}
div.ant_modalMenu > button > p:first-of-type {
	font-size: var(--ant_var-rem16px);
	font-weight: bold;
}
div.ant_modalMenu_iconPlaceholder {
	width: var(--ant_var-rem32px);
	height: var(--ant_var-rem32px);
}

.ant_panel {
	border: 1px solid var(--ant-theme-panelBorder);
	border-radius: 4px;
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
	padding: 10px;
	background-color: var(--ant-theme-panelBackground);
}
.ant_panel hr {
	border: none;
	background-color: var(--ant-theme-panelBorder);
	height: 1px;
}
.ant_panel > .ant_form-item {
	margin-bottom: 10px;
}
.ant_panel ~ .ant_panel {
	margin-top: var(--ant_var-wireframe-padding);
}
.ant_panel.ant-max-height {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.ant_panel > .ant-header {
	position: relative;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: var(--ant-theme-panelTitle);
}
.ant_panel > .ant-header h2 {
	color: var(--ant-theme-panelTitle);
}
.ant_panel > .ant-content > p:first-child {
	margin-top: 0px;
}
.ant_panel > .ant-footer {
	padding-top: 10px;
	border-top: 1px solid var(--ant-theme-panelBorder);
	margin-top: auto;
}
#ant_panel-centered {
	margin-left: 8px;
	margin-right: 8px;
}
@media only screen and (min-width: 768px) {
	#ant_panel-centered {
		padding-left: 30px;
		padding-right: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}
}
/** loading animation */
.ant_panel.ant-loading > div.ant-content {
	visibility: hidden;
	min-height: 132px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.ant_panel.ant-loading > div.ant-content:before {
	content: "";
	visibility: visible;
	position: absolute;
	left: 50%;
	margin-left: -56px;
	top: 50%;
	margin-top: -56px;
	width: 80px;
	height: 80px;
	border: 16px solid var(--ant-theme-loadingA);
	border-top-color: var(--ant-theme-loadingB);
	border-bottom-color: var(--ant-theme-loadingB);
	border-radius: 50%;
	animation: ant_loading-spin 2s linear infinite;
}
.ant_panel.ant-loading > div.ant-footer {
	display: none;
}
/** TABS */
.ant_panel > div.ant-tabs {
	text-align: right;
	overflow-x: auto;
	width: 100%;
	padding: 0px 30px 0px 30px;
	white-space: nowrap;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	margin-bottom: 5px;
}
.ant_panel:not(:has(div.ant-tabs:empty)):not(:has(div.ant-tabs.ant-display-none)) > div.ant-header {
	border: none;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.ant_panel > div.ant-tabs:empty {
	display: none;
}
.ant_panel > div.ant-tabs.ant-display-none {
	display: none;
}
.ant_panel > div.ant-tabs.ant-hidden {
	overflow: hidden;
}
.ant_panel > div.ant-tabs.ant-hidden > * {
	visibility: hidden;
}
.ant_panel > div.ant-tabs > div {
	display: inline-block;
	text-align: right;
	border: 1px solid var(--ant-theme-tabText);
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	margin-left: 5px;
	text-align: left;
	white-space: nowrap;
	background-color: var(--ant-theme-tabBackground);
	padding: 3px 7px 3px 7px;
}
.ant_panel > div.ant-tabs > div.ant-hidden {
	display: none;
}
.ant_panel > div.ant-tabs > div > a,
.ant_panel > div.ant-tabs > div > button {
	font-size: var(--ant_var-rem12px);
	display: inline-block;
	width: auto;
	height: auto;
	background-color: var(--ant-theme-tabBackground);
	color: var(--ant-theme-tabText);
	cursor: pointer;
	border: none;
	border-radius: 6px 6px 0px 0px;
	padding: 0;
}
.ant_panel > div.ant-tabs > div > a:nth-child(2)
.ant_panel > div.ant-tabs > div > button:nth-child(2) {
	margin-left: 7px;
}
.ant_panel > div.ant-tabs > div > a:hover {
	text-decoration: none;
}
.ant_panel > div.ant-tabs > div.ant-selected {
	color: var(--ant-theme-tabBackground);
	background-color: var(--ant-theme-tabText);
}
.ant_panel > div.ant-tabs > div.ant-selected > a,
.ant_panel > div.ant-tabs > div.ant-selected > button {
	color: var(--ant-theme-tabBackground);
	background-color: var(--ant-theme-tabText);
}
.ant_panel > div.ant-tabs > div.ant-accent > a,
.ant_panel > div.ant-tabs > div.ant-accent > button {
	font-weight: bold;
}
/** FILE BROWSER PANEL */
/** the empty folder text info */
.ant_panel.ant-fileBrowser > .ant-content > p {
	text-align: center;
}
/** the visible links */
.ant_panel.ant-fileBrowser > .ant-content > div:last-child {
	border-bottom: 1px solid var(--ant-theme-panelBorder);
}
.ant_panel.ant-fileBrowser > .ant-content > div > button,
.ant_panel.ant-fileBrowser > .ant-content > div > a {
	display: block;
	width: 100%;
	background-color: var(--ant-theme-panelSecondaryBackground);
	border: none;
	margin: 0;
	border-top: 1px solid var(--ant-theme-panelBorder);
	border-left: 0px solid var(--ant-theme-panelBorder);
	padding: 10px;
	transition: 0.5s;
	cursor: pointer;
	text-align: left;
	color: var(--ant-theme-link);
	font-size: var(--ant_var-rem16px);
}
.ant_panel.ant-fileBrowser > .ant-content > div > button > *,
.ant_panel.ant-fileBrowser > .ant-content > div > a > * {
	vertical-align: middle;
}
.ant_panel.ant-fileBrowser > .ant-content > div > button:hover,
.ant_panel.ant-fileBrowser > .ant-content > div > a:hover {
	text-decoration: none;
	border-left: 10px solid var(--ant-theme-panelBorder);
}
/** the hidden options */
.ant_panel.ant-fileBrowser > .ant-content > div > div {
	transition: opacity 0.6s;
	opacity: 0;
	overflow: hidden;
	height: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.ant_panel.ant-fileBrowser > .ant-content > div.ant-active > div {
	opacity: 1;
	height: auto;
	padding: 10px;
}
.ant_panel.ant-fileBrowser > .ant-content > div.ant-active > div {
	box-shadow: 0px 0px 2px var(--ant-theme-shadow);
}

.ant_permissions {
	margin-top: 30px;
	width: 100%;
}
.ant_permissions > thead > tr > th > p {
	text-align: center;
}
.ant_permissions > tbody > tr:first-child > td > p {
	font-weight: bold;
	text-align: right;
}
.ant_permissions > tbody > tr:not(:first-child) > td:first-child {
	text-align: right;
}
@media only screen and (max-width: 768px) {
	.ant_permissions > tbody > tr:first-child > td > p {
		display: none;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:first-child {
		width: 50%;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:last-child {
		width: 50%;
	}
}
@media only screen and (min-width: 768px) {
	.ant_permissions > thead > tr > th > p {
		display: none;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:first-child {
		width: 35%;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:last-child {
		width: 35%;
	}
}
@media only screen and (min-width: 992px) {
	.ant_permissions > tbody > tr:not(:first-child) > td:first-child {
		width: 40%;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:last-child {
		width: 40%;
	}
}
@media only screen and (min-width: 992px) {
	.ant_permissions > tbody > tr:not(:first-child) > td:first-child {
		width: 30%;
	}
	.ant_permissions > tbody > tr:not(:first-child) > td:last-child {
		width: 50%;
	}
}

#ant_search-sort-label {
	margin-top: 15px;
}
#ant_search-sort-order {
	color: var(--ant-theme-link);
	padding: 5px 0 0 0;
	width: var(--ant_var-rem30px);
	border: 0;
	background-color: transparent;
	cursor: pointer;
	display: block;
	float: right;
}
#ant_search-sort-order:hover {
	color: var(--ant-theme-linkHover);
}
#ant_search-options {
	margin-bottom: var(--ant_var-rem15px);
}
#ant_search-options td:first-child {
	padding-top: var(--ant_var-rem8px);
	padding-bottom: var(--ant_var-rem8px);
}
/* options buttons wrapper*/
#ant_search-options td:last-child > div {
	position: relative;
	text-align: right;
	overflow: hidden;
	transition: 0.5s;
	opacity: 0;
	top: var(--ant_var-rem20px-);
	height: 0px;
}	
#ant_search-options.ant-show-buttons td:last-child > div {
	opacity: 1;
	top: 0px;
	height: auto;
}
@media only screen and (min-width: 768px) {
	#ant_search-sort-label {
		text-align: right;
		float: right;
	}
}
/******************************************************************** FILTERS */
.ant_search-active-filter {
	position: relative;
	display: inline-block;
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	padding: var(--ant_var-rem5px) var(--ant_var-rem30px) var(--ant_var-rem5px) var(--ant_var-rem10px);
	border-radius: 5px;
	margin: 5px;
	font-size: var(--ant_var-rem14px);
}
.ant_search-active-filter > button {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 1px;
	right: 5px;
	color: var(--ant-theme-buttonText);
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: 0.3s;
}
.ant_search-active-filter > button:hover {
	color: var(--ant-theme-buttonBackgroundHover);
}
/*************************************************************** PAGE CONTROL */
#ant_search-pages {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: var(--ant_var-rem50px);
	text-align: center;
	background-color: var(--ant-theme-topBottomBarBackground);
	color: var(--ant-theme-topBottomBarText);
	padding-top: var(--ant_var-rem5px);
}
#ant_search-pages > table {
	 margin-left: auto;
	 margin-right: auto;
}
#ant_search-pages > table td:first-child, #ant_search-pages > table td:last-child {
	 width: calc(var(--ant_var-rem10px) * 8);
}
#ant_search-pages button {
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: var(--ant-theme-buttonText);
	color: var(--ant-theme-buttonBackground);
	border: none;
	border-radius: 10px;
	padding: 1px 15px 1px 15px;
	cursor: pointer;
	transition: 0.5s;
}
#ant_search-pages button.ant-back:hover {
	padding-left: 10px;
	padding-right: 20px;
}
#ant_search-pages button.ant-forward:hover {
	padding-left: 20px;
	padding-right: 10px;
}
#ant_search-input-page {
	width: calc(var(--ant_var-rem10px) * 6);
	padding: 5px;
	text-align: center;
	margin-left: var(--ant_var-rem10px);
	margin-right: var(--ant_var-rem10px);
}

.ant_slide-button {
	text-decoration: none;
	color: var(--ant-theme-link);
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-size: var(--ant_var-rem16px);
}
.ant_slide-button:hover {
	text-decoration: none;
	color: var(--ant-theme-linkHover);
}
.ant_slide-button.ant-icon {
	padding-left: var(--ant_var-rem16px);
}
.ant_slide-button.ant-icon:before {
	font-size: var(--ant_var-rem24px);
	content: "↓";
	position: absolute;
	top: 0;
	left: var(--ant_var-rem5px);
}
.ant_slide-button.ant-icon.ant-enabled:before {
	top: var(--ant_var-rem3px-);
	left: 0;
	content: "🗙";
}
.ant_slide {
	overflow: hidden;
}
.ant_slide > div {
	position: relative;
	top: 0px;
	transition: top 0.5s, opacity 0.5s;
	overflow: hidden;
}
.ant_slide > div:first-child {
	top: -80px;
	height: 0;
	opacity: 0;
}
.ant_slide > div:last-child {
	top: 0px;
	height: auto;
	opacity: 1;
}
.ant_slide.ant-enabled > div:first-child {
	top: 0px;
	height: auto;
	opacity: 1;
}
.ant_slide.ant-enabled > div:last-child {
	top: -80px;
	height: 0;
	opacity: 0;
}

.ant_table-scroll {
	width: 100%;
	overflow-x: auto;
}
.ant_table-scroll > table {
	min-width: 600px;
}
.ant_table-default > thead > tr {
	background-color: var(--ant-theme-panelSecondaryBackground);
}
.ant_table-default > thead > tr > th {
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	padding: 5px;
	text-align: left;
}
.ant_table-default > tbody > tr > td {
	padding: 5px;
	background-color: var(--ant-theme-panelBackground);
}
.ant_table-default > tbody > tr:not(:first-child) > td {
	padding: 5px;
	background-color: var(--ant-theme-panelBackground);
	border-top: 1px solid var(--ant-theme-panelBorder);
}
.ant_table-alternate > tbody > tr:nth-of-type(even) > td {
	background-color: var(--ant-theme-panelSecondaryBackground);
}

* {
	box-sizing: border-box;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: 100%;
	font-size: 1rem;
}
html.ant_other_full-height {
	height: 100%;
}
body {
	position: relative;
	padding: 0;
	margin: 0;
	color: var(--ant-theme-text);
}
body.ant_tags_bottom-bar {
	background: linear-gradient(to top, var(--ant-theme-topBottomBarBackground) 50px, var(--ant-theme-background) 50px);
}
img {
    max-width: 100%;
    height: auto;
}
h1 {
	color: var(--ant-theme-headerText);
	margin: 0;
	padding: 0;
	font-size: var(--ant_var-rem25px);
}
h2 {
	color: var(--ant-theme-text);
	margin: 0;
	padding: 0;
	font-size: var(--ant_var-rem20px);
}
h3 {
	color: var(--ant-theme-text);
	margin: 0;
	padding: 0;
	font-size: var(--ant_var-rem16px);
	font-weight: normal;
}
table, tr, td {
	margin: 0;
	padding: 0;
}			
a {
	text-decoration: none;
	outline: 0;
	color: var(--ant-theme-link);
}
a:link {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: var(--ant-theme-linkHover);
	text-decoration: underline;
}
/** If label is modified then the p.ant_form-text-label definition should be updated also*/
label {
	font-size: var(--ant_var-rem14px);
	font-weight: bold;
	color: var(--ant-theme-inputLabel);
}

.ant_theme-hidden {
	display: none;
}

#ant_topBar {
	position: relative;
	display: flex;
	padding: 15px 15px 15px 15px;
	justify-content: space-between;
	background-color: var(--ant-theme-topBottomBarBackground);
	z-index: var(--ant_layers_topBar);
}
body.ant_topBarFixed > #ant_topBar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
#ant_topBar a,
#ant_topBar button {
	color: var(--ant-theme-topBottomBarText);
	white-space: nowrap;
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}
#ant_topBar a > span,
#ant_topBar button > span {
	display: none;
	font-size: var(--ant_var-rem16px);
}
#ant_topBar a > *,
#ant_topBar button > * {
	vertical-align: middle;
}
#ant_topBar a > svg,
#ant_topBar button > svg {
	margin-right: 3px;
}
#ant_topBar a:hover,
#ant_topBar button:hover {
	text-decoration: none;
	text-shadow: 0px 0px 8px var(--ant-theme-topBottomBarText);
}
#ant_topBar > ul {
	list-style-type: none;
	display: flex;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#ant_topBar > ul > li {
	margin-left: 15px;
	display: flex;
	align-items: center;
}
#ant_topBar > form {
	position: relative;
	top: 0;
	left: 0;
	flex-grow: 1;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}
#ant_topBar > form > input {
	width: 30%;
	min-width: 150px;
	max-width: 300px;
	transition: 0.4s;
}
#ant_topBar > form > svg {
	position: absolute;
	top: 6px;
	right: 10px;
	color: var(--ant-theme-inputIcon);
	pointer-events: none;
}
#ant_topBar > form > input.ant_topBar_focus-animation:focus {
	max-width: 100%;
	width: 90%;
}
@media only screen and (min-width: 768px) {
	#ant_topBar a > span,
	#ant_topBar button > span {
		display: inline;
	}
}

/* The wireframe structure */
.ant_wireframe {
	margin-right: auto;
	margin-left: auto;
}
/* A row from the wireframe*/
.ant_wireframe > div {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.ant_wireframe.ant-center > div {
	justify-content: center;
}
.ant_wireframe.ant-left > div {
	justify-content: flex-start;
}
.ant_wireframe > div > div.ant-left {
	text-align: left;
}
.ant_wireframe > div > div.ant-center {
	text-align: center;
}
.ant_wireframe > div > div.ant-right {
	text-align: right;
}
[class*="ant_wireframe-col-"] {
	width: 100%;
	position: relative;
}
[class*="ant_wireframe-col-"].ant-h-padding {
	padding-left: var(--ant_var-wireframe-padding);
	padding-right: var(--ant_var-wireframe-padding);
}
[class*="ant_wireframe-col-"].ant_v-padding {
	padding-top: calc(var(--ant_var-wireframe-padding) / 2);
	padding-bottom: calc(var(--ant_var-wireframe-padding) / 2);
}
/************************************ WIREFRAME INPUT DEFAULT HIDDEN SETTINGS */
div.ant_wireframe.hide-input-hidden-default > div.input-default-hidden {
	overflow: hidden;
	height: 0px;
}
div.ant_wireframe > div.input-default-hidden > div {
	opacity: 1;
	top: 0px;
	transition: .5s;
}
div.ant_wireframe.hide-input-hidden-default > div.input-default-hidden > div {
	top: -15px;
	opacity: 0;
}
button.wireframe_button-more-options {
	width: 100%;
	padding: 4px 10px 4px 10px;
	margin: 0;
	display: inline-block;
	border: 1px solid var(--ant-theme-inputBorder);
	border-radius: 4px;
	background-color: var(--ant-theme-inputBackground);
	font-size: var(--ant_var-rem14px);
	color: var(--ant-theme-inputText);
}
button.wireframe_button-more-options:hover {
	cursor: pointer;
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
}
div.ant_wireframe > div > div > button.wireframe_button-more-options > span:first-child {
	display: inline;
}

div.ant_wireframe > div > div > button.wireframe_button-more-options > span:last-child {
	display: none;
}

div.ant_wireframe.hide-input-hidden-default > div > div > button.wireframe_button-more-options > span:first-child {
	display: none;
}

div.ant_wireframe.hide-input-hidden-default > div > div > button.wireframe_button-more-options > span:last-child {
	display: inline;
}
/********************************************************** XS (BELOW 768 PX) */
.ant_wireframe-col-xs-1 {width: 8.33%;}
.ant_wireframe-col-xs-2 {width: 16.66%;}
.ant_wireframe-col-xs-3 {width: 25%;}
.ant_wireframe-col-xs-4 {width: 33.33%;}
.ant_wireframe-col-xs-5 {width: 41.66%;}
.ant_wireframe-col-xs-6 {width: 50%;}
.ant_wireframe-col-xs-7 {width: 58.33%;}
.ant_wireframe-col-xs-8 {width: 66.66%;}
.ant_wireframe-col-xs-9 {width: 75%;}
.ant_wireframe-col-xs-10 {width: 83.33%;}
.ant_wireframe-col-xs-11 {width: 91.66%;}
.ant_wireframe-col-xs-12 {width: 100%;}
/*********************************************************** SM (OVER 768 PX) */
@media only screen and (min-width: 768px) {
	.ant_wireframe-col-sm-1 {width: 8.33%;}
	.ant_wireframe-col-sm-2 {width: 16.66%;}
	.ant_wireframe-col-sm-3 {width: 25%;}
	.ant_wireframe-col-sm-4 {width: 33.33%;}
	.ant_wireframe-col-sm-5 {width: 41.66%;}
	.ant_wireframe-col-sm-6 {width: 50%;}
	.ant_wireframe-col-sm-7 {width: 58.33%;}
	.ant_wireframe-col-sm-8 {width: 66.66%;}
	.ant_wireframe-col-sm-9 {width: 75%;}
	.ant_wireframe-col-sm-10 {width: 83.33%;}
	.ant_wireframe-col-sm-11 {width: 91.66%;}
	.ant_wireframe-col-sm-12 {width: 100%;}
	.ant_wireframe:not(.ant-fluid) {width: 750px;}
	[class*="ant_wireframe-col-"].ant-h-padding {
		padding-left: calc(var(--ant_var-wireframe-padding) / 2);
		padding-right: calc(var(--ant_var-wireframe-padding) / 2);
	}
}
/*********************************************************** MD (OVER 992 PX) */
@media only screen and (min-width: 992px) {
	.ant_wireframe-col-md-1 {width: 8.33%;}
	.ant_wireframe-col-md-2 {width: 16.66%;}
	.ant_wireframe-col-md-3 {width: 25%;}
	.ant_wireframe-col-md-4 {width: 33.33%;}
	.ant_wireframe-col-md-5 {width: 41.66%;}
	.ant_wireframe-col-md-6 {width: 50%;}
	.ant_wireframe-col-md-7 {width: 58.33%;}
	.ant_wireframe-col-md-8 {width: 66.66%;}
	.ant_wireframe-col-md-9 {width: 75%;}
	.ant_wireframe-col-md-10 {width: 83.33%;}
	.ant_wireframe-col-md-11 {width: 91.66%;}
	.ant_wireframe-col-md-12 {width: 100%;}
	.ant_wireframe:not(.ant-fluid) {width: 970px;}
}
/********************************************************** LG (OVER 1200 PX) */
@media only screen and (min-width: 1200px) {
	.ant_wireframe-col-lg-1 {width: 8.33%;}
	.ant_wireframe-col-lg-2 {width: 16.66%;}
	.ant_wireframe-col-lg-3 {width: 25%;}
	.ant_wireframe-col-lg-4 {width: 33.33%;}
	.ant_wireframe-col-lg-5 {width: 41.66%;}
	.ant_wireframe-col-lg-6 {width: 50%;}
	.ant_wireframe-col-lg-7 {width: 58.33%;}
	.ant_wireframe-col-lg-8 {width: 66.66%;}
	.ant_wireframe-col-lg-9 {width: 75%;}
	.ant_wireframe-col-lg-10 {width: 83.33%;}
	.ant_wireframe-col-lg-11 {width: 91.66%;}
	.ant_wireframe-col-lg-12 {width: 100%;}
	.ant_wireframe:not(.ant-fluid) {width: 1170px;}
}

#ant_search_accordion {
	position: relative;
}
/* the header has a relative position, to position the access button */
#ant_search_accordion .ant_panel > .ant-header {
	position: relative;
}
#ant_search_accordion .ant_panel > .ant-header > * {
	vertical-align: middle;
}
/* the selection checkbox (the only div in the header) */
#ant_search_accordion .ant_panel > .ant-header > div:first-child {
	position: absolute;
}
/* if a div is present in the header, that is the selection checkbox */
/* trigger will be pushed to the right */
#ant_search_accordion .ant_panel > .ant-header > div:first-child + * {
	margin-left: var(--ant_var-rem30px);
}
#ant_search_accordion .ant_panel > .ant-header > a,
#ant_search_accordion .ant_panel > .ant-header > button {
	color: var(--ant-theme-link);
	margin-left: 5px;
}
/* the access button (the round one) */
#ant_search_accordion .ant_panel > .ant-header > *:last-child {
	position: absolute;
	background-color: var(--ant-theme-buttonBackground);
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 1px;
	text-align: center;
	transition: all 0.5s;
	opacity: 0;
	bottom: 0px;
	right: 0px;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	color: rgba(255,255,255,0);
	cursor: pointer;
	border: none;
}
#ant_search_accordion .ant_panel > .ant-header > *:last-child.ant-visible {
	opacity: 1;
	bottom: var(--ant_var-rem20px-);
	right: var(--ant_var-rem20px-);
	width: var(--ant_var-rem40px);
	height: var(--ant_var-rem40px);
	color: var(--ant-theme-buttonText);
	padding-top: var(--ant_var-rem8px);
	font-size: var(--ant_var-rem24px);
}
#ant_search_accordion .ant_panel > .ant-header > *:last-child.ant-visible:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
	box-shadow: 0px 0px 5px var(--ant-theme-shadow);
	padding-left: var(--ant_var-rem15px);
}
#ant_search_accordion > div.ant_panel {
	border-left-width: 1px;
	border-right-width: 1px;
	transition: border-left-width .5s, border-right-width .5s;
}
#ant_search_accordion div.ant_panel.ant-selected {
	background-color: var(--ant-theme-panelBackground);
	border-color: var(--ant-theme-warning);
	border-left-width: var(--ant_var-rem10px);
	border-right-width: var(--ant_var-rem10px);
}
/* The optional buttons (menu) */
#ant_search_accordion .ant-buttons-row > div {
	display: flex;
	flex-wrap: wrap;
}
#ant_search_accordion .ant-buttons-row > div > input[type=button] {
	margin: 5px;
	width: 100%;
}
/* the container properties (the name is the first child, the value is the last child) */
#ant_search_accordion .ant-properties-row > div > div:first-child {
	font-size: var(--ant_var-rem14px);
	font-weight: bold;
	display: block;
	padding-top: 5px;
}
#ant_search_accordion .ant-properties-row > div > div:last-child {
	font-size: var(--ant_var-rem18px);
	display: block;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
	padding-top: 5px;
	padding-bottom: 5px;
}	
@media only screen and (min-width: 768px) {
	#ant_search_accordion .ant-properties-row > div > div:first-child {
		text-align: left;
		width: auto;
	}
	#ant_search_accordion .ant-properties-row > div > div:last-child {
		border-bottom: none;
	}
	#ant_search_accordion .ant-buttons-row > div > input[type=button] {
		width: auto;
	}
}

div.ant_search_card {
	position: relative;
	display: block;
	border: 1px solid var(--ant-theme-panelBorder);
	border-radius: 4px;
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
	overflow: hidden;
	background-color: var(--ant-theme-panelBackground);
	text-align: center;
	height: 400px;
	overflow: hidden;
	margin: 5px;
}
div.ant_search_card.ant-selected {
	border: 2px solid var(--ant-theme-warning);
	box-shadow: 0px 0px 4px var(--ant-theme-shadow);
}
/* selection checkbox container */
div.ant_search_card-checkbox:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	display: block;
	width: var(--ant_var-rem30px);
	height: 100%;
	background-color: var(--ant-theme-panelBackground);
	opacity: .8;
	border-radius: 0px 0px 5px 5px;
}
div.ant_search_card.ant-selected div.ant_search_card-checkbox:before {
	opacity: 1;
}
div.ant_search_card-checkbox {
	position: absolute;
	left: var(--ant_var-rem5px);
	top: var(--ant_var-rem5px);
}
/* main image */
div.ant_search_card img.ant-main {
	width: 100%;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
}
div.ant_search_card.ant-image-maximum img.ant-main {
	height: 300px;
}
div.ant_search_card.ant-image-medium img.ant-main {
	height: 150px;
}
div.ant_search_card img.ant-main.ant-fill {
	object-fit : cover;
}
div.ant_search_card img.ant-main.ant-fit {
	object-fit : contain;
}
/* main image link, if present */
div.ant_search_card > a.ant_search_card-imageLink > img.ant-main {
	outline: none;
	outline-offset: -2px;
}
div.ant_search_card > a.ant_search_card-imageLink:hover > img.ant-main {
	outline: 2px solid var(--ant-theme-panelBorder);
}
/* icon image */
div.ant_search_card div.ant-icon {
	position: absolute;
	right: 20px;
	width: 36px;
	height: 40px;
	background: linear-gradient(
		rgba(255,255,255,0) 0,
		rgba(255, 255, 255, .8) 25% 75%, 
		rgba(255,255,255,0) 100%
	);
	padding-top: 4px;
}
div.ant_search_card.ant-image-maximum div.ant-icon {
	top: 280px;
}
div.ant_search_card.ant-image-medium div.ant-icon {
	top: 130px;
}
/* item name */
div.ant_search_card > p:first-of-type {
	font-size: var(--ant_var-rem14px);
	font-weight: bold;
	margin-top: .7em;
}
/* item description */
div.ant_search_card > p:nth-of-type(2) {
	font-size: var(--ant_var-rem14px);
}
/* details page access button */
div.ant_search_card > .ant_search_card-access {
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	padding: 5px 15px 5px 15px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: var(--ant_var-rem16px);
	border-radius: 4px;
	transition: 0.5s;
	position: absolute;
	bottom: 10px;
	left: 30px;
	width: calc(100% - 60px);
	cursor: pointer;
	border: none;
}
div.ant_search_card > .ant_search_card-access:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
	cursor: pointer;
	text-decoration: none;
}
/* additional info trigger button */
div.ant_search_card > button:last-of-type {
	position: absolute;
	top: 20px;
	right: 20px;
	width: var(--ant_var-rem34px);
	height: var(--ant_var-rem34px);
	padding: 0;
	margin: 0;
	padding-top: var(--ant_var-rem5px);
	border-radius: 50%;
	background-color: var(--ant-theme-buttonBackground);
	color: var(--ant-theme-buttonText);
	transition: 0.5s;
	cursor: pointer;
	border: none;
}
div.ant_search_card > button:last-of-type:hover {
	background-color: var(--ant-theme-buttonBackgroundHover);
	padding-top: 0;
}
/* the additional info container */
div.ant_search_card > div:last-of-type {
	position: absolute;
	top: 400px;
	left: 0px;
	width: 100%;
	height: 400px;
	background-color: var(--ant-theme-panelBackground);
	opacity: 0;
	transition: 0.5s;
}
div.ant_search_card.ant-details > div:last-of-type {
	top: 0px;
	opacity: 1;
}
div.ant_search_card > div > p {
	font-size: var(--ant_var-rem14px);
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ant-theme-panelBorder);
}
div.ant_search_card > div:last-of-type > dl > dt {
	font-size: var(--ant_var-rem12px);
	font-weight: bold;
	text-align: left;
	margin-left: 15px;
}
div.ant_search_card > div:last-of-type > dl > dd {
	font-size: var(--ant_var-rem12px);
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
}
/* close additional info button */
div.ant_search_card > div:last-of-type > button {
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--ant-theme-text);
	text-decoration: none;
	display: block;
	font-size: var(--ant_var-rem16px);
	transition: 0.5s;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}
div.ant_search_card > div:last-of-type > button:hover {
	color: var(--ant-theme-link);
	text-decoration: none;
}

#ant_search_table td {
	border-top: 1px solid var(--ant-theme-panelBorder);
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#ant_search_table tr > td:first-child {
	border-left: 5px solid transparent;
	transition: border-left .5s; 
}
#ant_search_table tr.ant-selected > td:first-child {
	border-left-color: var(--ant-theme-warning);
}