﻿
/*
	<div class="apk_input [inputType] ?required ?disabled ?hidden">
		<label></label>
		<div class="inp_description"></div>
		<div class="inp_container">
			<div class="inp_body">
				
			</div>
			<div class="inp_b_line"></div>
		</div>
		<small class="inp_error"></small>
	</div>
*/

.apk_input {
	position: relative;
}

.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_container {

	border-radius: 6px;
	padding: 3px;
}

.apk_input > .inp_container > div:first-child {
	width: 100%;
}

.apk_input > .inp_container > div:last-child {
	background-color: #000;
	height: 2px;
	margin: 2px 0;
	width: 100%;
}

.apk_input.invalid > .inp_container > div:last-child {
	background-color: #A30000;
}

.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_container > div:first-child > input,
.apk_input.email > .inp_container > div:first-child > input,
.apk_input.phone > .inp_container > div:first-child > input,
.apk_input.taxcode > .inp_container > div:first-child > input {
	border-bottom: 0;
}

.apk_input.shorttext.valid > .inp_container > div:first-child > input,
.apk_input.email.valid > .inp_container > div:first-child > input,
.apk_input.phone.valid > .inp_container > div:first-child > input,
.apk_input.taxcode.valid > .inp_container > 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_container > div:first-child > input,
.apk_input.email.invalid > .inp_container > div:first-child > input,
.apk_input.phone.invalid > .inp_container > div:first-child > input,
.apk_input.taxcode.invalid > .inp_container > 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_container > div:first-child > input,
.apk_input.email.disabled > .inp_container > div:first-child > input,
.apk_input.phone.disabled > .inp_container > div:first-child > input,
.apk_input.taxcode.disabled > .inp_container > 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_container > div:first-child > input:focus,
.apk_input.email > .inp_container > div:first-child > input:focus,
.apk_input.phone > .inp_container > div:first-child > input:focus,
.apk_input.taxcode > .inp_container > div:first-child > input:focus {
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
}

/* END INPUT SHORT-TEXT */

/* INPUT LONGTEXT */

.apk_input.longtext > .inp_container > div:first-child textarea {
	font-weight: initial;
	font-size: 0.9rem;
	border: none;
	background: #fff;
}

.apk_input.longtext.disabled > .inp_container > div:first-child textarea {
	font-weight: initial;
	font-size: 0.9rem;
	border: none;
	background: inherit;
}

.apk_input.longtext.valid > .inp_container > 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_container > 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_container > 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_container {
	padding-bottom: 0.5rem;
}

.apk_input.checkbox .inp_container > div > .opt input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.checkbox .inp_container > div:first-child > label {
	cursor: pointer;
}

.apk_input.checkbox .inp_container > div:first-child > label > div {
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0);
	margin: 2px;
}

.apk_input.checkbox .inp_container > div:first-child > label.selected span {
	color: #06c;
}

.apk_input.checkbox .inp_container > div:first-child > label.selected span > svg {
	fill: #06c;
}

.apk_input.checkbox .inp_container > div > label:not(.disabled):hover > div {
	font-weight: bold;
}

