/*----- COMMON -----*/
/* VARIABILI CSS */
:root {
	
	--color-background: #E5EBFB;					/* colore sfondo chiaro */
	--color-background-win-search: #0E3943;			/* colore sfondo scuro per la ricerca */
	--color-primary: #009DF5;						/* colore celeste di STIV */	
	--color-secondary: #010920;						/* colore blu scuro, es: menu */	
	--color-confirm: #30F14F;						/* colore verde per le azioni */	
	--color-cancel: #FF5151;						/* colore rosso per il cestino */	
	--color-action: #009DF5;						/* colore celeste per le altre azioni */
	--color-orange: #FF8A00;
	--color-info: #999999;							/* colore grigio per info e placeholder */
	--color-lightgrey: #869ca1;						/* colore grigio per la finestra del filtro ricerca */
	--color-lightblue: #8099a7;							/* colore celestino per la finestra del nuovo */
	--color-nuovo: #003350;							/* colore blu per la finestra del nuovo */
	--color-box-proposta: #FFC0FC;					/* colore rosa per box proposte */
	--color-text-primary: #222222;					/* colore testo principale */
	--color-text-secondary: #666666;				/* colore testo secondario (un pò più chiaro) */
	--color-selected: #34394d;						/* colore grigio selected - menu */
	--color-border: #CCCCCC;						/* colore grigio selected - bordi */
	--color-row: #F6F6F6;							/* colore alternato righe */
	--color-row-dark: #E7E7E7;						/* colore riga più scuro */
	--color-button-search: #63CBCB;
	--color-pink: #FFC0FC;
	--color-light-blue:#89EBF9;
	--color-darkred:#930000;
	
	--font-size-menu-title: 15px;					/* N Titolo menu */
	--font-size-page-title: 30px;					/* N Titolo pagina */
	--font-size-footer-text: 28px;					/* N Titolo pagina */
	
	--font-size-xxxxl: 25px;
	--font-size-xxl: 21px;
	--font-size-xl: 19px;
	--font-size-l: 17px;
	--font-size-m: 15px;
	--font-size-s: 13px;
	--font-size-xs: 11px;
	
	--font-family-contenuto: Roboto, Helvetica, Arial;
	--font-family-calendario: 'Trebuchet MS', Helvetica, sans-serif;
}



/******* WINDOW ********/

.z-window {
	border-radius: 8px;
	border: 1px solid #CECECE;
	background-color: white;
}
.z-window-content {
	overflow:auto;
	height: fit-content;
	min-height: 120px;
}
.z-window-header {
	text-align: center;
}


/******** COMMON ********/

.logo {
	width: 140px;
	height: 54px;
	margin: 31px 0px 0px 33px;
}

.sbam{
	width:170px;
	height:115px;
}
.sbam-grande{
	width: 300px;
    height: 265px;
}
.margin-menu {
	margin: 19px;
}

.background-login {
	position: absolute; 
	top:0px; 
	right:0px; 
	width:75%; 
	height:100%;
}
.background-login-sbam{
	position: absolute;
	top:50%; 
	right:10%;
	width: 40%;
}
.background-login-left {
	background-color: var(--color-secondary);
	height: 100%;
}
.background-login-right {
	background-color: var(--color-background);
	height: 100%;
}
.z-center {
	background-color: var(--color-background);
}

