:root {
	--bg-primary-color: #1b7fc0;
	--fg-primary-color: #FFF;

	/* --bg-secondary-color: #F80; */
	--fg-secondary-color: #F3C322;

	--bg-tertiary-color: #CDCDCD;


	--fg-error-color: #721c24;
	/* --bg-error-color:  */

}

body {
	font-family: 'ubuntu', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	margin-top: 10em;
	margin-bottom: 5rem;
	/* background-color: #D6DAE8 !important; */
}

body.bodypopup {
	margin-top: 0em;
}

.primary {
	color: #3D69BD !important;
	background-color: #3D69BD !important;
}

/* ******************** LINKS ******************** */

a {
	color: #FFF;
	text-decoraction: none !important;
}

a:hover {
	color: #F3C322 !important;
	text-decoration: none !important;
	cursor: pointer;
}

/* ******************** TOP NAVBAR ******************** */

nav#top-navbarout {
	background-color: var( --bg-primary-color ) !important;
	border-bottom: 3px solid var( --bg-secondary-color );
	height: 8em;
	/* z-index: -1000; */
}

nav#top-navbar.navbar {
	/* background-color: var( --bg-primary-color ) !important; */
	background-color: white !important;
	height: 4em;
	/* z-index: -1000; */
}

.navbar-brand {
	margin-right: 0 !important;
}

nav.navbar > a.navbar-brand {
	padding: .5em;
}

nav.navbar > div > div > a {
	color:black !important;
}

nav.navbar a.navbar-brand img {
	height: auto;
    max-height: 60px;
}

nav.navbar div.utente {
	font-weight: bold;
	color:  var( --fg-primary-color );
}

div#nav-logout a,
div#nav-logout a:hover {
	text-decoration: none;
	font-weight: bold;
}

div#nav-logout a {
}

div#nav-logout a:hover {
}

nav.navbar > div.container {
	padding-left: 8px;
	padding-right: 8px;
}

nav.navbar div.utente {
	font-weight: bold;
}



/* #navbarSupportedContent { */
	/* width: 100%; */
	/* margin-left: 0; */
	/* margin-right: 0; */
/* } */

/* div#nav-logout { */
	/* margin-left: 1em; */
	/* margin-top: 0.2em */
/* } */

/* .navbar-brand { */
	/* margin-top: 1rem; */
	/* height: 2rem; */
/* } */

/* .navbar-brand img { */
	/* height: 2rem; */
/* } */

.badge {

	/* color: #4773B6; */
	background-color: var( --fg-primary-color );
	border-radius: 2em;
	position: absolute;
	margin: -0.25em 0.25em 0.5em 1em;
	padding: 0.2em 0.45em;
	font-size: 80%;

	/* color: #F60; */
	color: #363636;
	/* border: 2px solid #F60; */
	border: 2px solid 	var( --bg-secondary-color );

}






/* ******************** BANNER ******************** */

#wrapper {
	width: 100%;
	overflow: hidden;
}

#banner {
	max-height: 160px;
	text-align: center;
	max-width: 100%;
}

.banner {
	background-size: cover;
	height: 100%;
}

div.noteiniziali, div.noteiniziali * {
	display: block;
	text-align: justify;
	text-transform: none;
	background: transparent;
}







/* ******************** BARRA dei MENU ******************** */

/* #menuSupportedContent { */
	/* margin-left: 8px; */
/* } */

nav#top-menu {
	/* background-color: #363636; */
	/* background-color: #EDEDED; */
	background-color: var( --bg-primary-color ) !important;

	font-weight: bold;
	margin-top: 4em;

	border-bottom: 3px solid var( --bg-secondary-color );

}

/* nav#top-menu .container { */
	/* padding-left: 0; */
	/* padding-right: 0; */
/* } */

/* nav#top-menu a.dropdown-item { */
	/* font-size: 90%; */
	/* font-weight: bold; */
	/* color: #8B8B8B; */
/* } */

nav#top-menu a.nav-link {
	font-weight: bold;
	color: #EDEDED;
}

nav#top-menu a.nav-link:hover {
	font-weight: bold;
	color: #FFF;
}

/* nav#top-menu a.nav-link:hover, */
/* nav#top-menu a.dropdown-item:hover { */
	/* color: #222 !important; */
	/* background-color: transparent; */
/* } */

