﻿
.apk_input {
	position: relative;
}

.apk_input.hidden {
	display: none;
}

.apk_input > label, .apk_input > .label {

	font-size: 1.125rem;
	line-height: 1.125;
	padding-left: 3px;

}

.apk_input > .inp_description {

	padding-left: 3px;

}

.apk_input > .inp_tools {
	background-color: rgba(0,0,0,0);
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items:center;

	padding: 0.063rem 0;
	position: absolute;

	top: 1rem;
	right: 1.5rem;

	height: 2rem;
	width: max-content;
}

.apk_input > .inp_tools > .inp_tool {
	cursor: pointer;
	height: 2rem;
	align-items:center;
	margin: 0 0.063rem;
	padding: 2px;
	text-align: center;
	width: 2rem;
	content: '';

	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100%;
}
.apk_input > .inp_tools > .inp_tool.ico_help {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' preserveAspectRatio='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 19c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.2-4.5H12v1.8h-1.2v-1.8zm4.5-8c0 .6-.1 1.2-.3 1.8-.3.5-.8 1-1.3 1.4L12.3 13c-.2.4-.4.8-.4 1.2v.6H11c-.1-.3-.2-.7-.2-1 0-.4.2-.9.5-1.2.4-.5.9-1 1.4-1.4.5-.4.9-.8 1.2-1.3.2-.4.3-.9.3-1.4 0-.5-.2-1.1-.6-1.4-.6-.3-1.3-.5-2-.4L9.3 7h-.5v-.8c1-.3 2-.5 3-.5.9-.1 1.9.1 2.7.6.6.6.9 1.4.8 2.2z'/%3E%3C/svg%3E");
}
.apk_input > .inp_tools > .inp_tool.ico_help.pressed {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' preserveAspectRatio='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 19c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.2-4.5H12v1.8h-1.2v-1.8zm4.5-8c0 .6-.1 1.2-.3 1.8-.3.5-.8 1-1.3 1.4L12.3 13c-.2.4-.4.8-.4 1.2v.6H11c-.1-.3-.2-.7-.2-1 0-.4.2-.9.5-1.2.4-.5.9-1 1.4-1.4.5-.4.9-.8 1.2-1.3.2-.4.3-.9.3-1.4 0-.5-.2-1.1-.6-1.4-.6-.3-1.3-.5-2-.4L9.3 7h-.5v-.8c1-.3 2-.5 3-.5.9-.1 1.9.1 2.7.6.6.6.9 1.4.8 2.2z'/%3E%3C/svg%3E");
	background-color: rgb(230,230,230);
	box-shadow: 0.063rem 0.063rem inset rgb(0,0,0,0.8);
}
.apk_input > .inp_tools > .inp_tool.ico_help:hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' preserveAspectRatio='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 19c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm-1.2-4.5H12v1.8h-1.2v-1.8zm4.5-8c0 .6-.1 1.2-.3 1.8-.3.5-.8 1-1.3 1.4L12.3 13c-.2.4-.4.8-.4 1.2v.6H11c-.1-.3-.2-.7-.2-1 0-.4.2-.9.5-1.2.4-.5.9-1 1.4-1.4.5-.4.9-.8 1.2-1.3.2-.4.3-.9.3-1.4 0-.5-.2-1.1-.6-1.4-.6-.3-1.3-.5-2-.4L9.3 7h-.5v-.8c1-.3 2-.5 3-.5.9-.1 1.9.1 2.7.6.6.6.9 1.4.8 2.2z'/%3E%3C/svg%3E");
	background-color: rgb(210,210,210);
}

.apk_input > .inp_tools > .inp_tool.selected > svg {
	fill: #06c;
}

.apk_input > .inp_body {

	border-radius: 6px;
	padding: 3px;
}

.apk_input > .inp_body > div:first-child {
	width: 100%;
}

.apk_input > .inp_body > div:last-child {
	background-color: #000;
	height: 2px;
	margin: 2px 0;
	width: 100%;
}

.apk_input.invalid > .inp_body > div:last-child {
	background-color: var(--bs-danger);
}

.apk_input.valid > .inp_body > div:last-child {
	background-color: var(--bs-success);
}

.apk_input > small {
	padding-left: 3px;
}