.page-main-header {
	height: auto;
	border: 1px solid var(--color-border); 
	background-color: white;
	min-height: 40px;
	max-height: 150px;
}
.page-main-header-autoheight {
	border: 1px solid var(--color-border); 
	background-color: white;
	padding-top: 4px;
}
.page-win-search {
	background-color: var(--color-background-win-search);
	padding: 20px;
	border-top: 6px solid var(--color-button-search);
}
.page-win-nuovo {
	background-color: var(--color-nuovo);
	padding: 20px;
	border-top: 6px solid var(--color-action);
}
.page-footer-carico-scarico {
	background-color: var(--color-nuovo);
	color: white;
	padding: 10px 20px;
}
.page-background {
	background-color: var(--color-background);
}
.page-content-cliente-offerta {
	background-color: var(--color-background);
	padding: 7px 10px 7px 10px;
}
.page-content {
	background-color: var(--color-background);
	padding: 20px 15px 20px 15px;
}
.page-content .z-window-content, .page-background .z-window-content {
	background-color: var(--color-background);
	padding: 0px;
}
.page-content-background {
	background-color: white;
	padding: 20px;
	border-radius: 8px;
}
.page-content-margin {
    background-color: var(--color-background);
    margin: 20px 15px 20px 15px;
}
.icon-dim {
	width: 25px;
	height: 25px;
}
.action-win-search {
	margin-left: 20px;
    margin-right: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.right-win-add {
	margin-left: 20px;
}
.scheda-container-1 {
	background-color: white;
	border-radius:10px;
	box-shadow: 5px 5px 5px #888888;
}
.scheda-container-2 {
	background-color: #F9FAFF;
}
.z-groupbox-3d>.z-groupbox-content {
    padding: 16px;
    border-radius: 5px;
}
.z-grid-body .z-cell {
    padding: 12px 3px;
}
.new-window-nobackground {
	background-color: transparent;
	border: none;
}
.new-window-nobackground .z-window-content {
	background-color: transparent !important;
	padding: 0px !important;
}
.new-window {
	background-color: white;
}
.new-window .z-window-content {
	background-color: white;
	padding: 0px;
}
.new-window-header {
	background-color: var(--color-primary);
}
.rettangolo {
	border: 1px var(--color-border) solid !important;
}
.rettangolo .z-row-inner {
	border-top: none;
	border-right: 1px var(--color-border) solid !important;
}



/******** POPUP ********/
.default-popup {
	border: 1px solid #cfcfcf !important;
	border-radius: 1px !important;
}
.medium-popup {
	width: 300px;
	max-width: 300px;
}



/******** LABEL ********/

.clickable-label{
	cursor: pointer;
}
.z-label, .z-radio-content, .text, .z-checkbox-content {
    font-family: var(--font-family-contenuto);
    font-size: var(--font-size-m);
    font-weight: normal;
    color: var(--color-text-primary);
}
.z-radio-content {
	padding-left: 5px;
}
.z-checkbox-content {
	padding-top: 6px;
    padding-left: 5px;
}
.text-white .z-checkbox-content {
	color: white;
}
.login-label, .menu-label, .info-label {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	font-weight: normal;
	color: var(--color-info);
}
.labelTextbox {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	font-weight: normal;
    color: var(--color-text-primary);
}
.medium-label {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	font-weight: normal;
    color: var(--color-text-primary);
}
.info-obbligatori-label {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
	font-weight: normal;
}
.main-label {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
	font-weight: bold;
}
.mediumbig-label {
	font-family: var(--font-family-contenuto);
	font-size: 21px;
	font-weight: normal;
	color: var(--color-text-primary);
}
.mediumbigbold-label {
	font-family: var(--font-family-contenuto);
	font-size: 21px;
	font-weight: bold;
	color: var(--color-text-primary);
}
.big-label {
	font-family: var(--font-family-contenuto);
	font-size: 25px;
	font-weight: normal;
	color: var(--color-text-primary);
}
.secondary-label, .secondary-label .z-checkbox-content {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
	font-weight: normal;
	color: var(--color-text-secondary);
}
.new-window-header-title {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
	font-weight: 600;
	color: white;
	padding-left: 20px;
}
.window-title {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-xxl);
	font-weight: 700;
	color: var(--color-text-primary);
}
.subtitle {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
	font-weight: 500;
	color: var(--color-text-primary);
}
.error-label {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	font-weight: 800;
	color: white;
}
.text-primary {
	color: var(--color-text-primary);
}
.text-secondary {
	color: var(--color-text-secondary);
}
.text-lightgrey {
	color: var(--color-lightgrey);
}
.text-lightblue {
	color: var(--color-lightblue);
}
.text-white {
	color: white;
}
.text-red {
    color: var(--color-cancel);
}
.text-green {
	color: #22a737;
}
.text-s {
	font-size: var(--font-size-s);
}
.text-xs {
	font-size: var(--font-size-xs);
}
.text-s .z-radio-content{
	font-size: var(--font-size-s);
}
.text-darkblue{
	color: var(--color-nuovo);
}
.text-darkred{
	color: var(--color-darkred);
}
.text-calendar-green {
	color: #638261 !important;
}
.text-calendar-orange {
	color: #AD8637 !important;
}
.text-calendar-red {
	color: #BC6533 !important;
}
.text-m {
	font-size: var(--font-size-m);
}
.text-l {
	font-size: var(--font-size-l);
}
.text-xl {
	font-size: var(--font-size-xl);
}
.text-xxl {
	font-size: var(--font-size-xxl);
}
.text-xxxxl {
	font-size: var(--font-size-xxxxl);
}
.bold-text {
	font-family: var(--font-family-contenuto);
    font-size: var(--font-size-m);
    font-weight: bold;
    color: var(--color-text-primary);
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.align-center {
	text-align: center;
	width: 100%;
	height: 100%;
}

.z-comboitem-image .img{
	width:17px;
}

.label-calendario{
	font-family: var(--font-family-calendario);
	line-height: 1.2;
}

/******** BUTTON ********/

/* PULSANTONE VERDE */
.main-button {
	background-color: var(--color-confirm);
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: var(--color-text-primary);
}
.main-button:hover, .main-button:active, .main-button:focus {
    border-color: transparent;
    background-color: var(--color-confirm);
    color: var(--color-text-primary);
}
.main-button-xl {
    font-size: var(--font-size-xl);
}
.main-button-xl .z-button-image {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
/* PULSANTONE VERDE ACQUA DEL FILTRO RICERCA */
.secondary-button {
	background-color: var(--color-button-search);
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: var(--color-text-primary);
}
.secondary-button:hover, .secondary-button:active, .secondary-button:focus {
    border-color: transparent;
    background-color: var(--color-button-search);
    color: var(--color-text-primary);
}
/* PULSANTONE BORDO BLU SFONDO BIANCO */
.tertiary-button {
	background-color: white;
    border-color: var(--color-primary);
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: var(--color-primary);
}
.tertiary-button:hover, .tertiary-button:active, .tertiary-button:focus {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: white;
}
.quart-button {
	background-color: white;
    border-color: var(--color-orange);
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: var(--color-primary);
}
.quart-button:hover, .quart-button:active, .quart-button:focus {
    border-color: var(--color-primary);
    background-color: white;
    color: var(--color-primary);
}
/* PULSANTONE CON BORDI */
.rectangle-button, .rectangle-button:hover, .rectangle-button:active, .rectangle-button:focus {
	background-color: white;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: regular;
    padding: 0px;
    border: 1px solid var(--color-border);
    box-shadow: none;
    color: var(--color-text-primary);
}
.rectangle-button.z-button[disabled] {
	background-color: white;
	color: var(--color-lightgrey);
}
/* PULSANTONE BLU */
.blue-button {
	background-color: var(--color-primary);
    border-color: transparent;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: white;
}
.blue-button:hover, .blue-button:active, .blue-button:focus {
    border-color: transparent;
    background-color: var(--color-primary);
    color: white;
}
/* PULSANTE BIANCO CON SCRITTA BLU */
.white-button, .white-button:hover, .white-button:active, .white-button:focus {
	background-color: white;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 2px;
    border-radius: 4px;
    color: var(--color-primary);
}
/* PULSANTE OPZIONE RICERCA CARICO SCARICO */
.page-menu-button, .page-menu-button:active, .page-menu-button:focus {
	height:100%;
	width:100%;
	background-color:#B1B9CD;
	border-radius:7px;
	color:black;
	padding: 25px 16px;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
}
.page-menu-button:hover{
	background-color:#d8dce7;
	color:black;
}
.page-menu-button .z-button-image {
	width: 60px;
	height: 50px;
	margin-bottom: 10px;
}
.page-menu-button-selected, .page-menu-button-selected:hover, .page-menu-button-selected:active, .page-menu-button-selected:focus {
	height:100%;
	width:100%;
	background-color:white;
	border-radius:7px;
	color:black;
	padding: 25px 16px;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
}
.page-menu-button-selected .z-button-image {
	width: 60px;
	height: 50px;
	margin-bottom: 10px;
}

/* PULSANTE BIANCO CON SCRITTA ROSSA */
.white-redtext-button, .white-redtext-button:hover, .white-redtext-button:active, .white-redtext-button:focus {
	background-color: white;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
    font-weight: 700;
    padding: 0px;
    border-radius: 4px;
    color: var(--color-cancel);
}
/* PULSANTE BIANCO CON SCRITTA ROSSA E BORDO ROSSO */
.cancel-button, .cancel-button:hover, .cancel-button:active, .cancel-button:focus {
	background-color: white;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 2px;
    border-radius: 4px;
    color: var(--color-cancel);
    border: 1px solid var(--color-cancel);
}
/* PULSANTE scritta rossa per cancellazione */
.delete-button, .delete-button:hover, .delete-button:active, .delete-button:focus {
	background-color: transparent;
    border: none;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 0px;
    color: var(--color-cancel);
    box-shadow: none;
}
.delete-button .z-button-image {
	width: 14px;
	height: 18px;
	margin-right: 10px;
}
.delete-button-white, .delete-button-white:hover, .delete-button-white:active, .delete-button-white:focus {
	background-color: transparent;
    border: none;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 0px;
    color: white;
}
.delete-button-white .z-button-image {
	width: 14px;
	height: 18px;
	margin-right: 10px;
}
.z-button[disabled] {
	background-color: transparent;
	color: var(--color-lightgrey);
}

.div-print-btn, .div-print-btn:hover, .div-print-btn:active, .div-print-btn:focus {
    background-color: white;
    border: none;
    box-shadow: none;
	border-left: 1px solid var(--color-border);
}
.div-print-btn .z-button-image {
	width: 25px;
	height: 25px;
}
.block-display {
	display: block;
}
.block-newLine{
	display: inline-block;
}

/* PULSANTE NOTIFICA FILTRO */
.btn-filter-notifiche, .btn-filter-notifiche:hover, .btn-filter-notifiche:active, .btn-filter-notifiche:focus {
	border: 2px solid #63CBCB;
	border-radius:15px;
	color: white;
	background-color: transparent;
	padding: 5px 12px;
}
.btn-filter-notifiche .z-button-image {
	width: 20px;
	height: 20px;
}

/* PULSANTE TRASPARENTE, SCRITTA NERA E BORDO AZZURRINO */
.carico-btn, .carico-btn:hover, .carico-btn:active, .carico-btn:focus {
	background-color: transparent;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	color: black;
	font-weight: bold;
	border-radius:5px;
	border: 1px solid var(--color-primary);
}
.carico-btn .z-button-image {
	height: 12px;
	width: auto;
}
.button-image-20 .z-button-image {
	height: 20px;
	width: auto;
}

/* PULSANTE SOLO SCRITTA */
.simple-btn, .simple-btn:hover, .simple-btn:active, .simple-btn:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: normal;
    color: var(--color-text-primary);
}
.simple-btn .z-button-image {
	width: 20px;
	height: 20px;
}

/* PULSANTE WHITE BACKGROUND */
.simple-btn-white, .simple-btn-white:hover, .simple-btn-white:active, .simple-btn-white:focus {
    background-color: white;
    border: none;
    box-shadow: none;
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: normal;
    color: var(--color-text-primary);
}
.simple-btn-white .z-button-image {
	width: 20px;
	height: 20px;
}

/* PULSANTE SOLO SCRITTA ARANCIO */
.simple-orange-btn, .simple-orange-btn:hover, .simple-orange-btn:active, .simple-orange-btn:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: normal;
    color: var(--color-orange);
}
.simple-orange-btn .z-button-image {
	width: 20px;
	height: 20px;
}
/* PULSANTE SOLO SCRITTA BLU */
.simple-blue-btn, .simple-blue-btn:hover, .simple-blue-btn:active, .simple-blue-btn:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: normal;
    color: var(--color-primary);
}
.simple-orange-btn .z-button-image {
	width: 20px;
	height: 20px;
}
/* PULSANTE SFONDO BIANCO E BORDO SOLO A SINISTRA */
.header-page-button, .header-page-button:hover, .header-page-button:active, .header-page-button:focus {
	width: 168px;
	background-color: transparent;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    font-weight: bold;
    padding: 0px;
    border: none;
	border-left: 1px solid var(--color-border);
    box-shadow: none;
}
.header-page-button .z-button-image {
	width: 25px;
	height: 25px;
	margin-left: 3px;
}
.header-page-button-right, .header-page-button-right:hover {
	border-right: 1px solid var(--color-border);
}
.header-page-button-right .z-button-image {
	width: 25px;
	height: 25px;
	margin-left: 8px;
}
.tab-scheda, .tab-scheda:hover, .tab-scheda:active, .tab-scheda:focus {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
    font-weight: 700;
    background-color: #B1B9CD;
	color: var(--color-text-primary);
	border: none;
}
.tab-scheda.selected {
	background-color: white;
}
.color-search, .color-search:hover, .color-search:active, .color-search:focus {
    color: var(--color-button-search);
}
.color-search-selected, .color-search-selected:hover, .color-search-selected:active, .color-search-selected:focus {
	background-color: var(--color-button-search);
    color: white;
}
.color-blue, .color-blue:hover, .color-blue:active, .color-blue:focus {
    color: var(--color-primary);
}
.color-blue-selected, .color-blue-selected:hover, .color-blue-selected:active, .color-blue-selected:focus {
    background-color: var(--color-primary);
    color: white;
}
.color-red, .color-red:hover, .color-red:active, .color-red:focus {
    background-color: var(--color-cancel);
    color: white;
}
.z-button-image {
	width: 25px;
	height: 25px;
}
.z-button-image {
    vertical-align: middle;
}
.new-window-close, .new-window-close:hover, .new-window-close:active, .new-window-close:focus {
	background-color: transparent;
    box-shadow: none;
    border: none;
}
.back-button, .back-button:hover, .back-button:active, .back-button:focus {
    margin-right: 10px;
    color: var(--color-text-primary);
    border-right: 1px solid var(--color-border);
}
.back-button .z-button-image {
	width: 6px;
    height: 12px;
    margin-right: 5px;
}
.calendar-button, .calendar-button:hover, .calendar-button:active, .calendar-button:focus {
    background: transparent;
    width: 7px;
    height: 14px;
    border: none;
    box-shadow: none;
}
.calendar-button .z-button-image {
    width: 7px;
    height: 14px;
    vertical-align: top;
}
.calendar-button1, .calendar-button1:hover, .calendar-button1:active, .calendar-button1:focus {
    background: transparent;
    width: 20px;
    height: 20px;
    border: none;
    box-shadow: none;
}
.calendar-button1 .z-button-image {
    width: 20px;
    height: 20px;
    vertical-align: top;
}
.other-button {
	width: 35px;
	height: 35px;
    background: transparent;
    padding: 1px;
    border: none;
    box-shadow: none;
}
.other-button img.z-button-image {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.other-button.z-button:focus,
.other-button.z-button:active,
.other-button.z-button:hover {
	background: none;
	border-color: transparent;
}
.other-button.maxheight {
	height: 60px;
}
.other-button.maxheight img.z-button-image {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.button-selected, .button-selected:hover, .button-selected:active, .button-selected:focus {
	background-color: #009DF5;
	color:white
}

.button-not-selected, .button-not-selected:hover, .button-not-selected:active, .button-not-selected:focus{
	background-color: transparent;
	color: #010920;
}
.coupon-button {
	background-color: #EFEFEF;
    border-color: var(--color-border);
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: normal;
    padding: 3px;
    border-radius: 4px;
    color: var(--color-text-primary);
    box-shadow: none;
}
.coupon-button:hover, .coupon-button:active, .coupon-button:focus {
    border-color: var(--color-border);
    background-color: #EFEFEF;
    color: var(--color-text-primary);
}
.coupon-button .z-button-image {
	width: 24px;
	height: 16px;
}
.icon-small .z-button-image {
	width: 18px !important;
	height: 18px !important;
}
.icon-xsmall .z-button-image {
	width: 12px !important;
	height: 12px !important;
	margin-left: 8px;
}

.button-border-white-transparent,
.button-border-white-transparent:focus,
.button-border-white-transparent:active,
.button-border-white-transparent:hover  {
	background: transparent;
	border-radius: 15px;
	border: 2px solid white;
	padding:5px;
}

.input-group-addon {
    padding: 6px 8px;
}
.none, .none:hover, .none:active, .none:focus {
	background-color: transparent;
    color: var(--color-text-primary);
}
.none.text-transparent {
	color: transparent;
}

/* Bottoni nella scheda estetista viso della parte sinistra (l'elenco delle voci) */
.button-viso-estetista,
.button-viso-estetista:focus,
.button-viso-estetista:active,
.button-viso-estetista:hover {
	vertical-align: middle;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
}
/* Bottoni nella scheda estetista viso della parte destra (le parti del viso) */
.buttons-viso-cambiabili,
.buttons-viso-cambiabili:focus,
.buttons-viso-cambiabili:active,
.buttons-viso-cambiabili:hover {
	position: absolute;
	vertical-align: middle;
	width: 30px;
	height: 40px;
	border: 5px solid black;
	border-radius: 30px;
	background-color: transparent;
}

.buttons-corpo-cambiabili,
.buttons-corpo-cambiabili:focus,
.buttons-corpo-cambiabili:active,
.buttons-corpo-cambiabili:hover {
	position: absolute;
	vertical-align: middle;
	width: 25px;
	height: 20px;
	padding: 0px!important;
	border: 2px solid black;
	border-radius: 30px;
	background-color: transparent;
}

.btn-annulla{
	border: 3px solid black;
}

.wrap-text {
    white-space: normal !important; /* Allows text to wrap */
    word-wrap: break-word; /* Break long words if necessary */
    text-align: center; /* Optional: keeps text centered */
}

/********NAVITEM*********/
.navbar-item-selected, .navbar-item-selected:hover, .navbar-item-selected:active, .navbar-item-selected:focus {
	font-family: var(--font-family-contenuto);
    color: #fff;
    background: #222222;
    font-size: var(--font-size-m);
}
.navbar-item-not-selected, .navbar-item-not-selected:hover, .navbar-item-not-selected:active, .navbar-item-not-selected:focus {
	font-family: var(--font-family-contenuto);
	color: var(--color-text-primary);
    background: #EFEFEF;
    font-size: var(--font-size-m);
}
.navbar {
    min-height: 30px;
    margin-bottom: 0px;
}
.navbar .navbar-item-selected, .navbar .navbar-item-not-selected {
	min-width: 180px;
	height: 30px;
	text-align: center;
    box-shadow: none;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    font-weight: bold;
    margin-top: 5px;
    padding: 0px;
}
.navbar4items .navbar-item-selected, .navbar4items .navbar-item-not-selected {
	width: 130px;
	min-width: 130px;
	height: 30px;
	text-align: center;
    box-shadow: none;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    font-weight: bold;
    margin-top: 5px;
    padding: 0px;
}

.navbar .nav-item-blocked {
	min-width: 180px;
	height: 30px;
	text-align: center;
    box-shadow: none;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    font-weight: bold;
    margin-top: 5px;
    padding: 0px;
	opacity: 0.5;
}

.blue-column{
	font-weight: bold !important;
	color:white !important;
	background-color:#003350 !important;
	padding:0px !important;
}


/******** TEXTBOX ********/
.textbox-maxwidth {
	width: 100%;
}
.textbox-lwidth {
	width: 300px;
}
.textbox-width {
	width: 250px;
}
.textbox-swidth {
	width: 200px;
}
.textbox-xswidth {
	width: 100px;
}
.textbox-int-width {
	width: 50px;
}
.textbox-miniint-width {
	width: 30px;
}
.textbox-prezzo-width {
	width: 70px;
}
.textbox-small-width {
	width: 100px;
}
.textbox-height-note {
	min-height: 60px;
}
.textbox-xlheight-note {
	min-height: 100px;
}
.textbox-height-descr {
	min-height: 40px;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
}
.decimalbox-statistiche {
	font-family: var(--font-family-contenuto);
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}
.textbox-invio-messaggio-chat {
	width: 100%;
	border-radius: 15px;
	min-height:70px;
}


/******** VBOX **********/

.vbox-periodo {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	background-color: white;
	border-radius:9px;
	color: var(--color-text-primary);
}
.box-shadow {
    box-shadow: 5px 3px 8px #cccccc;
}
.box-border {
	border: 1px solid var(--color-border);
	border-radius: 8px;
	text-align: right;
}
.box-lightgrey {
	background-color: var(--color-row);
}
.box-darkgrey {
	background-color: var(--color-row-dark);
}
.border-bottom {
	border-bottom: 1px solid var(--color-border);
}
.boxTotale {
	padding: 15px;
	height: 45px;
}
.vlayout-viso{
	background-image: url(../icons/viso.png);
}
.vlayout-corpo-avanti{
	background-image: url("../icons/corpo-avanti.png");
}
.vlayout-corpo-retro{
	background-image: url("../icons/corpo-retro.png");
}
.image-background{
	background-repeat: no-repeat;
    background-position: center; 
    position: relative;
    width: 100%;
    height: 100%;
}

.vlayout-superscheda{
	background-color: transparent;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

/******** CHECKBOX ********/

.checkbox-small-info .z-checkbox-content {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
    color: var(--color-text-primary);
    padding-top: 5px;
    padding-left: 5px;
}

.z-hbox-separator{
	width:0px;
}


.custom-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-primary); /* Blue border */
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: var(--color-primary); /* Blue background when checked */
    position: relative;
}

.custom-checkbox input[type="checkbox"]:checked::before {
    font-size: 16px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/******** GRID ********/

.z-grid {
	border: 1px solid white;
    border-radius: 8px;
}

/* Ensure consistent row height and prevent expansion */
.custom-grid .z-row {
    height: 70px !important;  /* Set a consistent height for rows */
    overflow: hidden;  /* Prevent content from overflowing */
}

/* Ensure consistent cell height within rows */
.custom-grid .z-cell {
    height: 70px !important;  /* Set cell height */
    overflow: hidden;  /* Prevent content from overflowing */
}

/* Ensure consistent height for frozen column cells */
.custom-grid .z-frozen-body .z-cell, 
.custom-grid .z-frozen .z-cell {
    height: 70px !important;  /* Set height for frozen column cells */
    overflow: hidden;  /* Prevent content from overflowing */
}

/* Handle labels to avoid layout issues */
.custom-grid .z-cell .z-label {
    min-height: 20px;  /* Set a minimal height to ensure consistency */
    display: inline-block;  /* Ensure they still occupy a block of space */
    vertical-align: middle;  /* Align labels properly */
}

/* Handle empty labels */
.custom-grid .z-cell .z-label:empty {
    visibility: hidden;  /* Hide empty labels */
}

/* Handle multiline text and prevent row expansion */
.custom-grid .multiline-label {
    white-space: normal !important;  /* Allow text to wrap */
    max-height: 70px;  /* Set a max height to prevent excessive row expansion */
    overflow: hidden;  /* Prevent overflow */
    text-overflow: ellipsis;  /* Use ellipsis when text overflows */
}

/* Ensure multiline labels also handle empty content correctly */
.custom-grid .multiline-label:empty {
    visibility: hidden;  /* Hide empty multiline labels */
    min-height: 20px;  /* Ensure they take up some space to avoid shifting */
}

.multiline-label {
    white-space: normal; /* Allow wrapping */
    word-wrap: break-word; /* Break long words */
    overflow: visible; /* Ensure text is not cut off */
}
.z-checkbox-switch-nuovo:not>.z-checkbox-checked {
    background-color: black; /* Color when switched off */
}

.z-checkbox-switch-mod:not>.z-checkbox-checked {
    background-color: white; /* Color when switched off */
}

.z-checkbox-switch-off>.z-checkbox-mold {
    background-color: rgba(210, 210, 210, 1);
}

/* Custom styles for switch checkbox */
.custom-switch .z-checkbox-switch:not(.z-checkbox-checked) {
    background-color: pink !important;
}

/* Optional: Adjust other styles as needed */
.custom-switch .z-checkbox-switch {
    transition: background-color 0.3s ease;
}

/* Keep default style for checked state */
.custom-switch .z-checkbox-switch.z-checkbox-checked {
	background-color: #0275d8 !important; /* Default ZK blue color */
}

.grey-unchecked[type="checkbox"]:not(:checked) {
	background-color: lightgrey !important;
}
.grey-unchecked[type="checkbox"]:checked {
            /* Keep the original checked color */
	background-color: #003350 !important;
}

.z-column, .z-columns-bar {
    background: white;
    border-left: none;
    border-bottom: 1px solid var(--color-border);
}
.z-column-content, .z-column-hover .z-column-content {
    color: var(--color-text-secondary);
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
}
.z-grid-odd, .z-grid-odd>.z-cell {
	background-color: var(--color-row);
}
/**           Grid e listbox senza background               **/
.no-hover-grid .z-row:hover>.z-row-inner,.no-hover-grid .z-row:hover>.z-cell {
	background: none;
}
.no-hover-listbox .z-listitem.z-listitem-selected:hover>.z-listcell,.no-hover-grid .z-listitem:hover>.z-listcell {
	background: none;
}
.bold-text, 
.bold-text .z-listcell-content {
	font-weight: bold !important;
}
.z-paging {
    height: 44px;
    background: #6E7896;
}
.z-paging-info, .z-paging-text, .z-paging-button {
	color: white;
}
.z-column-sort .z-column-sorticon {
	color: white;
}
.grid-turni-orari {
	background-color: #ffffff;
	border: none;
	border-radius:10px;
	font-weight:bold;
	color: black;
}
.gridHeader {
	background: white;
    border-left: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid var(--color-border);
}
.gridHeader span {
	color: var(--color-text-secondary);
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
}

.grid-nothing .z-row:hover>.z-row-inner, .grid-nothing .z-row:hover>.z-cell, 
.grid-nothing .z-grid-odd>.z-row-inner, .grid-nothing .z-grid-odd>.z-cell {
	background: transparent;
}
.grid-nothing .z-row .z-row-inner, .z-row .z-cell {
	border-top: none;
}

.grid-chat .z-row:hover>.z-row-inner, .grid-nothing .z-row:hover>.z-cell, 
.grid-chat .z-grid-odd>.z-row-inner, .grid-nothing .z-grid-odd>.z-cell {
	background: transparent;
	border: none;
}

.z-grid-body .z-grid-emptybody .z-grid-emptybody-content {
    text-align: center;
}
.z-grid-body .z-grid-emptybody td {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
}
.grid-height {
	height: 550px;
}
.grid-height .z-row {
	height: auto;
}
.z-auxheader {
    border-left: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    padding: 0;
    background-color: #EFEFEF;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.z-auxheader-content {
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: normal;
    font-style: normal;
    color: black;
    padding: 4px 16px;
    line-height: 24px;
    overflow: hidden;
}
.grid-no-odd .z-grid-odd>.z-cell {
    background-color: white;
}
.grid-separator .z-row, .grid-separator .z-grid-odd>.z-cell {
	border-top: 1px solid #CCCCCC;
}
.bold-primary-column .z-column-content {
	color: var(--color-text-primary);
    font-family: var(--font-family-contenuto);
    font-size: var(--font-size-m);
    font-weight: bold;
}
.footer-blue .z-footer {
	overflow: hidden;
    background: #003350;
}
.footer-blue .z-footer-content {
    color: white;
}
.header-separator {
	border-right: 1px solid #CCCCCC;
}
.column-separator .z-row .z-row-inner, .column-separator .z-row .z-cell,
.column-separator .z-listbox-header table th, .column-separator .z-listitem .z-listcell {
	border-right: 1px solid #CCCCCC;
}

.z-sticky-header {
    position: sticky;
    top: 0;
    z-index: 10;
}

.z-sticcc .z-grid-paging-bottom {
	border-top: 0px;
}

.z-sticcc .z-grid-footer .z-foot-bar, .z-sticcc .z-columns-bar, .z-sticcc .z-paging{
	background: #003350;
}

/******** LISTBOX ********/

.z-listbox {
	border: 1px solid white;
    border-radius: 8px;
}
.z-listbox-header, .z-listheader, .z-listhead-bar {
    background: white;
    border-left: none;
    border-bottom: 1px solid var(--color-border);
}
.z-listheader-content, .z-listheader-hover .z-listheader-content {
    color: var(--color-text-secondary);
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-s);
}
.z-listbox-odd, .z-listbox-odd>.z-listcell {
	background-color: var(--color-row);
}
.bold-text, 
.bold-text .z-listcell-content {
	font-weight: bold !important;
}
.z-listheader-content, .z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	color: var(--color-text-primary);
}
.table-header, .z-listheader-content {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	color: var(--color-text-primary);
	background-color:#EFEFEF;
}
.table-header-calendario-mensile{
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
	color: white;
	background-color: var(--color-secondary);
}
.column-background-gray {
	background: #EFEFEF;
}
.column-background-gray .z-listbox-header, .column-background-gray .z-column {
	background: #EFEFEF;
    height: 38px;
}
.column-background-gray .z-listheader {
	background: #EFEFEF;
    border-bottom: 1px solid var(--color-border);
}
.column-background-gray .table-header, .column-background-gray .z-listheader-content {
	font-family: var(--font-family-contenuto);
    font-size: var(--font-size-s);
    color: var(--color-text-secondary);
    background-color: #EFEFEF;
}
.listbox-nothing .z-listitem:hover>.z-listcell, .listbox-nothing .z-listitem.z-listitem-selected>.z-listcell, .listbox-nothing .z-listitem.z-listitem-focus:hover>.z-listcell,
	.listbox-nothing .z-listitem.z-listitem-selected>.z-listcell, .listbox-nothing .z-listitem.z-listitem-selected.z-listitem-focus:hover>.z-listcell {
	background: transparent;
}

