.SaWidget.SaButton {
	border: 0.01rem solid rgba(189,64,7, 0.2);
	border-radius: 0.08rem;
	padding: 0.05rem 0.1rem 0.05rem 0.1rem;
	text-align: center;
	min-width: 0.30rem;
	max-width: 2rem;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	width: 15%;
	color: rgba(189,64,7, 0.5);
	background-color: rgba(219,80,18, 0.4);
	opacity: 0.5;
	cursor: not-allowed;
	transform: scale(1);
	transition-property: transform, opacity, background-color, color, left, top, right, bottom;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.SaWidget.SaButton.SaHide {
	opacity: 0;
	transform: scale(0);
	display: block;
}

.SaWidget.SaButton .SaButtonTxt {
	vertical-align: middle;
	font-size: 0.13rem;
}

.SaWidget.SaButton.SaEnabled:active {
	text-shadow: none;
	transform: scale(0.8);
	/*color: rgb(233,104,0);*/
	box-shadow: 0rem 0rem 0.05rem 0.01rem rgba(189,64,7, 0.6);
	border-color: rgb(219,80,18);
	background-color: rgb(189,64,7);
}

.SaWidget.SaButton.SaPressed {
	text-shadow: 0rem 0rem 0.02rem white;
	background-color: rgb(219,80,18);
	transform: scale(0.9);
}

.SaWidget.SaButton.SaPressed.SaHide {
	transform: scale(0);
}

.SaWidget.SaButton.SaEnabled {
	opacity: 1;
	cursor: pointer;
	color: rgba(189,64,7, 1);
}

.SaWidget.SaButton.SaFlat {
	border-color: transparent;
}
.SaCheckBox {
}

.SaCheckBox .SaModifierInvalidHook {
	display: none;
}

.SaCheckBoxModifierBtn {
    border: 0.005rem solid #d3d3d3;
    width: 0.5rem;
	position: absolute;
    /*height: 0.2rem;
    margin-top: 0.03rem;*/
    border-radius: 0.08rem;
	top: 0px;
    bottom: 0px;
	cursor: pointer;
	background-color: rgba(192, 192, 192, 0.3);
	transition-property: background-color;
    transition-duration: 0.5s;
	box-shadow: 0.02rem 0.02rem 0.04rem 0.01rem rgba(0, 0, 0, 0.1) inset;
}

.SaCheckBoxModifierCheck {
    left: 0.32rem;
    width: 0.15rem;
    height: 0.15rem;
    top: 0.02rem;
    background-color: white;
    box-shadow: 0.01rem 0.01rem 0.05rem 0.01rem rgba(93, 93, 93, 0.7);
}

.SaCheckBoxModifierUnCheck {
	left: 0.05rem;
    width: 0.11rem;
    height: 0.11rem;
    top: 0.045rem;
    background-color: white;
    box-shadow: 0.01rem 0.01rem 0.02rem 0.01rem rgba(0,0,0,0.2) inset;
}

.SaCheckBoxModifierInput {
	border-radius: 0.08rem;
	position: absolute;
	transition-property: left, height, width, top, background-color, box-shadow;
    transition-duration: 0.5s;
}

.SaCheckBoxModifierBtnUnCheck {
	background-color: rgb(25, 206, 53);
}
.SaComboModifier .SaTriggerBtnModifierHook {
	background-image: url(img/16x16/green_arrow_down.png);
	background-position: center center;
	transition-property: background-image;
	transition-duration: 0.5s;
}

.SaTriggerBtnModifierHook.SaAptendHook {
    background-image: url(img/16x16/loading-circle-16.gif);
}

.SaTriggerBtnModifierHook.SaDataReady {
    background-image: url(img/16x16/delete.png);
}

.SaOptions {
	cursor: pointer;
	padding: 0.02rem 0.1rem 0.02rem 0.1rem;
}

.SaOptionsSelected {
	cursor: default;
	font-style: italic;
	opacity: 0.5;
}

.SaOptions:hover {
	background-color: rgba(219,80,18, 0.5);
}

.SaOptions:active {
	background-color: rgba(219,80,18, 1);
}

.SaModifierTriggerBtn.SaBtnDate {
	background-image: url(img/16x16/calendar.png);
	transition-property: right, opacity;
	right: 0.41rem;
}

.SaModifierTriggerBtn.SaBtnHour {
	background-image: url(img/16x16/clock.png);
	transition-property: right, opacity;
	border-style: none;
	right: 0.21rem;
	background-size: 0.12rem;
}

.SaModifierTriggerBtn.SaBtnDel {
	background-image: url(img/16x16/delete.png);
	transition-property: right, opacity;
	border-style: none;
	right: 0.01rem;
}

.SaModifierTriggerBtn.SaBtnHour:active {
	background-position: 0.03rem center;
	background-size: 0.1rem 0.1rem;
}

.SaHour .SaModifier, .SaDay .SaModifier {
	height: 0.58rem;
    width: 0.5rem;
    margin-right: 0.1rem;
}

.SaHour .SaModifierTriggerBtn.SaNumberModifierUp,  .SaDay .SaModifierTriggerBtn.SaNumberModifierUp{
	top: 0rem;
	height: 0.16rem;
	border: none;
	right: 0rem;
	left: 0rem;
	background-position: center center;
    width: initial;
}

.SaHour .SaModifierTriggerBtn.SaNumberModifierDown, .SaDay .SaModifierTriggerBtn.SaNumberModifierDown {
    top: 0.42rem;
	height: 0.16rem;
	right: 0rem;
	left: 0rem;
	border: none;
	background-position: center center;
    width: initial;
}

.SaHour .SaModifierInput, .SaDay .SaModifierInput {
	height: 0.26rem;
    text-align: center;
	top: 0.16rem;
	padding: 0;
}

.SaWidget.SaTimeContent, .SaWidget.SaDateContent {
	margin: 0.1rem;
	width: 1.6rem;
	/*background-color: white;*/
}

.SaWidget.SaHour, .SaWidget.SaDay {
    /*background-color: white;*/
}

.SaHour .SaHideLabel.SaModifierInvalidValue .SaModifierInvalidHook, .SaDay .SaHideLabel.SaModifierInvalidValue .SaModifierInvalidHook {
	height: 0.26rem;
    top: 0.16rem;
}

.SaCSS_HourTitle {
	height: 0.2rem;
	/*background-color: white;*/
}

.SaTimeContent .SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierUp,
.SaDateContent .SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierUp {
	top: -0.26rem;
    opacity: 0.2;
}

.SaTimeContent .SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierDown,
.SaDateContent .SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierDown {
	top: 0.42rem;
}

.SaTimeContent .SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierUp,
.SaDateContent .SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierUp {
	top: 0rem;
}

.SaTimeContent .SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierDown,
.SaDateContent .SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierDown {
	top: 0.68rem;
    opacity: 0.2
}

.SaTimeContent .RjsV2ModifierValue,
.SaDateContent .RjsV2ModifierValue {
	overflow: hidden;
}

.SaDay .SaCSS_Year {
	/*width: 0.55rem;*/
}

.SaModifier .SaModifierTriggerBtn.SaResetBtn {
	background-image: url(img/16x16/trash_can.png);
	border-color: rgb(233,104,0);
	transition-property: right, opacity;
	right: -0.25rem;
}

.SaResettable .SaModifierTriggerBtn.SaResetBtn {
	right: 0.01rem;
}

.SaUploading .SaModifierTriggerBtn.SaResetBtn {
	right: -0.25rem;
}

.SaModifier .SaModifierTriggerBtn.SaSelectBtn {
	background-image: url(img/resizerV.png);
	background-position: 0.02rem 0.12rem;
	transition-property: right, opacity;
	right: 0rem;
}

.SaModifier .SaModifierTriggerBtn.SaSelectBtn:active {
	background-position: 0.03rem 0.13rem;
	background-size: 0.1rem 0.03rem;
}

.SaResettable .SaModifierTriggerBtn.SaSelectBtn {
	right: 0.22rem;
}

.SaUploading .SaModifierTriggerBtn.SaSelectBtn {
	right: -0.25rem;
}

.SaModifier .SaModifierTriggerBtn.SaAbortBtn {
	background-image: url(img/16x16/delete.png);
	transition-property: right, opacity;
	right: -0.25rem;
}

.SaUploading .SaModifierTriggerBtn.SaAbortBtn {
	right: 0.01rem;
}

.SaModifier.SaFileSelector {
	overflow: hidden;
}

.SaModifier.SaFileSelector .SaProgress {
	height: 0.02rem;
	margin: 0rem 0.25rem 0rem 27%;
	transition-property: bottom, opacity;
	transition-duration: 0.8s;
	border-radius: 0.05rem;
	bottom: -0.08rem;
}

.SaModifier.SaFileSelector.SaUploading .SaProgress {
	bottom: 0.02rem;
}
.SaFinderModifier .RjsV2ModifierValue {
    overflow: hidden;
}

.SaModifierTriggerBtn.SaFindBtn {
	background-image: url(img/16x16/search.png);
	transition-property: right, opacity;
	right: -0.25rem;
}

.SaModifierTriggerBtn.SaClearBtn {
	background-image: url(img/16x16/trash_can.png);
	transition-property: right, opacity;
	border-style: none;
	right: -0.5rem;
}

.SaFindable .SaModifierTriggerBtn.SaFindBtn {
	right: 0.21rem;
}

.SaFindable .SaModifierTriggerBtn.SaClearBtn {
	right: 0.01rem;
}
.SaGroupModifier {
	font-size: 0.11rem;
    color: rgb(233,104,0);
    cursor: pointer;
    padding: 0.05rem 0rem 0.05rem 0.2rem;
	position:relative;
}

/*.SaGroupModifier.SaGroupClose {
	background-image: url(img/nodeclose.png);
	font-weight: bold;
}*/

.SaGroupModifierItem {
	border-style: none;
	border-width: 0rem 0rem 0rem 0.01rem;
	border-color: rgb(233,104,0);
	margin: 0.2rem 0rem 0.2rem 0.40rem;
}

.SaGroupModifier .SaGroupTitle {
	padding-left: 0.18rem;
}

.SaGroupModifier .SaGroupIcon {
	transition-property: transform;
	transition-duration: 0.2s;
	transform: rotateZ(0deg);
	font-size: 0.12rem;
    font-family: FontAwesome;
    text-align: center;
	position: absolute;
    top: 0.06rem;
}

.SaGroupModifier .SaGroupIcon:before {
	content: "\f078";
}

.SaGroupModifier.SaGroupClose .SaGroupIcon {
	/*background-image: url(img/24x24/orange_show_less_h.png);*/
	transform: rotateZ(-90deg);
}
.SaModifier.SaPosition {
	position: absolute;
}

.SaModifier {
	overflow: hidden;
	background-color: transparent;
	height: 0.26rem;
	position: relative;
}

.SaModifierLabel {
	position: absolute;
    right: 75%;
    top: 0rem;
    bottom: 0rem;
    left: 0rem;
    overflow: hidden;
    text-align: right;
    padding-right: 0.1rem;
    /*padding-top: 0.04rem;
    padding-left: 0.1rem;*/
	line-height: 0.26rem;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SaHideLabel .SaModifierLabel {
	display: none;
}

.SaModifierValue {
	position: absolute;
	right: 0rem;
    top: 0rem;
    bottom: 0.18rem;
    left: 25%;
}

.SaModifier .SaModifierValue.SaMultilineValue {
	height: unset;
}

.SaHideLabel .SaModifierValue {
	left: 0%;
}

.SaModifierInput {
	box-shadow: 0.03rem 0.03rem 0.08rem 0.01rem rgba(0, 0, 0, 0.2) inset;
	width: 100%;
	height: 95%;/* FIRFOX non gestisce bottom: 0px*/
	top: 0rem;
    bottom: 0rem;
    position: absolute;
    border-width: 0.01rem;
    border-style: solid;
	padding: 0.05rem 0rem 0rem 0.08rem;
	font-size: 0.11rem;
	cursor: text;
	background-color: white;
	color: black;
	margin: 0.01rem 0rem 0rem 0rem;
	box-sizing: border-box;
	transition-property: padding-left;
    transition-duration: 0.5s;
	border-color: rgba(219,80,18, 0.6);
	font-family: Varela Round, Roboto, Prompt, Quicksand, Montserrat, Open Sans, Nunito, Exo, Arial;	
	border-radius: 0.03rem;	
}

.SaModifierRequired .SaModifierLabel {
	font-weight: bold;
}

.SaModifier.SaModifierChanged, .SaModifier.SaModifierChanged input {
	font-style: italic;	
}

.SaModifierReadonly .SaModifierReadonlyHook {
	display: block;
}

.SaModifierReadonlyHook {
	position: absolute;
	left: 0rem;
	top: 0rem;
	right: 0rem;
	bottom: 0rem;
	/*background-color: rgba(255, 255, 255, 0.1);*/
	display: none;
}

.SaModifierInvalidValue .SaModifierInvalidHook  {
	opacity: 1;
}

.SaHideLabel.SaModifierInvalidValue .SaModifierInvalidHook {
	left: 0rem;
}

.SaModifierInvalidHook {
    position: absolute;
	left: 0rem;
	right: 0rem;
    height: 0.16rem;
    bottom: -0.12rem;
    background-image: url(img/16x16/warning.png);
    background-position: center center;
    background-repeat: no-repeat;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.6s;
	font-style: italic;
	font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.SaModifierTriggerBtn {
	transition-property: right, opacity;
	background-repeat: no-repeat;
    background-position: 0.02rem center;
    width: 0.2rem;
    cursor: pointer;
    position: absolute;
    top: 0.02rem;
    bottom: 0.01rem;
    opacity: 0.6;
    transition-duration: 0.5s;
    background-color: rgb(233,104,0);
}

.SaModifierTriggerBtn:hover {
	opacity: 1;
}

.SaModifierTriggerBtn:active {
	transform: scale(0.8);
}

.SaModifierViewHook {
	right: 0.01rem;
}
.SaNumberModifierWgtBtn {	
}

.SaModifierTriggerBtn.SaNumberModifierBtn {
    background-position: 0.04rem center;
    background-size: 0.1rem;
    right: 0.01rem;
	transition-property: opacity, top, bottom;
}

.SaModifierTriggerBtn.SaNumberModifierUp {
	background-image: url(img/16x16/add.png);
    top: 0.02rem;
	bottom: 0.12rem;
	border-bottom: 0.01rem solid rgba(219,80,18, 0.6);
} 

.SaModifierTriggerBtn.SaNumberModifierDown {
	background-image: url(img/16x16/minus.png);
    bottom: 0.01rem;
	top: 0.13rem;
	border-top: 0.01rem solid rgba(219,80,18, 0.6);
}

.SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierUp {
	bottom: 0.26rem;
    opacity: 0.2;
}

.SaNumberModifierMaxSetted .SaModifierTriggerBtn.SaNumberModifierDown {
    top: 0.01rem;
}

.SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierUp {
	bottom: 0rem;
}

.SaNumberModifierMinSetted .SaModifierTriggerBtn.SaNumberModifierDown {
	top: 0.26rem;
    opacity: 0.2;
}

.SaNumberModifierBtn:active {
	background-position: 0.05rem center;
	background-size: 0.08rem 0.08rem;
}

@media screen and (max-resolution: 1000dpi),
	screen and (-webkit-max-device-pixel-ratio: 30),
	screen and (max-device-pixel-ratio: 30) {
	html {
		font-size: 100px;
	}
}

@media screen and (max-resolution: 480dpi),
	screen and (-webkit-max-device-pixel-ratio: 3),
	screen and (max-device-pixel-ratio: 3) {
	html {
		font-size: 130px;
	}
}

@media screen and (max-resolution: 330dpi),
	screen and (-webkit-max-device-pixel-ratio: 2.5),
	screen and (max-device-pixel-ratio: 2.5) {
	html {
		font-size: 115px;
	}
}

@media screen and (max-resolution: 300dpi),
	screen and (-webkit-max-device-pixel-ratio: 2),
	screen and (max-device-pixel-ratio: 2) {
	html {
		font-size: 105px;
	}
}

@media screen and (max-resolution: 100dpi),
	screen and (-webkit-max-device-pixel-ratio: 1),
	screen and (max-device-pixel-ratio: 1) {
	html {
		font-size: 100px;
	}
}

@media screen and (max-resolution: 50dpi),
	screen and (-webkit-max-device-pixel-ratio: 0.5),
	screen and (max-device-pixel-ratio: 0.5) {
	html {
		font-size: 80px;
	}
}
			
body, html {
	margin: 0rem;
	padding: 0rem;
	border: 0rem;
	width: 100%;
	height: 100%;
}

textarea:focus, input:focus {
    outline: none;
}

.SaScrollable {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.SaVerySmallFont {
	font-size: 0.09rem;
}

.SaSmallFont {
	font-size: 0.11rem;
}

.SaRegularFont {
	font-size: 0.13rem;
}

.SaLargeFont {
	font-size: 0.15rem;
}

.SaVeryLargeFont {
	font-size: 0.19rem;
}

.SaBigFont {
	font-size: 0.21rem;
}

.SaPage {
	color: black;
	overflow: hidden;
	margin: 0rem;
	padding: 0rem;
	border: 0rem;
	font-family: Varela Round, Roboto, Prompt, Quicksand, Montserrat, Open Sans, Nunito, Exo, Arial;
	/*font-size: 0.13rem;*/
}

.SaIos.SaDisableSelection *:not(input):not(textarea),
.SaNoSelectable {
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
	-webkit-touch-callout: none;
}
.SaPassModifier {
}

.SaModifierPassHook {
	background-image: url(img/16x16/lock.png);
	right: -0.25rem;
}

.SaModifierUnlockPassHook {
    background-image: url(img/16x16/unlock.png);
}

.SaModifierPassHook.SaModifierViewHook {
    right: 0.01rem;
}

.SaPassModifier .SaModifierValue {
	overflow: hidden;
}

.SaPopup {
	border-radius: 0.05rem;
	padding: 0.03rem;
	/*border: 0.01rem solid rgb(230, 230, 230);*/
	box-shadow: 0 0.04rem 0.23rem 0.05rem rgba(0, 0, 0, 0.2), 0 0.02rem 0.06rem rgba(0, 0, 0, 0.15);
	max-height: 100%;
	overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.SaWidget.SaPopup {
	transform: scale(0);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.SaPopup.SaShow {
	opacity: 1;
	transform: scale(1);
}

.SaWidget.SaModalBck {
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.SaWidget.SaModalBck.SaShow {
	opacity: 1;
}

.SaPromptWnd .SaModifierInvalidHook {
	opacity: 0;
}

.SaPromptWnd.SaPromptInvalidState .SaModifierInvalidHook {
	opacity: 1;
}

.SaPopup .SaPromptBtnArea {
	height: 0.40rem;
	position: relative;
}

.SaPopup .SaPromptBtnArea .SaButton {
	width: 0.80rem;
	margin-left: 0.1rem;
}

.SaAlertWnd {
	display: flex;
	min-width: 2.4rem;
	min-height: 20%;
	padding: 0.2rem;
	max-width: 80%;
	max-height: 80%;
}

.SaConfirmWnd .SaConfirmMsgArea,
.SaAlertWnd .SaAlertMsgArea {
	margin-bottom: 0.6rem;
	overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.SaConfirmWnd .SaConfirmBtnArea,
.SaAlertWnd .SaAlertBtnArea {
	height: 0.40rem;
}

.SaAlertWnd .SaAlertBtnOk {
	width: 0.80rem;
}

.SaConfirmWnd {
	max-width: 80%;
	max-height: 80%;
	min-width: 2.4rem;
	min-height: 20%;
	padding: 0.2rem;
}

.SaConfirmWnd .SaConfirmMsgArea {
}

.SaConfirmWnd .SaConfirmBtnOk {
	width: 0.80rem;
	margin-left: 0.1rem;
}

.SaConfirmWnd .SaConfirmBtnCancel {
	width: 0.80rem;
}
.SaPopup.SaPopupMobile {
	border-radius: 0rem;
	padding: 0rem;
	overflow: hidden;
}

.SaPopup.SaPopupMobile > .SaPopupHeader {
	z-index: 1;
	height: 0.5rem;
	background: rgb(233,104,0);
	box-shadow: 0rem 0rem 0.05rem 0.03rem rgb(189 64 7 / 40%);
	padding: 0rem 0.05rem 0rem 0.05rem;
}

.SaPopupHeader .SaPopupTitle {
	background: transparent;
	color: rgb(242, 245, 247);
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-weight: bold;
	text-align: center;
	line-height: 0.5rem;
}

.SaPopupHeader .SaPopupToolbarBtn {
	width: 0.4rem;
	padding: 0rem;
}

.SaPopup.SaPopupMobile.SaPopupNoButtons > .SaPopupBtnsbar {
	display: none;
}

.SaPopup.SaPopupMobile > .SaPopupBtnsbar {
	height: 0.6rem;
	padding: 0.1rem;
}

.SaPopupBtnsbar .SaPopupBtn {
	min-width: 0.8rem;
	width: unset;
}

.SaPopupMobile.SaPopupCloseable .SaBtnBack {
	display: none;
}

.SaPopupHeader .SaPopupToolbarBtn.SaBtnBack:before {
	font-size: 0.28rem;
    font-family: FontAwesome;
	color: rgb(255, 255, 255);
	content: "\f060";
    line-height: 0.5rem;
}

.SaPopup.SaPopupMobile > .SaPopupContent {
	margin: 0rem 0rem 0rem 0rem;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}



.SaTriggerBtnModifierHook {
	background-image: url(img/16x16/process.png);
	right: 0.01rem;
}

.SaTriggerModifierPopup {
    right: 0rem;
    position: absolute;
	/*overflow: auto;*/
	z-index: 2;
	max-height: 40%;
}

.SaWidget.SaWaitWidget {
	background-color: rgba(0,0,0, 0.7);
    cursor: default;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease-in;
}

.SaWidget.SaWaitWidget.SaActive {
	opacity: 1;
}

.SaWaitWidget .SaWidget {
	background-color: transparent;
	color: rgb(255,255,255);
}

.SaWaitWidget .SaWaiterHook {
	position: absolute;
	left: 50%;
    top: 50%;
	width: 0.35rem;
    height: 0.35rem;
    transform: translate(-50%, -50%);
	animation: SaWaiterHookRotation 2s infinite;
	color: rgb(242, 245, 247);
	font-size: 0.21rem;
    text-align: center;
    line-height: 0.35rem;
}

.SaWaitWidget .SaWaiterHook:before {
	font-family: FontAwesome;
	content: "\f01e";
}

@keyframes SaWaiterHookRotation {
    0%  {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(360deg);}   
}

.SaWaitWidget .SaData {
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, 0.2rem);
}
.SaMsgWaitWidget {
	text-align: center;
}

.SaPercWaitWidget {
    padding-top: 0.05rem;
    text-align: center;
    font-size: 0.11rem;
	/*height: 0.40rem;
    line-height: 0.40rem;
    background-image: url(img/32x32/loading-circle.gif);
    background-repeat: no-repeat;
    background-position: center center;*/
}
.SaWgtConfirmPwd {
	padding: 0rem;
}

.SaWgtConfirmPwd .SaConfirmMsgArea {
	margin: 0.2rem 0.2rem 0rem 0.2rem;
}

.SaWgtConfirmPwd .SaWgtInputBase {
	margin: 0.2rem 0.2rem 0rem 0.2rem;
}

.SaWgtConfirmPwd .SaConfirmBtnArea {
	position: relative;
	margin: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.SaWgtInputBase {
	overflow: hidden;
	background-color: transparent;
	padding-bottom: 0.15rem;
	position: relative;
}

.SaWgtInputBase.SaPosition {
	position: absolute;
}

.SaInputLabel {
    height: 0.2rem;
	line-height: 0.2rem;
    cursor: default;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SaInputValue {
	box-sizing: border-box;
	border-width: 0rem 0rem 0.01rem 0rem;
    border-style: solid;
	border-color: rgba(189,64,7, 0.5);
}

.SaInputTag {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-family: Varela Round, Roboto, Prompt, Quicksand, Montserrat, Open Sans, Nunito, Exo, Arial;
	font-size: 0.11rem;
	cursor: text;
	color: black;
	background-color: transparent;
	border-style: none;
	padding: 0.02rem 0rem 0.02rem 0rem;
}

.SaInputInvalidHook {
    position: absolute;
	left: 0rem;
	right: 0rem;
    bottom: -0.2rem;
	opacity: 0;
	font-style: italic;
	font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(img/16x16/warning.png);
    background-repeat: no-repeat;
    background-position: left center;
	padding: 0rem 0rem 0rem 0.2rem;
	transition-property: bottom, opacity;
	transition-duration: 0.6s;
}

/* no label */
.SaHideLabel .SaInputLabel {
	display: none;
}

/* obbligatorio */
.SaInputRequired .SaInputLabel {
	font-weight: bold;
}
.SaInputRequired .SaInputLabel:after {
    content: '*';
    margin: 0rem 0rem 0rem 0.02rem;
}

/* invalido */
.SaInputInvalid .SaInputInvalidHook  {
	opacity: 1;
	bottom: 0rem;
}

/* focused */
.SaInputFocus .SaInputValue  {
	border-width: 0rem 0rem 0.02rem 0rem;
    border-color: rgb(233,104,0);
}

.SaInputBtn {
	cursor: pointer;
	opacity: 1;
	position: absolute;
    top: 0rem;
    bottom: 0rem;
    width: 0.2rem;
	font-size: 0.12rem;
    font-family: FontAwesome;
	text-align: center;
	color: rgb(233,104,0);
    background-color: transparent;
}
.SaInputBtn:active {
	transform: scale(0.8);
}
.SaInputBtn:before {
	content: "\f013";
}
.SaWgtInputBool {
	padding: 0rem;
}

.SaWgtInputBool .SaInputLabel {
    height: unset;
	line-height: 0.24rem;
	width: calc(100% - 0.7rem);
	text-align: right;
	white-space: break-spaces;
}

.SaWgtInputBool .SaInputValue {
    position: absolute;
	min-height: 0.24rem; /* se la label fosse invisibile */
    width: 0.6rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
	border-width: 0rem;
}

.SaWgtInputBool.SaInputFocus .SaInputValue {
	border-width: 0rem;
}

.SaWgtInputBool .SaInputTag {
	box-sizing: border-box;
    position: absolute;
	left: 0rem;
    top: 0.02rem;
    height: 0.20rem;
    width: 0.5rem;
    border-radius: 0.1rem;
    cursor: pointer;
	overflow: hidden;
    box-shadow: 0.02rem 0.02rem 0.04rem 0.01rem rgba(0, 0, 0, 0.1) inset;
    background-color: rgba(233,104,0, 0.4);
    transition-property: background-color;
    transition-duration: 0.4s;
}

.SaBoolValue {
	box-sizing: border-box;
	position: absolute;
	left: 0.02rem;
    top: 0.02rem;
    bottom: 0.02rem;
    width: 0.16rem;
    background: rgb(242, 245, 247);
    border-radius: 50%;
	box-shadow: 0.01rem 0.01rem 0.05rem 0.01rem rgba(93, 93, 93, 0.7);
	transition-property: left;
    transition-duration: 0.4s;
}

.SaTrueValue .SaBoolValue {
	left: 0.32rem;
}
.SaTrueValue.SaWgtInputBool .SaInputTag {
	background-color: rgba(233,104,0, 1);
}
.SaWgtInputDate {
	cursor: pointer;
}

.SaWgtInputDate .SaBtnTrigger:before {
	content: "\f133";
}
.SaWgtInputDomain {
	cursor: pointer;
}

.SaTriggerPopup .SaFormatterItem {
	padding: 0.1rem 0.2rem 0.1rem 0.2rem;
    cursor: pointer;
    font-size: 0.15rem;
	border-radius: 0.05rem;
}
.SaTriggerPopup .SaFormatterItem:active {
	background-color: rgba(233,104,0, 0.15);
}

.SaTriggerPopup .SaFormatterItem.SaItemSelected {
	font-weight: bold;
}
.SaWgtInputFinder {
}

.SaWgtInputFinder .SaInputValue {
	position: relative;
}

/*.SaWgtInputNumber .SaInputTag {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	transition-property: padding;
	transition-duration: 0.4s;
}*/

.SaWgtInputFinder .SaInputBtn {
	transition-property: left, right, opacity, transform, padding;
	transition-duration: 0.4s;
}

.SaClearBtn {
	right: -1rem;
	text-align: right;
}
.SaClearBtn:before {
	content: "\f00d";
}
.SaInputFindable .SaClearBtn {
	right: 0rem;
}

/*.SaWgtInputNumber.SaInputReadonly .SaInputTag,
.SaWgtOnlyMinus .SaInputTag {
	padding-right: 0rem;
}
.SaWgtInputNumber.SaInputReadonly .SaInputBtnPlus,
.SaWgtOnlyMinus .SaInputBtnPlus {
	right: -0.5rem;
	opacity: 0;
}

.SaWgtInputNumber.SaInputReadonly .SaInputTag,
.SaWgtOnlyPlus .SaInputTag {
	padding-left: 0rem;
}
.SaWgtInputNumber.SaInputReadonly .SaInputBtnMinus,
.SaWgtOnlyPlus .SaInputBtnMinus {
	left: -0.5rem;
	opacity: 0;
}*/
.SaWgtInputBase.SaWgtInputList {
	cursor: pointer;
}

.SaWgtInputBase.SaWgtInputList .SaInputValue {
	border-style: none;
}

.SaWgtInputBase.SaWgtInputList .SaDomainValues {
	display: flex;
	flex-wrap: wrap;
}

.SaWgtInputList .SaFormatterItem  {
	border-radius: 0.08rem;
    border: 0.01rem solid rgba(180, 180, 180, 0.5);
    padding: 0.05rem 0.1rem 0.05rem 0.1rem;
    margin: 0.03rem 0.06rem 0.03rem 0rem;
    background: rgba(180, 180, 180, 0.2);
}

.SaListPrompt {
	display: flex;
    flex-direction: column;
}

.SaListPrompt .SaPromptMsgArea {
	margin: 0.2rem 0rem 0.2rem 0rem;
	flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.SaListPrompt .SaPromptBtnArea {
	min-height: 0.4rem;
}
.SaWgtInputNumber {
}

.SaWgtInputNumber .SaInputValue {
	position: relative;
}

.SaWgtInputNumber .SaInputTag {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	transition-property: padding;
	transition-duration: 0.4s;
}

.SaWgtInputNumber .SaInputBtn {
	transition-property: left, right, opacity, transform, padding;
	transition-duration: 0.4s;
}

/* Chrome, Safari, Edge, Opera */
.SaWgtInputNumber input::-webkit-outer-spin-button,
.SaWgtInputNumber input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
.SaWgtInputNumber input[type=number] {
  -moz-appearance:textfield;
}

.SaInputBtnPlus {
	right: 0rem;
	text-align: right;
}
.SaInputBtnPlus:before {
	content: "\f067";
}

.SaInputBtnMinus {
	left: 0rem;
	text-align: left;
}
.SaInputBtnMinus:before {
	content: "\f068";
}

.SaWgtInputNumber.SaInputReadonly .SaInputTag,
.SaWgtOnlyMinus .SaInputTag {
	padding-right: 0rem;
}
.SaWgtInputNumber.SaInputReadonly .SaInputBtnPlus,
.SaWgtOnlyMinus .SaInputBtnPlus {
	right: -0.5rem;
	opacity: 0;
}

.SaWgtInputNumber.SaInputReadonly .SaInputTag,
.SaWgtOnlyPlus .SaInputTag {
	padding-left: 0rem;
}
.SaWgtInputNumber.SaInputReadonly .SaInputBtnMinus,
.SaWgtOnlyPlus .SaInputBtnMinus {
	left: -0.5rem;
	opacity: 0;
}
.SaWgtInputPassword {
}

.SaWgtInputPassword .SaInputValue {
	position: relative;
}

.SaWgtInputPassword .SaInputTag {
	padding-right: 0.25rem;
}

.SaWgtInputPassword .SaInputBtn {
	right: 0rem;
	text-align: right;
	transition-property: transform;
    transition-duration: 0.4s;
}
.SaWgtInputPassword .SaInputBtn:before {
	content: "\f070";
}
.SaWgtInputPassword.SaViewPassword .SaInputBtn:before {
	content: "\f06e";
}

.SaWgtInputPassword.SaInputReadonly .SaInputBtn {
	right: -0.5rem;
}
.SaWgtInputText {
}
.SaWgtInputTrigger {
}

.SaWgtInputTrigger .SaInputValue {
	position: relative;
}

.SaWgtInputTrigger.SaNoKeyboard .SaInputTag {
	cursor: pointer;
	min-height: 0.15rem;
};

.SaWgtInputTrigger .SaInputTag {
	padding-right: 0.25rem;
}

.SaBtnTrigger {
	right: 0rem;
	text-align: right;
	transition-property: right;
    transition-duration: 0.4s;
}
.SaBtnTrigger:before {
	content: "\f078";
}

.SaInputReadonly .SaBtnTrigger {
	right: -0.5rem;
}

.SaTriggerPopup {
	padding: 0.2rem;
	max-width: 80%;
	max-height: 80%;
}
.SaWgtLogin {
	position: relative;
	transform: scale(0);
	opacity: 0.1;
	transition-timing-function: ease-in;/*cubic-bezier(.54,-0.76,.33,1.01);*/
}

.SaWidget.SaWgtLogin {
	transition-property: transform, opacity, filter;
	transition-duration: 0.4s;
	background-color: transparent;
}

.SaWidget.SaWgtLogin .SaInputTag {
	font-size: 0.15rem;
}

.SaWidget.SaWgtLogin .SaWgtInputPassword .SaInputBtn:before {
	font-size: 0.15rem;
}

.SaWgtLogin.SaActivating {
	opacity: 1;
	transform: scale(1);
}

/* general */
.SaWgtLogin .SaButton {
	height: 0.40rem;
	max-width: none;
    width: 1rem;
}

.SaWgtLogin .SaCheckBox .SaModifierLabel {
	right:50%;
	text-align: right;
}

.SaWgtLogin .SaCheckBox .SaModifierValue {
	left:50%;
}

/* login field */
.SaWgtLogin .SaUserName {
	margin-top: 0.5rem;
}

.SaWgtLogin .SaUserPwd {
	margin-top: 0.5rem;
	transition-delay: 0.2s;
}

.SaWgtLogin .SaCheckBox {
	background-color: transparent;
	margin-top: 0.2rem;
	transition-delay: 0.3s;
}

.SaWgtLogin .SaBtnLogin {
	margin-top: 0.2rem;
	margin-left: auto;
	margin-right: auto;
}

.SaWgtLogin .SaLabel.SaPwdUnknown {
	text-align: center;
	cursor: pointer;
	margin-top: 0.2rem;
	transition-delay: 0.4s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 0.15rem;
	position: relative;
}

.SaWgtLogin .SaLabel.SaPwdUnknown:before {
	content: "\f21b";
	font-size: 0.15rem;
	font-family: FontAwesome;
	margin-right: 0.1rem;
}

.SaWgtLogin .SaIco {
	height: 1.8rem;
	background-size: 1.3rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(img/128x128/user.png);
}

/* login view */
.SaWgtLogin .SaLoginFld {
	transition-property: left, opacity;
	transition-duration: 0.6s;
}

.SaAlertWnd.SaPopupLoginFailed {
	min-height: 1.15rem;
	min-width: 0.4rem;
}

.SaWgtLogin.SaSecondStep .SaWgtInputBool .SaInputLabel {
	width: 50%;
}

.SaWgtLogin.SaSecondStep .SaWgtInputBool .SaInputValue {
	left: 55%;
}

.SaWgtProgress {
	cursor: progress;
}

.SaWgtProgress .SaProgressValue {
	position: absolute;
	top: 0rem;
	bottom: 0rem;
	left: -10%;
}

.SaWgtProgress.SaInprogress .SaProgressValue {
	animation: waiting 2s linear infinite;
}

@keyframes waiting {
    from {left: 0%; width: 5%;}
    50% {width: 25%;}
    70% {width: 70%;}
    80% {left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
.SaWgtTabset {
}

.SaTabStrip {
	height: 0.4rem;
}

.SaTabSetItem {
}

.SaTabStrip {
	overflow-x: auto;
	overflow-y: hidden;
}

.SaWidget.SaTabStripItem {
	line-height: 0.4rem;
	cursor: pointer;
	padding: 0rem 0.2rem 0rem 0.2rem;
	text-align: center;
	background-color: transparent;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color: rgb(189,64,7);
}

.SaWidget.SaTabStripItem.SaTabSelected {
	font-weight: bold;
}

.SaTabStrip .SaSelectedHook {
	position: absolute;
	bottom: 0px;
	height: 0.02rem;
	background-color: rgb(189,64,7);
	transition-property: left;
	transition-duration: 0.4s;
}
.SaWidget {
	cursor: default;
	box-sizing: border-box;
	background-color: rgb(233,104,0);
	/*transition-property: filter;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	filter: blur(0px);*/
}

.SaWidget.SaWaiting {
	/*filter: blur(2px);*/
}

.SaPosition {
	position: absolute;
}

.SaWidget.SaHide {
	display: none;
}

.SaAnimated {
	transition-property: left, top, right, bottom/*, width, height*/;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.SaWidget.SaCollapsedV {
	height: 0.2rem;
}

.SaWidget.SaCollapsedH {
	width: 0.2rem;
}