html {
	min-height: 100%;
}

body {
	font-size: 12px;
	background-image: url("") !important;
	background-attachment: fixed;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: top center !important;
}

iframe {
	border: none;
}

body::-webkit-scrollbar {
	width: 1em;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
	background-color: #000;
}

.no-scrollbar::-webkit-scrollbar, #menu-app .ui-slidemenu-wrapper::-webkit-scrollbar {
	display: none;
}

.ui-chkbox-icon.ui-c.ui-icon.fa-times {
	color: #26c6da;
    font-size: 27px !important;
    top: -5px;
    left: -2px;
}

.loginBtn {
    background-color: #4CAF50;
    color: #fff;
}

.loginBtn.ui-state-hover, .loginBtn.ui-state-active, .loginBtn.ui-state-focus {
    background-color: #81C784;
    color: #fff;
}

.loginBtn .ui-button-text {
    padding: 10px 40px !important;
}

.logoPartner {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.Card {
	position: relative;
	z-index: 1;
}

.logoPartner img {
    width: 150px;
}

/* MS - CSS */
.ms-mt-3 {
	margin-top: .3rem;
}

.ms-margin {
    margin: 5px;
}

.ms-background {
	background: rgba(0, 0, 0, 0.75);
}

.ms-background * {
	color: #FFF !important;
	white-space: nowrap;
}

.ms-background *:not(.ui-icon):not(#menu-profile):not(#menu-clock):not(.ms-background-ignore):not(label) {
	background: transparent !important;
	font-size: 14px !important;
}

.ms-no-border {
	border: none !important;
}

.ms-transparent {
	background: none;
	border: none;
}

.ms-thumb {
	text-align: center;
}

.ms-thumb .ms-image {
	box-shadow: 0px 1px 5px #BBB;
	border-radius: 3px;
}

.ms-thumb .ms-label {
	font-size: 9pt;
	border: 1px solid;
	padding: 1px 5px;
	border-radius: 3px;
	position: relative;
	top: -30px;
	background: #FFF;
}

.ms-focused {
	background: #F6FF94 !important;
}

.ms-card-compact .Card {
	padding: 0;
}

.ms-card-title {
	padding: 10px 0;
	display: inline-block;
}

.ms-calc .ui-panelgrid, .ms-calc .ui-panelgrid-cell {
	padding: 1px;
}

.ms-calc button {
	display: block;
	text-align: center;
	padding: 2px 0;
	margin: 0;
	height: 43px;
	width: 25% !important;
}

.ms-hidden-header table thead tr {
	display: none;
}

.ms-clearfix {
	display: block;
	clear: both;
}

.ms-table .ui-button {
	border: none !important;
}

.ms-table-layout table {
	table-layout: inherit;
}

.ms-table .ui-datatable-header, .ms-table .ui-datatable-footer {
	padding: 0 !important;
	font-size: 14px;
	position: relative;
	min-height: 40px;
	background: none;
}

.ms-table .ui-datatable-header input, .ms-table .ui-datatable-footer input {
	background: none;
	color: #616161 !important;
	border: none !important;
}

.ms-table .ui-datatable-header input::-webkit-input-placeholder, .ms-table .ui-datatable-footer input::-webkit-input-placeholder {
	font-style: italic;
}

.ms-table .ui-datatable-header .left, .ms-table .ui-datatable-footer .left {
	text-align: left;
	min-width: 210px;
}

.ms-table .ui-datatable-header .center, .ms-table .ui-datatable-footer .center {
	text-align: center;
	min-width: 190px;
}

.ms-table .ui-datatable-header .right, .ms-table .ui-datatable-footer .right {
	text-align: right;
}

@media (max-width : 640px) {
	.ms-table .ui-datatable-header .left, .ms-table .ui-datatable-footer .left, .ms-table .ui-datatable-header .right, .ms-table .ui-datatable-footer .right {
		text-align: center;
	}
}

.ms-table .ui-datatable-header .text, .ms-table .ui-datatable-footer .text {
	padding: 10px;
	display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.ms-table .ui-column-title {
	display: block;
	overflow: hidden;
	position: relative;
	text-indent: 15px;
}

.ms-table .ui-column-title button {
	height: 20px !important;
	position: absolute;
	left: -12px;
	width: 20px !important;
	text-align: left;
    margin: 0px !important;
}

.webTable, .webColumn, .required { /* .ms-table .ui-column-title  */
    color: #191919;
	display: inline;
    font-weight: 500;
	font-size: 14px;
}

.required {
    color: #F44336;
}

.ms-full-content {
	max-width: calc(100% - 80px);
    max-height: calc(100% - 70px);
    left: 70px !important;
    top: 60px !important;
}

.ms-full-content .ui-dialog-content>div {
	height: calc(100% - 50px);
	width: 100%;
}

.ql-image, .ql-video {
	display: none !important;
}

.ms-button-input {
	background-color: #f5f5f5;
	border-bottom: solid 1px #b0bec5;
}

.ms-button.no-icon .ui-button-text {
    text-indent: 0;
    font-size: 13px;
}

.ms-button.no-icon .ui-button-text {
    text-indent: 0;
    font-size: 13px;
    padding: 0px !important;
	margin: 0px !important;
}

.pos-fixed {
	position: fixed !important;
}

.ms-upload-simple-button {
	width: 40px;
	height: 38px;
	display: inline-block;
	background: none;
	border: none;
    margin-bottom: 0;
}

.ms-upload-simple-button input {
    cursor: pointer !important;
}

.ms-upload-simple-button.ui-fileupload:hover {
	background: none;
}

.ms-upload-simple-button .ui-fileupload-buttonbar {
    padding: 0;
}

.ms-upload-simple-button .fas, .ms-upload-simple-button .fab,
.ms-upload-simple-button .far, .ms-upload-simple-button .fal {
    margin-left: 4px;
}

.ms-upload-simple-button .ui-icon-plusthick {
	height: 12px;
	width: 12px;
	background: #000;
	border-radius: 50px;
	margin-top: -9px;
    margin-left: 4px;
	border: 2px dotted #FFF;
	box-shadow: 0px 0px 0px 1px #000;
}

.ms-upload-simple-button .ui-corner-bottom, .ms-upload-simple-button .ui-fileupload-choose input {
	display: none;
}

.ms-upload-simple-button .ui-fileupload-icon-only {
    margin-right: 0px;
}

/* Custom Directives */
.preformatted {
    white-space: pre-wrap;
}

.ms-border-square, .ms-border-square .ui-inputfield, .ms-border-square .ui-button, .ms-border-square .ui-corner-right, .ms-border-square .ui-corner-all,
.ms-border-square .ui-editor-toolbar, .ms-border-square .ql-container {
	border-radius: 0px !important;
}

.ms-border-rounded-square, .ms-border-rounded-square .ui-inputfield, .ms-border-rounded-square .ui-button, .ms-border-rounded-square .ui-corner-right, .ms-border-rounded-square .ui-corner-all,
.ms-border-rounded-square .ui-editor-toolbar, .ms-border-rounded-square .ql-container, .ui-breadcrumb {
	border-radius: 7px !important;
}

.ms-border-circle, .ms-border-circle .ui-inputfield, .ms-border-circle .ui-button, .ms-border-circle .ui-corner-right, .ms-border-circle .ui-corner-all,
.ms-border-circle .ui-editor-toolbar, .ms-border-circle .ql-container {
	border-radius: 15px !important;
}

.app-active, .app-active-menu {
	width: 250px !important;
	pointer-events: auto;
	z-index: 100;
}

/* .app-active:hover, .app-active-menu_menu:hover, .app-active label:hover { width: fit-content !important; } */

.app-active-menu, #menu-profile_menu {
    top: 50px !important;
}

.app-active-menu .ui-menuitem:nth-child(even) {
    width: 20%;
    clear: inherit;
}

.app-active-menu .ui-menuitem:nth-child(odd) {
    width: 80%;
    clear: both;
}

.app-active-menu .ui-menuitem:nth-child(-n+5) {
    width: 20%;
    clear: inherit;
}

.app-active {
	margin: 5px;
	max-height: 40px;
	overflow: hidden;
	z-index: 500;
}

.app-active label {
    line-height: 40px;
    margin-left: 10px;
    width: 120px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px !important;
}

.app-right {
	margin-left: 50%;
}

.app-active .ui-button-text.ui-c {
	padding-left: 27px !important;
}

#theme-form {
    margin: 10px;
    right: calc(50% - 50px);
    z-index: 500;
    width: 110px;
}