/* INPUT SHORT-TEXT */
/*
.apk_input.shorttext.invalid > small.inp_error,
.apk_input.email.invalid > small.inp_error,
.apk_input.phone.invalid > small.inp_error,
.apk_input.taxcode.invalid > small.inp_error {
	color: #A30000;
}*/

/*.apk_input.shorttext > .inp_body:focus-within {
	background-color: aliceblue;
}

.apk_input.shorttext > .inp_body > div:focus-within {
	border: double 4px black;
}

.apk_input.shorttext > .inp_body > div > input:focus {
	background-color: aliceblue;
}*/

	.apk_input.shorttext > .inp_body > div:first-child > input,
	.apk_input.email > .inp_body > div:first-child > input,
	.apk_input.phone > .inp_body > div:first-child > input,
	.apk_input.taxcode > .inp_body > div:first-child > input,
	.apk_input.vatcode > .inp_body > div:first-child > input,
	.apk_input.currency > .inp_body > div:first-child > input,
	.apk_input.integer > .inp_body > div:first-child > input {
		border-bottom: 0;
		width: 100%;
	}

	.apk_input.shorttext.valid > .inp_body > div:first-child > input,
	.apk_input.email.valid > .inp_body > div:first-child > input,
	.apk_input.phone.valid > .inp_body > div:first-child > input,
	.apk_input.taxcode.valid > .inp_body > div:first-child > input,
	.apk_input.vatcode.valid > .inp_body > div:first-child > input,
	.apk_input.currency.valid > .inp_body > div:first-child > input,
	.apk_input.integer.valid > .inp_body > div:first-child > input {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
		background-color: #fff;
		background-position: center right !important;
		background-repeat: no-repeat !important;
		background-size: 45px 45% !important;
	}

	.apk_input.shorttext.invalid > .inp_body > div:first-child > input,
	.apk_input.email.invalid > .inp_body > div:first-child > input,
	.apk_input.phone.invalid > .inp_body > div:first-child > input,
	.apk_input.taxcode.invalid > .inp_body > div:first-child > input,
	.apk_input.vatcode.invalid > .inp_body > div:first-child > input,
	.apk_input.currency.invalid > .inp_body > div:first-child > input,
	.apk_input.integer.invalid > .inp_body > div:first-child > input {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
		background-color: #fff;
		background-position: center right !important;
		background-repeat: no-repeat !important;
		background-size: 45px 45% !important;
	}

	.apk_input.shorttext.disabled > .inp_body > div:first-child > input,
	.apk_input.email.disabled > .inp_body > div:first-child > input,
	.apk_input.phone.disabled > .inp_body > div:first-child > input,
	.apk_input.taxcode.disabled > .inp_body > div:first-child > input,
	.apk_input.vatcode.disabled > .inp_body > div:first-child > input,
	.apk_input.currency.disabled > .inp_body > div:first-child > input,
	.apk_input.integer.disabled > .inp_body > div:first-child > input {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
		background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
		background-position: center right !important;
		background-repeat: no-repeat !important;
		background-size: 45px 45% !important;
		color: #454545;
	}

	.apk_input.shorttext > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.email > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.phone > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.taxcode > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.vatcode > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.currency > .inp_body > div:first-child > input:focus:not(.focus-visible),
	.apk_input.integer > .inp_body > div:first-child > input:focus:not(.focus-visible) {
		box-shadow: none !important;
		outline: none !important;
		border: none !important;
	}

/* END INPUT SHORT-TEXT */

/* INPUT LONGTEXT */

.apk_input.longtext > .inp_body > div:first-child textarea {
	font-weight: initial;
	font-size: 0.9rem;
	border: none;
	background: #fff;
	width: 100%;
}

.apk_input.longtext.disabled > .inp_body > div:first-child textarea {
	background: inherit;
}

.apk_input.longtext.valid > .inp_body > div:first-child > textarea {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 25px !important;
}

.apk_input.longtext.invalid > .inp_body > div:first-child > textarea {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 25px !important;
}

.apk_input.longtext.disabled > .inp_body > div:first-child > textarea {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 25px !important;
	color: #454545;
}

/* END INPUT LONGTEXT */

