html, body {
	margin: 0px;
	padding: 0px;

	overflow: hidden;
	font-family: Helvetica, sans-serif;

}

/*
#fgPageContainer, .fgContent { height: calc(100% - 10px)!important; }
*/

#fgPageContainer, .fgContent { height: 100%!important; }

/* Funzionamento 
 * fgContainer permette il funzionamento corretto di fgClient
 * Le proprietà di fgContainer vengono forzate a tutti i padri di fgClient
 * fgClient si ridimensiona automaticamente occupando tutto lo spazio disponibile 
 * fgTop viene usato come elemento a dimensione fissa (allineato al Top)
*/
/* Forzo le proprietà del container a tutti i padri */
div:has(> .fgClient),
div:has(> .fgTop),
.fgContainer 
{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	flex-flow: column;
    height: 100%;
    overflow: hidden;
}

.fgContainerRow {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	flex-flow: row!important;
    height: 100%;
    overflow: hidden;
}

.fgTop { 
    flex: 0 1!important; 
    overflow: visible!important;
}

.dx-tabpanel-container,
.fgClient {
	flex: 1 1;
	overflow: auto;
}


/*--------------------------------- PopUp --------------------*/
#__popup__ .dx-popup-content {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-flow: column;
}

.onlyButtonEnabled .dx-texteditor-input {
    pointer-events: none;
    overflow: hidden;
}

/* For Mobile Portrait View */
/*@media screen and (max-device-width: 480px)*/
/*and (orientation: portrait) {*/
/**/
/*}*/

.firma {
    min-height: inherit !important;
    border: 1px solid var(--accent-color);
    width: 100%;
    /**/
    background-color: white!important;
}
.firma canvas {
    width: 100%;
    height: 100%!important;
	border: 1px solid black;
}

.firma.fullScreen {
    height: 100%!important;
}
.signPreview {
    background-color: white!important;
}

.fgxTestata .fgDetail {
    max-height: 200px;
    overflow: scroll;
    overflow-x: hidden;
}

.fgxTestata .fgButtonContainer {
	position: absolute;
	top: 10px;
	right: 10px;
    height: 200px;
	width: 32px;
	z-index: 999;
}

.fgxTestata .fgButtonContainer .fgButton {
	position: relative;
}

.fgxChat {
	position: absolute;
    right: 10px;
    bottom: 0;
	/*height: 70%;*/
	width: 20%;
}