#menu-profile_button .ui-icon, .app-active .ui-menubutton button .ui-icon {
	color: #000 !important;
}

#menu-profile, .app-active .ui-menubutton {
	background: #EEE !important;
	float: left;
	width: 40px;
    height: 40px;
}

#menu-profile_menu .ui-menuitem-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px;
}

#user-form button, #user-form .ui-linkbutton, #user-form a {
	background: #000 !important;
	float: left;
	width: 40px;
	font-size: 15px;
}

#user-form a span {
    padding: 13px;
}

#user-form {
	pointer-events: auto;
	margin: 10px;
	right: 0;
	z-index: 500;
	overflow-x: scroll;
	max-height: 100%;
    display: flex;
}

/* Menu left */
.nav-menu {
	height: 100%;
}

#menu-left {
	width: 2px;
	position: fixed;
	z-index: 1000;
	height: 100%;
}

#menu-left.showHover, #menu-left.showAppBar, #menu-bar>ul>li, #menu-clock, #footer {
	width: 60px;
    margin: 0;
	padding: 0px !important;
}

#menu-left.showMenu {
    width: 310px;
}

#menu-sam {
    text-align: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
	font-size: 13px !important;
	font-weight: 500;
	line-height: 40px;
	background-color: #000 !important;
	margin: 10px;
	position: fixed;
    z-index: 1005;
}

