/* JQuery UI-Fluid Overrides */
.ui-fluid #top-menu button, .ui-fluid .app-active button, .ui-fluid .CardTopic button, .ui-fluid .ui-datatable-header .ui-button, .ui-fluid .ui-datatable-tablewrapper button,
	.ui-fluid .ui-datatable-footer button, .ui-fluid .ui-splitbutton button {
	width: 40px !important;
	height: 40px !important;
    margin: 0px !important;
    font-size: 15px;
}

.ui-fluid .ui-datatable-header .ui-button-text-icon-left .ui-button-text {
    padding: 10px 20px 10px 20px !important;
}

.ui-fluid .ui-splitbutton {
	width: 80px !important;
}

.ui-fluid .ui-menu {
	width: initial !important;
}

.ui-fluid .ui-selectonebutton .ui-button, .ui-fluid .ui-selectmanybutton .ui-button {
	min-width: 60px !important;
	width: auto !important;
}

.ui-fluid .ui-wizard-navbar button, .ui-fluid .ui-dialog-buttonpane button {
	width: 50%;
	margin: 0;
}

.ui-fluid .ui-inputtextarea.ui-state-focus {
	min-height: 86px;
}

.ui-fluid .fc-toolbar button {
	min-width: 40px;
	width: fit-content !important;
}

.ui-fluid .ui-inputfield {
    min-height: 39px;
	font-size: 15px;
    font-weight: 300;
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button,
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger,
.ui-fluid .ui-selectcheckboxmenu-trigger {
    right: 0px;
	width: 38px !important;
    height: calc(100% - 2px) !important;
    margin: 1px !important;
    border: none !important;
}

/* Responsive */
@media (max-width: 640px) {
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
	    max-width: 30%;
	}
}

/* JQuery UI Overrides */
.full-height .ui-datatable-scrollable-body {
	height: 400px;
}

.ui-outputpanel-loading {
	/* background-image: url('https://storage.googleapis.com/sam-by-abakode/SaM/admin/live/images/loading.svg') !important; */
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 16px;
    border: none;
    width: auto;
}

.ui-fileupload {
    border: 2px dashed #000;
    background: #eeeeee;
    margin-bottom: 10px;
}

.ui-fileupload:hover {
    background: #E0E0E0;
}

.ui-fileupload-choose {
	width: 100% !important;
}

.ui-datatable {
	border: none;
}

.ui-datatable-tablewrapper {
	margin: 0;
}

.ui-panelgrid {
	border: none;
    background-color: transparent !important;
}

.ui-datagrid {
	border: none !important;
}

.ui-datagrid .ui-datagrid-footer {
	text-align: left !important;
}

.ui-panelgrid .ui-panelgrid-cell {
	padding: 0px;
}

.ui-panelgrid .ui-grid-responsive .ui-grid-row {
	border: none !important;
}

.ui-splitbutton {
	padding-right: 3em;
}

.ui-menu {
	width: 16em;
}

.ui-button-icon-only {
	border-radius: 0 !important;
	max-width: none !important;
}

.ui-notificationbar {
	display: none;
	height: auto !important;
	width: 98%;
	padding: 1%;
	background: #FFF;
	box-shadow: 0px -1px 10px #666;
}

.ui-messages {
    padding-top: 50px;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
	margin: 5px;
}

.ui-button {
	margin-top: 0px !important;
	background: none;
	color: #000;
}

.ui-button.ui-state-hover, .ui-button.ui-state-focus, .ui-button.ui-state-active {
	color: #9E9E9E;
	box-shadow: none;
	background: none;
}

.ui-button.ui-state-active, .ui-buttonset .ui-state-active {
	background-color: #EEE;
	color: #000;
}

.ui-selectmanybutton {
	border: none;
}

.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
	background-color: #FFF;
	color: #616161;
	/** 
	 * Google usa:
	 * #1b1b1b - https://www.androidworld.it/2019/05/28/android-q-nasconde-unaltra-modalita-scura-alternativa-quella-ufficiale-ancora-imperfetta-foto-633998/
	 * #121212 - https://www.mobileworld.it/2019/06/28/dark-mode-nero-grigio-risparmio-batteria-220930/
	 */
	
	border: none;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding: 10px 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.ui-datatable .ui-datagrid-header, .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-subtable-header, .ui-datatable .ui-datatable-summaryrow {
	background-color: #494949;
	padding: 10px 5px !important;
    font-size: 14px;
}


.ui-paginator-top, .ui-paginator-bottom {	
    background-color: #494949;
}

.ui-datatable table .TexAlCenter {
    text-align: center;
}

.ui-datatable table tbody tr td {
	color: #616161;
	border: none;
	border-bottom: 1px solid #EEE;
	padding: 10px 5px !important;
}

.ui-fluid .ui-datatable-tablewrapper button {
	margin: -10px 0px !important;
}

.ui-datatable .ui-datatable-even {
	background-color: #F5F5F5;
}

.ui-datatable .ui-datatable-odd {
	background-color: #FFFFFF;
}

.ui-selectonebutton .ui-button {
	font-size: 12px;
	border: none;
}

.ui-selectonebutton .ui-button.ui-state-hover span, .ui-selectonebutton .ui-button.ui-state-active span {
	background: #616161;
	color: #FFF;
}

.ui-selectonebutton .ui-button span {
	padding: 5px !important;
	margin: 0 2px;
	color: #000; /* color: #616161; */
	background: #FFF;
}

