/* INIZIO DEFINIZIONE GLOBAL VARIABLES */
body {
	--greyLight: #F5F5F5;
	--greyMedium: #DDDDDD;
	--greyDark: #707070;
	--priorityLow: #97BF3B;
	--priorityMedium: #EFBE1B;
	--priorityHigh: #EB7454;
	--textMainColor: #FFFFFF;
	--textDarkerMainColor: #FFFFFF;
	--textDefaultColor: #000000;
	--statusColorGreen: #5DB130;
	--statusColorOrange: #ffa500;
	--statusColorYellow: #E8C518;
	--statusColorRed: #bf0b0d;
	--statusColorGrey: var(--greyMedium);
	--statusColorWhite: #FFFFFF;
}
body[app-name="sniffyweb"] {
    --mainColor: #25B9E7;
    --darkerMainColor: #1598c1;
    --secColor: #464545;
    --darkerSecColor: #000000;
}
body[app-name="leoweb"] {
	--mainColor: #E5520F;
	--darkerMainColor: #D4370E;
	--secColor: #464545;
	--darkerSecColor: #000000;
}
body[app-name="dbwgest"] {
	--mainColor: #439F46;
	--darkerMainColor: #328445;
	--secColor: #A2A0A0;
	--darkerSecColor: #464545;
}
body[app-name="3wcore"] {
	--mainColor: #2064AE;
	--darkerMainColor: #0D47A1;
	--secColor: #464545;
	--darkerSecColor: #000000;
}
body[app-name="iesproject"] {
	--mainColor: #8C1922;
	--darkerMainColor: #71151c;
	--secColor: #e6e0e0;
	--darkerSecColor: #464545;
}
body[app-name="licensechecker"] {
	--mainColor: #424242;
	--darkerMainColor: #707070;
	--secColor: #464545;
	--darkerSecColor: #000000;
}
body[app-name="fluo"] {
	--mainColor: #2064AE;
	--darkerMainColor: #472D4C;
	--secColor: #2064AE;
	--darkerSecColor: #000000;
}
body[app-name="3wgis"] {
	--mainColor: #9C4996;
	--darkerMainColor: #472D4C;
	--secColor: #9C4996;
	--darkerSecColor: #000000;
}
/* #32533
	NewStyle.css di DevEx setta il border-collapse: collapse !important
	questo fa perdere il padding agli elementi
	setto qui perché è l'ultimo css ad essere caricato
*/
table{
	border-collapse: separate !important;
}
.no-data-highcharts {
	background-color: white;
	padding: 13px;
	font-size: 1.4rem;
	font-weight: normal;
	color: var(--greyLight);
}
.highcharts-menu-item:hover {
	background-color: var(--greyMedium) !important;
	color: var(--secColor) !important;
}
/* FINE DEFINIZIONE GLOBAL VARIABLES */
/* DA USARE CON LE ETICHETTE NELLE GRIGLIE */
.etichetta-box {
	display: inline-block;
	border: solid 1px var(--greyDark);
	border-radius: 3px;
	background-color:#ffffff;
	padding: 2px 3px;
	color:#000000 !important; 
	margin-right: 5px;
	font-size: 10px;
}
.fa-default {
	font-size: 1.6rem !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	color: gray;
	background-size: 16px 16px;
}
.icon-point{
	color: var(--greyDark);
	font-size: 10px;
}

.clear-after:after {
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.clear{
    clear:both;
}

.table {
    display: table;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #171D2D;
	overflow-x: hidden;
}

html {
	font-size: 10px;
}

body {
	/*background-image:url('../images/Background.png');*/
	/*background-color:#F0F0F0;*/
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
}

body[is-mobile="true"]{
	position: fixed;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#wrapper {
	position: relative;
	height: auto;
	height: 100%;
	min-height: 100%;
}

#header {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

#content {
	border: solid 1px;
	height: auto;
	height: 100%;
	min-height: 93%;
	overflow: hidden;
}