.dropdown-menu {
	border: 1px solid #AAA;
	border-radius: 0px;
	/* padding-bottom: 0px; */
}

.dropdown-menu,
.dropdown-item {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 4px;
	/* background-color: #F8F9FA; */
	background-color: #EDEDED;
}

.dropdown-item:hover {
	color: #EDEDED !important;
	font-weight: normal;
	background-color: #777;
	background-color: #EDEDED;
	border-bottom: 1px solid #777;
	margin-left: .6em;
	margin-bottom: 4px;
	/* margin-right: 0; */
	/* padding-right: 0; */
	box-shadow: 3px 3px 3px rgba( 3,3,3,.3 );
}

.dropdown-item:hover {
	background-color: #777;
}

.username {
	color: var( --fg-primary-color ) !important;
}

.username:hover {
	color: var( --fg-primary-color ) !important;
}





/* ******************** INTESTAZIONE ******************** */

hr.hr-lightgray {

	height: 2px;
	border: none;
	margin-top: .25rem;
	margin-bottom: 1.6rem;
	background-color: darkgray;

}

div.intestazione h2 {
	display: inline-block;
}

.bodypopup div.intestazione h3 {
	margin-top:2rem;
}





/* ******************** MESSAGES BOX ******************** */

.alert ul {
	margin: 0;
}





