@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-Italic.ttf") format("truetype"); /* o RegularItalic */
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("../res/fonts/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

.lato-thin { font-family: "Lato", sans-serif; font-weight: 100; font-style: normal; }
.lato-light { font-family: "Lato", sans-serif; font-weight: 300; font-style: normal; }
.lato-regular { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; }
.lato-bold { font-family: "Lato", sans-serif; font-weight: 700; font-style: normal; }
.lato-black { font-family: "Lato", sans-serif; font-weight: 900; font-style: normal; }
.lato-thin-italic { font-family: "Lato", sans-serif; font-weight: 100; font-style: italic; }
.lato-light-italic { font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; }
.lato-regular-italic { font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; }
.lato-bold-italic { font-family: "Lato", sans-serif; font-weight: 700; font-style: italic; }
.lato-black-italic { font-family: "Lato", sans-serif; font-weight: 900; font-style: italic; }

* {
  font-family: "Lato", sans-serif;
}

.navbar-brand {
  padding: 9px 15px !important;
}

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

input, .btn, select {
  height: 40px !important;
}

.glyphicon {
  font-size: 12pt;
}

.glyphicon.indexButton {
  font-size: 24pt;
}

.csNascondi {
  display: none !important;
}	
.csTestoCentrato {
  text-align: center !important;
}	
.csWidthCmd {
  text-align: center !important;
  width: 8% !important;
}
.csAllineaSx {
  text-align: left !important;
}
.csAllineaDx {
  text-align: right !important;
}
.csVerticalAlign {
  vertical-align: middle !important;
}
.csMono  { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
.csMaiuscolo { text-transform: uppercase; }


#tbZoomProdotti_processing {
  margin-top: 10px; /* Fix posizione messaggio caricamento datatable */
}

#DettaglioTableBody th,
#DettaglioTableBody td {
  white-space: normal !important; 
  overflow-wrap: anywhere;          /* spezza parole/sku/url lunghi */
  word-break: break-word; 
  line-height: 1.2;
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
}
.table-fixed {
  table-layout: fixed;
  width: 100%;
}

.sidebar {
  padding-bottom: 100px !important;
}


.logo-lg img {
    margin-top: 0 !important;
}

.logo-mini {
    margin-top: 0px !important;
    margin-left: 4px !important;
}

.navbar-static-top > img {
    margin-left: 5px;
}
.navbar > a {
    vertical-align: middle;
    margin-left: 5px
}
.navbar > a > .fa.fa-bars {
    font-size: larger;
}

/* spaziatura icona-testo */
.sidebar-menu .menu-item-label {
    margin-left: 6px;
    display: inline-block;
}

/* grassetto item attivo */
.sidebar-menu .active-label {
    font-weight: bold;
}
/* struttura a colonne nel menu */
.sidebar-menu li > a {
    display: flex;
    align-items: center;
}

/* colonna icona (fissa) */
.menu-col-icon {
    width: 22px;        /* allinea tutto */
    text-align: center; /* centra l'icona */
    margin-right: 4px;  /* distanza visiva */
}

/* colonna testo */
.menu-col-text {
    flex: 1;
}

/* testo attivo in grassetto */
.menu-col-text.active-label {
    font-weight: bold;
}

/************************************************
*	DISABILITA SPINNER CAMPI NUMERICI			*
************************************************/
/* Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers (Safari, Chrome) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/************************************************/

/* .bootstrap-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle {
    height: 34px; 
}

.bootstrap-select .dropdown-menu {
    z-index: 999999 !important; 
} */


.mp-destra {
  text-align: right !important;
}

/* toolbar pulsanti */
.vfp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d2d6de;
}

.vfp-header h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.vfp-toolbar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.vfp-toolbar {
    padding: 8px 10px;
    background: #fff;
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-toolbar-action {
    /* background: #f7f7f7; */
    border: 1px solid #d2d6de;
    /* color: #444; */
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 3px;
    transition: all .15s ease;
    height: 32px !important;
}

.btn-toolbar-action i {
    margin-right: 5px;
    font-size: 14px;
}

/* .content-wrapper, .container, .container-fluid {
  background-color: #F8F9FA;
} */

/* .btn-toolbar-action:hover {
    background: #eaeaea;
    border-color: #b5bbc8;
    color: #222;
}

.btn-toolbar-action:active {
    background: #dcdcdc;
    border-color: #aaa;
} */

/* .vfp-toolbar .btn-danger {
    color: #fff !important;
    background: #dd4b39 !important;
    border-color: #d73925 !important;
} */

/* toolbar pulsanti */

/* shape + label */
.fp-shape {
    position: relative;
    border: 1px solid #d2d6de;
    border-radius: 3px;
    padding: 18px 15px 10px 15px;
    margin-bottom: 15px;
    background: #ECF0F5;
    margin-top: 20px;
}

.fp-shape-label {
    position: absolute;
    top: -10px;
    left: 10px;
    padding: 0 8px;
    background: #3C8DBC;
    color: #F8F9FA;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
}
/* shape + label */

.fp-module-sep { height: 10px; }
.fp-module-row { margin-left: 0; margin-right: 0; }   /* opzionale se vuoi “full width” */
.fp-module-title { color:#444; }

.csBold { font-weight: bold; }

.csLoadingField {
  border: 1px solid #3C8DBC !important;
}

.icheckbox_minimal-red {
	margin-top: 0!important;
}

.toggle-switch {
	display: inline-block;
	background: #ccc;
	border-radius: 16px;
	width: 58px;
	height: 32px;
	margin-top: 5px;
	position: relative;
	vertical-align: middle;
	transition: background 0.25s;
	&:before,
	&:after {
		content: "";
	}
	&:before {
		display: block;
		background: linear-gradient(to bottom, #fff 0%,#eee 100%);
		border-radius: 50%;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
		width: 24px;
		height: 24px;
		position: absolute;
		top: 4px;
		left: 4px;
		transition: left 0.25s;
	}
	.toggle:hover &:before {
		background: linear-gradient(to bottom, #fff 0%,#fff 100%);
		box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	}
	.toggle-checkbox:checked + & {
		background: #00c0ef;
		&:before {
			left: 30px;
		}
	}
}
.toggle-checkbox {
	position: absolute;
	visibility: hidden;
}

td.mp-yesno.yes {
	font-size: large;
	color: transparent;
}	

td.mp-yesno.yes::before {
	color: #00A65A;
	content: "✔";
}	

td.mp-yesno.no {
	font-size: large;
	color: transparent;
}	
td.mp-yesno.no::before {
	color: #DD4B39;
	content: "✘";
}	

tr.selected  {
    background-color: #4dc6db !important;
    color: white !important;
}

td.grid-selector {
    font-size: large;
    color: #bbb;
}
tr.selected .grid-selector {
    color: white;  
}

.invisible {
    visibility: hidden;
}

.csCheckGridIcon {
    font-size: 12pt;
    color: #3C8DBC;
}