
/* Menù di color nero */
.sidebar:after, .off-canvas-sidebar:after, button#minimizeSidebar, button#minimizeSidebar:hover, thead.thead-dark, .table .thead-dark th {
	background: #212121;
}

/* Icona e Testo del modulo attuale di color arancione */
.sidebar .nav li.active > a[data-toggle="collapse"], .sidebar .nav li.active > a[data-toggle="collapse"] i, .sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active i, .sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"], .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] i, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active i, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] ~ div > ul > li.active > a {
	/*color: #ef8157;*/
	color: #F5821F;
}

/* Icona e Testo degli altri moduli di color bianco e più evidente */
.sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
	opacity: 1;
	color: #FFFFFF;
}

.singolo.active i, .singolo.active p {
	color: #F5821F !important;
}

.collapse li.active i, .collapse li.active span {
	color: #F5821F !important;
}

/*Messaggi Add Flash*/

.alert.alert-success {
	background-color: #2db48d;
}
.alert.alert-danger{
	background-color: #DD4B39;
}

/*Bottoni Customizzati*/
.btn.btn-success {
	background-color: #2DB48D;
	color: #FFFFFF;
}

.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover {
	background-color: #248766 !important;
	color: #FFFFFF !important;
}

.btn.btn-twitter {
	background-color: #29A6EE;
	color: #FFFFFF;
}

.btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover {
	background-color: #1a8ab9 !important;
	color: #FFFFFF !important;
}

.btn.btn-danger {
	background-color: #DD4B39;
	color: #FFFFFF;
}

.btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover {
	background-color: #DD4B39 !important;
	color: #FFFFFF !important;
}

.btn.btn-warning {
	background-color: #FFB805;
	color: #FFFFFF;
}

.btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover {
	background-color: #FFA505 !important;
	color: #FFFFFF !important;
}

/*Padding Button icon*/
.btn.btn-icon{
	padding: 9px 0 !important;
}


/*Hover Verde*/
.green > td, .green > th {
	background-color: #c3e6cb
}

.green tbody + tbody, .green td, .green th, .green thead th {
	border-color: #8fd19e
}

.table-hover .green:hover > td, .table-hover .green:hover > th {
	background-color: #b1dfbb
}

.card label {
	font-size: 16px;
	margin-bottom: 5px;
	color: #212121;
	font-weight: bold;
}

label {
	font-size: 0.8571em !important;
	margin-bottom: 5px;
	color: #212121;
	font-weight: bold;
}

span.fal{
	font-size: 15px
}

table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 12px !important;
}

table thead {
	background-color: #212121;
	color: white;
}

table .btn-sm {
	font-size: 1.2em;
}

table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 12px !important;
}

table thead {
	background-color: #212121;
	color: white;
}

.fixed-table-container .table thead th .th-inner {
	line-height: 10px;
	padding: .5rem !important;
}

.righe-strette > thead > tr > th {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
	background-color: #e0e0e0;
	z-index: 999999;
}

.righe-strette {
	overflow-y: auto;
	height: 100px;
	font-size: 12px;
}

.fixed-table-container thead th {
	padding: 2px !important;
}

.righe-strette th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 11px !important;
}

.righe-strette thead {
	background-color: #212121;
	color: white;
}

input.error {
	border: 1px solid red;
	font-weight: 100;
	color: red !important;
}
select.error {
	border: 1px solid red;
	font-weight: 100;
	color: red !important;
}
label.error {
	position: absolute;
	top: -10%;
	width: 80%;
	left: 20%;
	color: red !important;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	text-align: right;
}
a{
	color: #0070ff;
}
a:hover {
	color: #0056b3;
}

body, .card label {
	color: #000;
}
.form-control{
	color: #000;
}
span.caret{
	display: none;
}
.bs-print{
	background-color: #66615B;
}
.bs-print:hover{
	background-color: #403D39;
}
.bs-print i::before{
	padding-right: 10px;
	font-family: "FontAwesome"
}
.bs-print i::before{
	content: "\f02f";
}

a.btn{
	font-size: 1em;
}