.ui-selectonebutton .ui-button .ui-button-text
	/*, .ui-selectonebutton .ui-button, .ui-selectmanybutton .ui-button, .ui-selectmanybutton .ui-button .ui-button-text*/ {
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
    font-weight: 300;
}

.ui-datatable .ui-datatable-footer {
	background: none;
	padding: 0 !important;
	color: #616161;
	font-weight: normal;
}

.ui-selectonemenu {
	padding: 0 !important;
}

.ui-menu .ui-menuitem .ui-menuitem-link {
	color: #000;
}

.ui-breadcrumb {
	background: #EEEEEE;
}

.ui-breadcrumb-chevron, .ui-breadcrumb ul li .ui-menuitem-link {
	margin-top: 0px !important;
    max-width: 150px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    color: #000;
}

.ui-breadcrumb ul li {
    z-index: 10 !important;
}

input[type="text"].ui-state-error,
input[type="password"].ui-state-error,
.ui-inputtextarea.ui-state-error,
/* .ui-widget-content .ui-state-error, */
.ui-widget-header .ui-state-error {
    border: 1px solid #F44336 !important;
    color: #F44336;
}

/* Icon */
.ui-autocomplete .ui-autocomplete-dropdown::before,
.ui-selectcheckboxmenu-trigger::before,
.ui-selectonemenu-trigger::before,
.ui-datepicker-next::before,
.ui-datepicker-prev::before {
	font-family: "Font Awesome 5 Pro";
    line-height: 40px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

.ui-autocomplete .ui-autocomplete-dropdown::before,
.ui-selectcheckboxmenu-trigger::before,
.ui-selectonemenu-trigger::before {
	content: "\f078";
}

.ui-datepicker-next::before {
	content: "\f054";
    line-height: 33px;
    margin-left: 10px;
}

.ui-datepicker-prev::before {
	content: "\f053";
    line-height: 33px;
    margin-left: 10px;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton::before {
	content: "\f142";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 15px;
	right: 18px;
	font-weight: 900;
}

.ms-button.ui-menubutton::before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 4px);
    z-index: 1;
    pointer-events: none;
    transition: all 0.2s ease;
}

.ms-button.ui-menubutton:hover::before {
	color: #EEEEEE;
}

.ui-splitbutton .ui-splitbutton-menubutton .ui-icon.fab,
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon.fas,
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon.far,
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon.fal,
.ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon,
.ui-icon.no-icon {
    background-image: none !important;
}

.ui-breadcrumb .ui-icon-home {
    background: none !important;
    height: inherit;
    width: inherit;
    margin-top: 0px !important;
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s,
.ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s,
.ui-datepicker-next .ui-icon-circle-triangle-e,
.ui-datepicker-prev .ui-icon-circle-triangle-w {
    background: none !important;
    margin: 0px !important;
    height: 0px;
}

.ui-autocomplete .ui-button-icon-only .ui-button-text {
	height: 0px;
    padding: 0px !important;
}

.ui-widget .ui-icon.fab, .ui-icon.fab,
.ui-widget .ui-icon.fas, .ui-icon.fas,
.ui-widget .ui-icon.far, .ui-icon.far,
.ui-widget .ui-icon.fal, .ui-icon.fal,
.ui-widget .ui-icon.no-icon, .ui-icon.no-icon {
	display: block;
	overflow: visible;
	text-indent: 0px;
    background-image: none !important;
    font-size: 15px !important;
}

/* Modena Overrides */
.MarRight10 {
	margin-right: 10px !important;
}

.MarLeft50 {
	margin-left: 50px !important;
}

.MarLeft10 {
	margin-left: 10px !important;
}

.DispNone {
	display: none !important;
}

.ui-inputfield {
	padding: 10px 0 !important;
	text-indent: 10px;
}

.ui-splitbutton {
	width: 78px;
	padding: 0;
	margin: 0;
}

.ui-splitbutton .ui-button-icon-only {
	border-radius: 0px !important;
}

.ui-datatable-tablewrapper {
    width: 100%;
}

.Card {
	padding: 0;
}

.Card .ui-grid, .Card .ui-grid .ui-panelgrid-cell, .Card .ui-grid .ui-datagrid-column, .Card .ui-datatable {
	padding: 5px !important;
}

.CardTopic {
	background: #EEEEEE;
	color: #000;
	padding-bottom: 0;
	-webkit-box-shadow:0px 1px 1px #E0E0E0;
	-moz-box-shadow:0px 1px 1px #E0E0E0;
	box-shadow:0px 1px 1px #E0E0E0
}

.CardTopic button {
	background: none;
	color: #000;
	margin: 0;
}

.CardTopic .ui-button.ui-state-hover, .CardTopic .ui-button.ui-state-active, .CardTopic .ui-button.ui-state-focus {
	color: #EEEEEE;
	background: #616161;
}

.CardTopic > span {
	font-size: 14px;
	font-weight: 500;
}

.ui-wizard .ui-wizard-step-titles li {
	background-color: #9E9E9E;
}

.ui-wizard .ui-wizard-step-titles li.ui-state-highlight {
	background-color: #616161;
}

.ms-upload-simple-button .ui-button-text-icon-left .ui-button-text {
    padding: 10px 20px 10px 20px !important;
}

.ui-tooltip {
    background-color: transparent !important;
}

/*
Distingure il non editabile dal solo visualizzazione? 
In teoria si farebbe come input/output, ma in caso di ID o campi particolari allora deve fare il toString
Questo non va bene nel caso in cui va mostrato il campo ma non editabile (come numero fattura non ancora compilato)
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    border: none;
    background-color: transparent;
    opacity: 1;
    text-indent: 0px;
}
*/