/* PULSANTE FAKE NOTIFICHE(TIPO EVENTO SULLA LISTA DELLE NOTIFICHE) */
.notifiche-categorie-renderer{
	background-color: #EAEAEA;
	border: 1px solid #CACACA;
	border-radius:4px;
	padding: 0px 7px;
	color: black;
	height: 25px;
	width: fit-content;
}

/******** NOTIFICA-CHAT **********/
.notifica-chat-inviata{
	background-color: var(--color-pink);
	margin-left:40%;
}

.notifica-chat-ricevuta{
	background-color: var(--color-light-blue);
	margin-right:40%;
}

.notifica-chat-inviata, .notifica-chat-ricevuta{
	border-radius:20px;
	padding:10px 15px;
}

/******** MENU ********/
.z-north-body, .z-south-body, .z-west-body, .z-center-body, .z-east-body {
	padding: 0px;
}
.z-west {
	height: 100% !important;
    width: 180px !important;
}
.z-west-collapsed .z-icon-angle-double-right:before {
    content: "\f0ca";
}
.z-west-splitter .z-west-splitter-button, .z-west-splitter-button {
	margin-top: 0px !important;
    height: 100%;
} 
.z-west, .z-west-collapsed, .z-west-splitter {
    z-index: 100;
}
.header {
	background-color: var(--color-secondary);
}
.menu-items-background .z-toolbarbutton-content { 
	font-family: var(--font-family-contenuto);
    font-size: var(--font-size-menu-title);
    color: var(--color-info);
    text-align: left;
    border-bottom: 1px;
    border-bottom-color: var(--color-selected);
}
.menu-items-background .z-toolbarbutton-content:hover, .menu-items-background .z-toolbarbutton-content:active, .menu-items-background .z-toolbarbutton-content:focus {
    color: white;
}
.menu-items-background .selected .z-toolbarbutton-content, .menu-items-background .z-toolbarbutton-content:hover .z-toolbarbutton-content { 
    color: white;
}
.menu-items.z-toolbarbutton {
	width: 100%;
	padding: 10px 0px 10px 19px;
	height: 48px;
}
.menu-items.z-toolbarbutton .z-toolbarbutton-content img, .menu-items-secondary.z-toolbarbutton .z-toolbarbutton-content img {
	width: 24px;
}
.menu-items.z-toolbarbutton:hover, .menu-items.z-toolbarbutton:active, .menu-items.z-toolbarbutton:focus,
.menu-items.selected.z-toolbarbutton, .menu-items-secondary.z-toolbarbutton:hover, .menu-items-secondary.z-toolbarbutton:active, .menu-items-secondary.z-toolbarbutton:focus,
.menu-items.selected-secondary.z-toolbarbutton {
	background: var(--color-selected);
}
.menu-items-secondary.z-toolbarbutton {
	width: 100%;
	padding: 6px 0px 6px 19px;
	height: 40px;
}
.submenu-items, .submenu-items:hover, .submenu-items:active, .submenu-items:focus {
	font-family: var(--font-family-contenuto);
    font-size: var(--font-size-s);
    color: var(--color-info);
    background-color: transparent;
}
.submenu-items.selected, .submenu-items.selected:hover, .submenu-items.selected:active, .submenu-items.selected:focus {
	font-family: var(--font-family-contenuto);
    font-size: var(--font-size-s);
    color: white;
    background-color: transparent;
}
.submenu-items .z-button-image {
	width: 5px;
    height: 5px;
}
.div-notifica-menu {
	background: #B5322E;
    border: 1px solid #B5322E;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-top: 0px;
    margin-left: -5px;
    text-align: center;
    vertical-align: middle;
}
.div-notifica-menu .z-label {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

/******** FICHES ********/

.button-tab-fiche {
	width: 130px;
	height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-l);
    font-weight: 500;
    color: var(--color-text-primary);
}
.button-tab-fiche.selected {
	background-color: white;
    border-color: white;
    color: var(--color-text-primary);
}
.button-tab-fiche.not-selected {
	background-color: #B1B9CD;
    border-color: #B1B9CD;
    color: var(--color-text-primary);
}
.container-buttons {
	background-color:white;
	border-bottom: 1px solid var(--color-border);
}
.container-buttons-div {
	padding: 15px;
}
.note-fiches .z-hlayout-inner {
	width: 100%;
}
.westCassaCliente.z-west {
	height: 100% !important;
    width: 16% !important;
}
/* PULSANTONI OPERATORI SERVIZI PRODOTTI */
.operatore-servizi-button {
	font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    font-weight: 700;
    padding: 5px 10px 5px 10px;
    border-radius: 60px;
    margin-right: 7px;
    margin-bottom: 7px;
	border: 2px solid var(--color-primary);
}
.operatore-servizi-button.selected {
    background-color: var(--color-primary);
    color: white;
}
.operatore-servizi-button.not-selected {
    background-color: white;
    color: var(--color-text-primary);
}
/* CATEGORIE */
.categoria-btn, .categoria-btn:hover, .categoria-btn:active, .categoria-btn:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: var(--font-family-contenuto);
	font-size: var(--font-size-m);
    color: var(--color-text-primary);
}
.categoria-btn.not-selected {
    color: var(--color-text-secondary);
    font-weight: normal;
}
.categoria-btn.selected {
    color: var(--color-text-primary);
    font-weight: bold;
}
.scontrino-container {
  background: #003350;
  width: 100%;
  height: 40px;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* PROPOSTE */
.rettangolo-proposte{
	padding:20px;
	border-radius: 8px;
	background-color: white;
}

.rettangolo-proposte-concluso{
	padding:20px;
	border-radius: 8px;
	background-color: #E9E9E9;
}


/* BILANCIO */
.rettangolo-rosso{
	background-color: #FF5151;
}
.rettangolo-verde{
	background-color: #42D335;
}
.rettangolo-rosso, .rettangolo-verde{
	color: white;
	padding:15px;
}



/* FROZEN COLUMN */
.z-grid-frozen, .z-frozen, .z-frozen-body, .z-frozen-inner, .z-frozen-right, .z-frozen-inner div {
	height: 13px !important;
}
.z-frozen-inner::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 13px;
  height: 13px;
}
.z-frozen-inner::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  /*background-image: url(../icons/scrollbar.png);
  background-repeat: no-repeat;
  background-size: cover;*/
}

