/* Form ------------------------- */
form{
	padding:20px 10px;
	overflow:hidden;
}

form > .wrap{
	display:flex;
	left:0%;
    position:relative;
}
form > .wrap div.step{
	flex:1;
	padding:0 10px;
	visibility:hidden;
} form > .wrap div.step.active{ visibility:visible; }

/* Header ----------------------- */
form .header{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	padding:0 10px;
}
form .header > *{ flex-grow:1; }
form .header h1{ margin:0 10px 0 0; }

form .header .progress .bar{
	counter-reset:step;
	display:flex;
	margin:0px;
	padding:0px;
}
form .header .progress .bar li{
	align-items:center;
	color:var(--gray,#746D6E);
	display:flex;
	font-size:12px;
	flex-grow:999;
	list-style-type:none;
	position:relative;
	z-index:1;
}
form .header .progress .bar li:last-of-type{ flex-grow:1; }
form .header .progress .bar li > *{ flex-grow:1; }
form .header .progress .bar li:not(:last-of-type):after{
	background-color:var(--gray,#746D6E);
	content:'';
	height:1px;
	position:absolute;
	right:0%;
	top:15px;
	width:100%;
	z-index:-1;
}
form .header .progress .bar li:before{
	background-color:var(--white,#fff);
	border-radius:50%;
	border:2px solid var(--gray,#746D6E);
	content:counter(step);
	counter-increment:step;
	display:block;
	height:25px;
	line-height:24px;
	margin-bottom:3px;
	text-align:center;
	width:25px;
} body.dark form .header .progress .bar li:before{ background-color:var(--black,#262324); }
form .header .progress .bar li.active{ color:var(--blue,#48BEFF); }
form .header .progress .bar li.moving:after{ background-color:var(--blue,#48BEFF); }
form .header .progress .bar li.active:before{ border-color:var(--blue,#48BEFF); }
form .header .progress .bar li .title .word{
	background-color:var(--white,#fff);
	padding:8px 5px;
	white-space:nowrap;
} body.dark form .header .progress .bar li .title .word{ background-color:var(--black,#262324); }

/* Inputs ----------------------- */
.inputWrap{
	margin:10px 0 2px 0;
	position:relative;
}
.inputBorder .inputWrap{ margin:0px; }

form .left,form .right{ width:calc(50% - 5px); }
form .left{ margin-right:5px; }
form .right{ margin-left:5px; }

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{
	-moz-appearance:none; 
	-webkit-appearance:none;
	border-radius:0;
	width:100%;
	z-index:0;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button),select,textarea{
	background-color:var(--white,#fff);
	border:var(--grayMed,#B0ABAC) 1px solid;
	font-family:input-mono,monospace;
	font-size:14px;
	padding:15px;
} body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button),body.dark select,body.dark textarea{
	background-color:var(--black,#262324);
	border-color:var(--gray,#746D6E);
	color:var(--white,#fff);
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea{ -webkit-appearance:none; }

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):focus,select:focus,textarea:focus{ outline:none; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):focus,select:focus,textarea:focus{ border-color:var(--blue,#48BEFF) !important; }

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled,select:disabled,textarea:disabled,.inputBorder.disabled{
	background-color:var(--grayLight,#E2DFE2);
	border-color:var(--grayMed,#B0ABAC) !important;
	color:var(--grayDark,#4A4546);
	opacity:1;
} body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled,body.dark select:disabled,body.dark textarea:disabled,body.dark .inputBorder.disabled{
	background-color:var(--grayDark,#4A4546);
	color:var(--grayLight,#E2DFE2);
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button).err,select.err,textarea.err,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button).err,select.err,textarea.err{ border-color:var(--red,#D0112B) !important; }
input[type=checkbox],input[type=radio]{ display:none; }

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button)~label,select~label,textarea~label,.inputBorder~label,.trumbowyg-box~label,.input~label{
	background-color:var(--white,#fff);
	color:var(--gray,#746D6E);
	font-size:13px;
	font-weight:300;
	left:5px;
	padding:0 5px;
	position:absolute;
	top:-8px;
	user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	z-index:11;
} body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button)~label,body.dark select~label,body.dark textarea~label,body.dark .inputBorder~label,body.dark .trumbowyg-box~label,body.dark .input~label{
	background-color:var(--black,#262324);
	color:var(--grayMed,#B0ABAC);
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):required~label:after,select:required~label:after,textarea:required~label:after,.required:after{
	color:var(--red,#D0112B);
	content:' *';
	font-weight:800;
}
.required:after{ content:' *' !important; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):focus~label,select:focus~label,textarea:focus~label,label.focus{ color:var(--blue,#48BEFF) !important; }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled~label,select:disabled~label,textarea:disabled~label{ background:linear-gradient(180deg,var(--white,#fff) 70%,var(--grayLight,#E2DFE2) 30%); }
body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled~label,body.dark select:disabled~label,body.dark textarea:disabled~label{ background:linear-gradient(180deg,var(--black,#262324) 70%,var(--grayDark,#4A4546) 30%); }
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled~label:after,select:disabled~label:after,textarea:disabled~label:after{ content:''; }

input[type=number]{
	padding:15px 10px 15px 15px;
	text-align:right;
}

.editSelect{ position:relative; }
.editSelect input{
	position:absolute;
	width:calc(100% - 30px) !important;
}

input[type=checkbox]:not(.toggle)+label:not(.button),input[type=radio]+label:not(.button){
	align-items:start;
	color:var(--black,#262324);
    cursor:hand;
    cursor:pointer;
	display:flex;
	font-size:16px;
	font-weight:300;
	position:relative;
	user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
} body.dark input[type=checkbox]:not(.toggle)+label:not(.button),body.dark input[type=radio]+label:not(.button){ color:var(--white,#fff); }
@supports (-webkit-touch-callout:none){
	input[type=checkbox]+label::first-line,input[type=radio]+label:not(.button)::first-line{ line-height:11px; }
}
input[type=checkbox]:not(.toggle)+label:not(.button):before,input[type=radio]+label:not(.button):before{
	border:2px solid var(--grayMed,#B0ABAC);
	box-sizing:content-box;
	content:'';
	display:block;
	height:11px;
	left:0;
	margin:1px 3px 0 0;
	min-width:11px;
	top:1px;
	width:11px;
} body.dark input[type=checkbox]:not(.toggle)+label:not(.button):before,body.dark input[type=radio]+label:not(.button):before{ border-color:var(--gray,#746D6E); }
input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{ color:var(--gray,#746D6E); }
input[type=checkbox]:disabled+label:before,input[type=radio]:disabled+label:before{ background-color:var(--grayLight,#E2DFE2); }
body.dark input[type=checkbox]:disabled+label:before,body.dark input[type=radio]:disabled+label:before{ background-color:var(--gray,#746D6E); }
input[type=checkbox].err+label:before,input[type=radio].err+label:before,input[type=checkbox].err+label:before,input[type=radio].err+label:before,input[type=radio].err+label.button{ border-color:var(--red,#D0112B) !important; }

input[type=checkbox]+label:before{ border-radius:4px; }
input[type=checkbox]:checked+label:not(.button):before,input[type=checkbox]:indeterminate+label:not(.button):before{
	background:var(--blue,#48BEFF);
	border:0px;
	height:15px;
	min-width:15px;
	width:15px;
}
input[type=checkbox]:not(.toggle):checked+label:not(.button):after,input[type=checkbox]:not(.toggle):indeterminate+label:not(.button):after{
	border:solid white;
	border-width:0 2px 3px 0;
	content:'';
	position:absolute;
}
input[type=checkbox]:not(.toggle):checked+label:not(.button):after,input[type=radio].yes+label:not(.button):after{
	height:8px;
	left:5px;
	top:1.5px;
	transform:rotate(45deg);
	width:3px;
}
input[type=checkbox].err:checked+label:not(.button):before,input[type=checkbox].err:indeterminate+label:not(.button):before,input[type=checkbox].err:checked+label:not(.button):before,input[type=checkbox].err:indeterminate+label:not(.button):before{ background-color:var(--red,#D0112B) !important; }
input[type=checkbox]:checked:disabled+label:not(.button):before,input[type=checkbox]:indeterminate:disabled+label:not(.button):before{ background-color:var(--gray,#746D6E); }
input[type=checkbox]:not(.toggle):indeterminate+label:not(.button):after{
	border-width:0 0 3px 0;
	height:6px;
	left:3px;
	top:1px;
	width:9px;
}

input[type=checkbox].toggle{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background-color:var(--gray,#746D6E);
	border-radius:50px;
	border:none;
	cursor:pointer;
	display:inline-block;
	height:26px;
	outline:none;
	overflow:hidden;
	position:relative;
	transition:background-color ease 0.3s;
	width:54px;
}
input[type=checkbox].toggle:before{
	background:var(--white,#fff);
	border-radius:50%;
	color:var(--white,#fff);
	content:"on off";
	display:block;
	font-family:input-mono,monospace;
	font-weight:bold;
	font-size:10px;
	height:22px;
	left:2px;
	line-height:22px;
	position:absolute;
	text-indent:-22px;
	text-transform:uppercase;
	top:2px;
	transition:all cubic-bezier(0.3,1.5,0.7,1) 0.3s;
	white-space:nowrap;
	width:22px;
	word-spacing:30px;
	z-index:2;
}
input[type=checkbox].toggle:checked{ background-color:var(--green,#61E786); }
input[type=checkbox].toggle:checked:before{ left:30px; }
input[type=checkbox].toggle + label{
	line-height:24px;
	padding-left:2px;
	vertical-align:top;
}

ul.checkGroup{
	list-style:none;
	padding:0px;
}
ul.checkGroup ul.checkGroup{ padding-left:18px; }
ul.checkGroup span.expandCollapse{
	background:var(--black,#262324);
	height:15px;
	margin:1px 2px 0 0;
	width:15px;
}
ul.checkGroup span.collapse{
	mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"%3E%3Cpath d="M27,0A27,27,0,1,0,54,27,27,27,0,0,0,27,0ZM11.91,36.18,26,11.73a1.12,1.12,0,0,1,1.94,0L42.09,36.18a1.12,1.12,0,0,1-1,1.69H12.88A1.12,1.12,0,0,1,11.91,36.18Z"/%3E%3C/svg%3E');
	-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"%3E%3Cpath d="M27,0A27,27,0,1,0,54,27,27,27,0,0,0,27,0ZM11.91,36.18,26,11.73a1.12,1.12,0,0,1,1.94,0L42.09,36.18a1.12,1.12,0,0,1-1,1.69H12.88A1.12,1.12,0,0,1,11.91,36.18Z"/%3E%3C/svg%3E');
}
ul.checkGroup span.expand{
	mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"%3E%3Cpath d="M27,0A27,27,0,1,0,54,27,27,27,0,0,0,27,0ZM42.09,17.64,28,42.09a1.12,1.12,0,0,1-1.94,0L11.91,17.64a1.12,1.12,0,0,1,1-1.69H41.12A1.12,1.12,0,0,1,42.09,17.64Z"/%3E%3C/svg%3E');
	-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"%3E%3Cpath d="M27,0A27,27,0,1,0,54,27,27,27,0,0,0,27,0ZM42.09,17.64,28,42.09a1.12,1.12,0,0,1-1.94,0L11.91,17.64a1.12,1.12,0,0,1,1-1.69H41.12A1.12,1.12,0,0,1,42.09,17.64Z"/%3E%3C/svg%3E');
}

input[type=radio]+label:not(.button):before{ border-radius:50%; }
input[type=radio].yes+label:before,input[type=radio].no+label:before{
	margin-top:-1px;
	padding:1px;
}
input[type=radio].yes+label:after,input[type=radio].no+label:after{ position:absolute; }
input[type=radio].yes+label:after{
	border:solid var(--green,#61E786);
	border-width:0 2px 3px 0;
	content:'';
	left:7px;
	top:1.5px;
}
input[type=radio].no+label:after{
	color:var(--red,#D0112B);
	content:'X';
	font-family:Arial;
	font-weight:bold;
	left:5px;
	top:1px;
	transform:scale(1,.85);
}

input[type=radio].yes:disabled+label:after{ border-color:var(--gray,#746D6E); }
input[type=radio].no:disabled+label:after{ color:var(--gray,#746D6E); }

input[type=radio]:checked+label:before{ border-color:var(--blue,#48BEFF) !important; }
input[type=radio]:not(.yes):not(.no):checked+label:not(.button):after{
	background-color:var(--blue,#48BEFF);
	border-radius:50%;
	content:'';
	height:7px;
	margin-left:4px;
	position:absolute;
	top:5px;
	width:7px;
}
input[type=radio].yes:checked+label:before,input[type=radio].no:checked+label:before{
	border:0px;
	height:17px;
	width:17px;
}
input[type=radio].yes:checked+label:before{ background:var(--green,#61E786); }
input[type=radio].no:checked+label:before{ background:var(--red,#D0112B); }
input[type=radio].yes:checked+label:after,input[type=radio].no:checked+label:after{ border-color:var(--white,#fff); }
input[type=radio].yes:checked+label:after,input[type=radio].no:checked+label:after{ color:var(--white,#fff); }

input[type=radio]:disabled:not(.yes):not(.no):checked+label:before{ border-color:var(--gray,#746D6E); }
input[type=radio]:disabled:not(.yes):not(.no):checked+label:after{ background-color:var(--gray,#746D6E) !important; }

input[type=radio].yes:disabled:checked+label:before,input[type=radio].no:disabled:checked+label:before{ background:var(--gray,#746D6E); }

input[type=range]{
	appearance:none;
	-webkit-appearance:none;
	background:var(--gray);
	height:5px;
	margin:10px 0;
	opacity:0.5;
	outline:none;
	transition:opacity .2s;
	-webkit-transition:.2s;
	width:100%;
}
input[type=range]:hover{ opacity:1; }
input[type=range]::-webkit-slider-thumb{
	appearance:none;
	-webkit-appearance:none;
	background:var(--blue);
	border-radius:50%; 
	cursor:pointer;
	height:25px;
	width:25px;
}
input[type=range]::-moz-range-thumb{
	background:var(--blue);
	border-radius:50%; 
	cursor:pointer;
	height:25px;
	width:25px;
}

form input[h0n3i],form input[h0n3i]+label,form .firstLabel{
	border:0 !important;
	height:0 !important;
	left:0 !important;
	opacity:0 !important;
	padding:0 !important;
	position:absolute !important;
	top:0 !important;
	width:0 !important;
	z-index:-1 !important;
}

.inputBorder.divided{
	display:flex;
	align-items:center;
}
.inputBorder.divided > *{ flex:1 1 auto; }
.inputBorder.divided :not(:first-child):not(label){ border-left:dotted 1px var(--gray,#746D6E) !important; }
.inputBorder.divided select.type{
	min-width:110px;
	flex:1;
}
.inputBorder.divided.phone .number{ flex-basis:200%; }
.inputBorder.divided.phone .ext{
	min-width:50px;
	max-width:70px;
}
.inputBorder.divided.phone .ext{
	min-width:50px;
	max-width:70px;
}

.location .inputBorder.divided .city{ flex:60%; }
.location .inputBorder.divided .state{ flex:40%; }
.inputBorder.divided .search{ flex:2.5; }

select{
	appearance:none;
	background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.47 2.48 5.69 1.41 4.47 3.54 4.47" /%3E%3C/svg%3E');
	background-repeat:no-repeat;
	background-position:99% 50%;
	background-color:var(--white,#fff);
	padding:15px 25px 15px 15px;
} body.dark select{ background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.47 2.48 5.69 1.41 4.47 3.54 4.47" style="fill:%23fff"/%3E%3C/svg%3E'); }
select option:disabled{ color:var(--grayMed,#B0ABAC); }

select.sort.a{ background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.77 2.48 6 1.41 4.77 3.54 4.77"/%3E%3Cpolygon points="1.41 4.16 2.47 2.94 3.54 4.16 1.41 4.16" style="fill:%23c9c9c9;"/%3E%3C/svg%3E'); }
body.dark select.sort.a{
	background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.77 2.48 6 1.41 4.77 3.54 4.77" style="fill:%23fff"/%3E%3Cpolygon points="1.41 4.16 2.47 2.94 3.54 4.16 1.41 4.16" style="fill:%23515151;"/%3E%3C/svg%3E');
	color-scheme:only light;
}
select.sort.d{ background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.77 2.48 6 1.41 4.77 3.54 4.77" style="fill:%23c9c9c9;"/%3E%3Cpolygon points="1.41 4.16 2.47 2.94 3.54 4.16 1.41 4.16" /%3E%3C/svg%3E'); }
body.dark select.sort.d{
	background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Cpolygon points="3.54 4.77 2.48 6 1.41 4.77 3.54 4.77" style="fill:%23515151;"/%3E%3Cpolygon points="1.41 4.16 2.47 2.94 3.54 4.16 1.41 4.16" style="fill:%23fff" /%3E%3C/svg%3E');
	color-scheme:only light;
}

select option .note{
	display:block;
}


textarea{ resize:none; }

::-webkit-input-placeholder{ color:var(--grayMed,#B0ABAC); }
:-moz-placeholder{
	color:var(--grayMed,#B0ABAC);
	opacity:1;
}
::-moz-placeholder{
	color:var(--grayMed,#B0ABAC);
	opacity:1;
}
:-ms-input-placeholder{ color:var(--grayMed,#B0ABAC); }

.inputBorder{
	background-color:var(--white,#fff);
	border:var(--grayMed,#B0ABAC) 1px solid;
	margin:10px 0 2px 0;
}
body.dark .inputBorder{
	background-color:var(--black,#262324);
	border-color:var(--gray,#746D6E);
}
.inputBorder.err,.inputBorder.err{ border-color:var(--red,#D0112B) !important; }
.inputBorder:focus-within{ border-color:var(--blue,#48BEFF) !important; }
.inputBorder.focus{ border-color:var(--blue,#48BEFF) !important; }
.inputBorder.focus label{ color:var(--blue,#48BEFF) !important; }
.inputBorder input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button),.inputBorder select,.inputBorder textarea{
	border-style:none;
	margin-top:0px;
}

.inputBorder .counter{
	background-color:var(--white,#fff);
	border-top:solid var(--grayLight,#E2DFE2) 1px;
	color:var(--gray,#746D6E);
	font-size:14px;
	margin:0px;
	padding:5px;
	text-align:right;
} body.dark .inputBorder .counter{
	background-color:var(--black,#262324);
	border-color:var(--grayDark,#4A4546);
}
.inputBorder .counter.yellow{
	background-color:var(--yellow,#ECA400);
	color:var(--grayDark,#4A4546);
}
.inputBorder .counter.orange,.inputBorder .counter.red{ color:var(--white,#fff); }
.inputBorder .counter.orange{ background-color:var(--orange,#FB8B24); }
.inputBorder .counter.red{ background-color:var(--red,#D0112B); }

form .location{ margin-top:12px; }
form .location .saved{ display:none; }
form .location .saved h4{
	display:inline-block;
	margin:0 0 5px 0;
}
form .location .saved label{ margin:1px 0 10px 10px; }
form .location .saved label.new{ font-style:italic; }
form .location .saved label .address{ flex-grow:1; }
form .location .saved label .address .type{
	color:var(--grayMed,#B0ABAC);
	font-style:italic;
} body.dark form .location .saved label .address .type{ color:var(--gray,#746D6E); }
form .location .saved label .removeItem{ margin-left:auto; }

form .location .center,form .location .left,form .location .right{ margin-top:5px !important; }
form .location h5{
	float:left;
	margin:10px 0 5px 0;
}

.dateTime{
	align-items:center;
	display:flex;
}
.dateTime input{
	display:inline-block !important;
	height:46px;
}
.inputWrap .icon.delete, .inputWrap .icon.remove{
	background-color:var(--black,#262324);
	margin-right:10px;
	min-height:16px;
	min-width:16px;
} body.dark .inputWrap .icon.delete, body.dark .inputWrap .icon.remove{ background-color:var(--white,#fff); }



form .ccOpen{
	font-size:13px;
	float:right;
	margin:0px;
}
form .cc{ display:none; }
form .cc .note{
	margin:3px 0 0 0;
	text-align:right;
}

.removeItem{
	align-items:center;
	color:var(--red,#D0112B);
	display:flex;
	font-family:input-mono,monospace;
	font-size:13px;
	float:right;
	line-height:13px;
	text-align:right;
}
.removeItem:before{
	background:var(--red,#D0112B);
	content:'';
	display:block;
	fill:var(--red,#D0112B);
	height:14px;
	margin-right:2px;
	mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387.4 387.4"%3E%3Cpath d="M193.7,0C86.72,0,0,86.72,0,193.7S86.72,387.4,193.7,387.4s193.7-86.72,193.7-193.7S300.68,0,193.7,0Zm47,276.08-47.51-47.52-47,47-35.35-35.35,47-47-46.53-46.53,35.36-35.36,46.53,46.53,47-47,35.35,35.35-47,47,47.52,47.51Z" transform="translate(0 0)"/%3E%3C/svg%3E');
	-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387.4 387.4"%3E%3Cpath d="M193.7,0C86.72,0,0,86.72,0,193.7S86.72,387.4,193.7,387.4s193.7-86.72,193.7-193.7S300.68,0,193.7,0Zm47,276.08-47.51-47.52-47,47-35.35-35.35,47-47-46.53-46.53,35.36-35.36,46.53,46.53,47-47,35.35,35.35-47,47,47.52,47.51Z" transform="translate(0 0)"/%3E%3C/svg%3E');
	width:14px;
}

.note{
	color:var(--grayDark,#4A4546) !important;
	font-size:13px;
	font-style:italic;
} body.dark .note{ color:var(--grayLight,#E2DFE2) !important; }

.note > *{ margin:0px; }

/* Autocomplete ----------------- */
.ui-menu{
	background:var(--white,#fff);
	border:1px solid #999;
	color:var(--black,#262324);
	font-family:input-mono,monospace !important;
	max-height:150px;
	overflow-x:hidden;
	overflow-y:auto;
}
body.dark .ui-menu{
	background:var(--black,#262324);
	color:var(--white,#fff);
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper{ padding:10px; }
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{ background:var(--grayLight,#E2DFE2); }
body.dark .ui-menu .ui-state-active{
	background:var(--grayDark,#4A4546);
	color:var(--white,#fff);
}

.trumbowyg-editor{ font-family:input-mono,monospace; }
.trumbowyg-box,.trumbowyg-editor-box{ border:none !important; }

.search{ display:flex; }
.search:before{
	background:var(--gray);
	content:'';
	display:inline;
	margin:5px;
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 359.91 359.99'%3E%3Cpath d='M429.71,399.58l-69.19-69.19a158.44,158.44,0,0,0-238.13-208c-61.8,61.81-61.8,162.37,0,224.17a158.18,158.18,0,0,0,208,14l69.19,69.18a21.33,21.33,0,0,0,30.17-30.16ZM152.56,316.43a115.85,115.85,0,1,1,81.92,33.93A116,116,0,0,1,152.56,316.43Z' transform='translate(-76.04 -76.01)'/%3E%3C/svg%3E");
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 359.91 359.99'%3E%3Cpath d='M429.71,399.58l-69.19-69.19a158.44,158.44,0,0,0-238.13-208c-61.8,61.81-61.8,162.37,0,224.17a158.18,158.18,0,0,0,208,14l69.19,69.18a21.33,21.33,0,0,0,30.17-30.16ZM152.56,316.43a115.85,115.85,0,1,1,81.92,33.93A116,116,0,0,1,152.56,316.43Z' transform='translate(-76.04 -76.01)'/%3E%3C/svg%3E");
	mask-position:center;
	-webkit-mask-position:center;	
	mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;
    fill:var(--gray);
    padding:10px;
    vertical-align:middle;
}

.search input{ width:calc(100% - 30px); }

form .personForm{ position:relative; }
form .personForm .uploadWrap{ position:absolute; }
form .personForm .transition{
	float:right;
	margin:3px 0 2px 0;
}
form .personForm > .picture + .ticket{ margin-top:40px; }
form .personForm > .picture + .country{ margin-top:100px; }

/* Upload Area ------------------ */
.uploadArea:not(:has(.uploadOverlay)), .uploadArea .uploadOverlay,.uploadArea .image~.delete{
	padding:20px;
	text-align:center;
}
.uploadArea:not(:has(.uploadOverlay)){ border:1px dashed var(--grayMed); }
.uploadArea:has(input.err){ border-color:var(--red); }
body.dark .uploadArea:not(:has(.uploadOverlay)){ border-color:var(--gray); }
.uploadArea:not(:has(.uploadOverlay)):hover{
	border-color:var(--blue);
	background-color:rgba(var(--blueRGB),0.2);
}
.uploadArea:not(:has(.uploadOverlay)):before, .uploadArea .uploadOverlay:before,.uploadArea .image~.delete:after{
	content:'';
	display:block;
	height:30px;
	margin:0px auto 10px auto;
	width:30px;
}
.uploadArea:not(:has(.uploadOverlay)):before{ background-color:var(--gray); }
.uploadArea .uploadOverlay:before{ background-color:var(--white); }
.uploadArea:has(input.err):before{ background-color:var(--red); }
.uploadArea:not(:has(.uploadOverlay)):hover:before,.uploadArea.active:not(:has(.uploadOverlay)):before,.uploadArea .image~.delete:hover:after{ background-color:var(--blue); }

.uploadArea:not(:has(.uploadOverlay)).active, .uploadArea.active .uploadOverlay{
	align-items:center;
	border-color:var(--blue);
	display:flex !important;
	text-align:left;
}
.uploadArea:not(:has(.uploadOverlay)).active:before{
	background-color:var(--blue);
	margin:0 10px 0 0;
	min-width:30px;
}
.uploadArea:not(:has(.uploadOverlay)).active .removeItem{ margin-left:auto; }

.uploadArea .info{ width:100%; }
.uploadArea .info .name{ font-weight:bold; }
.uploadArea + input,.uploadArea input{ display:none; }

.uploadArea:has(.uploadOverlay){
	color:var(--white);
	font-size:14px;
	height:150px;
	position:absolute;
	top:0;
	width:150px;
}
.uploadArea .uploadOverlay{
	background:rgba(var(--blackRGB), 0.75);
	border-radius:50%;
	height:100%;
	position:absolute;
	width:100%;
}
.uploadArea .uploadOverlay:before{ margin-top:-7px; }
.uploadArea .uploadOverlay:hover:before{ background-color:var(--blue); }
.uploadArea .uploadOverlay .note{ color:var(--white) !important; }

@media print{
	body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button),body.dark select,body.dark textarea{
		background-color:var(--white,#fff);
		color:var(--black,#262324);
	}
	
	body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled,body.dark select:disabled,body.dark textarea:disabled{
		background-color:var(--grayLight,#E2DFE2);
		color:var(--grayDark,#4A4546);
	}
	
	body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button)+label,body.dark select+label,body.dark textarea+label,body.dark .inputBorder+label,body.dark .trumbowyg-box+label{
		background-color:var(--white,#fff);
		color:var(--gray,#746D6E);
	}
	
	body.dark input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not(.button):disabled+label,body.dark select:disabled+label,body.dark textarea:disabled+label{ background:linear-gradient(180deg,var(--white,#fff) 70%,var(--grayLight,#E2DFE2) 30%); }
	
	body.dark input[type=checkbox]:not(.toggle)+label:not(.button),body.dark input[type=radio]+label:not(.button){ color:var(--black,#262324); }
	
	body.dark input[type=checkbox]:disabled+label:before,body.dark input[type=radio]:disabled+label:before{ background-color:var(--grayLight,#E2DFE2); }
	
	body.dark input+label .tooltip,body.dark select+label .tooltip,body.dark textarea+label .tooltip{ color:var(--grayDark,#4A4546); }
	
	body.dark select{ background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.95 10"%3E%3Crect width="4.95" height="10" style="fill:none"/%3E%3Cpolygon points="3.54 4.47 2.48 5.69 1.41 4.47 3.54 4.47" /%3E%3C/svg%3E'); }
	
	body.dark .inputBorder{ background-color:var(--white,#fff); }
	
	body.dark .inputBorder .counter{
		background-color:var(--white,#fff);
		border-color:var(--grayLight,#E2DFE2);
	}
	
	body.dark .ui-menu{ background:var(--white,#fff); }

	body.dark .ui-menu .ui-state-active{ background:var(--grayLight,#E2DFE2); }

	body.dark .progress .bar li:after{ background-color:var(--white,#fff); }
	body.dark .progress .bar li .word{ background-color:var(--white,#fff); }
}

/* Resize --- */
@media screen and (max-width:700px){
	form .left:not(.locked),form .right:not(.locked){
		float:none;
		margin:10px 0 2px 0;
		width:100%;
	}
	form .personForm > .right{ margin-top:10px !important; }
	.uploadArea:has(.uploadOverlay){
		margin:0px auto;
		position:relative;
	}
}
@media screen and (max-width:570px){
	form .personForm .transition{ float:none; }
}