.apk_input.checkbox .inp_container > div:first-child > label.disabled > div {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.checkbox .inp_container > div > .opt.selected svg {
	fill: #06c;
}

.apk_input.checkbox .inp_container > div > .opt.disabled svg {
	fill: #525252;
}

.apk_input.shorttext.valid > .inp_container .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_container .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_container .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_container {
	padding-bottom: 0.5rem;
}

.apk_input.radio .inp_container > div > .opt {
	border: 2px solid rgba(0,0,0,0);
	position: relative;
	cursor: pointer;
	display: block;
	background-color: #fff;
}

.apk_input.radio .inp_container > div > .opt:hover:not(.disabled) {
	font-weight: bold;
}

.apk_input.radio .inp_container > div > .opt.selected span {
	color: #06c;
	background-color: inherit;
}

.apk_input.radio .inp_container > div > .opt.disabled {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.radio .inp_container > div > .opt.selected svg {
	fill: #06c;
}

.apk_input.radio .inp_container > div > .opt.disabled svg {
	fill: #525252;
}

.apk_input.radio .inp_container > div > .opt input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.radio.valid > .inp_container .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_container .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_container .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 TILE */

.apk_input.radiotile {
}

.apk_input.radiotile .inp_container > div:first-child > label {
	cursor: pointer;
}

.apk_input.radiotile .inp_container > div input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.radiotile .inp_container > div:first-child > label > div {
	background-color: #fff;
	border: 2px solid rgba(0,0,0,0);
	margin: 2px;
}

.apk_input.radiotile .inp_container > div:first-child > label.selected span {
	color: #06c;
}

.apk_input.radiotile .inp_container > div:first-child > label.selected span > svg {
	fill: #06c;
}

.apk_input.radiotile .inp_container > div > label:not(.disabled):hover > div {
	font-weight: bold;
}

.apk_input.radiotile .inp_container > div:first-child > label.disabled > div {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_input.radiotile .inp_container > div:first-child > label.disabled > div span svg {
	fill: #525252;
}

.apk_input.radiotile.valid > .inp_container > 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_input.radiotile.invalid > .inp_container > 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_input.radiotile.disabled > .inp_container > 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 TILE */

/* RADIO CARD */

.apk_inputradiocard {
}

.apk_inputradiocard .inp_container > div:first-child > label {
	cursor: pointer;
}

.apk_inputradiocard .inp_container > div input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_inputradiocard .inp_container > div:first-child > label > div {
	background-color: #fff;
	border: 2px solid rgba(0,0,0,0);
	margin: 2px;
}

.apk_inputradiocard .inp_container > div:first-child > label.selected span {
	color: #06c;
}

.apk_inputradiocard .inp_container > div:first-child > label.selected span > svg {
	fill: #06c;
}

.apk_inputradiocard .inp_container > div > label:not(.disabled):hover > div {
	font-weight: bold;
}

.apk_inputradiocard .inp_container > div:first-child > label.disabled > div {
	color: #525252;
	cursor: not-allowed;
	background-color: rgb(245,245,245);
}

.apk_inputradiocard .inp_container > div:first-child > label.disabled > div span svg {
	fill: #525252;
}

.apk_inputradiocard.valid > .inp_container > 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_container > 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_container > 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_container > div:last-child {
	background-color: #000;
}

.apk_input.invalid.radiobuttonlist > .inp_container > div:last-child {
	background-color: #a30000;
}

.apk_input.radiobuttonlist button:not(.disabled):not(.btn.btn-primary) {
	background-color: #fff;
}

.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.btn-primary {
	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_container {
	cursor: not-allowed;
}

/* END BUTTON LIST */

/* RADIO RATING */

.apk_input.rating > label {
	float: unset;
}

.apk_input.rating > .inp_container .d-flex {
	width: 100%;
}

.apk_input.rating .inp_container .d-flex .star {
	border: 2px solid rgba(0,0,0,0);
	position: relative;
	cursor: pointer;
}

.apk_input.rating .inp_container .d-flex .star:hover {
	background-color: #ddd;
}

.apk_input.rating .inp_container .d-flex .summarize {
	margin-top: auto;
	margin-bottom: auto;
	font-size: small;
}

.apk_input.rating .inp_container .d-flex .star input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* END RADIO RATING */

/* RADIO BUTTON LIST*/
.apk_input.radiobuttonlist:not(.no-focus) > .inp_container > div:last-child {
	background-color: #000;
}

.apk_input.invalid.radiobuttonlist > .inp_container > div:last-child {
	background-color: #a30000;
}

.apk_input.invalid.radiobuttonlist:not(.no-focus) > .inp_container:focus-within {
	background-color: transparent;
}

.apk_input.radiobuttonlist.invalid button {
	color: #a30000;
	box-shadow: 0 0 0 2px #a30000;
}

.apk_input.radiobuttonlist.invalid .btn.btn-primary {
	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_container {
	cursor: not-allowed;
}
/* END BUTTON LIST*/

/* INPUT CALENDAR */

.apk_input.calendar .inp_container {
	position:relative;
}

.apk_input.calendar .inp_container > div .litepicker {
	margin-bottom: 0.5rem;
}

.apk_input.calendar .inp_container > div input {
    height: 0;
    padding: 0;
	visibility:hidden;
}

.apk_input.calendar .inp_container > div .day {
    background-color: #fff;
    border: 2px solid lightgreen;
}

.apk_input.calendar .inp_container > div:last-child {
	position: absolute;
	bottom: 24px;
}

.apk_input.calendar .inp_container > div .day:hover {
    background-color: lightgreen;
    color: #000;
    box-shadow: inset 0 0 0 1px darkgreen;
    z-index: 10;
}

.apk_input.calendar .inp_container > div .day:focus {
    background-color: #ffd699;
    color: #000;
    z-index: 10;
}

.apk_input.calendar .inp_container > div .day.is-start-date,
.apk_input.calendar .inp_container > div .day.is-end-date {
    background-color: darkgreen;
}

.apk_input.calendar .inp_container > div .day.is-start-date:hover,
.apk_input.calendar .inp_container > div .day.is-end-date:hover {
    color: #FFF;
    font-weight: bold;
}

.apk_input.calendar .inp_container > div .day.is-start-date.is-today,
.apk_input.calendar .inp_container > div .day.is-end-date.is-today {
    background-color: #06c;
    color: #FFF;
}

.apk_input.calendar .inp_container > div .day.is-today {
    border: 2px solid #06c;
    color: #06c;
    font-weight: bold;
}

.apk_input.calendar .container.lock-plugin .calendar > .days-grid > .day.locked:not(.start):not(.end) {
	background-color: lightcoral !important;
	text-decoration: line-through !important;
	border: 2px solid #FFF !important;
	color: #FFF !important;
}

.apk_input.calendar span:not(.easepick-wrapper) {
	visibility:hidden !important;
}
/* END INPUT CALENDAR */

/* INPUT SELECT ONE-CHOICE */

.apk_input.select .inp_container > div:first-child {
	position: relative;
}

.apk_input.select .inp_container > div:first-child > div.shown {
	padding: 0;
	background-color: #fff;
}

.apk_input.select .inp_container > div:first-child > div.shown input {
	background-color:none;
	border-bottom: none;
}

.apk_input.select .inp_container > div:first-child > div.shown span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.apk_input.select .inp_container > div:first-child > div.optionlist {
	display: none;
	background-color: rgba(var(--bs-100-rgb), 1);
	border: 1px rgba(var(--bs-800-rgb), 1) solid;
	border-top-width: 1px;
	border-bottom-width: 2px;
	margin-bottom: 1rem;
	max-height: 300px;
	overflow-y: auto;
	z-index: 1000;
	box-shadow: rgba(0,0,0,0.35) 0 0.75rem 3rem;
}

.apk_input.select .inp_container > div:first-child > div.optionlist.opened {
	display: flex;
	position: absolute;
	flex-direction: column;
	width: 100%;
}

.apk_input.select .inp_container > div:first-child > div.optionlist.opened.drop-up {
	bottom: 22px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	box-shadow: rgba(0,0,0,0.35) 0 -0.75rem 3rem;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt {
	padding: 0.15rem;
	cursor: pointer;
	margin: 0 0.3rem;
	background-color: #fff;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt svg {
	fill: none !important;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt:not(.disabled).selected svg,
.apk_input.select .inp_container > div:first-child > div.optionlist .opt:not(.disabled).selected:hover svg {
	fill: #06c !important;
}
.apk_input.select .inp_container > div:first-child > div.optionlist .opt:not(.disabled):hover svg {
	fill: var(--bs-body-color) !important;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .optgroup {
	padding: 0.5rem;
	margin: 0 0.5rem;
	font-weight: bold;
	font-style: italic;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .optgroup:not(:first-child) {
	/*border-top: 1px solid;*/
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt:first-child {
	margin-top: 0.5rem;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt:last-child {
	margin-bottom: 0.5rem;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt.disabled {
	background-color: inherit;
	cursor: not-allowed;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt.disabled:not(:first-child):hover {
	cursor: not-allowed;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt:not(.disabled):hover {
	font-weight: bold;
}

.apk_input.select .inp_container > div:first-child > div.optionlist .opt.selected:not(.disabled) {
	color: #06c;
}

.apk_input.select:not(.disabled) > .inp_container > div:first-child .shown input {
	cursor: pointer;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23525252' viewBox='0 0 24 24'%3E%3Cpath d='M11.6 15.4 6 9.8l.7-.8 4.9 4.9L16.5 9l.7.8z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 45px 90% !important;
}

.apk_input.select.valid > .inp_container > 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.select.invalid > .inp_container > 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.select.disabled > .inp_container > 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_container > div:first-child {
	position: relative;
}

.apk_input.radiocard .inp_container > div:first-child > label {
	background-color: #fff;
	margin: 0.175rem 0;
	cursor: pointer;
}

.apk_input.radiocard .inp_container > div:first-child > label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.apk_input.radiocard .inp_container > div:first-child > label:not(.disabled):hover {
	background-color: #dbf1ff;
}

.apk_input.radiocard.invalid .inp_container > div:first-child > label:not(.disabled):hover {
	background-color: #ffcccc;
}

.apk_input.radiocard .inp_container > div:first-child > label.selected {
	color: #06c;
}

.apk_input.radiocard .inp_container > div:first-child > label.selected svg {
	fill: #06c;
}

.apk_input.radiocard.invalid .inp_container > div:first-child > label.selected {
	color: #a30000;
}

.apk_input.radiocard.invalid .inp_container > div:first-child > label.selected svg {
	fill: #a30000;
}

.apk_input.radiocard .inp_container > div:first-child > label.disabled {
	color: #525252;
	background-color: inherit;
	cursor: not-allowed;
}

.apk_input.radiocard .inp_container > div:first-child > label.disabled svg {
	fill: #525252;
}

.apk_input.radiocard.valid > .inp_container > 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_container > 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_container > 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 */