.frozen.z-grid, .frozen .z-grid-header {
	background: transparent;
}

/* DASHBOARD PIANO VENDITE */
.tree-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.root-node {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    border: 2px solid #0E3943;
    border-radius: 10px;
    width: 250px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    background-color: white;
}

.line-vertical-root {
    position: absolute;
    top: 104%;
    left: 50%;
    width: 2px;
    height: 40px;
    background-color: #000;
    transform: translateX(-50%);
}

.connector-horizontal {
    display: flex;
    justify-content: space-around;
    width: 80%;
    height: 2px;
    background-color: #000;
    position: relative;
    margin-top: 20px;
}

.connector-vertical {
    position: absolute;
    width: 2px;
    height: 40px;
    background-color: #000;
}

.connector-vertical-1 {
    left: 0%;
}

.connector-vertical-2 {
    left: 25%;
}

.connector-vertical-3 {
    left: 50%;
}

.connector-vertical-4 {
    left: 75%;
}

.connector-vertical-5 {
    left: 100%;
}

.leaves {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 40px;
}

.leaf {
    text-align: center;
    border: 2px solid darkred;
    border-radius: 10px;
    width: 250px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
    background-color: white;
}

.line-vertical-leaf {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2px;
    height: 40px;
    background-color: #000;
    transform: translateX(-50%);
}