/* INPUT CHECKBOX */
.apk_input.checkbox .inp_body {
	padding-bottom: 0.5rem;
}

.apk_input.checkbox .inp_body > fieldset > .opt input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.checkbox .inp_body > fieldset > label {
	cursor: pointer;
}

.apk_input.checkbox .inp_body > fieldset > label {
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0);
	margin: 2px;
}

.apk_input.checkbox .inp_body > fieldset > label.selected span {
	color: #06c;
}

.apk_input.checkbox .inp_body > fieldset > label.selected span > svg {
	fill: #06c;
}

.apk_input.checkbox .inp_body > fieldset > label:not(.disabled):hover {
	font-weight: bold;
}

.apk_input.checkbox .inp_body > fieldset > label.disabled {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.checkbox .inp_body > fieldset > .opt.selected svg {
	fill: #06c;
}

.apk_input.checkbox .inp_body > fieldset > .opt.disabled svg {
	fill: #525252;
}

.apk_input.shorttext.valid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	/*background-color: #fff;*/
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.checkbox.invalid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	/*background-color: #fff;*/
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.checkbox.disabled > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END CHECKBOX */

/* BEGIN RADIOBUTTON */

.apk_input.radio .inp_body {
	padding-bottom: 0.5rem;
}

.apk_input.radio .inp_body > div > .opt:hover:not(.disabled) {
	font-weight: bold;
}
/* gnegne */
.apk_input.radio .inp_body > div:first-child > label > div {
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0);
	margin: 2px;
}

.apk_input.radio .inp_body > div > .opt.selected span {
	color: #06c;
	background-color: inherit;
}

