/*------------------------------------------------------------------------*/
input[type="text"],
input[type="file"],
input[type="password"],
input[type="date"],
textarea,
select {
	-webkit-appearance: none;
	font-family:var(--input-font-family);
	font-size:var(--input-font-size);
	line-height:var(--input-line-height);
	font-weight:var(--input-font-weight);
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow:var(--input-box-shadow);
	border-width:var(--input-border-width);
	border-style:solid;
	border-color:var(--input-border-color);
	padding:var(--input-padding-y) var(--input-padding-x);
	min-height: var(--input-min-height);
	margin:0;
	background-color: var(--input-bg-color);
	color: var(--input-color);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-overflow:ellipsis;
	-webkit-border-radius:var(--input-border-radius);
	border-radius:var(--input-border-radius);
	width: 100%;
}
textarea {
	padding:var(--input-padding-x);
	resize:none;
}
input[type="text"]:hover,
input[type="file"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
textarea:hover,
select:hover {
	border-color: var(--input-hover-border-color);
	box-shadow:var(--input-hover-box-shadow);
}
input[type="text"]:-moz-read-only,
input[type="file"]:-moz-read-only,
input[type="password"]:-moz-read-only,
input[type="date"]:-moz-read-only,
textarea:-moz-read-only {
	background-color: var(--input-read-only-bg-color);
}
input[type="text"]:read-only,
input[type="file"]:read-only,
input[type="password"]:read-only,
input[type="date"]:read-only,
textarea:read-only {
	background-color: var(--input-read-only-bg-color);
}
input[type="text"]:read-only:hover,
input[type="file"]:read-only:hover,
input[type="password"]:read-only:hover,
input[type="date"]:read-only:hover,
textarea:read-only:hover {
	border-color: var(--input-border-color);
	box-shadow:var(--input-box-shadow);
}
input[type="text"]:disabled,
input[type="file"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
select:disabled {
	opacity: 0.5;
	background-color: var(--input-bg-color);
}
input[type="text"]:disabled:hover,
input[type="file"]:disabled:hover,
input[type="password"]:disabled:hover,
input[type="date"]:disabled:hover,
textarea:disabled:hover,
select:disabled:hover {
	border-color: var(--input-border-color);
	box-shadow:var(--input-box-shadow);
}
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
	border-color: var(--input-hover-border-color);
	box-shadow:var(--input-hover-box-shadow);
}
textarea:empty {
	min-height:8rem;
}
textarea:focus {
	min-height:12rem;
}
input[type="text"]::placeholder,
input[type="file"]::placeholder,
input[type="date"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
select::placeholder {
	opacity: 1;
	color:var(--input-placeholder-color);
	text-overflow:ellipsis;
}
label {
	display:flex;
	gap:0.25em;
	padding:0;
	color: var(--label-color);
	font-family: var(--label-font-family);
	font-size: var(--label-font-size);
	font-weight: var(--label-font-weight);
	line-height:var(--label-line-height);
}
label.disabled {
	opacity: 0.5;
}
label.req:after {
	content: "*";
	color:var(--label-req-color);
}
/*------------- btn ---------------------*/
.btn {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.75rem;
	position:relative;
	vertical-align: middle;
	padding:0 1.0rem;
	min-height: var(--btn-min-height);
	font-family:var(--btn-font-family);
	font-size:1.0rem;
	line-height: 1;
	font-weight:600;
	text-transform: none;
	border-width:var(--btn-border-width);
	border-style:solid;
	border-radius:var(--btn-border-radius);
	border-color:var(--btn-border-color);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-decoration:none;
	-webkit-appearance: none;
	background-image:var(--btn-background-image);
	background-color:var(--btn-background-color);
	color:var(--btn-color);
	cursor:default;
	white-space: nowrap;
}
a.btn,
button.btn,
a .btn {
	cursor: pointer;
}
a.btn:disabled,
button.btn:disabled {
	cursor: default;
}
a.btn:hover,
a:hover .btn,
button.btn:hover {
	color:var(--btn-hover-color);
	background-image:var(--btn-hover-background-image);
	background-color:var(--btn-hover-background-color);
	border-color:var(--btn-hover-border-color);
}
.btn:disabled,
.btn:disabled:hover {
	color:var(--btn-disabled-color);
	background-image:var(--btn-disabled-background-image);
	background-color:var(--btn-disabled-background-color);
	border-color:var(--btn-disabled-border-color);
}
.btn.reverse {
	flex-direction: row-reverse;
}
.btn::before {
	display: inline-block;
	flex-shrink: 0;
	font-size: 1.25rem;
	margin: 0 -0.3rem;
}
.btn.above {
	box-shadow:var(--above-shadow);
}
a.btn.above:hover,
button.btn.above:hover {
	box-shadow:var(--above-hover-shadow);
}
.btn.small {
	font-size:0.75rem;
	padding:0 0.7rem;
	min-height: 2.0rem;
}
.btn.small::before {
	font-size: 1.0rem;
	margin: 0 -0.3rem;
}
.btn.medium {
	font-size:1.0rem;
	padding:0 1rem;
	min-height: 2.5rem;
}
.btn.medium::before {
	font-size: 1.25rem;
	margin: 0 -0.3rem;
}
.btn.big {
	column-gap: 1.5rem;
	font-size:1.125rem;
	padding:0 1.5rem;
	border-width:var(--btn-border-width);
	min-height: 4.0rem;
	border-radius:var(--border-radius-s);
}
.btn.big::before {
	font-size: 1.75rem;
	margin: 0 -0.5rem;
}
.btn.round-btn,
.btn.square-btn {
	width: var(--btn-min-height);
	height: var(--btn-min-height);
	min-height: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: visible;
	padding: 0;
	border-width:0;
	padding: 0;
	flex-shrink: 0;
}
.btn.round-btn::before,
.btn.square-btn::before {
	margin: 0;
	font-size: 1.6rem;
}
.btn.round-btn {
	border-radius: 50%;
}
.btn.square-btn {
	border-radius:0.25rem;
}
.btn.square-btn.size-xxs {
	border-radius:0.125rem;
}
.btn.round-btn.size-xxs,
.btn.square-btn.size-xxs {
	width: 1.0rem;
	height: 1.0rem;
	font-size: 1.0rem;
}
.btn.round-btn.size-xxs::before,
.btn.square-btn.size-xxs::before {
	font-size: 0.875rem;
}
.btn.round-btn.size-xs,
.btn.square-btn.size-xs {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.0rem;
}
.btn.round-btn.size-xs::before,
.btn.square-btn.size-xs::before {
	font-size: 1rem;
}
.btn.round-btn.small,
.btn.square-btn.small {
	width: 2.0rem;
	height: 2.0rem;
	font-size: 1.25rem;
}
.btn.round-btn.small::before,
.btn.square-btn.small::before {
	font-size: 1.2rem;
}
.btn.round-btn.x-small,
.btn.square-btn.x-small {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.2rem;
}
.btn.round-btn.x-small::before,
.btn.square-btn.x-small::before {
	font-size: 1.2rem;
}
.btn.round-btn.xx-small,
.btn.square-btn.xx-small {
	width: 1.0rem;
	height: 1.0rem;
	font-size: 0.875rem;
}
.btn.round-btn.xx-small::before,
.btn.square-btn.xx-small::before {
	font-size: 0.875rem;
}
.btn.round-btn.medium,
.btn.square-btn.medium {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.25rem;
}
.btn.round-btn.medium::before,
.btn.square-btn.medium::before {
	font-size: 1.2rem;
}
.btn.round-btn.big,
.btn.square-btn.big {
	width: 4.0rem;
	height: 4.0rem;
	font-size: 2.3rem;
}
.btn.round-btn.big::before,
.btn.square-btn.big::before {
	font-size: 2.3rem;
}
.btn.round-btn.big span.items {
	font-size: 1rem;
	width: 1.5rem;
	height: 1.5rem;
}
/*--*/
.btn.white {
	background-image:var(--btn-white-background-image);
	background-color:var(--btn-white-bg-color);
	border-color:var(--btn-white-border-color);
	color: var(--btn-white-color);
}
.btn.white:hover {
	background-color:var(--btn-white-bg-hover-color);
	border-color:var(--btn-white-border-hover-color);
	color: var(--btn-white-hover-color);
}
.btn.white-primary {
	background-color:var(--btn-white-bg-color);
	border-color:var(--btn-white-bg-color);
	color: var(--primary-color);
}
a.btn.white-primary:hover,
button.btn.white-primary:hover {
	background-color:var(--primary-color);
	border-color:var(--primary-color);
	color: #ffffff;
}
.btn.grey-primary {
	background-color:var(--btn-grey-bg-color);
	border-color:var(--btn-grey-bg-color);
	color: var(--primary-color);
}
.btn.grey-primary:hover,
button.btn.grey-primary:hover,
.btn-wrap:hover .btn.grey-primary {
	background-color:var(--primary-color);
	border-color:var(--primary-color);
	color: #ffffff;
}
.btn.grey-primary:disabled,
.btn.grey-primary:disabled:hover,
button.btn.grey-primary:disabled:hover {
	background-color:var(--btn-grey-bg-color);
	border-color:var(--btn-grey-bg-color);
	color:var(--btn-white-color);
}
.btn.grey-red {
	background-color:var(--bg-color-01);
	border-color:var(--bg-color-01);
	color: var(--error-color);
}
a.btn.grey-red:hover,
button.btn.grey-red:hover {
	background-color:var(--error-color);
	border-color:var(--error-color);
	color: #ffffff;
}
.btn.grey-green {
	background-color:var(--bg-color-01);
	border-color:var(--bg-color-01);
	color: var(--ok-color);
}
a.btn.grey-green:hover,
button.btn.grey-green:hover {
	background-color:var(--ok-color);
	border-color:var(--ok-color);
	color: #ffffff;
}
.btn.opaque-primary {
	background-image: unset;
	background-color:unset;
	border-color:unset;
	color: var(--primary-color);
}
a.btn.opaque-primary:hover,
button.btn.opaque-primary:hover {
	background-image: unset;
	background-color:unset;
	border-color:unset;
	color: var(--primary-color);
}
.btn.opaque-grey {
	background-color:rgba(255, 255, 255, 0);
	border-color:rgba(255, 255, 255, 0);
	color: var(--btn-icon-icon-color-1);
}
a.btn.opaque-grey:hover,
button.btn.opaque-grey:hover,
.btn.opaque-grey.active {
	background-color:rgba(255, 255, 255, 0);
	border-color:rgba(255, 255, 255, 0);
	color: var(--btn-icon-icon-hover-color-1);
}
.btn.opaque-grey.disabled,
a.btn.opaque-grey.disabled:hover,
button.btn.opaque-grey.disabled:hover,
.btn.opaque-grey.active.disabled {
	background-color:rgba(255, 255, 255, 0);
	border-color:rgba(255, 255, 255, 0);
	color: var(--btn-icon-icon-color-1);
	opacity:0.5;
}
.btn.disabled,
a.btn.disabled:hover,
button.btn.disabled:hover {
	cursor: default;
	color:var(--txt-color-01);
	background-color:var(--bg-color-01);
	border-color:var(--bg-color-01);
}
.btn.grey {
	background:var(--btn-grey-background-color);
	border-color:var(--btn-grey-border-color);
	color:#ffffff;
}
a.btn.grey:hover,
button.btn.grey:hover {
	background:var(--btn-grey-hover-background-color);
	border-color:var(--btn-grey-hover-border-color);
	color:#ffffff;
}
.btn.trans {
	background:transparent;
	color:var(--btn-background-color);
	border-color:var(--btn-border-color);
}
a.btn.trans:hover,
button.btn.trans:hover {
	color:var(--btn-hover-color);
	background-color:var(--btn-hover-background-color);
	border-color:var(--btn-hover-border-color);
}
.btn.trans.red {
	background:transparent;
	color:#ED1C24;
	border-color:#ED1C24;
}
a.btn.trans.red:hover,
button.btn.trans.red:hover {
	color:#ffffff;
	background:#ED1C24;
	border-color:#ED1C24;
}
.btn.trans.grey {
	background:transparent;
	color:#899cb7;
}
a.btn.trans.grey:hover,
button.btn.trans.grey:hover {
	background:#899cb7;
	border-color:#899cb7;
	color:#ffffff;
}
.btn.red {
	background-color:#D30000;
	border-color:#D30000;
}
a.btn.red:hover,
a:hover .btn.red {
	background-color:#F20D0D;
	border-color:#F20D0D;
}
.btn.blue {
	background-color:#0058A8;
	border-color:#0058A8;
}
a.btn.blue:hover,
a:hover .btn.blue {
	background-color:#F20D0D;
	border-color:#F20D0D;
}
.btn.trans.grey-btn {
	background:transparent;
	color:#899cb7;
}
a.btn.trans.grey-btn:hover {
	background:#899cb7;
	border-color:#899cb7;
	color:#ffffff;
}
/*--*/
.btn.slashed::after {
	content: '';
	display: block;
	position: absolute;
	width:0%;
	height: 3px;
	box-shadow: 0 3px 0 #f7f7f7;
	background-color: var(--primary-color);
	transform: rotate(-45deg);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.btn.slashed.active::after {
	width:100%;
}
/*--*/
.btn-icon {
	display: flex;
	align-items: center;
	gap: 0.5em;
	color: #777777;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	border:none;
	background: none;
}
.btn-icon.primary-green:hover {
	color: #777777;
}
.btn-icon::before {
	font-size: 2.0rem;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-icon.primary-green::before {
	color: var(--primary-color);
}
.btn-icon.primary-green:hover::before {
	color: var(--primary-color);
}
.btn-icon.big::before {
	font-size: 2.3rem;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.btn {
		font-size:0.875rem;
		min-height: 2.75rem;
	}
	.btn.small {
		font-size:0.75rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		min-height: 3.5rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {

	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.5rem;
		height: 3.5rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.3rem;
		height: 1.3rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.btn {
		/*column-gap: 0.5rem;*/
		font-size: 0.8125rem;
		min-height: 2.75rem;
	}
	.btn.small {
		font-size:0.6875rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		min-height: 3.5rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {

	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.5rem;
		height: 3.5rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.3rem;
		height: 1.3rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.btn {
		/*column-gap: 0.5rem;*/
		font-size: 0.8125rem;
		min-height: 2.75rem;
	}
	.btn.small {
		font-size:0.6875rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		min-height: 3.5rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {

	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.375rem;
		height: 3.375rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.375rem;
		height: 3.375rem;
		font-size: 2.3rem;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.btn {
		column-gap: 0.5rem;
		font-size: 0.75rem;
		min-height: 2.25rem;
		padding: 0 0.75rem;
	}
	.btn.small {
		font-size:0.6275rem;
		padding:0 0.7rem;
		min-height: 1.5rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		min-height: 2.75rem;
	}
	.btn::before {
		font-size: 1.0rem;
		margin: 0 -0.1rem;
	}
	.btn.small::before {
		font-size: 0.75rem;
		margin: 0 -0.1rem;
	  }
	.btn.big::before {
		font-size: 1.5rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {

	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.3rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.5rem;
		height: 1.5rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.2rem;
		height: 1.2rem;
	}

}
/* phone */
@media (max-width:27em){
	.btn {
		column-gap: 0.5rem;
		font-size: 0.875rem;
		min-height: 2.25rem;
		padding: 0 0.75rem;
	}
	.btn.small {
		font-size:0.6275rem;
		padding:0 0.7rem;
		min-height: 1.5rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		min-height: 2.75rem;
	}
	.btn::before {
		font-size: 1.0rem;
		margin: 0 -0.1rem;
	}
	.btn.small::before {
		font-size: 0.75rem;
		margin: 0 -0.1rem;
	  }
	.btn.big::before {
		font-size: 1.5rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {

	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.3rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.5rem;
		height: 1.5rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.2rem;
		height: 1.2rem;
	}
}
/*------------------------------------------- Selectize ---------------------------------------------*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
	visibility: visible !important;
	background: var(--selectize-placeholder-bg) !important;
	border: 0 none !important;
	-webkit-box-shadow: inset 0 0 12px 4px var(--selectize-placeholder-shadow-color);
	box-shadow: inset 0 0 12px 4px var(--selectize-placeholder-shadow-color);
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
	content: '!';
	visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
	-webkit-box-shadow: 0 2px 5px var(--selectize-shadow);
	box-shadow: 0 2px 5px var(--selectize-shadow);
}
.selectize-dropdown-header {
	position: relative;
	padding: 5px 8px;
	border-bottom: 1px solid var(--selectize-dropdown-header-border-color);
	background: var(--selectize-dropdown-header-bg-color);
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
	position: absolute;
	right: 8px;
	top: 50%;
	color: var(--selectize-dropdown-header-close-color);
	opacity: 0.4;
	margin-top: -12px;
	line-height: 20px;
	font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
	color: var(--selectize-dropdown-header-close-hover-color);
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
	border-right: 1px solid var(--selectize-dropdown-optgroup-border-color);
	border-top: 0 none;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
	border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
	display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
	border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
	position: relative;
	padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
	z-index: 1;
	/* fixes ie bug (see #392) */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	color:var(--selectize-control-remove-color);
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 8px 0 0;
	border-left: 1px solid transparent;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	opacity:0.3;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
	color:var(--selectize-control-remove-hover-color);
	opacity:1;
}
.selectize-control.plugin-remove_button [data-value].active .remove {

}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
	background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
	border-left-color: var(--selectize-control-remove-border-color);
}
.selectize-control.plugin-remove_button .remove-single {
	position: absolute;
	right: 28px;
	top: 6px;
	font-size: 23px;
}
/*--*/
.selectize-control.plugin-remove_button_x [data-value] {
	position: relative;
}
.selectize-control.plugin-remove_button_x [data-value] .remove {
	z-index: 1;
	/* fixes ie bug (see #392) */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	color:var(--selectize-control-remove-color);
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	padding: 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0;
}
.selectize-control.plugin-remove_button_x [data-value] .remove:hover {
	color:var(--selectize-control-remove-hover-color);
	opacity:1;
}
.selectize-control.plugin-remove_button_x [data-value].active .remove {

}
.selectize-control.plugin-remove_button_x .disabled [data-value] .remove:hover {
	background: none;
}
.selectize-control.plugin-remove_button_x .disabled [data-value] .remove {
	border-left-color: var(--selectize-control-remove-border-color);
}
.selectize-control.plugin-remove_button_x .remove-single {
	position: absolute;
	right: 28px;
	top: 6px;
	font-size: 23px;
}
/*--*/
.selectize-control {
	position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
	color: var(--input-color);
	font-family: inherit;
	/*font-size:18px;
	font-weight:400;*/
	-webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
	/*background: none;*/
	cursor: text;
	display: flex;
}
.selectize-input {
	font-family:var(--input-font-family);
	font-size:var(--input-font-size);
	line-height:var(--input-line-height);
	font-weight:var(--input-font-weight);
	border-style:solid;
	border-width:var(--input-border-width);
	border-color:var(--input-border-color);
	background-color: var(--input-bg-color);
	padding: var(--input-padding-y) var(--input-min-height) var(--input-padding-y) var(--input-padding-x);
	display: flex;
	/*flex-wrap: wrap;*/
	align-items: center;
	gap:0.25em;
	width: 100%;
	min-height: var(--input-min-height);
	overflow: hidden;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: var(--input-border-radius);
	-moz-border-radius: var(--input-border-radius);
	border-radius: var(--input-border-radius);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.selectize-input .item {
	display: inline-flex;
}
.selectize-control.multi .selectize-input.has-items {
}
.selectize-input.full {
}
.selectize-input.disabled,
.selectize-input.disabled * {
	cursor: default !important;
}
.selectize-input:hover {
	border-color:var(--input-hover-border-color);
	box-shadow:var(--input-hover-box-shadow);
}
.selectize-input.focus {
	border-color:var(--input-hover-border-color);
	box-shadow:var(--input-hover-box-shadow);
}
.selectize-input.dropdown-active {
	border-color:var(--input-hover-border-color);
	box-shadow:var(--input-hover-box-shadow);
}
.selectize-input > * {
	vertical-align: baseline;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	display: inline;
}
.selectize-control.multi .selectize-input > div {
	cursor: pointer;
	cursor:auto;
	padding: 2px 6px;
	background: var(--selectize-control-input-div-bg-color);
	color: var(--selectize-control-input-div-color);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.selectize-control.multi.plugin-remove_button_x .selectize-input > div[data-value] {
	padding:0;
	background: none;
	display: none;
}
.selectize-control.multi.plugin-remove_button_x .selectize-input > div[data-value]:nth-of-type(1) {
	display: inline-flex;
	gap:0.25rem;
	color:var(--input-color);
}
.selectize-control.multi.plugin-remove_button_x .selectize-input > div[data-value]:nth-of-type(1) span {
	color:var(--selectize-dropdown-active-color);
}
.selectize-control.multi .selectize-input > div:hover {
	background: var(--selectize-control-input-div-hover-bg-color);
	color: var(--selectize-control-input-div-hover-color);
}
.selectize-control.multi .selectize-input > div.active {
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
	color: var(--selectize-control-input-disabled-div-color);
	background: var(--selectize-control-input-disabled-div-active-bg-color);
}
.selectize-input > input {
	display: inline-block !important;
	padding: 0 !important;
	min-height: 0 !important;
	max-height: none !important;
	max-width: 100% !important;
	margin: 0 1px !important;
	text-indent: 0 !important;
	border: 0 none !important;
	background: none !important;
	line-height: inherit !important;
	-webkit-user-select: auto !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
	display: none;
}
.selectize-input > input:focus {
	outline: none !important;
}
.selectize-input::after {
	content: ' ';
	display: block;
	clear: left;
}
.selectize-input.dropdown-active::before {
	content: ' ';
	display: block;
	position: absolute;
	background: var(--selectize-dropdown-active-before-bg-color);
	height: 1px;
	bottom: 0;
	left: 0;
	right: 0;
}
.f_tags .selectize-input.dropdown-active::before,
.f_emails .selectize-input.dropdown-active::before,
.tags .selectize-input.dropdown-active::before {
	display:none;
}
.selectize-dropdown {
	position: absolute;
	z-index: 1000;
	border: 0px solid var(--selectize-dropdown-border-color);
	background: var(--selectize-dropdown-bg-color);
	margin: 0 0 0 0;
	border-top: 0 none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: var(--selectize-dropdown-shadow);
	box-shadow: var(--selectize-dropdown-shadow);
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size: var(--selectize-dropdown-font-size);
}
.f_emails .selectize-dropdown {
	height:0;
	overflow:hidden;
	-webkit-box-shadow:none;
	box-shadow: none;
}
.selectize-dropdown [data-selectable] {
	cursor: pointer;
	overflow: hidden;
	color:var(--selectize-dropdown-color);
}
.selectize-dropdown [data-selectable] .highlight {
	background: var(--selectize-dropdown-highlight-bg);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
	padding: 8px 16px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
	border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
	color: var(--selectize-dropdown-optgroup-color);
	background: var(--selectize-dropdown-optgroup-bg-color);
	cursor: default;
}
.selectize-dropdown .active {
	background-color: var(--selectize-dropdown-active-bg-color);
	/*color: var(--selectize-dropdown-active-color);*/
}
.selectize-dropdown .selected {
	/*background-color: var(--selectize-dropdown-active-bg-color);*/
	color: var(--selectize-dropdown-active-color);
}
.selectize-dropdown .active.create {
	color: var(--selectize-dropdown-active-create-color);
}
.selectize-dropdown .create {
	color: var(--selectize-dropdown-create-color);
}
.selectize-dropdown-content {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: var(--selectize-dropdown-content-height);
	-webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
	cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
	cursor: text;
}
.selectize-control.single .selectize-input:after,
.selectize-control.multi .selectize-input:after {
	font-family: "zafort" !important;
	content: attr(data-icon);
	font-size: 1.2em;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e842';
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	height: var(--input-min-height);
	right: 0.7em;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	color: #777777;
}
.selectize-control.single .selectize-input.dropdown-active:after,
.selectize-control.multi .selectize-input.dropdown-active:after {
	border-color: var(--a-color);
}
.selectize-control.rtl.single .selectize-input:after {
	left: 15px;
	right: auto;
}
.selectize-control.rtl .selectize-input > input {
	margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
	opacity: 0.5;
	background-color: var(--selectize-control-disabled-bg-color);
}
.selectize-control.multi .selectize-input {
	padding-left: 0.5rem;
	/*padding-right: 5px;*/
}
.selectize-control.multi.plugin-remove_button_x .selectize-input {
	padding-left: 1rem;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
	color: var(--selectize-control-disabled-color);
	text-shadow: none;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
	border-color: var(--selectize-control-disabled-border-color);
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
	background: none;
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
	/*border-color: var(--input-border-color);*/
}
.selectize-dropdown .optgroup-header {
	padding-top: 7px;
	font-weight: bold;
	font-size: 0.85em;
}
.selectize-dropdown .optgroup {
	border-top: 1px solid var(--selectize-dropdown-optgroup-border-color);
}
.selectize-dropdown .optgroup:first-child {
	border-top: 0 none;
}
/*----------------------------------------------form-block------------------------*/
.form-block {
	position:relative;
}

.form-block .f-input,
.form-block .f-file {
	display:block;
	position:relative;
}
.form-block .f-input .calendar_btn {
	position:absolute;
	top:8px;
	right:0;
	font-size:44px;
	color:#8a9193;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	cursor:pointer;
}
.form-block .f-input .calendar_btn:hover {
	color:#f46262;
}
.form-block .f-input .calendar_btn:before {
	content: "\72";
}
.form-block .f-input.f-error {
}
.form-block .f-input input[type="text"],
.form-block .f-input input[type="file"],
.form-block .f-input input[type="date"],
.form-block .f-input input[type="password"],
.form-block .f-input textarea,
.form-block .f-input select {
	/*display:block;*/
	width:100%;
}
/*-- captcha --*/
.form-block .f-input.f-captcha {
	display: inline-block;
}
.form-block .f-input.f-captcha input[type="text"] {
	padding-right:50%;
}
.form-block .f-input.f-captcha .captcha {
	display: inline-block;
	position: absolute;
	background-color: #f4f4f4;
	border-radius: 0 0.25em 0.25em 0;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: var(--input-border-color);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: multiply;
	width:50%;
	height:100%;
	top:0;
	right:0;
}
.form-block .f-input.f-captcha.f-error .captcha {
	border-color:var(--error-color);
}
.form-block .f-input textarea {
	display:block;
	margin-bottom:0;
}
.form-block .f-file .error,
.form-block .f-input .error,
.form-block .f-check .error,
.form-block .f-input .hint,
.form-block .f-check .hint {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	color:var(--error-color);
	display:none;
	font-size:var(--txt-size--1);
	line-height:1em;
	min-height:2em;
	padding:0.5em 0 0 0;
	text-align: left;
}
.form-block .f-input .hint,
.form-block .f-check .hint {
	color:var(--txt-color-01);
	display: block;
}
.form-block .f-input.f-error .hint,
.form-block .f-check.f-error .hint {
	display: none;
}
.form-block .f-check .error {
}
.form-block .f-input .error:before {
	content:'';
	display:block;
	display: none;
	position:absolute;
	border-color:var(--error-color) transparent transparent transparent;
	border-style:solid;
	border-width:0.5em;
	top:0;
	left:1.0rem;
}
.form-block.inverted .f-input .error {
	color:#bc3610;
}
.form-block .f-file.f-error .error,
.form-block .f-input.f-error .error,
.form-block .f-check.f-error .error{
	display:block;
}
.form-block .f-error input[type="text"],
.form-block .f-error input[type="password"],
.form-block .f-error textarea {
	/*background:var(--error-color);*/
	border-color: var(--input-error-border-color);
}
.form-block .f-error input[type="text"]:hover,
.form-block .f-error input[type="password"]:hover,
.form-block .f-error textarea:hover {
	/*background:var(--error-color);
	border-color: var(--input-border-color);*/
}
.form-block .f-error input[type="text"]:focus,
.form-block .f-error input[type="password"]:focus,
.form-block .f-error textarea:focus {
	/*background: #ebf2f6;
	border-color: var(--input-border-color);*/
}
.form-block .f-error input[type="text"]:not(:placeholder-shown),
.form-block .f-error input[type="password"]:not(:placeholder-shown),
.form-block .f-error textarea:not(:placeholder-shown) {
	/*border-color: hsl(0, 76%, 50%);*/
}
/*.form-block .f-error input[type="text"]:valid,
.form-block .f-error input[type="password"]:valid,
.form-block .f-error textarea:valid {
	border-color: hsl(120, 76%, 50%);
	border-color: var(--input-border-color);
}*/
/*.form-block .f-error input[type="text"]:focus + div.error,
.form-block .f-error input[type="password"]:focus + div.error,
.form-block .f-error textarea:focus + div.error {
	opacity:0;
}*/
/*.form-block .f-error input[type="text"]:valid + div.error,
.form-block .f-error input[type="password"]:valid + div.error,
.form-block .f-error textarea:valid + div.error {
	opacity:0;
}*/
.form-block.inverted .f-error input[type="text"],
.form-block.inverted .f-error input[type="password"],
.form-block.inverted .f-error textarea {
	border-bottom:2px solid #df0000;
	background-color: rgba(221, 0, 0, 0.2);
}
.form-block .f-check,
.form-block .f-radio {
	display:block;
	position: relative;
	min-height: var(--input-min-height);
	padding-top: calc((var(--input-min-height) - 1.25rem) * 0.5);
}
.f-check.disabled,
.f-radio.disabled {
	opacity: 0.5;
}
.f-check label,
.f-radio label {
	position: relative;
	display:flex;
	width:auto;
}
.f-check label a,
.f-radio label a {
	color: var(--primary-color);
	text-decoration:none;
	border-bottom:2px dotted var(--primary-color);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.f-check label a:hover,
.f-radio label a:hover {
	color:var(--primary-color);
	border-bottom:2px dotted rgba(255,255,255,0);
}
.f-check label span,
.f-radio label span {
	display:inline-flex;
	column-gap: 0.5rem;
	position:relative;
	font-size: var(--txt-font-size--1);
	line-height: var(--txt-font-size--1-lh);
	font-weight: var(--html-font-weight);
	z-index:2;
}
.f-check.f-list label span,
.f-radio.f-list label span {
	column-gap: var(--col-gap-s);
}
.f-check label span:before,
.f-radio label span:before {
	content:'';
	display:block;
	position:relative;
	width:1.25rem;
	height:1.25rem;
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: var(--input-border-color);
	border-radius: var(--input-border-radius);
	flex-shrink: 0;
}
.form-block .f-error .f-check label span:before {
	border-color: var(--error-color);
}
.form-block .f-check.f-error label + div.error {
}
.plaque .form-block .f-check label span:before,
.plaque .form-block .f-radio label span:before {
	background: #ffffff;
}
.form-block .f-check.f-error label span:before {
}
.f-radio label span:before {
	border-radius:50%;
}
.f-check label span:after {
	content:'';
	display:block;
	position:absolute;
	top:0.45rem;
	left:0.4rem;
	width:0.9rem;
	height:0.5rem;
	border-width:0 0 3px 3px;
	border-color:transparent;
	border-style:solid;
	transform: rotate(-45deg) translateY(-50%); 
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.f-check label.small span:after {
	width:0.7rem;
	height:0.5rem;
	top:0.35rem;
	left:0.3rem;
}
.f-radio label span:after {
	content:'';
	display:block;
	position:absolute;
	top:0.25rem;
	left:0.25rem;
	width:0.75rem;
	height:0.75rem;
	background:none;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	border-radius:100%;
}
.f-check input,
.f-radio input {
	display:block;
	position:absolute;
	z-index:3;
	width:1.25rem;
	height:1.25rem;
	top: calc((var(--input-min-height) - 1.25rem) * 0.5);
	top:0;
	left:0;
	opacity:0;
}
.form-block .f-check input:checked + span,
.form-block .f-radio input:checked + span {
	
}
.f-check input:checked + span:before {
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.f-radio input:checked + span:before {
	border-color: var(--primary-color);
}
.f-check input:checked + span:after {
	border-color:#ffffff;
}
.f-radio input:checked + span:after {
	background:#ffffff;
	background: var(--primary-color);
}
/*--*/
.form-block .f-file {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 0.5rem;
	width: 100%;
	padding: 1rem;
	border-width:var(--input-border-width);
	border-style:solid;
	border-color:var(--input-border-color);
	border-color:rgba(0,0,0,0.15);
	background-color: var(--input-bg-color);
	-webkit-border-radius:var(--input-border-radius);
	border-radius:var(--input-border-radius);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f-file.row {
	flex-direction: row;
	column-gap: 0.5rem;
	justify-content: space-between;
}
.form-block .f-file:hover {
	border-color:rgba(0,0,0,0);
	box-shadow:0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.form-block .f-file input[type="file"] {
	position: absolute;
	z-index: 3;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	opacity:0;
}
.form-block .f-file .fileList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap:0.5rem;
	row-gap: 0.5rem;
}
.form-block .f-file .filename {
	display: flex;
	gap:0.5rem;
	justify-content: center;
	align-items: center;
	min-height: 2rem;
	overflow: hidden;
	max-width: 100%;
	/*background-color: #eeeeee;*/
	padding: 0 0.5rem;
}
.form-block .f-file.row .filename {
	order: 1;
}
.form-block .f-file .filename div {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form-block .f-file .filename::before {
	color: var(--txt-color-01);
	display: flex;
	flex-shrink: 0;
}
.form-block .f-file .filename a {
	cursor: pointer;
}
.form-block .f-file .filename a::before {
	content:'×';
	font-weight:bold;
	color:#ccc;
}
.form-block .f-file .filename a:hover::before {
	color: #ec1c24;
}
.form-block .f-file .btn-wrap {
	position: relative;
	z-index: 1;
}
.form-block .f-file.row .btn-wrap {
	order:3;
}
.form-block .f-file .note {
	color:var(--txt-color-01);
	font-size: var(--txt-size-s);
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 0.5rem;
}
.form-block .f-file.row .note {
	order: 2;
}
/*--*/
.form-block .f-range {
	display: flex;
	align-items: center;
	gap:0.5rem;
	justify-content: space-between;
}
.form-block .f-range label {
	padding: 0;
}
.form-block .f-range input[type="text"] {
	text-align: center;
	padding:0 0.5rem;
}
.feedback_success {
position:relative;
text-align:center;
padding-top:20px;
color:var(--primary-color);
}
.feedback_success:before {
content: "\64";
display:block;
text-align:center;
font-size:12em;
color:var(--primary-color);
line-height:1;
}
.success {
position:relative;
text-align:center;
padding-top:20px;
}
.success:before {
display:block;
text-align:center;
font-size:12em;
color:var(--primary-color);
line-height:1;
}
/*--*/
.form-success {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	row-gap: 2rem;
	padding: 2rem 0;
}
.form-success::before {
	font-size: 6rem;
	color:var(--primary-color);
	line-height:1;
}
.form-success .s-txt h2:last-child,
.form-success .s-txt h3:last-child {
	margin-bottom: 0;
}
.form-success .s-txt p:last-childe {
	padding-bottom: 0;
}
/* Search-select -------------------------------------------------*/
.dropdown-input {
	position:relative;
	padding:1px 0;
}
.dropdown-input::before {
	content: 'xx';
	display: block;
	position: relative;
	z-index: 1;
	border-width: var(--input-border-width);
	border-style: solid;
	border-color: rgba(0,0,0,0);
	padding:0;
	height: var(--input-min-height);
	margin: 0;
	font-size: 0.89em;
	font-weight: normal;
	opacity: 0;
}
.dropdown-input .outline {
	position: absolute;
	z-index: 10;
	width:100%;
	top:0;
	left:0;
	border-width: var(--input-border-width);
	border-style: solid;
	border-color: var(--input-border-color);
	padding: 0;
	margin: 0;
	background: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	border-radius: var(--input-border-radius);
	-webkit-border-radius: var(--input-border-radius);
	overflow: hidden;
}
.dropdown-input .outline:hover,
.dropdown-input .outline.open { 
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
	border-color: rgba(255, 255, 255, 1);
}
.dropdown-input.disabled .outline,
.dropdown-input.disabled .outline:hover,
.dropdown-input.disabled .outline.open { 
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
	border-color: rgba(0,0,0,0.15);
	opacity: 0.5;
}
.f-error .dropdown-input .outline,
.f-error .dropdown-input .outline.open { 
	border-color: var(--input-error-border-color);
}
.dropdown-input .outline::after {
	content: '';
	display: block;
	display: none;
	position: absolute;
	z-index: 3;
	top:0;
	right: 0;
	width: 2rem;
	height: 100%;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	transition-delay: 0.3s;
}
.dropdown-input .outline.open::after {
	width:0;
	background-color: rgba(255, 255, 255, 0);
}
.dropdown-input input[type="text"] {
	position:relative;
	overflow:hidden;
	text-overflow: ellipsis;
	z-index:2;
	width:100%;
	background-color: rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 1);
}
.dropdown-input input[type="text"]:hover {
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
}
.f-error .dropdown-input input[type="text"] {
	border-color: rgba(255, 255, 255, 0);
	border-width: 0;
	min-height: calc(var(--input-min-height) - 2px);
}
.chosen-value::-webkit-input-placeholder {
	
}
.chosen-value + span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	background:var(--primary-color);
	width:10px;
	height:10px;
}
.chosen-value + span:before {
	content: "\6a";
}
.chosen-value.open + span:before {
content: '\e81c';
}
.chosen-value:hover {
	/*cursor: pointer;*/
}
.chosen-value:hover::-webkit-input-placeholder {
	color: #777777;
}
.chosen-value:focus, .chosen-value.open {
	outline: 0;
}
.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {
	color: #000000;
}

ul.value-list {
	position: absolute;
	position: relative;
	left: 0;
	width: 100%;
	z-index:2;
	list-style: none;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background:#ffffff;
	margin: 0 !important;
	padding: 0 !important;
}

ul.value-list.open {
	max-height: 12rem;
	overflow: auto;
}
ul.value-list li {
	display: block;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
	font-size: 0.89em;
	padding: 0.6em 1.0em !important;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	opacity: 1;
	color:#777777;
}
ul.value-list li:hover {
	background:rgba(0, 0, 0, 0.05);
}
ul.value-list li.closed {
	overflow: hidden;
	height:0;
	padding: 0 !important;
	opacity: 0;
}
ul.value-list + span {
	display:block;
	position:absolute;
	top:8px;
	right:10px;
	color:#333333;
	z-index:1;
	width:30px;
	height:30px;
	text-align:center;
	line-height:20px;
}
.small ul.value-list + span {
	right:0;
}
ul.value-list + span:before {
content: '\e81c';
	font-size:22px;
}
.small ul.value-list + span:before {
	font-size:20px;
}
ul.value-list.open + span:before {
content: '\e81c';
	font-size:34px;
}	
ul.value-list.open + span:before {
	font-size:30px;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.dropdown-input::before {
		font-size: 1.0em;
		height: 2.4rem;
	}
	ul.value-list li {
		font-size: 1.0em;
	}
}
/*--------------------.dropdown-input.open-list-------------------------------------*/
.dropdown-input.open-list::before {
	content: 'xx';
	display: none;
	position: relative;
	z-index: 1;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	padding:0;
	height: 2.5rem;
	margin: 0;
	font-size: 0.89em;
	font-weight: normal;
	opacity: 0;
}
.dropdown-input.open-list .outline {
	position: relative;
	z-index: 10;
	width:100%;
	top:auto;
	left:a;
	border-width: 0;
	border-style: solid;
	border-color: rgba(0,0,0,0.15);
	padding: 0;
	margin: 0;
	background: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	overflow: hidden;
}
.dropdown-input.open-list ul.value-list {
	position: relative;
	left: 0;
	width: 100%;
	z-index:2;
	list-style: none;
	overflow: hidden;
	max-height: unset;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background:#ffffff;
	margin: 0 !important;
	padding: 0 !important;
}

.dropdown-input.open-list ul.value-list.open {
	max-height: unset;
	overflow: auto;
}
.dropdown-input.open-list ul.value-list li {
	display: block;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
	font-size: 0.89em;
	padding: 0.6em 1.0em !important;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	opacity: 1;
	color:#777777;
}
.dropdown-input.open-list ul.value-list li.closed {
	overflow: hidden;
	height:0;
	padding: 0 !important;
	opacity: 0;
}