.right {
	border-right: 1px ridge #dcdcdc;
	border-collapse: collapse;
}

.top {
	border-top: 1px ridge #dcdcdc;
	border-collapse: collapse;
}

.bottom {
	border-bottom: 1px ridge #dcdcdc;
	border-collapse: collapse;
}


.noHighlight::selection {
	background-color: transparent !important;
}

.Tab_no_bordi_td {
	font-style: normal;
	font-weight: normal;
	background-color: #F7F7F7;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0C0;
}

	.Tab_no_bordi_td th {
		font-style: normal;
		background-color: #EFEFEF;
		text-align: left;
		border-width: 1px;
		border-style: solid;
		border-color: #C0C0C0;
	}

	.Tab_no_bordi_td td {
		font-weight: normal;
		border-color: #C0C0C0;
	}

.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.opacity {
	opacity: 0.2;
	filter: alpha(opacity=40);
}

.high-priority {
	color: var(--priorityHigh) !important;
}

.medium-priority {
	color: var(--priorityMedium) !important;
}

.low-priority {
	color: var(--priorityLow) !important;
}

.mCSB_scrollTools {
	width: 4px !important;
}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		border-radius: 0 !important;
	}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	margin: 0 !important;
}

.dxsplControl,
.settingsPanel-txt {
	font-family: 'Segoe UI','Helvetica Neue',Helvetica,Verdana,sans-serif !important;
}

#div_Ribbon .dxm-ltr *::selection,
#div_Ribbon .dxtcSys *::selection,
#div_Ribbon .dxr-tabContent *::selection {
	background-color: transparent !important;
}

.dxtcLite_MetropolisLeoWeb > .dxtc-stripContainer {
	height: 28px !important;
}

.RibbonFontItemTable {
	width: 100%;
	text-align: center;
	cursor: pointer;
	height: 73px;
}
	.RibbonFontItemTable:hover {
		background: #cbcbcb;
		-webkit-box-shadow:inset 0px 0px 0px 1px gray;
		-moz-box-shadow:inset 0px 0px 0px 1px gray;
		box-shadow:inset 0px 0px 0px 1px gray;
	}

.periodContainer {
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	margin: 10px 10px 0;
	display: block;
}

	.periodContainer .periodTitle {
		position: relative;
		border-bottom: 1px solid #d3d3d3;
		border-right: 1px solid #FFFFFF;
	}

		.periodContainer .periodTitle:after {
			content: '';
			height: 19px;
			position: absolute;
			right: -2px;
			border-right: 1px solid #FFFFFF;
		}

		.periodContainer .periodTitle > span {
			border-top: 1px solid #d3d3d3;
			border-right: 1px solid #d3d3d3;
			border-bottom: 1px solid #FFFFFF;
			font-size: 1.4rem;
		}

.blockContainer {
	float: left;
	width: 285px;
	text-align: center;
	margin-top: 2px;
	padding: 2px;
}

	.blockContainer .title {
		color: #333333;
		font-size: 1.8rem;
		margin-top: 6px;
	}

	.blockContainer .value {
		font-weight: bold;
		color: #000000;
		font-size: 1.6rem;
	}

.divError 
{
	width: 96%;
	text-align: center;
	padding-top: 30px;
	background-color: rgba(255, 0, 0, 0.13);
	line-height: 30px;
	padding: 15px;
	border: 1px solid #d08282;
}
.divWarning {
	width: 89%;
	text-align: center;
	background-color: rgba(216, 185, 83, 0.13);
	line-height: 30px;
	padding: 2px;
	border: 1px solid #f3bc04;
}
.divSuccess 
{
	text-align: center;
	padding-top: 30px;
	background-color: rgba(0, 255, 67, 0.15);
	line-height: 30px;
	padding: 15px;
	border: 1px solid #6da95e;
}

