:root {

	/** Components Base Settings **/
	--headerBG:					#FFFFFF;
	--headerTopPadding:			12px;
	--headerBottomPadding:		12px;
	--colorPrimary:				#1272F0;
	--fontFamily:				"Arial", "Helvetica", sans-serif;
	--pageBgColor:				#FFFFFF;
	--lineHeight:				1.5;
	--baseFontSize:				16px;
	--baseColorText:			#121212;
	--submitBGColor:			#121212;
	--inputBGColor:				#FFFFFF;
	--inputShadow:				0 4px 6px rgba(0,0,0,.1);
	--inputRadius:				3px;
	--inputBorder:				1px solid #999;
	--inputDisBorder:			1px solid #D0D0D0;
	--inputDisBG:				#F8F8F8;
	--hr:						1px solid #E3E3E3;
	--placeholderColor:			#999999;
	--errorBGColor:				rgba(225,66,66,.05);
	--colorError:				#F55151;
	--baseTransition:			all .2s ease-in-out;
	--fieldTransBorderColor:	border-color .2s ease-in-out;
	--fieldTransShadow:			box-shadow .2s ease-in-out;
	--toolTipBG:				rgba(0,0,0,.9);
	
	/** Floating Labels Skin Settings **/
	--inputBorderColor-FL:      #CCCCCC;
	--speed-FL:                 150ms;
	--disabledLabelColor:		#BBBBBB;
	--labelWeight-FL:           bold;
	--startColor-FL:            #707070;
	--endColor-FL:				#999999;

	/** Floating Labels Size Settings **/
	--textareaHeight:			200px;
	--input-MB:                 12px;
	--inputHeight:              48px;
	--labelPlaceholderTop:      12px;
	--labelTranslatedY:         -20px;
}



/** Basic settings **/
body { font-family:var(--fontFamily); font-size:var(--baseFontSize); line-height:var(--lineHeight); color:var(--baseColorText); background-color:var(--pageBgColor); }



/** Header **/
header { background-color:var(--headerBG); padding-top:var(--headerTopPadding); padding-bottom:var(--headerBottomPadding); }
header img { width:auto !important; max-width:100% !important; height:auto !important; max-height:150px !important; }



/** Main **/
main { padding-top:40px; padding-bottom:40px; }
main section { margin-bottom:20px; }



/** Aside **/
aside { padding-top:40px; }
aside #m-fixed .input-fl, 
aside #m-fixed .textarea-fl,
aside #m-fixed .select-fl { margin-bottom:var(--input-MB); }