/* CALENDARIO */

.calendario.z-grid {
    border: none;
    border-radius: 8px;
}
.calendario .z-columns th:first-child {
    background: var(--color-background);
    background-color: var(--color-background);
}
.calendario .z-column {
    background: white;
    border-left: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}
.calendario .z-row:hover {
    background: #e0f2ff;
}
.calendario .z-row .z-cell {
	border-top: 0px;
    border-right: 1px solid var(--color-border);
    cursor: pointer;
}
.calendario .z-grid-body .z-cell {
	padding: 0px;
}
.calendario .not-work-time {
	background: grey;
}
.calendario .ferie-time {
	background: repeating-linear-gradient(-45deg, #F3F3F3 10px, #E2E2E2 10px, #F3F3F3 10px, #E2E2E2 20px);
}
.calendario .turnooff-time {
	background: repeating-linear-gradient(-45deg, #F3F3F3 10px, #E2E2E2 10px, #F3F3F3 10px, #E2E2E2 20px);
}
.calendario .occupato-time{
	background: repeating-linear-gradient(-12deg, #F3F3D8 10px, #E2E275 10px, #F3F3F3 10px, #E2E2F8 20px);
}

.calendario-appuntamento-giorno-first {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom: none !important;
}
.calendario-appuntamento-giorno-center {
	border-top: none !important;
	border-bottom: none !important;
}
.calendario-appuntamento-giorno-last {
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	border-top: none !important;
}
.calendario-appuntamento-giorno-firstandlast {
	border-radius: 10px;
}
.calendar-pers-height0.z-listitem,
.calendar-pers-height0.z-listitem .z-listcell,
.calendar-pers-height0.z-listitem .z-listcell .z-listcell-content {

	min-height: 70px;
}
.calendar-pers-height.z-listitem,
.calendar-pers-height.z-listitem .z-listcell,
.calendar-pers-height.z-listitem .z-listcell .z-listcell-content {
	min-height: 100px;
}
.calendar-pers-height2.z-listitem,
.calendar-pers-height2.z-listitem .z-listcell,
.calendar-pers-height2.z-listitem .z-listcell .z-listcell-content {
	min-height: 135px;
}
.vbox-width,
.vbox-width table {
	width: 100%;
}
.table-calendar-week .z-row-content  {
	padding: 0px 0px;
}
.table-calendar-week .z-listcell-content{
	padding: 0px;
}
.table-calendar-week .ferie-time {
	background: repeating-linear-gradient(-45deg, #F3F3F3 10px, #E2E2E2 10px, #F3F3F3 10px, #E2E2E2 20px);
}
.table-calendar-week .turnooff-time {
	background: repeating-linear-gradient(-45deg, #F3F3F3 10px, #E2E2E2 10px, #F3F3F3 10px, #E2E2E2 20px);
}
.divappuntamentocell {
	padding: 4px 5px;
	border-radius:5px;
}
.custom-icon-button {
	min-height: 0px !important;
	border-radius:12px;
    padding: 0px;
    border: none;
    cursor: default;
    box-shadow: none;
}
.custom-icon-button .z-icon {
    color: white;
}

.circle-calendar {
	width: 35px;
	height: 35px;
	border: 1px solid;
	padding: 5px;
	border-radius: 20px;
}
.color-pick{
	width: 30px;
	height: 30px;
	border-radius:15px;
	border: 1px solid #CACACA;
}
.palette1 {
	background-color: #8E8CFF;
	border: 1px solid #6866C1;
}
.palette1-dashed {
	background-color: #8E8CFF;
	border: 3px dashed #6866C1
}
.palette2 {
	background-color: #7BC0FF;
	border: 1px solid #3E91DD;
}
.palette2-dashed {
	background-color: #7BC0FF;
	border: 3px dashed #3E91DD;
}
.palette3 {
	background-color: #89EBF9;
	border: 1px solid #7BC0FF;
}
.palette3-dashed {
	background-color: #89EBF9;
	border: 3px dashed #7BC0FF;
}
.palette4 {
	background-color: #CD8EFF;
	border: 1px solid #9363B9;
}
.palette4-dashed {
	background-color: #CD8EFF;
	border: 3px dashed #9363B9;
}
.palette5 {
	background-color: #FFC0FC;
	border: 1px solid #CD8EFF;
}
.palette5-dashed {
	background-color: #FFC0FC;
	border: 3px dashed #CD8EFF;
}
.palette6 {
	background-color: #FF92C6;
	border: 1px solid #BF6992;
}
.palette6-dashed {
	background-color: #FF92C6;
	border: 3px dashed #BF6992;
}
.palette7 {
	background-color: #FFC46B;
	border: 1px solid #CB8A29;
}
.palette7-dashed {
	background-color: #FFC46B;
	border: 3px dashed #CB8A29;
}
.palette8 {
	background-color: #FDFF8F;
	border: 1px solid #C0C261;
}
.palette8-dashed {
	background-color: #FDFF8F;
	border: 3px dashed #C0C261;
}
.palette9 {
	background-color: #A4E87B;
	border: 1px solid #6A9D4B;
}
.palette9-dashed {
	background-color: #A4E87B;
	border: 3px dashed #6A9D4B;
}
.palette10 {
	background-color: #7BFFDF;
	border: 1px solid #4DA18D;
}
.palette10-dashed {
	background-color: #7BFFDF;
	border: 3px dashed #4DA18D;
}
.paletteGrey {
	background-color: #E9E9E9;
	border: 1px solid #BCBCBC;
}
.paletteGrey-dashed {
	background-color: #E9E9E9;
	border: 3px dashed #BCBCBC;
}


/* PALETTE COLORI BILANCIO */
.paletteBilancio1 {
	background-color: #f04850 !important;
}
.paletteBilancio2 {
	background-color: #FF6161 !important;
}
.paletteBilancio3 {
	background-color: #FF9330 !important;
}
.paletteBilancio4 {
	background-color: #ffab40 !important;
}
.paletteBilancio5 {
	background-color: #FFC700 !important;
}
.paletteBilancio6 {
	background-color: #FFE500 !important;
}
.paletteBilancio7 {
	background-color: #C7CA34 !important;
}
.paletteBilancio8 {
	background-color: #9ACA34 !important;
}
.paletteBilancio9 {
	background-color: #5BCA34 !important;
}
.paletteBilancio10 {
	background-color: #4caf50 !important;
}



/******** SMARTPHONE ********/
/*@media screen and (max-width: 700px) {
	
	.background-login {
		display: none;
	}
	.background-login-right {
		display: none;
	}
	
}*/
@media screen and (max-width: 1030px) {
	
	.background-login {
		display: none;
	}
	.background-login-right {
		display: none;
	}
	.grid-height {
		height: 150px;
	}
}


/******** TABLET ********/
@media screen and (max-width: 1130px) {
	
	.win-tablet {
		height: 80% !important;
		width: 80% !important;
	}
	
	.window-ridotta {
		height: 50% !important;
		width: 80% !important;
	}
	.win-tablet .z-window-content {
		height: 100% !important;
		width: 100% !important;
	}
	.navbar4items .navbar-item-selected, .navbar4items .navbar-item-not-selected {
		width: 100px;
		min-width: 100px;
		text-align: center;
	}
	.grid-height {
		height: 300px;
	}
}

/******** CELLULARE ********/
@media screen and (max-width: 500px) {
	
	.background-login-sbam{
		width:0% !important;
		height:0% !important;
	}
}