.noBorderFocusedBatchCell {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.spacer_3 {
	padding-top:3px;
}

.spacer_5 {
	padding-top:5px;
}

.zoom {
	display: none;
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	cursor:pointer;
	opacity:.8;
}
	
.zoom:hover {
	opacity:1;
}

.div-container {
	position:relative;
}

.div-container:hover .zoom {
	display: block;
}

.dropdownMenuItem {
	font-size: 2.2rem !important;
	text-align: center;
	padding: 2px 8px 2px 0;
}

.dxm-hasText:hover span.fa:not(.dropdownMenuItem){
	color: white !important;
}

.context-menu-item {
	font-size:1.4rem !important;
	margin:3px;
	width:16px;
	text-align:center;
}

#accountPopup {
	text-align: center;
	outline:0;
	right: 25px; 
	position: absolute; 
	background-color: #FAFAFA;
	border-radius: 2px; 
	border: 1px solid lightgray; 
	cursor: default; 
	z-index: 1; 
	filter: drop-shadow(-1px -1px 2px rgba(60,60,60,0.2)); 
	box-shadow: 1px 1px 2px rgba(60,60,60,0.4);
	color: #333;
}

#accountPopup table{
	padding: 10px !important;
}

#accountPopup.account {
	top: 20px; 
}

#accountPopup.notifiche {
	top: 60px; 
}

#accountPopup .balloon-arrow {
	width: 10px;
	height: 10px;
	top: -6px;
	right: 20px;
	position: absolute;
	background-color: #FAFAFA;
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
}

#accountPopup .popup-content {
	width:400px;
}

#accountPopup .popup-content .header {
	border-bottom: 5px solid gray;
	font-size: 1.5rem;
	padding: 13px 0;
}

#accountPopup .popup-content .container-notifiche {
	max-height: 500px;
	overflow-y:auto;
}

#accountPopup .popup-content .container-notifiche .empty-list {
	font-weight:100;
	color: gray;
}

#accountPopup .popup-content .container-notifiche .notifica-table {
	padding:5px;
	border-bottom: 1px solid lightgray;
	cursor: pointer;
}
#accountPopup .popup-content .container-notifiche .notifica-table:last-child {
	border-bottom: none;
}

#accountPopup .popup-content .container-notifiche .notifica-table.unread {
	background-color: #e6ecf3;
}

#accountPopup .popup-content .container-notifiche .notifica-table .notifica-testo {
	min-width: 100%;
	width: 0;
	overflow: hidden;
	display: inline-block;
}

#accountPopup .popup-content .container-notifiche .notifica-table label {
	cursor: inherit;
}

#accountPopup .popup-content .container-notifiche .notifica-table .icona-notifica,
.icona-notifica {
	color:#2064AE;
	font-size:14px;
}

#accountPopup .popup-content .container-notifiche .notifica-table .tempo-notifica {
	color: darkgray;
}

#accountPopup .popup-content .container-notifiche .notifica-table i.right-button {
	visibility: hidden;
	padding: 5px;
	font-size: 10px;
	color: darkgray;
}

#accountPopup .popup-content .container-notifiche .notifica-table i.right-button:hover {
	color: gray; 
	cursor: pointer;
}

#accountPopup .popup-content .container-notifiche .notifica-table:hover i.right-button {
	visibility: visible;
}

#accountPopup .popup-content .footer {
	border-top: 1px solid lightgray;
}

#accountPopup .popup-content .footer #btnMostraTutte {
	margin:10px;
}

.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
  10%, 90% {
    transform: rotate(-5deg);
  }

  20%, 80% {
    transform: rotate(5deg);
  }

  30%, 50%, 70% {
    transform: rotate(-10deg);
  }

  40%, 60% {
    transform: rotate(10deg);
  }
}