.apk_input.radio .inp_body > div:first-child > label.disabled > div {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.radio .inp_body > div > .opt.selected svg {
	fill: #06c;
}

.apk_input.radio .inp_body > div > .opt.disabled svg {
	fill: #525252;
}

.apk_input.radio .inp_body > div > .opt input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.radio.valid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.radio.invalid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.radio.disabled > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END RADIOBUTTON */

/* RADIO CARD */

.apk_inputradiocard {
}

.apk_inputradiocard .inp_body > div:first-child > label {
	cursor: pointer;
}

.apk_inputradiocard .inp_body > div input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_inputradiocard .inp_body > div:first-child > label > div {
	background-color: #fff;
	border: 2px solid rgba(0,0,0,0);
	margin: 2px;
}

.apk_inputradiocard .inp_body > div:first-child > label.selected span {
	color: #06c;
}

.apk_inputradiocard .inp_body > div:first-child > label.selected span > svg {
	fill: #06c;
}

.apk_inputradiocard .inp_body > div > label:not(.disabled):hover > div {
	font-weight: bold;
}

.apk_inputradiocard .inp_body > div:first-child > label.disabled > div {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_inputradiocard .inp_body > div:first-child > label.disabled > div span svg {
	fill: #525252;
}

.apk_inputradiocard.valid > .inp_body > div:first-child label:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_inputradiocard.invalid > .inp_body > div:first-child label:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_inputradiocard.disabled > .inp_body > div:first-child label:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END RADIO CARD */

/* RADIO BUTTON LIST */
.apk_input.radiobuttonlist:not(.no-focus) > .inp_body > div:last-child {
	background-color: #000;
}

.apk_input.invalid.radiobuttonlist > .inp_body > div:last-child {
	background-color: #a30000;
}

.apk_input.radiobuttonlist button.btn-outline-primary:not(.disabled):hover {
	background-color: #cce5ff;
}

.apk_input.radiobuttonlist.invalid button {
	color: #a30000;
	box-shadow: 0 0 0 2px #a30000;
}

.apk_input.radiobuttonlist.invalid .btn {
	color: white;
	background-color: #a30000;
}

.apk_input.radiobuttonlist.disabled button {
	color: #5d7083;
	box-shadow: 0 0 0 2px #5d7083;
	pointer-events: none;
}

.apk_input.radiobuttonlist button.disabled {
	color: #5d7083;
	box-shadow: 0 0 0 2px #5d7083;
	pointer-events: none;
}

.apk_input.radiobuttonlist.disabled .inp_body {
	cursor: not-allowed;
}

/* END BUTTON LIST */

/* RADIO RATING */

.apk_input.rating > label {
	float: unset;
}

.apk_input.rating > .inp_body .d-flex {
	width: 100%;
}

.apk_input.rating .inp_body .d-flex .star {
	border: 2px solid rgba(0,0,0,0);
	position: relative;
	cursor: pointer;
}

.apk_input.rating .inp_body .d-flex .star:hover {
	background-color: #ddd;
}

.apk_input.rating .inp_body .d-flex .summarize {
	margin-top: auto;
	margin-bottom: auto;
	font-size: small;
}

.apk_input.rating .inp_body .d-flex .star input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* END RADIO RATING */

/* INPUT DATE */
.apk_input.date .inp_body > div:first-child {
	position: relative;
}
.apk_input.date .inp_body > div:first-child > input[type="text"] {
	border-bottom: 0;
	width: 100%;
}
.apk_input.date .inp_body > div:first-child > input[type="text"] + span {
	top: 0.4rem !important;
	right: 0.3rem !important;
	left: unset !important;
}
.apk_input.date.disabled .inp_body > div:first-child > input[type="text"] + span,
.apk_input.date.valid .inp_body > div:first-child > input[type="text"] + span,
.apk_input.date.invalid .inp_body > div:first-child > input[type="text"] + span {
	display: none;
}

.apk_input.date.valid .inp_body > div:first-child > input[type="text"] {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: var(--bs-white);
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.date.invalid .inp_body > div:first-child > input[type="text"] {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: var(--bs-white);
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.date.disabled .inp_body > div:first-child > input[type="text"] {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
	color: #454545;
}

/* END INPUT DATE */

/* INPUT CALENDAR */

.apk_input.calendar .inp_body {
	display: inline
}

.apk_input.calendar .inp_body > div:first-child {

}

.apk_input.calendar .inp_body > div:first-child input[type="text"] + span {
	display:none;
}

.apk_input.calendar .inp_body > div:first-child > input[type="text"] {
	border-bottom: 0;
	visibility:hidden;
}

.apk_input.calendar .inp_body > div:first-child > .date_months {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month {
	text-align: center;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month:not(:first-child) {
	border-left: 1px solid #000;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_interface {
	display:flex;
	justify-content:center;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_interface button {
	background-color: var(--bs-white);
	/*border: 1px solid var(--bs-body-color);*/
	border: none;
	border-left: 0;
	border-right: 0;
	margin: 0 0.125rem;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_interface select {
	flex: 1;
	max-width: 9rem;
	border: none;
	/*border-bottom: 1px solid #000;
	border-top: 1px solid #000;*/
	margin: 0 0.125rem;
	text-align: right;
	padding-right: 0.25rem;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_interface input[type="number"] {
	/*border-bottom: 1px solid #000;
	border-top: 1px solid #000;*/
	border-bottom: 0;
	text-align: center;
	max-width: 6rem;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	margin: 0 0.125rem;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_labels {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_labels > span {
	width: 100%;
	padding: 0.75rem;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days {
	
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div {
	width: 100%;
	margin: 0.15rem;
	padding: 0.15rem;
	display: flex;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div span {
	width: 100%;
	padding: 0.25rem;
	cursor: default;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div.disabled {
	background-color: inherit;
	cursor: not-allowed;
	pointer-events: none;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div.unselectable {
	background-color: inherit;
	cursor: not-allowed;
	pointer-events: none;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"]:hover {

}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"]:hover span {
	color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	padding: calc(0.25rem - 1px);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].selected:hover {
	background-color: #cfe;
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].selected:hover span {
	color: var(--bs-success);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].selected {
	background-color: var(--bs-success);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].selected span {
	font-weight: bold;
	color: var(--bs-white);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].today {

}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"].today span {
	font-weight: bold;
	color: var(--bs-primary);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"] {
	background-color: var(--bs-white);
}

.apk_input.calendar .inp_body > div:first-child > .date_months > .month > .month_week_days > .week > div[tabindex="0"] span {
	cursor: pointer;
}

.apk_input.calendar .inp_body > div:last-child {
}

/* END INPUT CALENDAR */

/* INPUT CALENDAR2 */
.apk_input.calendar2 .inp_body > .show input {
	border-bottom: 0;
}

.apk_input.calendar2 .inp_body > div > .interface select {
	width: fit-content;
	border: none;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

.apk_input.calendar2 .inp_body > div > .interface .d-flex:first-child input[type="number"] {
	
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	text-align: center;

	-moz-appearance: textfield;
	-webkit-appearance: none;
}

.apk_input.calendar2 .inp_body > div > .interface .d-flex:first-child div:last-child {
	width: 9rem;
	position: relative;
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:first-child > .d-flex input[type="button"] {
	position: absolute;
	width: 2rem;
	top: -1px;
	bottom: -1px;
	margin: 1px 0;
	border: 0;

	background-color: var(--bs-900);
	color: #fff;
	font-weight: bold;
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:first-child > .d-flex input[type="button"]:hover {
	background-color: var(--bs-white);
	color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	border-left: none;
	border-right: none;
}

.apk_input.calendar2 .inp_body > div > .interface .d-flex:first-child input[type="button"]:last-child {
	right: 0;
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:last-child > button {
	background-color: var(--bs-white);
	border: 1px solid var(--bs-body-color);
	border-left: 0;
	border-right: 0;
	margin: 0 0.125rem;
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:last-child > button:hover {
	border-color: var(--bs-primary);
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:last-child > button svg {
	fill: var(--bs-body-color);
}

.apk_input.calendar2 .inp_body > div > .interface > .d-flex:last-child > button svg:hover {
	fill: var(--bs-primary);
}

.apk_input.calendar2 .inp_body > div > .months {
	display: flex;
	width: 100%;
	justify-content: center;
}

.apk_input.calendar2 .inp_body > div > .months > .month:not(:first-child) {
	border-left: 1px solid var(--bs-900);
}

.apk_input.calendar2 .inp_body > div > .months > .month .header_row span {
	width: 100%;
	padding: 0.75rem;
}

.apk_input.calendar2 .inp_body > div > .months > .month .body_row div {
	width: 100%;
	margin: 0.15rem;
	padding: 0.15rem;
	display: flex;
}

.apk_input.calendar2 .inp_body > div > .months > .month .body_row div span {
	width: 100%;
	padding: 0.25rem;
	cursor: default;
}

.apk_input.calendar2 .inp_body > div > .months > .month .body_row div[tabindex="0"] {
	background-color: var(--bs-white);
}

.apk_input.calendar2 .inp_body > div > .months > .month .body_row div[tabindex="0"] span {
	cursor: pointer;
}

/* END INPUT CALENDAR2 */

/* INPUT SELECT ONE-CHOICE */

.apk_input.select .inp_body {
	position:relative;
}

.apk_input.select .inp_body > div:first-child {
	position: relative;
}

.apk_input.select .inp_body > div:first-child > div.shown {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	display: flex;
	flex-direction: row;
}

.apk_input.select .inp_body > div:first-child > div.shown:focus-within {
	border-color: #995c00 !important;
	box-shadow: 0 0 0 2px #995c00 !important;
	outline: none !important;
}

.apk_input.select .inp_body > div:first-child > div.shown span:last-child {
	cursor: pointer;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
	padding: 0.25rem 0.5rem;
	background-color: var(--bs-primary);
}

.apk_input.select.disabled .inp_body > div:first-child > div.shown span:last-child {
	background-color: var(--bs-400);
}

.apk_input.select .inp_body > div:first-child > div.shown span:last-child .icon {
	fill: #fff;
}

.apk_input.select .inp_body > div:first-child > div.shown input {
	border-bottom: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
}

.apk_input.select .inp_body > div:first-child > div.shown input:focus {
	border-bottom: 0;
	box-shadow: none;
}

.apk_input.select .inp_body > div:first-child > div.optionlist {
	margin-top: 0.25rem;
	max-height: 200px;
	overflow-y: scroll;
	border: 1px solid var(--bs-900);
	border-top: 0;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 10;
	background-color: var(--bg-warning);
}

.apk_input.select .inp_body > div:first-child > div.optionlist.opened {
	display: block;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup,
.apk_input.select .inp_body > div:first-child > div.optionlist .placeholder {
	background-color: var(--bs-primary-light);
	padding: 0.5rem 0.25rem 0.25rem 0.25rem;
	display: flex;
	flex-direction: column;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .placeholder {
	cursor: default;
	color: #000;
	opacity: 1;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .placeholder span {
	font-size: 1.25rem;
	line-height: 1.25rem;
	padding: 0.25rem 0.25rem 0 0.25rem;
	line-height: 1rem;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup {
	
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup span {
	font-weight: bold;
	padding: 0.75rem 0.5rem 0.5rem 0.5rem;
	line-height: 1rem;
	
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div.disabled {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 26px 45% !important;
	background-color: var(--bs-100);
	color: var(--bs-800);
	cursor: not-allowed;
	font-style: italic;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div.selected {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230066cc' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: 26px 45% !important;
	color: var(--bs-primary);
	padding: 0.25rem 2rem;
	cursor: pointer;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div {
	padding: 0.25rem 2rem;
	cursor: pointer;
	background-color: var(--bs-white);
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div:first-child,
.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup span:first-child + div {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.apk_input.select:not(.required) .inp_body > div:first-child > div.optionlist .optiongroup div.selected:not(.disabled):hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828zm2.121.707a1 1 0 0 0-1.414 0L4.16 7.547l5.293 5.293 4.633-4.633a1 1 0 0 0 0-1.414zM8.746 13.547 3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: 26px 45% !important;
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

.apk_input.select.required .inp_body > div:first-child > div.optionlist .optiongroup div.selected:not(.disabled):hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230066cc' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: 26px 45% !important;
	color: var(--bs-primary);
	font-weight: normal;
	text-decoration: underline;
}

.apk_input.select .inp_body > div:first-child > div.optionlist .optiongroup div:not(.disabled):hover {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: 26px 45% !important;
	text-decoration: underline;
}







.apk_input.select.valid > .inp_body > div:first-child .shown input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.select.invalid > .inp_body > div:first-child .shown input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.select.disabled > .inp_body > div:first-child .shown input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END INPUT SELECT ONE-CHOICE */

/* INPUT RADIO CARD ONE-CHOICE */

.apk_input.radiocard .inp_body > div:first-child {
	position: relative;
}

.apk_input.radiocard .inp_body > div:first-child > label {
	background-color: #fff;
	margin: 0.175rem 0;
	cursor: pointer;
}

.apk_input.radiocard .inp_body > div:first-child > label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.radiocard .inp_body > div:first-child > label:not(.disabled):hover {
	background-color: #dbf1ff;
}

.apk_input.radiocard.invalid .inp_body > div:first-child > label:not(.disabled):hover {
	background-color: #ffcccc;
}

.apk_input.radiocard .inp_body > div:first-child > label.selected {
	color: #06c;
}

.apk_input.radiocard .inp_body > div:first-child > label.selected svg {
	fill: #06c;
}

.apk_input.radiocard.invalid .inp_body > div:first-child > label.selected {
	color: #a30000;
}

.apk_input.radiocard.invalid .inp_body > div:first-child > label.selected svg {
	fill: #a30000;
}

.apk_input.radiocard .inp_body > div:first-child > label.disabled {
	color: #525252;
	background-color: inherit;
	cursor: not-allowed;
}

.apk_input.radiocard .inp_body > div:first-child > label.disabled svg {
	fill: #525252;
}

.apk_input.radiocard.valid > .inp_body > div:first-child .shown {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.radiocard.invalid > .inp_body > div:first-child .shown {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.radiocard.disabled > .inp_body > div:first-child .shown input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END INPUT RADIO CARD ONE-CHOICE */

/* INPUT UPLOAD */

.apk_input.fileupload .inp_body {
	position:relative;
}

.apk_input.fileupload .inp_body > div {

}

.apk_input.fileupload .inp_body > div > .d-flex {
	position: relative;
}

.apk_input.fileupload:not(.disabled) .inp_body > div > .d-flex {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.apk_input.fileupload .inp_body > div > .upload-file-list {
	margin: 0;
}

.apk_input.fileupload .inp_body > div > .upload-file-list li:first-child {
	margin-top: 1.25rem;
}

.apk_input.fileupload.dragging .inp_body > div > div:first-child {
	border: dotted 2px #000;
	padding: calc(.25rem - 2px) calc(.5rem - 2px);
}

.apk_input.fileupload:not(.dragging) .inp_body > div > div:first-child {
	padding: .25rem .5rem;
}

.apk_input.fileupload .inp_body > div > .upload-file-list > li {
	width: 100%;
	max-width: 100%;
}

.apk_input.fileupload .inp_body > div > .d-flex > .d-flex {
	height: 36px;
}

.apk_input.fileupload .inp_body > div > .d-flex > .btn-small {
	max-width: 80%;
	font-size: .875rem;
	font-weight: 700;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 7px 24px;
	border-radius: 4px;
}

.apk_input.fileupload .inp_body > div > .d-flex input[type="file"] {
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 1;
}

.apk_input.fileupload.disabled .inp_body > div > .d-flex input[type="file"] {
	pointer-events: none;
}

.apk_input.fileupload.invalid .inp_body > div > .d-flex > span:last-child .icon {
	fill: #a30000;
}

.apk_input.fileupload.invalid .inp_body > div > .upload-file-list li > div > p {
	/*color: #a30000;*/
}

.apk_input.fileupload.disabled .inp_body > div > .d-flex label {
	color: #5d7083;
	box-shadow: 0 0 0 2px #5d7083;
	pointer-events: none;
	background-color: inherit;
}

.apk_input.fileupload.disabled .inp_body > div > .upload-file-list li button.btn-delete svg {
	fill: #5d7083 !important;
}

.apk_input.fileupload:not(.disabled) .inp_body > div > .upload-file-list li button.btn-delete svg {
	fill: #cc334d !important;
}

.apk_input.fileupload.disabled .inp_body > div > .d-flex label svg {
	fill: #5d7083;
}

.apk_input.fileupload.disabled .inp_body > div > .upload-file-list li > div > p {
	color: #1a1a1a;
}

.apk_input.fileupload.invalid > .inp_body > div:first-child .d-flex > span:last-child {
	width: 35px;
	height: 35px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 45px 50% !important;
}

.apk_input.fileupload.disabled > .inp_body > div:first-child .d-flex > span:last-child {
	width: 35px;
	height: 35px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 45px 50% !important;
}


/* END INPUT UPLOAD */

/* INPUT COMPOSITE SEARCH */

.apk_input.compositesearch:not(.disabled) > .inp_body > .d-flex {
	background-color: inherit;
}

.apk_input.compositesearch > .inp_body > div > button {
	padding: 7px 24px;
	text-align: center;
	max-width: 80%;
	font-size: .875rem;
	display: flex;
	flex-wrap: nowrap;
}

.apk_input.compositesearch:not(.disabled) > .inp_body > div > button {
	color: #fff;
}

.apk_input.compositesearch.disabled > .inp_body > div > button {
	color: #5d7083;
	box-shadow: 0 0 0 2px #5d7083;
	pointer-events: none;
	background-color: inherit;
}

.apk_input.compositesearch.disabled > .inp_body > div.d-flex > span > input {
	background:inherit;
}

.apk_input.compositesearch.disabled > .inp_body > div > button svg {
	fill: var(--bs-secondary) !important;
}

.apk_input.compositesearch:not(.disabled) > .inp_body > div > button svg {
	fill: var(--bs-white) !important;
}

.apk_input.compositesearch > .inp_body > div > span > input {
	border: none;
	width: 100%;
}

.apk_input.compositesearch > .inp_body > div > span.bar {
	width: 1px;
	height: 1.8rem;
	background-color: black;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

.apk_input.compositesearch > .inp_body > div.d-flex > span.ico_space {
	width: 2.2rem;
	height: 2.2rem;
}

.apk_input.compositesearch.invalid > .inp_body > div.d-flex > span:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 45px 50% !important;
}

.apk_input.compositesearch.disabled > .inp_body > div.d-flex > span:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 45px 50% !important;
}

/* END INPUT COMPOSITE SEARCH */

/* INPUT COMPOSITE SHORTTEXTBTN */

.apk_input.shorttextbtn:not(.disabled) > .inp_body > .d-flex {
	background-color: #fff;
}

.apk_input.shorttextbtn.disabled > .inp_body > .d-flex input {
	background-color: inherit;
}

.apk_input.shorttextbtn > .inp_body > div > button {
	padding: 7px 24px;
	text-align: center;
	font-size: 1rem;
	display: flex;
	flex-wrap: nowrap;
}

.apk_input.shorttextbtn > .inp_body > .d-flex input {
	border-bottom: none;
}

.apk_input.shorttextbtn.invalid > .inp_body > div > button {
	color: #fff;
	background-color: var(--bs-red);
	border-color: var(--bs-red);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

/* END INPUT SHORTTEXTBTN */

/* BEGIN BOOLEAN */

.apk_input.boolean .inp_body {
	padding-bottom: 0.5rem;
}

	/* BOOLEAN TOGGLE */
.apk_input.boolean .inp_body > .toggles {
	padding: .5rem !important;
	margin: 0;
}

.apk_input.boolean:not(.disabled) .inp_body > .toggles {
	background: var(--bs-white);
}

.apk_input.boolean .inp_body > .toggles > label {
	margin: 0;
}

.apk_input.boolean.invalid .inp_body > .toggles label input[type=checkbox] + .lever {
	background-color: #f5d6db;
}

.apk_input.boolean.invalid .inp_body > .toggles > label input[type=checkbox] + .lever:after {
	background-color: var(--bs-danger);
}

	/* BOOLEAN FLAG */

.apk_input.boolean:not(.disabled) .inp_body > fieldset {
	background-color: var(--bs-white);
}

.apk_input.boolean .inp_body > fieldset > .opt {
	width: 100%;
	height: 2.875rem;
	margin: 0;
	border: none;
	align-items: center;
	display: flex;
	
}

.apk_input.boolean .inp_body > fieldset > .opt input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.boolean .inp_body > fieldset > .opt input[type="checkbox"]:checked + span > svg {
	fill: var(--bs-primary);
}

.apk_input.boolean .inp_body > fieldset > label {
	cursor: pointer;
}

.apk_input.boolean .inp_body > fieldset > label {
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0);
	margin: 2px;
}

.apk_input.boolean .inp_body > fieldset > label.selected span {
	color: #06c;
}

.apk_input.boolean .inp_body > fieldset > label.selected span > svg {
	fill: #06c;
}

.apk_input.boolean .inp_body > .toggles > label {
	font-weight:normal;
}

.apk_input.boolean:not(.disabled) .inp_body > .toggles > label:hover,
.apk_input.boolean:not(.disabled) .inp_body > fieldset > label:hover {
	font-weight: bold;
}

.apk_input.boolean.disabled .inp_body > .toggles > label,
.apk_input.boolean.disabled .inp_body > fieldset > label {
	color: #525252;
	cursor: not-allowed;
}

.apk_input.boolean.disabled .inp_body > fieldset > label svg {
	fill: #525252
}

.apk_input.boolean .inp_body > fieldset > label.disabled {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.boolean .inp_body > fieldset > .opt.selected svg {
	fill: #06c;
}

.apk_input.boolean .inp_body > fieldset > .opt.disabled svg {
	fill: #525252;
}

.apk_input.boolean.valid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300cc85' viewBox='0 0 192 512'%3E%3Cpath d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
	/*background-color: #fff;*/
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.boolean.invalid > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a30000' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
	/*background-color: #fff;*/
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

.apk_input.boolean.disabled > .inp_body .opt:last-child {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 22 22'%3E%3Cpath d='M16.5 12H16V7c0-2.2-1.8-4-4-4S8 4.8 8 7v5h-.5c-.6 0-1.1.5-1.1 1.1v6.8c0 .6.5 1.1 1.1 1.1h9c.6 0 1.1-.5 1.1-1.1v-6.8c0-.6-.5-1.1-1.1-1.1zM9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v5H9V7zm7.6 12.9c0 .1 0 .1-.1.1h-9c-.1 0-.1 0-.1-.1v-6.8h9.2v6.8zM13 15.5c0 .3-.2.7-.5.8v1.5h-1v-1.5c-.3-.1-.5-.5-.5-.8 0-.6.4-1 1-1s1 .4 1 1z'/%3E%3C/svg%3E");
	background-color: rgba(var(--bs-100-rgb), var(--bs-bg-opacity)) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 45% !important;
}

/* END BOOLEAN */