/* ******************** PULSANTI ******************** */
a.btnExcel {
	background-image: url(/AC/ACL/img/xls.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding-left: 32px;
	/* display: block; */
	height: 36px;
}

.btnInsert{
	margin:2px;
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btnInsert:focus,
.btnInsert.focus {
	margin:2px;
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
}



/* ******************** TABS ******************** */

ul.nav.nav-tabs li {
	/* border: none; */
	/* margin-bottom: 0 !important; //1.6rem; */
}

ul.nav.nav-tabs li a {
	color: var( --bg-secondary-color );
	color: var( --bg-primary-color );
	/* background-color: var( --bg-primary-color ); */
}

ul.nav.nav-tabs li a:hover {
	color: var( --bg-secondary-color ) !important;
}

div.box {
    /* height:300px !important; */
    padding: 4px;
    /*border:1px solid #EEE; border-right:0 solid;*/
    /*background:url(gradient.png) repeat-x fixed top left;*/
    /* overflow:auto; */
}




/* ******************** TABLES ******************** */

.table tr.align-items-center th{
	vertical-align: middle;
}

.table tr.align-items-center td{
	vertical-align: middle;
}

.table th{
	/* font-weight: bold; */
	/* font-size: 80%; */
}

.table td{
	/* font-weight: bold; */
	font-size: 90%;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #CCC;
}





/* ******************** ERRORI ******************** */

.help-block {
	color: var( --fg-error-color );
}






/* ******************** PULSANTI ******************** */

.blocco-pulsanti {
	padding: 0 15px;
	margin-top: 1em;
}

button.btn-primary,
input.btn-primary {
	background-color: #337AB7;
	border-color: #2e6da4;
	color:white;
}

button.btn-primary:focus,
input.btn-primary:focus {
	color: white;
	background-color: #286090;
	border-color: #204d74;
}

button.btn-primary:hover,
input.btn-primary:hover {
	background-color: #286090;
	border-color: #204d74;
	color: white;
}

div.btn-crea-nuovo {
	vertical-align: bottom;
	text-align: right;
	padding: 0;
}

.btnInsert,
.btnInsert {
	/* margin:2px; */
	color: #fff !important;
	background-color: #449d44;
	background-color: #7ecc6e;
	border-color: #919CA2;
}

.btnInsert:focus,
.btnInsert.focus {
	/* margin:2px; */
	color: #fff !important;
	background-color: #66AE66;
	border-color: #255625;
}

.btnInsert:hover {
	/* margin:2px; */
	color: #fff !important;
	background-color: #66AE66;
	border-color: #398439;
}

.lblInsert {
	color:#5cb85c; 
	font-weight:bold;
}

.btnDefault{
	/* margin:2px; */
	background-color: #DCDCDC;
	border-color: #919CA2;
	color:black;
	/* border: 0.25em solid #919CA2; */
	/* color: #999; */
	/* font-weight: bold; */
}

.btnDefault:focus,
.btnDefault.focus {
	/* margin:2px; */
	color: black;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btnDefault:hover{
	/* margin:2px; */
	background-color: #e6e6e6;
	border-color: #adadad;
	color: black !important;
}

.btnRicerca{
	/* margin:2px; */
	height: 2em;

	background-color: #337ab7;
	border-color: #2e6da4;
	background-color: #777;
	border-color: #919CA2;

	color:white;
	/* padding: 0.1em 0.75em; */
	/* margin: 0 0.5em; */
	padding: 0 0.5em;
	/* color: #999; */
	/* font-weight: bold; */
}

.btnRicerca:focus,
.btnRicerca.focus {
	/* margin:2px; */
	color: white;
	background-color: #286090;
	background-color: #AAA;
	border-color: #204d74;
	border-color: #AAA;
}

.btnRicerca:hover{
	/* margin:2px; */
	background-color: #286090;
	border-color: #204d74;
	background-color: #AAA;
	border-color: #777;
	color: white !important;
}

.btnElabora{
	margin:2px;
	background-color: #337ab7;
	border-color: #2e6da4;
	color:white;
}

.btnElabora:focus,
.btnElabora.focus {
	margin:2px;
	color: white;
	background-color: #286090;
	border-color: #204d74;
}

.btnElabora:hover{
	margin:2px;
	background-color: #286090;
	border-color: #204d74;
	color: white !important;
}

.lblElabora {
	color:#337ab7; 
	font-weight:bold;
}

.btnDelete{
	margin:2px;
	color: #fff;
	background-color: #d9534f;
	border-color: darkred;
}

.btnDelete:focus,
.btnDelete.focus {
	margin:2px;
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}

.btnDelete:hover {
	margin:2px;
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}

.lblDelete {
	color:#d9534f; 
	font-weight:bold;
}

.btnUpdate{
	margin:2px;
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btnUpdate:focus,
.btnUpdate.focus {
	margin:2px;
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
}

.btnUpdate:hover {
	margin:2px;
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.lblUpdate {
	color:#5cb85c; 
	font-weight:bold;
}

td > input[type="checkbox"] {
	margin-top:4px;			/* Rimozione margine superiore ed inferiore solo per checkbox */
	margin-top:0px;			/* Rimozione margine superiore ed inferiore solo per checkbox */
	height: 24px;				/* Ridimensionamento casella di spunta */
	height: 20px;				/* Ridimensionamento casella di spunta */
	width: 24px;				/* Ridimensionamento casella di spunta */
	width: 20px;				/* Ridimensionamento casella di spunta */
 }

 input[type="checkbox"] {
	cursor: pointer;
	height: 20px;				/* Ridimensionamento casella di spunta */
	width: 20px;				/* Ridimensionamento casella di spunta */
 }
 
 .input-group-text {
	 color: #495057;
	 background-color: #FFF;
 }

 .input-group-text:hover {
	 background-color: #EEE;
 }





/* ******************** PAGINATION ******************** */

.page-link {
	color: var( --bg-primary-color );
	font-weight: bold;
}

.page-item.active .page-link {
	border-color: var( --bg-primary-color );
	background-color: var( --bg-primary-color );
	color: var( --fg-primary-color ) !important;
}

.pagination {
	justify-content: center;
	margin-top: 1em;
}





/* ******************** CARDS ******************** */

.card {
	/* -webkit-box-shadow: 10px 15px 20px 0px rgba(0,0,0,0.25); */
	/* -moz-box-shadow: 10px 15px 20px 0px rgba(0,0,0,0.25); */
	/* box-shadow: 10px 15px 20px 0px rgba(0,0,0,0.25); */
}

.card-header {
	color: var( --fg-primary-color );
	background-color: var( --bg-primary-color );
	border-bottom: 3px solid var( --bg-secondary-color );
}

.top-space {
	margin-top: 32px;
}



/* ******************** ICONE ******************** */

.iconModifica {
	color: var( --fg-secondary-color ) !important;
}

.iconModifica:hover {
	color: #F70 !important;
	cursor: pointer;
}




/* ******************** LABELS ******************** */

.form-row.col-form-label {
	text-align: right;
}



.utente {
	color: #FFF;
}

.bg-primary {
	background-color: var( --bg-primary-color ) !important;
}

.titolo_sezione {
	margin-top: 4em;
	margin-bottom: .6em;
}

input.decimal {
	text-align: right;
}

@media (min-width: 1900px) {
	.container {
		max-width: 1600px;
	}
}