.dxr-buttonItem.dxr-itemHover.icone-font .dxr-img16,
.dxr-buttonItem.dxr-itemHover.icone-font .dxr-img32,
.dxm-item.dxm-hovered.icone-font .dxm-image,
.dxtc-activeTab.icone-font img.dxtc-img,
.dxtc-tabHover.icone-font img.dxtc-img  {
	filter: brightness(0) invert(100%);
}

.dxm-item.dxm-disabled.icone-font .dxm-image {
	opacity: .3;
}

.gridSearchPanel > table {
	width: initial;
}

/* Loading Modal */
#modal-loading {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,0.5);
	z-index: 99999999;
	top: 0;
	display: none;
}

.ribbon-exist #modal-loading{
	height: calc(100vh - 90px);
	top: 90px;
}

.sidebar-exist #modal-loading {
	height: calc(100vh - 50px);
	top: 50px;
}

#modal-loading > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: var(--darkerMainColor);
}

#modal-loading i {
	font-size: 5rem;
}

#modal-loading i.fa-spin-fast {
	animation: fa-spin 1.2s infinite linear;
}

div[mdbrole="listaMissioni"] .warning {
	display: none;
}

div[mdbrole="listaContainer"] .showWarnIcon .warning,
div[mdbrole="listaMissioni"] .showWarnIcon .warning {
	display: inline-block;
}

.mission-type {
	display: inline-block;
	background-color: var(--mainColor);
	color: white;
	font-weight: 600;
	font-size: 10px;
	padding: 2px;
	width: 15px;
	text-align: center;
	border-radius: 3px;
	vertical-align: middle;
}

#message-container {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
}
#icon-container-doconfirm {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 2rem;
}
.error-icon {
	color: #bd362f
}
.success-icon {
	color: #51a351
}
.warning-icon {
	color: #f89406
}
/* #endregion */

.tb {
	display: table
}
.tr {
	display: table-row
}
.td {
	display: table-cell
}

.header-wrap {
	width: 100%;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E7E7E7;
}

.header-wrap > div:first-child{
    width:150px;
    display:inline-block;
    vertical-align:middle;
	padding-left:5px;
    text-align:left;
}

.header-wrap > div:nth-child(2) {
    width: calc( 100% - 301px );
    display: inline-block;
    vertical-align: middle;
	text-align:center;
}


.header-wrap > div:last-child {
    width: 134px;
    vertical-align: middle;
    display: inline-block;
    text-align:right;
}

.header-wrap.due > div:first-child {
    width:250px;
    text-align:center;
    display:inline-block;
}

.header-wrap.due > div:nth-child(2) {
    width: calc( 100% - 250px );
    display: inline-block;
    text-align:center;
}

.header-container {
	padding-top: 5px;
	padding-bottom: 5px;
}

	.header-container .dx-header-element {
		float: right;
		text-align: right;
		width: 50%;
	}

		.header-container .dx-header-element > div {
			display: inline-block;
		}

			.header-container .dx-header-element > div > * {
				display: inline-block;
				vertical-align: middle;
			}

/*Ridefinizione colore hover per dxdatagrid*/


/*fine*/

body[app-name="3wcore"] #containerExt {
	height:calc( 100vh - 25px );
}

body[app-name="iesproject"] #containerExt {
	height: calc( 100vh - 25px );
}

body[app-name="licensechecker"] #containerExt {
	height: calc( 100vh - 50px );
}

body[app-name="leoweb"] #containerExt {
	height: calc( 100vh - 92px );
}

body[app-name="sniffyweb"] #containerExt {
    height: calc( 100vh - 92px );
}

body[app-name="fluo"] #containerExt {
	height: calc( 100vh - 92px );
}

body[app-name="3wgis"] #containerExt {
	height: calc( 100vh - 92px );
}

body[app-name="dbwgest"] #containerExt {
	height: calc( 100vh - 158px );
	width: 100%;
	position: relative;
}

#mainContainer {
	height: 100%;
	position: relative;
}

/*
	ies icon
*/