button.btn{
	font-size: 1em;
}
/* Tabelle */

table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 12px !important;
}
table thead {
	background-color: #212121;
	color: white;
}

table .btn-sm{
	font-size: 1.2em;
}

table th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 12px !important;
}
table thead {
	background-color: #212121;
	color: white;
}

.fixed-table-container .table thead th .th-inner{
	line-height: 10px;
	padding: .5rem !important;
}
.righe-strette > thead > tr > th {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.table-hover > tbody > tr:hover {
	background-color: #e0e0e0;
	z-index: 999999;
}

.righe-strette    {
	overflow-y: auto;
	height: 100px;
	font-size: 12px;
}
.fixed-table-container thead th {
	padding: 2px !important;
}
.righe-strette th {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #212121;
	font-size: 11px !important;
}
.righe-strette thead {
	background-color: #212121;
	color: white;
}

.righe-strette td{
	padding: 1px !important;
	white-space: nowrap;
	vertical-align: middle !important;
	line-height: 1 !important;
}

.righe-strette .btn.btn-icon .nc-icon{
	font-size: 0.75rem !important;
}
.righe-strette .btn.btn-icon {
	height: 22px;
	min-width: 0;
	width: 22px;
}
.righe-strette .filter-control input{
	font-size: 10px;
	padding: .25rem .7rem;
}
.righe-strette select {
	font-size: 10px;
	height: calc(1.34rem + 2px) !important;
	padding: .3rem .75rem;
}

.fixed-table-body{
	max-height: 700px;
}

.footer{
	 padding: 0 !important;
}
.totale  { overflow-y: auto; }
.totale td { position: sticky; bottom: 0; }
.bootstrap-table .btn-group:last-child .btn
{
	margin: 0;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}
/* Bottoni nav-bar (sopra tabelle) */

.btn.sopra-tabella {
	margin: 0 3px 5px;
	padding: 4px 14px;
}

/*Barra del blocco su scheda*/

.bg-google{
	background-color: #DD4B39 !important;
}

.bg-dark{
	background-color: #212121 !important
}

/* ------------------------------ */
input.form-control.input{
	background-color: white !important;
	cursor: pointer !important;
}


/* LED BOX */
.led-box {
	height: 16px;
	width: 16px;
}

.led-box p {
	font-size: 12px;
	text-align: center;
	margin: 1em;
}

.led-red {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background-color: #F00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	-webkit-animation: blinkRed 0.5s infinite;
	-moz-animation: blinkRed 0.5s infinite;
	-ms-animation: blinkRed 0.5s infinite;
	-o-animation: blinkRed 0.5s infinite;
	animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
	from { background-color: #F00; }
	50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
	to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
	from { background-color: #F00; }
	50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
	to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
	from { background-color: #F00; }
	50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
	to { background-color: #F00; }
}
@-o-keyframes blinkRed {
	from { background-color: #F00; }
	50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
	to { background-color: #F00; }
}
@keyframes blinkRed {
	from { background-color: #F00; }
	50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
	to { background-color: #F00; }
}

.led-yellow {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background-color: #FF0;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
	-webkit-animation: blinkYellow 1s infinite;
	-moz-animation: blinkYellow 1s infinite;
	-ms-animation: blinkYellow 1s infinite;
	-o-animation: blinkYellow 1s infinite;
	animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
	from { background-color: #FF0; }
	50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
	to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
	from { background-color: #FF0; }
	50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
	to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
	from { background-color: #FF0; }
	50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
	to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
	from { background-color: #FF0; }
	50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
	to { background-color: #FF0; }
}
@keyframes blinkYellow {
	from { background-color: #FF0; }
	50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
	to { background-color: #FF0; }
}

.led-green {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background-color: #ABFF00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background-color: #24E0FF;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}
.ui-widget-content {
	z-index: 99999;
}
/* ------------------------------ */

textarea.form-control {
	padding: 3px 5px 3px 1px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

/*----------- CALENDARIO --------------*/
.fc-toolbar {
	margin-bottom: 0;
}
.calendar h2{
	text-transform: capitalize;
}
/*-------------------------------------*/