#menu-bar {
	margin: 50px 0px 0px -60px;
	display: inline-block;
	box-shadow: none;
    z-index: 1005;
}

#menu-left.showHover #menu-bar, #menu-left.showAppBar #menu-bar, #menu-left.showMenu #menu-bar {
    margin-left: 0;
}

#menu-bar .ui-menuitem .ui-menuitem-link {
	font-weight: 500;
	color: #000;
	opacity: 0.5;
	max-width: 60px;
	white-space: nowrap;
	overflow-x: hidden;
}

#menu-bar .ui-menuitem .ui-menuitem-link span {
	line-height: 15px;
	width: 100%;
	height: auto;
	margin: 0;
}

#menu-bar .ui-menuitem .ui-menuitem-link .ui-icon {
	font-size: 24px;
}

#menu-bar .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
	font-size: 14px;
	white-space: normal;
	overflow: hidden;
}

#menu-bar>ul>li {
	text-align: center;
	height: 50px;
	display: inline-flex;
	align-items: center;
}

#menu-bar .ui-menuitem .ui-menuitem-link.menu-bar-active, #menu-bar .menu-bar-option.menu-bar-active .ui-menuitem-link {
	opacity: 1 !important;
}

#menu-bar .ui-menu-list .ui-menuitem a.ui-state-hover, #menu-bar.ui-menu .ui-menu-list a.ui-state-hover {
	color: #000;
}

#menu-clock {
	position: fixed;
	bottom: 20px;
	left: -60px;
	white-space: normal;
	font-size: 11px !important;
	text-align: center;
	background: transparent !important;
}

#menu-clock-expanded {
    position: fixed;
	bottom: 16px;
    left: 61px;
    width: fit-content;
}

#menu-clock-expanded .ui-datepicker {
	border: none;
}

#menu-left.showHover #menu-clock, #menu-left.showAppBar #menu-clock, #menu-left.showMenu #menu-clock {
	left: 0;
}

#menu-app {
    width: 250px !important;
    display: block;
    max-height: 100%;
    z-index: 1001;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: -250px;
}

#menu-left.showMenu #menu-app, #content.showAppBar {
    margin-left: 60px;
    border: none;
}
#menu-app .ui-slidemenu-content {
	overflow: visible;
}
#menu-app .ui-slidemenu-wrapper {
    overflow-y: scroll;
	height: 100% !important;
}
#menu-app .ui-slidemenu-wrapper .ui-slidemenu-content {
	height: 100% !important;
}
#menu-app .ui-slidemenu-backward {
	top: 0px !important;
    z-index: 1002;
    height: 24px;
}
#menu-app .ui-slidemenu-backward .ui-icon {
	display: none;
}
#menu-app.ui-panelmenu .ui-menuitem {
    padding-left: 20px;
}

#content {
	padding: 5px 5px 5px 5px;
}

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

.dialog-no-background {
	background: none;
	box-shadow: none !important;
}