.ies-icon {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

/*
	ies icon clear filter
*/

.ies-clear-filter::before {
	content: "\f0b0";
	font-family: "Font Awesome 5 Pro";
}

.ies-clear-filter::after {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: -4px;
	bottom: -4px;
	transform: scale(0.7);
}

.tag-style {
	display: block;
	text-align: center;
}

.tag-style span {
	border: solid 2px #DDD;
	padding: 1px 4px 1px 4px;
	border-radius: 5px;
	background-color:#ffffff;
}

/*#region override btn actionbox gridlayout*/
body .adminColor {
	background-color: var(--greyLight);
}

/*SOVRASCRITTURA CSS DX*/
body .dx-popup-title.dx-toolbar .dx-toolbar-label {
	font-size: 1.4rem;
	margin-left: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

.dx-progressbar-status {
	width: 100% !important;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
	background-color: #e6e6e6 !important;
	color: #333;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
	background-color: #e6e6e6 !important;
	color: #333;
}
body .dx-menu-base .dx-menu-item-content > * {
	margin: 4px !important;
	padding: 0px !important;
	vertical-align: middle;
}
.custom-template-app.dx-scheduler-appointment-horizontal .orari-agenda {
	display: none;
}
.dx-dialog .dx-popup-title {
	font-weight: 600;
}

.dx-dialog .confirm-button {
	background-color: rgba(79, 79, 79,.5);
	color: #FFF;
}

.dx-dialog .confirm-button:hover {
	background-color: #e6e6e6;
	color: #000;
}
/*FINE SOVRASCRITTURA CSS DX*/

/*#region override tab*/
	.custom-tab .dx-item.dx-tab.dx-tab-selected {
		border-top: 2px solid var(--greyMedium);
        border-bottom: 1px solid white;
	}

	.custom-tab .dx-item.dx-tab{
		font-weight:500;
	}

	.custom-tab-main > .dx-tabpanel-tabs .dx-item.dx-tab.dx-tab-selected {
		border-top: 5px solid var(--mainColor);
		border-bottom: 1px solid white;
	}

/*#endregion*/

/*ProgressBar*/
.percentage-cont {
	display: inline-block;
	float: left;
	width: 50px;
	font-weight: bold;
}

.state-container {
	position: relative;
	display: inline-block;
	float: left;
	width: calc(100% - 70px);
	height: 13px;
	margin-left: 10px;
}

.total-state {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 13px;
	border-radius: 360px;
	background-color: var(--greyMedium);
}

.advanced-state {
	display: inline-block;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 13px;
	background-color: var(--greyDark);
	border-radius: 360px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	max-width: 100%;
}
/*Fine ProgressBar*/

/*#region classi default*/
	/*stilizzazione punto presenza geometry*/
	.geom {
		font-size: 10px;
		color: var(--greyDark);
	}

	.materiale {
		display: inline-block;
		color: #ffffff;
		padding-left: 1px;
		border-radius: 6px;
		text-align: center;
		box-sizing: border-box;
		padding-right: 1px;
		min-width: 21px;
	}

.pallino-colorato {
	padding-left: 1px;
	padding-right: 1px;
	border-radius: 100px;
	width: 15px;
	height: 15px;
}
/*#endregion*/

/*#region fluo custom*/
.custom-class-label-group {
	text-transform: uppercase;
	font-weight: 400;
	color: var(--greyDark);
}

.calculate-field:after {
	content: "\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	right: 0px;
	color: var(--greyMedium);
	right: 3px;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
}

.calculate-field.chb-field:after {
	right: -15px;
}

.calculate-field{
	position:relative;
}

.mandatory.dxeButtonEdit_MetropolisWF {
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 5px solid #c0c0c0;
}
/*#endregion fine fluo custom*/

.color-link-contratto{
	color:var(--mainColor);
}

.color-link-attrezzatura {
	color: var(--mainColor);
}

.esito-color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.esito-color.dxCustomSelected {
    padding-left: 4px;
}

.wrapFieldTemplate input{
    padding-left: 0px;
}

/*Font e text di default*/
.text-center {
    text-align: center;
}
.text-right {
	text-align: right;
}

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

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

.font-size-50 {
    font-size: 50px;
}

/*End font e text di default*/

/*Margin e paddin di default*/
.h-50{
	height: 5%;
}

.h-50 {
	height: 50%;
}

.h-95 {
	height: 95%;
}

.h-100 {
	height: 100%;
}

.w-50{
	width: 50% !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-20  {
	margin-right: 20px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-20 {
	margin-left: 20px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.pr-0 {
    padding-right: 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}
/*End margin e paddin di default*/

/*Customizzazione elementi griglia*/
.link {
    color: var(--mainColor);
    cursor: pointer;
}

.tipo-attivita i {
    display: inline-block;
    color: darkgrey;
    font-size: 16px;
}

.tipo-esito, .tipo-segnalazione {
    font-size: 11px;
}

    .tipo-esito i, .tipo-segnalazione i {
        display: inline-block;
        margin-right: 5px;
    }

    .tipo-segnalazione i {
        color: orange;
    }

.check-icon {
    font-size: 11px
}

    .check-icon i {
        color: green;
        display: inline-block;
    }

/*popup storico*/
.history-cont {
    max-height: 550px;
}

    .history-cont .history-item {
        border-bottom: solid 2px var(--greyMedium);
        margin-bottom: 10px;
    }

        .history-cont .history-item:last-of-type {
            border-bottom: none;
        }

        .history-cont .history-item .data-container {
            margin-bottom: 5px;
        }

            .history-cont .history-item .data-container > .label-cont {
                font-weight: bold;
                display: inline-block;
                float: left;
                width: 150px;
            }

            .history-cont .history-item .data-container > .value-cont {
                float: right;
                display: inline-block;
                width: calc(100% - 150px);
            }

body[app-name="3wgis"] #efForm .selectedTop.tabExt i {
	color: #ffffff;
}

body .dx-tab .dx-icon{
	color:var(--greyDark);
}


/*#region override tab*/
.custom-tab .dx-item.dx-tab.dx-tab-selected {
	border-top: 2px solid var(--greyMedium) !important;
	border-bottom: 1px solid white;
}

.grey-accordion .title-accordion {
	border-left: solid 5px var(--greyMedium);
}

.custom-tab .dx-item.dx-tab {
	font-weight: 500;
}

.custom-tab-main > .dx-tabpanel-tabs .dx-item.dx-tab.dx-tab-selected {
	border-top: 5px solid var(--mainColor);
	border-bottom: 1px solid white;
}

.custom-tab-main .dx-item.dx-tab {
	font-weight: 500;
}

/*#endregion*/

.grey-accordion .title-accordion {
	border-left: solid 5px var(--greyMedium);
}

/*#region Icone su popup per spostamento, ridimensionamento e reset posizione*/
.ico-action .resize-ico {
	margin-left: 10px;
	margin-top: 6px;
}

.ico-action{
	opacity:0;
	margin-right:10px;
}

.dx-popup-normal:hover .ico-action {
	transition:all 0.5s ease-in-out;
	opacity:1;
}

.dx-popup .dx-popup-title .dx-toolbar-items-container .dx-closebutton .dx-icon-close {
	font-weight: bold;
	color: var(--mainColor);
}

.ico-action .drag-ico {
	margin-left: 10px;
	margin-top: 6px;
}

.ico-action .reset-ico {
	margin-left: 10px;
	margin-top: 6px;
	cursor: pointer;
}
/*#endregion*/
/*fine*/
.dx-row .far.fa-ellipsis-v,
.dx-row .fas.fa-ellipsis-v {
	padding-left: 8px;
	padding-right: 8px;
}

.loghi-footer a{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.loghi-footer a img{
	height:50px !important;
	width:auto !important;
	margin-bottom:0px !important;
}

.connect-settings {
	color: var(--greyDark);
}

.content-connect-settings {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
}


@media screen and (max-width: 600px) {
	.loghi-footer {
		width: 100% !important;
	}

	.loghi-footer a {
		height: 50px !important;
		width: auto;
		margin-right: 0px;
	}

	.loghi-footer a:first-child{
		display:inline-block !important;
	}

	.loghi-footer a:last-child {
		display: none !important;
	}
}

/*Grandezza icone*/
.medium-ico{
	font-size:17px;
}


.greyDark {
	color: var(--greyDark) !important;
}

.greyMedium {
	color: var(--greyMedium) !important;
}

.greyLight {
	color: var(--greyLight) !important;
}

.pointer {
	cursor:pointer;
}

#buttonContainer .btnWikiContainer {
	position: relative;
	text-align: center;
	display: none;
}

.btnWikiContainer i {
	padding-right: 0px !important;
}

#wiki-viewer{
	height:100%;
}

.gridcell-fader {
	width: 30px;
	height: 31px;
	right: -6px;
	position: absolute;
	top: 0;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgb(255, 255, 255));
	background: -moz-linear-gradient(left, rgba(255,255,255,0), rgb(255, 255, 255));
	background: -ms-linear-gradient(left, rgba(255,255,255,0), rgb(255, 255, 255));
	background: -o-linear-gradient(left, rgba(255,255,255,0), rgb(255, 255, 255));
}

/*Avanzamento Processo*/
.container-avanzamento {
	left: 3px;
	position: absolute;
	right: 3px;
	top: 2px;
}

.text-container-avanzamento {
	display: block;
}

.state-container-avanzamento {
	height: 5px;
	width: calc(100% - 10px);
}

.total-state-avanzamento {
	background-color: var(--greyMedium);
	border-radius: 360px;
	height: 5px;
}

.advanced-state-avanzamento {
	border-radius: 360px;
	bottom: 0;
	height: 5px;
	max-width: 100%;
	position: absolute;
	transition: all 0.5s linear;
	z-index: 1;
	-webkit-transition: all 0.5s linear;
}

.ies-input-box {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.textEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-ies-tooltip-over {
	text-decoration: underline;
	color: var(--mainColor);
	cursor: pointer;
}

.info-ies-tooltip-text-admin {
	display: block;
	padding: 5px;
	margin-top: 8px;
	background-color: #E8E8E7;
	border-radius: 5px;
}

.elem-ies-admin {
	display: none !important;
}

.num-tag {
	border: solid 1px var(--greyMedium);
	border-radius: 3px;
	padding: 2px 5px;
	width: 50px;
	display: inline-block;
	text-align: center;
}

.etichette-link-missione{
	display:inline-block;
}

.etichette-link-missione a {
	color: var(--mainColor);
}

.tokenbox span{
	background-color: var(--greyMedium);
	color: var(--textDefaultColor);
}

.tokenbox-remove {
	position: relative;
	font-family: "Font Awesome 6 Pro";
	background-image: none;
}

.tokenbox-remove:after {
	content: "\f00d";
	inset: 2px 0px 0px 1px;
}

.info-message-box {
	width: 100%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px;
	border-style: solid;
	border-color: var(--greyMedium);
}

.info-message-box-icona-sfondo {
	display: inline-block;
	background-color: var(--greyLight);
	padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
	color: var(--greyMedium);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.info-message-box-testo {
	vertical-align: middle;
	padding-left: 20px;
	box-sizing: border-box;
}

.custom-color-span {
	display: inline-block;
	color: #ffffff;
	padding-left: 4px;	
	border-radius: 6px;
	text-align: center;
	box-sizing: border-box;
	padding-right: 4px;
	margin-right: 2px;
}