/* SPINNER */
#spinner{
    position: fixed;
    right: 0px;
    top: 45%;
	z-index: 99999;
    background: white;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	display: none;
	color: #eb641f;
    padding: 1rem;
    text-align: center;
}

/*icone menu top*/
.big-icon{
	font-size: 1.75rem;
}

label, legend, .fake-label{
	color: #004080;
}

.fake-label{
	font-weight: bold;
}

h1 .fa, h2 .fa, h3 .fa, h4 .fa, h1 .fas, h2 .fas, h3 .fas, h4 .fas, h1 .far, h2 .far, h3 .far, h4 .far  {
	background-color: #eb641f;
	color: #fff;
    font-size: .7em;
    height: 1.5em;
    padding: .3em;
    text-align: center;
    vertical-align: middle;
    width: 1.6em;
}

/* replace di is-invalid https://getbootstrap.com/docs/4.0/migration/#forms */
input:invalid /*, .is-invalid .form-control */ {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.alert-help {
    border-color: #eb641f;
}

.card-disabled, .well {
    border-color: #ccc;
}

.form-control-disabled {
    background-color: #eee;
}

.new-line {
	clear: left;
}

.table input.ng-invalid, .table select.ng-invalid{
	background-color: #f2dede !important;
	border: 1px solid #a94442 !important; 
}

.campo-fake {
	min-width: 50px;
}

/* ristampa */
.indice{
	color: white;
	background-color:  #0d5d94;
}

/* direttiva DEBUG */
pre {
	outline: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}
.string {
	color: green;
}
.number {
	color: darkorange;
}
.boolean {
	color: blue;
}
.null {
	color: magenta;
}
.key {
	color: red;
}

.fa-pulse {
	margin: 0 .5em;
	vertical-align: middle;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.card-fixed > .card-body {
		 min-height: 300px;	
	}
	.btn-form-inline{
		margin-top: 1.7em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* Extra large devices (x-large desktops, 1440px and up) */
@media (min-width: 1440px) {
	
}

/*Custom*/

.posizioneBottoni {
    float: left;
    margin-left: 15px;
}

.posizioneLeft {
    float: left;
}