/** Footer **/
footer { color:#999; }
footer p { font-size:12px; margin:0; }
footer section { display:flex; justify-content:space-between; }
footer a.allibo_tag { position:relative; top:-7px; padding-bottom:10px; }



/** Cross Fade Company Badge **/
.company-badge #crossFadeCompanyBadge { position:relative; }
.company-badge #crossFadeCompanyBadge img { position:absolute; right:0; }
@-webkit-keyframes crossFadeCompanyBadge { 0% { opacity: 1; } 45% { opacity: 1; } 55% { opacity: 0; } 100% { opacity: 0; } }
.company-badge #crossFadeCompanyBadge img.top { -webkit-animation-name: crossFadeCompanyBadge; -webkit-animation-timing-function:ease-in-out; -webkit-animation-iteration-count:infinite; -webkit-animation-duration:5s; -webkit-animation-direction:alternate; }	



/** User selection **/
::-moz-selection { background: #E0E0E0; color:rgba(0,0,0,.9); }
::selection { background: #E0E0E0; color:rgba(0,0,0,.9); }



/** Links **/
a { color:var(--colorPrimary); text-decoration:none; outline: none !important; transition:var(--baseTransition); cursor:pointer; }
a:hover, a:focus, a:focus-visible { color:var(--colorPrimary); opacity:.8; }



/** Firefox focus **/
*:-moz-focusring { outline: 0 none !important; border: 1px solid var(--colorPrimary) !important; }



/** Typography **/
h1, h2, h3, h4, h5, h6, p { line-height:var(--lineHeight); text-align:left !important; }
h1 { font-size:22px; margin:0; padding:0; border-bottom:0; }
h3 { margin-bottom:10px; }
main section h3 { font-size:18px; font-weight:bold; margin:30px 0 20px 0; }
p { font-size:var(--baseFontSize); }



/** HR **/
hr { border:0 none; border-top:var(--hr); width:100%; margin-top:5px !important; }



/** Fieldset, Field, Field Error, Field Disabled, Checkbox, Select, Labeled Select, Textarea, Submit **/
.field,
.select,
.select.labeled { height:var(--inputHeight); margin-bottom:calc(var(--input-MB) + 10px); border:var(--inputBorder); border-radius:var(--inputRadius); padding:11px 12px; font-family:var(--fontFamily); font-size:15px; width:100%; transition: var(--fieldTransBorderColor), var(--fieldTransShadow); }

.input-file { height:var(--inputHeight); margin-bottom:calc(var(--input-MB) + 10px); border: 1px dashed #999; border-radius:var(--inputRadius); padding:9px 10px; font-size:15px; width:100%; transition: var(--fieldTransBorderColor), var(--fieldTransShadow); }

.labeled-select .select-label { font-size:14px; min-width:85px; height:var(--inputHeight); background-color: #F2F2F2; display:table; padding:13px 9px 8px 10px; color:#999999; border:var(--inputBorder); border-right:0 !important; overflow:hidden; border-top-left-radius:var(--inputRadius); border-bottom-left-radius:var(--inputRadius); }
.labeled-select { display:flex; }
.labeled-select select.select.labeled { border-top-left-radius:0; border-bottom-left-radius:0; padding:8px 30px 8px 12px; width:100%; text-overflow:ellipsis; }

.submit:focus-visible { outline: none !important; }
.submit, .button { height:var(--inputHeight); font-size:16px; cursor:pointer; border:0 !important; color:white !important; background-color:var(--colorPrimary); font-family:var(--fontFamily); font-weight:bold; border-radius:var(--inputRadius); transition:var(--baseTransition); }

.button-outline { height:var(--inputHeight); font-size:16px; cursor:pointer; border:1px solid var(--colorPrimary) !important; color:var(--colorPrimary) !important; background-color:white; font-family:var(--fontFamily); font-weight:normal; border-radius:var(--inputRadius); transition:var(--baseTransition); }
.button-cancel { height:var(--inputHeight); font-size:16px; cursor:pointer; color:white !important; background-color:var(--disabledLabelColor); font-family:var(--fontFamily); font-weight:normal; border-radius:var(--inputRadius); transition:var(--baseTransition); }
.button, .button-outline, .button-cancel { display: flex; align-items: center; justify-content: center; height: auto; padding: 8px; margin-bottom: 10px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.button.disabled { background-color:#E3E3E3; color:white; cursor:default !important; pointer-events:none; }

.select { webkit-appearance:none; moz-appearance:none; appearance:none; background:white; background-image:url(../../img/select-arrow-down.svg); background-position:calc(100% - 12px) 21px; background-repeat:no-repeat; padding:0 30px 1px 10px; text-overflow:ellipsis; }
.select:disabled { webkit-appearance:none; moz-appearance:none; appearance:none; background-color:var(--inputDisBG); background-image:url(../../img/select-arrow-down-disabled.svg); background-position:calc(100% - 12px) 21px; background-repeat:no-repeat; padding:0 30px 1px 10px; text-overflow:ellipsis; }
.select:invalid { color:var(--placeholderColor) !important; line-height:inherit; }
.select:disabled { color:#999 !important; }
.select option { color:var(--baseColorText); }
.select option[disabled] { color:white; background-color:#C8C8C8; }
.textarea {resize: none; outline:none !important; border:var(--inputBorder) !important; border-radius:2px; font-family:var(--fontFamily); font-size:15px; color:var(--baseColorText); padding:8px 12px; transition:var(--baseTransition); }



/** Input Grouping **/
.input-group { margin-bottom:calc(var(--input-MB) + 10px); border:var(--inputBorder); border-radius:var(--inputRadius); font-size:15px; transition: var(--fieldTransBorderColor), var(--fieldTransShadow); }
.input-group > div.group { display:flex; flex-wrap:wrap; height: var(--inputHeight); align-items:center;  }

.input-group h1, 
.input-group h2, 
.input-group h3, 
.input-group h4, 
.input-group h5, 
.input-group p { margin:0 0 10px 0; }

.input-group .group .custom-check { border:0 none; overflow:hidden; margin-bottom: -2px; }
.input-group div.group label.custom-check.custom-check-checkbox  > span.label-truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px; }
.input-group.error { border-color:var(--colorError) !important; background-color:var(--errorBGColor) !important; }



/** Custom checkbox **/
.custom-check { height:40px; display:flex; position:relative; font-size:15px; border-radius:var(--inputRadius); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding:8px 0 0 36px !important; border:var(--inputBorder); color:#999; margin-bottom:10px; cursor:pointer !important; transition:var(--baseTransition); }
.custom-check input { position:absolute; z-index:-1; opacity:0; }
.custom-check-indicator { position:absolute; top:9px; left:10px; height:20px; width:20px; border-radius:var(--inputRadius); background:white; border:var(--inputBorder); transition:var(--baseTransition); }
.custom-check input:checked ~ .custom-check-indicator { position:absolute; top:9px; left:10px; background:var(--colorPrimary); border-color:var(--colorPrimary); }
.custom-check input:disabled:checked ~ .custom-check-indicator { background:#EEE; border-color:#999; }
.custom-check input:disabled ~ .custom-check-indicator { position:absolute; top:9px; left:10px; background:#e6e6e6; opacity: 0.6; pointer-events:none; }
.custom-check-indicator:after { box-sizing:unset; content:''; position:absolute; display:none; }
.custom-check-checkbox .custom-check-indicator:after { border-color:white;}
.custom-check input:checked ~ .custom-check-indicator:after { display:block; left:7px; top:3px; width:3px; height:8px; border:solid white; border-width:0 2px 2px 0; transform:rotate(45deg); }
.custom-check-checkbox input:disabled ~ .custom-check-indicator:after { border-color: #7b7b7b; }
.custom-check.custom-check-checkbox span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:10px; }



/** Hovering, Focusing, Errors & Disabled Status **/
.field:hover, 
.select:hover,
.field:focus, 
.select:focus,
.field:focus-visible, 
.select:focus-visible, 
.textarea:hover, 
.textarea:focus, 
.textarea:focus-visible, 
.custom-check:hover,
.custom-check:focus,
.custom-check:focus-visible,
.input-group:hover,
.input-group:focus,
.input-group:focus-visible,
.input-file:hover { border-color: #707070; box-shadow:var(--inputShadow); outline:0; cursor:default; }

.input-group .group .custom-check:hover,
.input-group .group .custom-check:focus,
.input-group .group .custom-check:focus-visible { box-shadow:none; }

.field.error, 
.select.error, 
.input-file.error, 
.custom-check.error,
.labeled-select.error{ border-color:var(--colorError) !important; background-color:var(--errorBGColor) !important; }

.field:disabled, .select:disabled { border:var(--inputDisBorder); background-color:var(--inputDisBG); box-shadow:none; cursor:default !important;  opacity:1 !important; }

.submit:hover { opacity:.9; }



/** Placeholder **/
::-webkit-input-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::-moz-placeholder { color:var(--placeholderColor); }
input:placeholder-shown { text-overflow:ellipsis; }



/** Tag List **/
ul.tag-list { margin:0; padding:12px 0 8px 0; list-style-type:none; }
ul.tag-list li { display:inline-block; margin:0 1px 6px 0; padding:0 6px 1px 6px; background-color:#F7F7F7; border-radius:2px !important; }
ul.tag-list li > i { color:var(--colorPrimary); font-size:14px; text-align: left; vertical-align:middle; }
ul.tag-list li > label { text-align: left; padding-left: 4px; padding-right: 0; font-size:13px; }



/** Collapsible **/
.collapsible { margin-bottom:5px; min-height:var(--inputHeight) !important; }
.collapsible details { background-color:white; border:2px solid var(--colorPrimary); border-radius:var(--inputRadius); overflow:hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.collapsible summary { display:flex; justify-content:space-between; min-height: var(--inputHeight); align-items: center; cursor:pointer; padding:8px 15px; outline:0 !important; transition:var(--baseTransition); }
.collapsible summary i { font-size:14px; color:var(--colorPrimary); }
.collapsible summary > div i { margin-right:7px; color:var(--colorPrimary); }
.collapsible summary > div a i { margin-right:0; }
.collapsible summary span { font-size:15px; font-weight:bold; line-height:1.5; color:var(--colorPrimary); }
.collapsible details summary:hover { opacity:.8; }
.collapsible > div { font-size:16px; line-height:1.5; padding:0; }
.collapsible details > div { padding:0 15px 10px 15px; }
.collapsible details > div iframe { width:100% !important; }
.collapsible summary::-webkit-details-marker { display:none !important; }
.collapsible details div textarea { margin-bottom:6px; border-radius:2px; padding:8px 13px; }



/** Map **/
.map {  }
.RadMap { max-width:100% !important; }
.RadMap .k-layer { width:100%; }
.RadMap .k-marker { text-shadow:none !important; }
.RadMap .k-icon { color:#000 !important; }
.RadMap .k-button { background-image:none !important; background:#FFF !important; }
.RadMap .k-map-controls { z-index:2; }
.RadMap .k-attribution { font-size:9px !important; border:none !important; background-color:rgba(255,255,255,0.4) !important; color:#000; }
.RadMap .k-attribution a { font-size:inherit !important; color:inherit !important; cursor:default !important; }



/** Share Button **/
.share-button { display:block; margin-bottom:10px; min-height:var(--inputHeight); background-color:white; border:2px solid var(--colorPrimary); border-radius:var(--inputRadius); padding:11px 16px 11px 16px; font-weight:bold; }
.share-button i { font-size:13px; padding-right:5px; }


/** Social Box 1 **/
.social-box-01 { border-radius:var(--inputRadius); min-height:var(--inputHeight); padding:11px 16px 11px 16px; background-color:var(--colorPrimary); color:white; margin-bottom:10px; }
.social-box-01 p { display:inline-block; vertical-align:middle; font-size:15px; margin:0; font-weight:bold; margin-right:12px; color:#FFF; }
.social-box-01 p i { font-size:12px; padding-right:3px; position:relative; top:-1px; }
.social-box-01 a { display:inline-block; vertical-align:middle; width:26px; height:26px; border-radius:50%; background-color:white; margin-right:5px; text-align:center; }
.social-box-01 a i { font-size:13px; }



/** Social Box 2 **/
.social-box-02 h4 { margin:15px 0 12px 0; }
.social-box-02 a { display:inline-block; position:relative; vertical-align:middle; width:30px; height:30px; margin-right:2px; text-align:center; }
.social-box-02 a span.icon-bg { position:absolute; top:0; right:0; bottom:0; left:0; background-color:var(--colorPrimary); border-radius:50%; opacity:.15; }
.social-box-02 a i { position:relative; top:2px; z-index:2; font-size:13px; color:#FFF!important; }



/** Social Box 3 **/
.social-box-03 { border-left:5px solid var(--colorPrimary); padding:10px 0 15px 20px; margin-top:40px; }
.social-box-03 h2 { font-size:20px; margin:0; padding-bottom:0; border-bottom:0; }
.social-box-03 p { margin:10px 0 15px 0; }
.social-box-03 a { width:34px; height:34px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:0 3px 5px 0; }
.social-box-03 a span.icon-bg { position:absolute; background-color:var(--colorPrimary); width:34px; height:34px; border-radius:50%; opacity:.15; }
.social-box-03 a i { font-size:14px; display:flex; justify-content:center; align-items:center; }



/** #m-fixed **/
#m-fixed { background-color:var(--colorPrimary); }
#m-fixed h2 { margin:0; padding:0; color:#FFF; }
#m-fixed fieldset { padding:15px 13px; background-color:#FFF; }

#m-fixed div.footer { font-size:10px; color:rgba(255,255,255,.6) !important; }
#m-fixed div.footer p { font-size:10px !important; margin:0 0 6px 0; text-align:right !important; padding-right:1px; }
#m-fixed div.footer p span { margin: 0 4px; opacity:.25; }
#m-fixed div.footer hr { border:0 none; border-top:1px solid rgba(255,255,255,.25); margin-bottom:7px; }
#m-fixed div.footer a { color:white; outline:0 !important; }

#m-fixed .submit { width:100%; margin-bottom:0; background-color:var(--submitBGColor); color:white; border:0 none; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; }



/** Vertical space **/
.mb-05 { margin-bottom:5px !important; }
.mb-10 { margin-bottom:10px !important; }
.mb-15 { margin-bottom:15px !important; }
.mb-20 { margin-bottom:20px !important; }
.mb-25 { margin-bottom:25px !important; }
.mb-30 { margin-bottom:30px !important; }
.mb-40 { margin-bottom:40px !important; }
.mb-50 { margin-bottom:50px !important; }
.mb-60 { margin-bottom:60px !important; }



/** Dialogs **/
div.dialog .win .win_body h4 { font-size:16px; font-weight:bold; margin:10px 0 15px 0; }
div.dialog .win .win_body p { font-size:14px; }
div.dialog .win .win_foot { border-top:1px solid #E3E3E3 !important; }
div.dialog .win .win_foot a { font-family:var(--fontFamily) !important; font-size:18px; font-weight:bold; }

div.dialog.confirm .win { max-width: 500px; padding: 10px 30px 20px 30px; }
div.dialog.confirm .win .win_body h2 { font-size: 22px; }
div.dialog.confirm .win .win_body p { font-size: 16px; }
div.dialog.confirm .win .win_foot { border-top: 0 !important; display: flex; justify-content: center; gap: 20px; }
div.dialog.confirm .win .win_foot a.button,
div.dialog.confirm .win .win_foot a.button-cancel { width: 50%; font-size: 16px; }



/** Utility **/
.bold { font-weight:bold; }





/*______________________________________________________________________*/
/*																		*/
/* Breakpoints															*/
/*																		*/
/*‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾*/

@media screen and (max-width: 500px) {
	div.dialog.confirm .win .win_foot { border-top:0 !important; display:block; }
	div.dialog.confirm .win .win_foot a.button,
	div.dialog.confirm .win .win_foot a.button-cancel { width: 100%; }
}


@media screen and (max-width: 853px) {

	h1 { font-size:26px !important; }
	main section { margin-bottom: 40px !important; }
	main section h3 { font-size:20px !important; margin-bottom:25px !important; }

	aside { padding-top:0; }

	.input-group { margin-bottom:calc(var(--input-MB) + 8px); }
	.field, .select, .select.labeled { margin-bottom:calc(var(--input-MB) + 8px); }

	#m-fixed { box-shadow:0 -10px 15px 0 rgba(0,0,0,.15); }
	#m-fixed h2 { padding:25px 15px; font-size:20px; }
	#m-fixed h2 > i { top:6px; }
	#m-fixed .field { height:48px; font-size:16px; }
	#m-fixed .input-file { height:46px; }
	#m-fixed .input-file label { font-size:16px; }
	#m-fixed .input-file div.icon { top:1px; font-size:14px; }
	#m-fixed .submit:focus, .submit:focus { background-color:#222; }
	#m-fixed .submit, .submit { height:48px; font-size:18px; }

	.input-file { padding-top:10px; }
	.social-box-03 { padding:36px 0 0 45px; margin-top:0; border-left:0 none !important; background:url("../../img/circles.svg"); background-size:90px 90px; background-position:5px 5px; background-repeat:no-repeat; }
	.RadMap { min-width:100% !important; }
}


@media screen and (min-width: 854px) {

	#m-fixed { padding:16px 15px 7px 15px; border-radius:5px; }
	#m-fixed h2 { font-size:17px; padding:0 0 15px 0; }
	#m-fixed fieldset { border-radius:4px; margin-bottom:10px; }
	#m-fixed .submit { background-color:var(--submitBGColor); }
}

@media screen and (min-width: 1120px) {
	.RadMap { min-width:100% !important; }
}





/*______________________________________________________________________*/
/*																		*/
/* Floating Labels														*/
/*																		*/
/*‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾*/

.floating-label {
	position: relative !important;
	display: block;
}

span.floating-label {
	display: flex;
	margin: 10px 10px 0 0;
}

	span.floating-label:last-child {
		margin-right: 13px;
	}

.floating-label > span.floating {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: calc(100% - 35px);
	top: var(--labelPlaceholderTop);
	font-weight: var(--labelWeight-FL);
}

.input-fl, .select-fl, .textarea-fl, .input-file-fl {
	width: 100%;
	padding: 1px 13px 0 13px;
	height: var(--inputHeight);
	outline: none;
	font-family: var(--fontFamily);
	font-size: 15px;
	border: 1px solid var(--inputBorderColor-FL);
	border-radius: var(--inputRadius);
	transition: var(--baseTransition);
	margin-bottom: calc(var(--input-MB) + 8px);
	background-color: var(--inputBGColor);
	text-overflow: ellipsis;
	color: var(--baseColorText);
}

.textarea-fl {
	resize: none;
	height: var(--textareaHeight);
	padding: 10px 12px;
}

.select-fl {
	padding-right: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.input-fl::placeholder,
.textarea-fl::placeholder {
	opacity: 0;
}

.input-fl::-webkit-input-placeholder,
.textarea-fl::-webkit-input-placeholder {
	opacity: 0;
}

.input-fl::-moz-placeholder,
.textarea-fl::-moz-placeholder {
	opacity: 0;
}

.input-fl:-ms-input-placeholder,
.textarea-fl:-ms-input-placeholder {
	opacity: 0;
}

.input-fl:-moz-placeholder,
.textarea-fl:-moz-placeholder {
	opacity: 0;
}

.input-fl:disabled::placeholder,
.select-fl:disabled,
.textarea-fl:disabled::placeholder {
	opacity: 1;
	color: #A1A1A1 !important;
}

.input-fl:disabled,
.select-fl:disabled,
.textarea-fl:disabled {
	border-color: #E3E3E3;
	background-color: var(--inputDisBG);
	user-select: none;
	cursor: not-allowed;
}



/** Link inside input fields **/
.input-fl-info-link {
	position: absolute;
	top: 17px;
	right: 13px;
	font-size: 11px;
	color: var(--colorPrimary);
	border-bottom: 1px dashed var(--colorPrimary);
	transition: var(--baseTransition);
}



/** ToolTip > Main Settings **/
[aria-label][role~="tooltip"] {
	cursor: pointer;
}

	[aria-label][role~="tooltip"]::after {
		background-color: var(--toolTipBG);
		border-radius: var(--inputRadius);
		font-size: 12px;
		width: 200px;
		white-space: normal;
	}

[role~="tooltip"][data-microtip-position|="top"]::before {
	background: var(--toolTipBG) !important;
	-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAyNCA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiMxMTExMTEiIHBvaW50cz0iMjQgMCAxMiA5IDAgMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);
	mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAyNCA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiMxMTExMTEiIHBvaW50cz0iMjQgMCAxMiA5IDAgMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 13px;
	height: 5px;
}

/* Tooltip Arrow position & animation */
[role~="tooltip"][data-microtip-position|="top-left"]::before {
	transform: translate3d(0%, 0, 0);
}

[role~="tooltip"][data-microtip-position|="top-left"]:hover::before {
	transform: translate3d(0%, 3px, 0);
}

/* ToolTip Box top-left & animation */
[role~="tooltip"][data-microtip-position="top-left"]::after {
	transform: translate3d(calc(-84%), 1px, 0);
}

[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
	transform: translate3d(calc(-84%), 4px, 0) !important;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}



/** Correzione dei bugs su Firefox **/
@-moz-document url-prefix() {
	.select-fl {
		padding: 0 10px;
	}

	.floating-label > span {
		padding-top: 1px;
	}

	.input-container-fl .display-control-fl {
		padding-top: 10px !important;
	}
}



/** Nasconde il bordo del campo quando la label è in alto **/
.floating-label .input-fl + .floating > .over-field,
.floating-label .select-fl + .floating > .over-field,
.floating-label .textarea-fl + .floating > .over-field,
.floating-label .input-file-fl-html + .floating > .over-field {
	position: absolute;
	height: 7px;
	width: 100%;
	background-color: var(--pageBgColor);
	left: 0;
	top: 4px !important;
	display: flex;
	z-index: -1;
}

.floating-label .input-fl:disabled + .floating > .over-field,
.floating-label .select-fl:disabled + .floating > .over-field,
.floating-label .textarea-fl:disabled + .floating > .over-field {
	top: 1px;
}



/** Stato iniziale della label e setting della velocità dell'animazione **/
/** Utilizzare pointer-events per rendere il campo di input completamente fruibile **/
span.floating {
	position: absolute;
	left: 13px;
	font-size: 15px;
	transition-duration: var(--speed-FL);
	color: var(--startColor-FL);
	white-space: nowrap;
	pointer-events: none;
	font-weight: normal;
}



/** Stato finale della label **/
.floating-label:focus-within > span.floating,
.input-fl:disabled + span.floating,
.textarea-fl:disabled + span.floating,
.input-fl:not(:placeholder-shown) + span.floating,
.textarea-fl:not(:placeholder-shown) + span.floating,
.select-fl:not([value=""]):valid + span.floating,
.select-fl.multiple-select-fl + span.floating,
.input-file-fl-html:not([value=""]) ~ span.floating {
	padding: 0 4px;
	transform: translateY(var(--labelTranslatedY));
	position: absolute;
	left: 10px;
	font-size: 0.65em;
	font-weight: var(--labelWeight-FL);
}



/** Colore della label quando è floated **/
.input-fl:not(:placeholder-shown):not(:disabled):not(:hover):not(:focus):not(:focus-within) + span.floating,
.textarea-fl:not(:placeholder-shown):not(:disabled):not(:hover):not(:focus):not(:focus-within) + span.floating,
.select-fl:not([value=""]):valid:not(:hover):not(:focus) + span.floating,
.input-file-fl-html:not([value=""]) ~ span.floating {
	color: var(--endColor-FL);
}



/** Checkbox & Radio Button **/
/** Span da utilizzare come contenitore per Checkbox e Radio Button **/
span.input-fl {
	width: 100%;
	display: flex;
	height: auto;
	padding: 8px 0 7px 13px;
	align-content: center;
	align-items: center;
	min-height: var(--inputHeight);
}



/** Input Grouping for Floating Labels **/
.input-container-fl {
	margin: 0;
	font-size: 15px;
	overflow: hidden;
	width: 100%;
}

	.input-container-fl .display-control-fl {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}

	.input-container-fl .custom-check {
		border: 0 none;
		overflow: hidden;
		display: inline-block;
	}



/** Header per gruppi di input fields **/
.input-group-fl-header {
	font-size: 0.65em;
	margin: -8px 0 6px 0;
	position: relative;
}

	.input-group-fl-header > label {
		background-color: var(--pageBgColor);
		padding-right: 6px;
		font-weight: var(--labelWeight-FL);
	}

	.input-group-fl-header > hr {
		position: absolute;
		top: 3px;
		z-index: -1;
	}



/** Custom Checkbox & Radio Button for Floating Labels **/
.input-container-fl .display-control-fl .custom-check {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #121212;
	cursor: pointer !important;
}

	.input-container-fl .display-control-fl .custom-check input {
		position: absolute;
		z-index: -1;
		opacity: 0;
		left: -30px;
	}

.input-container-fl .display-control-fl .custom-check-indicator {
	position: absolute;
	top: 9px;
	left: 10px;
	margin: -5px 0 0 -10px;
	height: 16px;
	width: 16px;
	background: white;
	border: 1px solid var(--inputBorderColor-FL);
	border-radius: 2px;
}

.input-container-fl .display-control-fl .custom-check input:checked ~ .custom-check-indicator {
	background-color: var(--colorPrimary);
	border-color: var(--colorPrimary);
}

.input-container-fl .display-control-fl .custom-check input:disabled:checked ~ .custom-check-indicator {
	background: #EEEEEE;
	border-color: #999;
}

.input-container-fl .display-control-fl .custom-check-indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}

.input-container-fl .display-control-fl .custom-check input:checked ~ .custom-check-indicator:after {
	display: block;
	left: 5.5px;
	top: 1px;
	width: 2px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.input-container-fl .display-control-fl .custom-check input:not(:checked) ~ .custom-check-indicator:after {
	display: block;
	left: 5.5px;
	top: 1px;
	width: 2px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.input-container-fl .display-control-fl label.custom-check.custom-check-checkbox {
	padding: 0 0 0 25px !important;
	height: auto;
}

	.input-container-fl .display-control-fl label.custom-check.custom-check-checkbox > span.label {
		position: relative;
		top: 1px;
		right: 4px;
		margin-right: 10px;
	}

.input-container-fl .display-control-fl label.custom-check input:disabled ~ .custom-check-indicator {
	background: #E6E6E6 !important;
	border-color: var(--inputBorderColor-FL);
}

.input-container-fl .display-control-fl .custom-check-checkbox input:disabled:not(:checked) ~ .custom-check-indicator:after {
	border-color: #E6E6E6;
}

.input-container-fl .display-control-fl .custom-check-checkbox input:disabled:checked ~ .custom-check-indicator {
	border-color: var(--inputBorderColor-FL);
}

	.input-container-fl .display-control-fl .custom-check-checkbox input:disabled:checked ~ .custom-check-indicator:after {
		border-color: #999999;
	}

.input-container-fl .display-control-fl label.custom-check.custom-check-checkbox.disabled {
	cursor: not-allowed !important;
}

	.input-container-fl .display-control-fl label.custom-check.custom-check-checkbox.disabled > .label {
		color: #999999 !important;
	}



/** Custom Checkbox & Radio Button X-SMALL for Forms with Floating Labels **/
.xs-checkbox {
	display: flex;
	margin: -3px 0 15px 0;
}

	.xs-checkbox .custom-check {
		display: flex;
		position: relative;
		margin: 0 0 9px 0;
		padding: 0;
		font-size: 10px;
		font-weight: bold;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #121212;
		cursor: pointer !important;
	}

		.xs-checkbox .custom-check input {
			position: absolute;
			z-index: -1;
			opacity: 0;
			left: -30px;
		}

	.xs-checkbox .custom-check-indicator {
		position: absolute;
		top: 9px;
		left: 10px;
		margin: -5px 0 0 -10px;
		height: 16px;
		width: 16px;
		background: white;
		border: 1px solid var(--colorPrimary);
		border-radius: 2px;
	}

	.xs-checkbox .custom-check input:checked ~ .custom-check-indicator {
		background-color: var(--colorPrimary);
		border-color: var(--colorPrimary);
	}

	.xs-checkbox .custom-check input:disabled:checked ~ .custom-check-indicator {
		background: #EEE;
		border-color: #999;
	}

	.xs-checkbox .custom-check input:disabled ~ .custom-check-indicator {
		background: #e6e6e6;
		opacity: 0.6;
		pointer-events: none;
	}

	.xs-checkbox .custom-check-indicator:after {
		box-sizing: unset;
		content: '';
		position: absolute;
		display: none;
	}

	.xs-checkbox .custom-check-checkbox .custom-check-indicator:after {
		border-color: white;
	}

	.xs-checkbox .custom-check input:checked ~ .custom-check-indicator:after {
		display: block;
		left: 5.5px;
		top: 1px;
		width: 2px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.xs-checkbox .custom-check input:not(:checked) ~ .custom-check-indicator:after {
		display: block;
		left: 5.5px;
		top: 1px;
		width: 2px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.xs-checkbox .custom-check-checkbox input:disabled ~ .custom-check-indicator:after {
		border: 0 none;
	}

	.xs-checkbox label.custom-check.custom-check-checkbox {
		display: inline-flex;
		padding-left: 22px !important;
		height: auto;
		border: 0 none;
	}

	.xs-checkbox > span.label {
		font-size: 10px;
		font-weight: bold;
		position: relative;
		top: 5px;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
	}



/** Disabled **/
.input-fl:disabled,
.textarea-fl:disabled,
.select-fl:disabled {
	color: #999;
	font-family: var(--fontFamily);
}

#m-fixed .collapse fieldset .submit:disabled,
main section fieldset div .submit:disabled {
	background-color: #E3E3E3;
	pointer-events: none !important;
}


/** Disabled Status **/
.input-fl:disabled + span.floating,
.select-fl:disabled + span.floating,
.textarea-fl:disabled + span.floating {
	color: var(--disabledLabelColor) !important;
}



/** Input file (Telerik) **/
.input-file-fl {
	display: flex;
	justify-content: space-between;
	background: white;
	height: var(--inputHeight);
	padding: 0;
	border: 1px dashed #C3C3C3;
	color: #999999;
	border-radius: var(--inputRadius);
	transition: all .2s ease-in-out;
	padding: 0x;
	font-size: 15px;
	font-family: var(--fontFamily) !important;
	transition: var(--baseTransition);
}

aside .input-file-fl {
	margin-bottom: var(--input-MB);
}



/** Input file (HTML) **/
.input-file-fl-html input[type=file],
.input-file-fl-html input[type=file]::-webkit-file-upload-button {
	opacity: 0;
	width: 100%;
	height: var(--inputHeight);
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
}

.input-file-fl-html {
	padding: 10px 13px;
	position: relative;
	overflow: hidden;
	margin-bottom: calc(var(--input-MB) + 8px);
	border-radius: var(--inputRadius);
	font-family: var(--fontFamily) !important;
	font-weight: var(--labelWeight-FL) !important;
	background-color: white;
	height: var(--inputHeight);
	color: var(--startColor-FL) !important;
	font-size: var(--baseFontSize);
	transition: var(--baseTransition);
	border: 1px dashed #C3C3C3;
	transition: var(--baseTransition);
}

/* Per input file HTML con floating label */
.floating-label .input-file-fl-html label {
	font-size: 15px;
	display: block;
	background: transparent;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	color: var(--baseColorText);
	padding: 2px 0 0 0;
}

/* Per input file HTML senza floating label */
.input-file-fl-html label {
	display: block;
	background: transparent;
	height: var(--inputHeight);
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/** Multiple Select Style **/
.multiple-select-fl {
	overflow: inherit;
	padding: 0;
}

	.multiple-select-fl .ms-parent {
		position: absolute;
		top: 0;
		left: 0;
	}

	.multiple-select-fl > button span.placeholder {
		color: var(--placeholderColor);
		font-style: italic;
	}

	.multiple-select-fl .ms-choice {
		border-radius: var(--inputRadius);
		border: 0;
		width: 100%;
		background: transparent;
		min-height: var(--inputHeight);
	}

		.multiple-select-fl .ms-choice:focus, .multiple-select-fl .ms-choice:focus-within {
			outline: none;
		}

	.multiple-select-fl .ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
		margin-top: 0.35em;
		margin-left: -13px !important;
		width: 30px;
		cursor: pointer;
	}

		.multiple-select-fl .ms-drop input[type="radio"]:checked, .ms-drop input[type="checkbox"]:checked {
			opacity: .5;
			filter: saturate(0);
		}

	.multiple-select-fl .ms-drop ul {
		max-height: 300px !important;
		z-index: 10;
	}

		.multiple-select-fl .ms-drop ul li label span {
			color: var(--colorPrimary);
			margin-left: 15px;
			transition: var(--baseTransition);
		}

	.multiple-select-fl .ms-choice > span {
		color: var(--baseColorText);
		padding: 11px 13px 0 13px;
		min-height: var(--inputHeight);
		display: inline-block;
		font-size: 15px;
		transition: var(--baseTransition);
	}

	.multiple-select-fl .ms-drop ul li {
		padding: 0;
		border-bottom: 1px solid #E3E3E3;
	}

		.multiple-select-fl .ms-drop ul li label {
			user-select: none;
			padding-top: 12px;
			padding-bottom: 12px;
			background-color: white;
			color: var(--colorPrimary);
			transition: background-color .2s ease-in-out;
		}

			.multiple-select-fl .ms-drop ul li label:hover {
				background-color: var(--colorPrimary);
				border-color: transparent;
			}

				.multiple-select-fl .ms-drop ul li label:hover > span {
					color: white;
				}

	.multiple-select-fl .ms-choice > div.icon-caret {
		position: inherit;
		width: 100%;
		height: 0;
		top: 0;
		right: 0;
		margin-top: 0;
		border: 0 none;
		border-style: none;
		border-width: 0;
		background-image: url(../../img/select-arrow-down.svg);
		background-position: calc(100% - 13px) 22px;
		background-repeat: no-repeat;
		height: var(--inputHeight);
	}

	.multiple-select-fl .ms-drop {
		box-shadow: none !important;
		border-color: #CCCCCC;
		width: calc(100% + 2px);
		position: absolute;
		left: -1px;
		top: var(--inputHeight) !important;
		border-radius: 0;
		border-top-left-radius: 1px;
		border-top-right-radius: 1px;
		border-top: 0 none;
	}


/** Span: da utilizzare come contenitore Componenti Telerik **/
span.input-fl.telerik-fl {
	padding: 0 0 0 8px !important;
	height: var(--inputHeight);
}


/** Telerik Input File Common Style **/
.RadUpload_Default,
.RadUpload_Default .ruButton,
.RadUpload_Default .ruButton.ruButtonFocus,
.RadUpload_Default .ruButton.ruButtonFocus.ruButtonHover {
	border: 0 !important;
}

/** Telerik Input File Custom Style **/
#m-fixed .RadUpload_Default,
#m-fixed .RadUpload_Default a,
#m-fixed .RadUpload_Default input,
main .RadUpload_Default,
main .RadUpload_Default a,
main .RadUpload_Default input,
.RadCaptcha input {
	display: flex;
	width: 100%;
	height: var(--inputHeight);
	align-items: center;
}

.RadCaptcha label { font-size:12px }

aside section#m-fixed .collapse fieldset .input-file-fl .RadAsyncUpload span.ruFileWrap,
main section fieldset .input-file-fl .RadAsyncUpload span.ruFileWrap {
	padding-left: 7px !important;
	height: var(--inputHeight);
	display: flex;
	width: 100%;
	align-items: center;
}

aside section#m-fixed .collapse fieldset .input-file-fl ul.ruInputs,
main section fieldset .input-file-fl ul.ruInputs {
	margin: 0;
	padding: 0;
	height: var(--inputHeight);
	display: flex;
	width: 100% !important;
}

aside section#m-fixed .collapse fieldset .input-file-fl .RadUpload ul.ruInputs li,
main section fieldset .input-file-fl .RadUpload ul.ruInputs li {
	width: inherit;
	padding-right: 1px;
	display: flex;
	justify-content: space-between;
}

aside section#m-fixed .collapse fieldset .input-file-fl div.RadUpload .ruBrowse,
main section fieldset .input-file-fl div.RadUpload .ruBrowse {
	color: var(--startColor-FL) !important;
	background: none;
	font-size: 15px;
	width: 100%;
	text-align: left !important;
}

aside section#m-fixed .collapse fieldset .input-file-fl ul.ruInputs > li,
main section fieldset .input-file-fl ul.ruInputs > li {
	display: flex;
	justify-content: space-between;
}

aside section#m-fixed .collapse fieldset .input-file-fl div.RadUpload .ruBrowse:focus-visible,
main section fieldset .input-file-fl div.RadUpload .ruBrowse:focus-visible {
	border: 0 none !important;
	otuline: 0 !important;
}

aside section#m-fixed .collapse fieldset .input-file-fl .RadUpload .ruUploadSuccess,
main section fieldset .input-file-fl .RadUpload .ruUploadSuccess {
	background-position: 3px 18% !important;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/** Cancella il file caricato **/
aside section#m-fixed .collapse fieldset .input-file-fl .RadUpload_Default .ruButton,
main section fieldset .input-file-fl .RadUpload_Default .ruButton {
	background-image: none !important;
	font-size: 12px;
	width: 30px;
	height: var(--inputHeight);
	padding-right: 20px !important;
}

/** Label "Scegli file..." **/
aside section#m-fixed .collapse fieldset .input-file-fl div.RadUpload .ruButton,
main section fieldset .input-file-fl div.RadUpload .ruButton {
	font-weight: bold;
}

aside section#m-fixed .collapse fieldset .input-file-fl div.RadUpload .ruButtonHover,
main section fieldset .input-file-fl div.RadUpload .ruButtonHover {
	transition: var(--baseTransition);
	color: var(--colorPrimary) !important;
}



.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input {
	font-family: var(--fontFamily) !important;
}

input.ruButton.ruRemove {
	color: var(--colorPrimary);
}



/** Telerik RadComboBox & DropDown Styles **/
.RadComboBoxDropDown.RadComboBoxDropDown_Default {
	width: calc(100% + 9.5px) !important;
	position: absolute;
	left: -9px;
	max-height: 300px;
	margin-top: -2px;
}

.RadComboBox.RadComboBox_Default {
	width: 100% !important;
	padding: 8px 0 7px 0;
	position: relative;
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
	cursor: pointer !important;
	font-family: var(--fontFamily) !important;
	color: var(--baseColorText) !important;
	font-size: 15px;
	padding: 1px 7px 1px 4px;
	line-height: inherit;
}

.RadComboBox_Default .rcbInputCell {
	background-image: none !important;
}

.RadComboBox_Default .rcbArrowCell {
	background-image: none !important;
}

.RadComboBox.RadComboBox_Default {
	padding: 0 !important;
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbItem label,
.RadComboBoxDropDown_Default ul.rcbList li.rcbHovered label {
	display: flex;
	flex-wrap: nowrap !important;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 10px 20px 10px 40px;
	font-size: 15px !important;
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbItem {
	display: flex !important;
	align-items: center;
	font-size: 14px;
	border-bottom: 1px solid #E3E3E3;
	background-color: white;
	color: var(--colorPrimary);
	font-family: var(--fontFamily) !important;
	cursor: pointer;
	transition: var(--baseTransition);
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbHovered {
	border-bottom: 1px solid transparent;
	background: var(--colorPrimary);
	color: white;
	font-family: var(--fontFamily) !important;
	transition: var(--baseTransition);
}

.RadComboBoxDropDown_Default ul.rcbList li label {
	cursor: pointer;
	font-size: 15px !important;
	font-family: var(--fontFamily) !important;
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbItem:hover {
	background-color: #F6F6F9;
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbItem em {
	font-weight: normal !important;
	background: none !important;
}

.RadComboBox_Default .rcbInput {
	font-family: var(--fontFamily) !important;
	padding: 7px 0 10px 5px !important;
	font-size: 15px !important;
	position: relative;
	top: 2px;
	height: var(--inputHeight) !important;
}

.RadComboBoxDropDown_Default ul.rcbList li.rcbItem.rcbTemplate {
	padding: 10px;
}

.RadComboBoxDropDown .rcbScroll {
	min-height: 40px;
}

.RadComboBox_Default .rcbReadOnly .rcbInput.radPreventDecorate.rcbEmptyMessage {
	color: #999 !important;
}

.RadComboBox_Default .rcbEmptyMessage {
	color: #999 !important;
}

.RadComboBox table td.rcbInputCell.rcbInputCellLeft input.rcbInput.radPreventDecorate {
	cursor: default !important;
	position: relative;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.RadComboBox_Default .rcbArrowCell.rcbArrowCellRight {
	display: none !important;
}

.RadComboBox table td.rcbInputCell {
	padding: 4px 4px 0 0 !important;
}

.RadComboBoxDropDown input[type="checkbox"] {
	cursor: pointer;
	max-width: 20px;
	position: absolute;
	left: 10px;
	margin: 0 !important;
}

	.RadComboBoxDropDown input[type="checkbox"]:checked {
		opacity: .19;
		filter: saturate(0);
	}

.RadComboBoxDropDown .rcbScroll {
	overflow-x: hidden !important;
}



/** jCrop **/
#photo {
	padding: 8px 13px 6px 0;
}

	#photo .img_wrp {
		background-color: var(--startColor-FL);
		position: relative;
		display: block;
		width: 72px;
		height: 70px;
		border-radius: var(--inputRadius);
		overflow: hidden;
		cursor: pointer !important;
		transition: all .2s ease-in-out;
	}

		#photo .img_wrp:hover {
			background-color: var(--colorPrimary);
		}

		#photo .img_wrp i {
			display: block;
			font-size: 48px;
			margin-top: 13px;
			text-align: center;
			color: #FFF;
		}

		#photo .img_wrp img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		/* Input File WebForms */
		#photo .img_wrp .RadAsyncUpload * {
			opacity: 0;
			list-style: none;
		}

		#photo .img_wrp .RadAsyncUpload input {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			cursor: pointer;
		}

		#photo .img_wrp .RadAsyncUpload .ruDropZone {
			display: none !important;
		}

	/* Input File MVC */
	#photo input[type='file'] {
		opacity: 0 !important;
		position: absolute;
		width: 72px;
		height: 70px;
		cursor: pointer;
	}

	#photo .dialog .win {
		width: auto;
		border: none;
	}

	#photo .dialog .win_foot {
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		padding: 0;
		text-align: center;
		border: 0 !important;
		display: flex;
		justify-content: space-between;
	}

	#photo .dialog .btn, #photo .dialog .btn-cancel {
		display: inline-flex;
		align-content: center;
		align-items: center;
		width: 48% !important;
		height: 48px !important;
		border-radius: 3px;
		justify-content: center;
		font-size: var(--baseFontSize);
		font-weight: bold;
		background-color: var(--colorPrimary);
	}

	#photo .dialog .btn-cancel {
		background-color: white;
	}

	#photo .dialog .btn i {
		color: white;
	}

	#photo .dialog .btn label {
		color: white;
		cursor: pointer;
	}

	#photo .dialog .btn-cancel label {
		color: var(--colorPrimary);
		cursor: pointer;
	}

	#photo .error-message {
		max-width: 70px;
	}



/** Hovering **/
.input-fl:not(:disabled):hover + span.floating,
.select-fl:not(:disabled):hover + span.floating,
.textarea-fl:not(:disabled):hover + span.floating {
	color: var(--colorPrimary);
}

.input-fl:not([disabled]):hover,
.select-fl:not([disabled]):hover,
.textarea-fl:not([disabled]):hover {
	border-color: var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
	cursor: default;
}

.input-fl:not(:placeholder-shown):not(:disabled):hover + span.floating,
.textarea-fl:not(:placeholder-shown):not(:disabled):hover + span.floating,
.input-file-fl-html:hover + span.floating {
	color: var(--colorPrimary);
}

.input-file-fl-html:hover {
	color: var(--colorPrimary) !important;
	border: 1px solid var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
}

.select-fl:not([value=""]):valid:hover + span.floating {
	color: var(--colorPrimary);
}

.select-fl:not(:disabled):hover {
	cursor: pointer !important;
}

.input-fl.error:not(:placeholder-shown):hover + span.floating,
.textarea-fl.error:not(:placeholder-shown):hover + span.floating,
.select-fl.error:not([value=""]):valid:hover + span.floating {
	color: var(--colorError);
}

.input-fl.error:hover,
.textarea-fl.error:hover,
.select-fl.error:hover {
	border-color: var(--colorError);
	box-shadow: inset 0 0 0 1px var(--colorError);
	cursor: default;
}

.input-file-fl:hover,
.input-file-fl:focus,
.input-file-fl:focus-visible {
	outline: 0 !important;
	border: 1px solid var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
}

.input-file-fl.error:hover,
.input-file-fl.error:focus,
.input-file-fl.error:focus-visible {
	outline: 0 !important;
	border: 1px solid var(--colorError);
	box-shadow: inset 0 0 0 1px var(--colorError);
}

.input-file-fl-html.error:hover,
.input-file-fl-html.error:focus,
.input-file-fl-html.error:focus-visible {
	outline: 0 !important;
	border: 1px solid var(--colorError);
	box-shadow: inset 0 0 0 1px var(--colorError);
}

.input-fl:not(:placeholder-shown):not(:disabled):hover + span.floating,
.textarea-fl:not(:placeholder-shown):not(:disabled):hover + span.floating {
	font-weight: var(--labelWeight-FL);
}

.input-container-fl .display-control-fl label.custom-check:hover > .custom-check-indicator {
	background-color: var(--colorPrimary) !important;
	border-color: var(--colorPrimary);
}

.input-container-fl .display-control-fl label.custom-check:hover,
.input-container-fl .display-control-fl label.custom-check:focus,
.input-container-fl .display-control-fl label.custom-check:focus-visible,
.input-container-fl .display-control-fl label.input-group:hover,
.input-container-fl .display-control-fl label.input-group:focus,
.input-container-fl .display-control-fl label.input-group:focus-visible {
	box-shadow: none;
	outline: 0;
	cursor: default;
}

.xs-checkbox .custom-check.custom-check-checkbox:hover,
.xs-checkbox .custom-check.custom-check-checkbox:focus,
.xs-checkbox .custom-check.custom-check-checkbox:focus-visible {
	box-shadow: none;
}

.xs-checkbox label.custom-check:hover > .custom-check-indicator {
	background-color: var(--colorPrimary) !important;
}

.input-fl-info-link:hover {
	border-bottom-color: var(--pageBgColor);
}



/** Focusing **/
.floating-label:focus-within > span.floating {
	color: var(--colorPrimary);
}

.input-fl:focus,
.textarea-fl:focus,
.select-fl:focus {
	border-color: var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
}

.input-fl:focus-within,
.textarea-fl:focus-within,
.select-fl:focus-within {
	border-color: var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
}

.textarea-fl:focus,
.textarea-fl:focus-visible {
	border-color: var(--colorPrimary);
	box-shadow: inset 0 0 0 1px var(--colorPrimary);
	outline: 0;
	cursor: default;
}



/** Erroring **/
.floating-label span.floating.error,
.select-fl > span.floating.error {
	color: var(--colorError) !important;
}

.input-fl.error,
.textarea-fl.error,
.select-fl.error {
	border-color: var(--colorError);
}

	.input-fl.error:focus-within,
	.textarea-fl.error:focus-within,
	.select-fl.error:focus-within {
		box-shadow: inset 0 0 0 1px var(--colorError);
	}

	.input-fl.error:focus-within,
	.textarea-fl.error:focus-within,
	.select-fl.error:focus-within {
		box-shadow: inset 0 0 0 1px var(--colorError);
	}

.input-file-fl-html.error {
	border-color: var(--colorError);
}

.error-message {
	font-size: 10px;
	position: relative;
	color: var(--colorError);
	font-weight: bold;
}

	.error-message i {
		font-size: .95em;
		position: relative;
		top: 0;
		margin-right: 3px;
	}

main .error-message {
	top: -18px;
}

#m-fixed .error-message {
	top: -10px;
}

.global-error {
	display: flex;
	position: relative;
	width: 100%;
	background-color: var(--colorError);
	margin-bottom: 12px;
	border-radius: var(--inputRadius);
	padding: 8px 15px 10px 15px;
	color: white;
	font-size: 12px;
	overflow: hidden;
	font-weight: bold;
}

	.global-error i {
		position: absolute;
		font-size: 150px;
		opacity: .15;
		top: -60px;
		right: 0;
		transform: rotate(15deg);
	}



/** Asp Validator Erroring **/
span.error-message[style*="inline"] {
	display: block !important;
}



/** Correzione della select crossbrowser **/
select.select-fl {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPnNlbGVjdC1hcnJvdy1kb3duPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik00Ljc1MDc3ODgyLDUuODc1IEM0LjkxNjkyNjI3LDYuMDQxNjY2NjcgNS4wODMwNzM3Myw2LjA0MTY2NjY3IDUuMjQ5MjIxMTgsNS44NzUgTDUuMjQ5MjIxMTgsNS44NzUgTDkuODU5ODEzMDgsMS4yODEyNSBDMTAuMDQ2NzI5LDEuMDkzNzUgMTAuMDQ2NzI5LDAuOTE2NjY2NjY3IDkuODU5ODEzMDgsMC43NSBMOS44NTk4MTMwOCwwLjc1IEw5LjI2NzkxMjc3LDAuMTI1IEM5LjA4MDk5Njg4LC0wLjA0MTY2NjY2NjcgOC45MDQ0NjUyMSwtMC4wNDE2NjY2NjY3IDguNzM4MzE3NzYsMC4xMjUgTDguNzM4MzE3NzYsMC4xMjUgTDUsMy44NDM3NSBMMS4yNjE2ODIyNCwwLjEyNSBDMS4wOTU1MzQ3OSwtMC4wNDE2NjY2NjY3IDAuOTE5MDAzMTE1LC0wLjA0MTY2NjY2NjcgMC43MzIwODcyMjcsMC4xMjUgTDAuNzMyMDg3MjI3LDAuMTI1IEwwLjE0MDE4NjkxNiwwLjc1IEMtMC4wNDY3Mjg5NzIsMC45MTY2NjY2NjcgLTAuMDQ2NzI4OTcyLDEuMDkzNzUgMC4xNDAxODY5MTYsMS4yODEyNSBMMC4xNDAxODY5MTYsMS4yODEyNSBMNC43NTA3Nzg4Miw1Ljg3NSBaIiBpZD0ic2VsZWN0LWFycm93LWRvd24iIGZpbGw9IiMxMjEyMTIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=');
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) calc(100% - 19px);
	line-height: inherit;
}

	select.select-fl:disabled {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPnNlbGVjdC1hcnJvdy1kb3duPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik00Ljc1MDc3ODgyLDUuODc1IEM0LjkxNjkyNjI3LDYuMDQxNjY2NjcgNS4wODMwNzM3Myw2LjA0MTY2NjY3IDUuMjQ5MjIxMTgsNS44NzUgTDUuMjQ5MjIxMTgsNS44NzUgTDkuODU5ODEzMDgsMS4yODEyNSBDMTAuMDQ2NzI5LDEuMDkzNzUgMTAuMDQ2NzI5LDAuOTE2NjY2NjY3IDkuODU5ODEzMDgsMC43NSBMOS44NTk4MTMwOCwwLjc1IEw5LjI2NzkxMjc3LDAuMTI1IEM5LjA4MDk5Njg4LC0wLjA0MTY2NjY2NjcgOC45MDQ0NjUyMSwtMC4wNDE2NjY2NjY3IDguNzM4MzE3NzYsMC4xMjUgTDguNzM4MzE3NzYsMC4xMjUgTDUsMy44NDM3NSBMMS4yNjE2ODIyNCwwLjEyNSBDMS4wOTU1MzQ3OSwtMC4wNDE2NjY2NjY3IDAuOTE5MDAzMTE1LC0wLjA0MTY2NjY2NjcgMC43MzIwODcyMjcsMC4xMjUgTDAuNzMyMDg3MjI3LDAuMTI1IEwwLjE0MDE4NjkxNiwwLjc1IEMtMC4wNDY3Mjg5NzIsMC45MTY2NjY2NjcgLTAuMDQ2NzI4OTcyLDEuMDkzNzUgMC4xNDAxODY5MTYsMS4yODEyNSBMMC4xNDAxODY5MTYsMS4yODEyNSBMNC43NTA3Nzg4Miw1Ljg3NSBaIiBpZD0ic2VsZWN0LWFycm93LWRvd24iIGZpbGw9IiNCQkJCQkIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=');
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-repeat: no-repeat;
		background-position: calc(100% - 12px) calc(100% - 19px);
		line-height: inherit;
	}




/*______________________________________________________________________*/
/*																		*/
/* Breakpoint for Floating Labels										*/
/*																		*/
/*‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾*/
@media screen and (max-width: 854px) {

	:root {
		--inputHeight: 48px !important;
		--labelPlaceholderTop: 12px;
		--labelTranslatedY: -19px;
		--input-MB: 15px;
	}

	select.select-fl, select.select-fl:disabled {
		background-position: calc(100% - 10px) calc(100% - 19px);
	}

	span.floating {
		font-size: 16px;
	}

	.floating-label .input-fl:disabled + .floating > .over-field,
	.floating-label .textarea-fl:disabled + .floating > .over-field,
	.floating-label .select-fl:disabled + .floating > .over-field {
		top: 0;
	}

	.collapsible summary {
		display: flex;
		justify-content: space-between;
		min-height: var(--inputHeight);
		align-items: center;
		cursor: pointer;
		padding: 8px 15px;
		outline: 0 !important;
	}

	main .error-message {
		top: -21px;
	}

	#m-fixed .error-message {
		top: -14px;
	}

	#m-fixed .xs-checkbox {
		margin: -3px 0 20px 0;
	}

	#m-fixed .floating-label > span.floating {
		font-size: 16px;
		top: var(--labelPlaceholderTop);
	}

	#m-fixed .floating-label:focus-within > span.floating,
	#m-fixed .input-fl:disabled + span.floating,
	#m-fixed .textarea-fl:disabled + span.floating,
	#m-fixed .input-fl:not(:placeholder-shown) + span.floating,
	#m-fixed .textarea-fl:not(:placeholder-shown) + span.floating,
	#m-fixed .input-file-fl-html:not([value=""]) ~ span.floating {
		transform: translateY(-19px);
		font-size: 0.65em;
		font-weight: var(--labelWeight-FL);
	}

	.global-error i {
		font-size: 150px;
		top: -70px;
		right: 0;
	}

	.multiple-select-fl .ms-choice > span {
		padding: 12px 13px 0 13px;
		font-size: 16px;
	}

	.multiple-select-fl .ms-drop {
		top: 49px !important;
	}

	.multiple-select-fl .ms-choice > div.icon-caret {
		background-position: calc(100% - 11px) 22px;
	}

	.input-fl-info-link {
		top: 18px;
	}
}