.dialog-no-background .ui-dialog-titlebar {
	display: none !important;
}

.btn-no-background, .btn-no-background span, .btn-no-background.ui-state-hover, .btn-no-background.ui-state-focus {
	background: none !important;
}

.ms-noPadding table tbody tr td {
	padding: 0 !important;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: #000;
}

#footer img {
	width: 100%;
    display: block;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* DbObject */
.status-deleted, .header-deleted span {
	color: #F44336;
}

.status-archived {
	color: #FF9800;
}

.status-actived, .header-actived span {
	color: #616161;
}

.list-unread, .list-unread * {
    font-weight: 500;
}

.ac-red {
	color: #F44336;
}

/* Schedule event */
.ms-calendar .eventClosed {
	opacity: 0.5 !important;
}

.ms-calendar .eventGreen {
	background-color: #4CAF50 !important;
	border-color: #4CAF50 !important;
}

.ms-calendar .eventGreen, .ms-calendar .eventGreen a, .ms-calendar .eventGreen .fc-event-inner {
	color: #000 !important;
}

.ms-calendar .eventYellow {
	background-color: #FFEB3B !important;
	border-color: #FFEB3B !important;
}

.ms-calendar .eventYellow, .ms-calendar .eventYellow a, .ms-calendar .eventYellow .fc-event-inner {
	color: #000 !important;
}

/* Notification */
#growl_container {
	top: 10px !important;
	right: 0px !important;
	width: 100%;
	pointer-events: none;
}

#growl_container .ui-growl-item-container {
    max-width: 40%;
    width: fit-content;
    min-width: 250px;
    min-height: 40px;
	margin: 0 auto;
    margin-bottom: 10px;
	pointer-events: auto;
}

#growl_container .ui-growl-item {
	padding: 5px !important;
    border-radius: 7px;
}

#growl_container .ui-growl-message {
	font-size: 14px !important;
	padding: 0px !important;
    margin-left: 5px;
    float: left;
    width: auto;
    max-width: 90%;
}

#growl_container .ui-growl-image {
	width: 25px !important;
	height: 29px !important;
}

/* JSON */
.json_object {
	margin: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc
}

.json_key {
	font-weight: 500;
}

/* FE */
#fattura-elettronica div.page {
    background-size: 300px !important;
    background-position: 98% 80px !important;
}

#fattura-elettronica ul li,
#fattura-elettronica div.footer {
    font-weight: 300;
}

.fe-type, .k-border {
    border-left-width: 10px !important;
    border-left-style: solid !important;
}

.fe-type-received, .k-border-primary {
    border-left-color: #2196F3 !important;
}

.fe-type-waiting, .k-border-secondary {
    border-left-color: #9E9E9E !important;
}

.fe-type-success, .k-border-success {
    border-left-color: #4CAF50 !important;
}

.fe-type-warning, .k-border-warning {
    border-left-color: #FFEB3B !important;
}

.fe-type-error, .k-border-danger {
    border-left-color: #F44336 !important;
}

/* Print */
@media print {
 	@page {
 		size: landscape;
 	}
 	
 	#content {
    	margin: 0px !important;
    	padding: 0px !important;
 	}
 	
    #menu-form, .app-form, #user-form, .no-print, .ui-tooltip, .ui-tooltip * {
    	display: none;
    }
    
    .hidden-print {
    	background: trasparent;
    	border: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
	}
}
 
/* MD Color */
.bg-black {
	background: #000;
}

.bg-white {
	background: #FFF;
}

.bg-red-500 {
	background: #F44336;
	color: #FFF;
}

.bg-blue-500 {
	background: #2196F3;
	color: #FFF;
}

.bg-green-500 {
	background: #4CAF50;
	color: #FFF;
}

.bg-grey-200 {
	background: #EEEEEE;
}

.bg-grey-300 {
	background: #E0E0E0;
}

.text-black {
	color: #000;
}

.text-white {
	color: #FFF;
}

.text-red {
	color: #F44336;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: 0;
    width: calc(100% - 20px);
    margin: 5px 10px
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield {
    width: 100%;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    right: 20px;
}
.ContainerFlex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.ContainerFlex > * {
    width: 20%;
    margin: 0 10px;
}
.ContainerFlex .ui-selectonemenu {
    max-width: 100%;
    min-width: inherit !important;
}