html {
	height: 100%;
}

body {
	color: #333;
	height: 100%;
	overflow: hidden;
	font-size: 14px;
}

label {
	font-weight: normal;
}

.blank_row
{
    height: 10px !important; /* overwrites any other rules */
    background-color: #FFFFFF;
}

.body-gray {
	color: #a1a1a1;
	height: 100%;
	overflow: hidden;
	font-size: 14px;
}

.btn-default {
	background-color: rgba(199, 0, 0, 0.75);
	border-color: #e02b20;
	color: #fff;
}

.btn-default:hover,
.btn-default:focus {
  background-color: rgba(199, 0, 0, 0.2);
	border-color: #e02b20;
	color: #e02b20;
}

.btn-default:active,
.btn-default.active {
  background-color: #fff;
  border-color: rgba(199, 0, 0, 0.8);
	color: #e02b20;
}

.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus {
	background-color: #fff;
	border-color: rgba(199, 0, 0, 0.8);
	color: #e02b20;
}

.btn-default.btn-full {
	width: 100%;
	font-size: 12 px; 
	margin-top: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.btn-default-gray.btn-full {
	width: 100%;
	font-size: 12 px; 
	margin-top: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
}

.col-padding-small {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
}

.col-padding-top {
	padding-top: 8px;
}

.col-vertical-center {
	display: flex;
  align-items: center;
}

.content {
	margin-bottom: 2px;
}

.form-control {
	height: 28px;
	margin-top: 4px;
	border: 1px solid rgba(51, 51, 51, 0.5);
	color: #444;
}

.form-control::-moz-placeholder {
	color: rgba(68, 68, 68, 0.5);
}

.form-control:-ms-input-placeholder {
	color: rgba(68, 68, 68, 0.5);
}

.form-control::-webkit-input-placeholder {
	color: rgba(68, 68, 68, 0.5);
}

.form-control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 51, 51, 0.6);
}

.form-horizontal .control-label {
	text-align: left;
}

.input-group-addon {
	background-color: rgba(68, 68, 68, 0.1);
	border-color: rgba(68, 68, 68, 0.5);
	color: #333;
}

.list-item, .list-item-action {
	display: flex;
}

.list-item {
	font-size: 14px;
	border-color: rgba(68, 68, 68, 0.5);
	/* border-style: solid; */
	border-width: 0 1px 0 0;
	padding-top: 2px;
}

.list-item-action {
	font-size: 24px;
	background-color: rgba(68, 68, 68, 0.7);
}

.list-item-action:hover {
	background-color: rgba(68, 68, 68, 0.6);
}

.list-item-action:active {
	background-color: rgba(68, 68, 68, 0.5);
}

.list-item-action a {
	color: rgba(255, 255, 255, 0.9);
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.list-item-data {
	font-size: 16px;
	color: #FFFFFF;
}

.list-item-text {
	font-size: 14px;
	color: #FFFFFF;
}

.list-item-number {
	font-size: 24px;
	background-color: rgba(68, 68, 68, 0.1);
	justify-content: center;
  	align-items: center;
	display: flex;
	padding-top: 0px;
}

.list-item:hover {
	background-color: rgba(68, 68, 68, 0.1);
}

.list-item:active {
	background-color: rgba(68, 68, 68, 0.2);
}

.list-item a {
	color: #333;
}

.list-item h2 {
	font-weight: normal;
	font-size: 13px;
}

.list-item h5 {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 16px;
}

.list-view {
	margin: 2px 0;
	padding: 0;
}

.list-view li {
	list-style: none;
}

.list-view li .row/*:not(:last-child)*/ {
	border-color: rgba(68, 68, 68, 0.5);
	border-style: solid;
	border-width: 0 0 1px;
	padding-bottom: 4px;
}

.list-view li .row:hover {
	cursor: pointer;
}

.list-view a {
	text-decoration: none;
	width: 100%;
}

.list-padding {
	padding-top: 2px;
	padding-bottom: 2px;
}

.navbar-default {
	background-color: #e02b20;
	border-color: rgba(199, 0, 0, 0.5);
}

.navbar-default .navbar-text {
    float: none !important; /* forza il reset del float di Bootstrap */
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px; /* centratura verticale rispetto all'altezza navbar */
    text-align: center;
    margin: 0; /* rimuove margini */
}

.navbar .col-xs-10, .navbar .col-sm-10 {
    display: flex;
    justify-content: center; /* centro orizzontale */
    align-items: center;    /* centro verticale */
    padding: 0;             /* rimuove padding della col */
}

.foot-text {
	float: none;
	color: #fff;
	font-size: 12px;
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: right;
}

.black-text {
	float: none;
	color: #111;
	font-size: 16px;
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: left;
}

.navbar-default .navbar-text.center {
	text-align: center;
}

.navbar-default .btn-default {
	background-color: rgba(199, 0, 0, 0);
    border-color: #fff;
	color: #fff;
		font-size: 12px;
}

.navbar-default .btn-default:hover,
.navbar-default .btn-default:focus {
  background-color: rgba(255, 255, 255, 0.75);
	border-color: rgba(199, 0, 0, 0.5);
	color: #e02b20;
}

.navbar-default .btn-default:active,
.navbar-default .btn-default.active {
	background-color: #fff;
	border-color: rgba(199, 0, 0, 0.5);
	color: #e02b20;
		font-size: 12px;
}

.navbar-default .btn-default:active:hover,
.navbar-default .btn-default.active:hover,
.navbar-default .btn-default:active:focus,
.navbar-default .btn-default.active:focus,
.navbar-default .btn-default:active.focus,
.navbar-default .btn-default.active.focus {
	background-color: #fff;
	border-color: rgba(199, 0, 0, 0.5);
	color: #e02b20;
		font-size: 12px;
}

.navbar-right {
	float: right;
	margin-right: auto;
}

.navbar-fixed-bottom .btn-default {
	width: 100%;
}

.page {
	padding-top: 50px;
	padding-bottom: 50px;
	height: 100%;
	overflow: auto;
}

.panel-default {
	border-color: rgba(51, 51, 51, 0.5);
}

.panel-default .btn-default, .panel-bt .btn-default {
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.panel-default .btn-default-gray, .panel-bt .btn-default {
	border-color: #333;
	color: #fff;
	font-size: 14px;
}

.panel-default .btn-default-red, .panel-bt .btn-default {
	background-color: rgba(255, 0, 0, 0.75);
	border-color: #333;
	color: #fff;
	font-size: 14px;
}

.panel-default .btn-default-dark, .panel-bt .btn-default {
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
	font-size: 14px;
}

.panel-default .btn-default:hover, .panel-bt .btn-default:hover, .btn-default-gray:hover,
.panel-default .btn-default:focus, .panel-bt .btn-default:focus {
  	background-color: rgba(68, 68, 68, 0.2);
	border-color: #333;
	color: #444;
}

.panel-default .btn-default:active, .panel-bt .btn-default:active,
.panel-default .btn-default.active, .panel-bt .btn-default.active {
  	background-color: #fff;
  	border-color: rgba(68, 68, 68, 0.8);
	color: #444;
}

.panel-default .btn-default:active:hover, .panel-bt .btn-default:active:hover,
.panel-default .btn-default.active:hover, .panel-bt .btn-default.active:hover,
.panel-default .btn-default:active:focus, .panel-bt .btn-default:active:focus,
.panel-default .btn-default.active:focus, .panel-bt .btn-default.active:focus,
.panel-default .btn-default:active.focus, .panel-bt .btn-default:active.focus,
.panel-default .btn-default.active.focus, .panel-bt .btn-default.active.focus {
	background-color: #fff;
	border-color: rgba(68, 68, 68, 0.8);
	color: #444;
}

.panel-default .btn-default.disabled, .panel-bt .btn-default.disabled,
.panel-default .btn-default.disabled.focus, .panel-bt .btn-default.disabled.focus,
.panel-default .btn-default.disabled:focus, .panel-bt .btn-default.disabled:focus,
.panel-default .btn-default.disabled:hover, .panel-bt .btn-default.disabled:hover,
.panel-default .btn-default[disabled], .panel-bt .btn-default[disabled],
.panel-default .btn-default.focus[disabled], .panel-bt .btn-default.focus[disabled],
.panel-default .btn-default[disabled]:focus, .panel-bt .btn-default[disabled]:focus,
.panel-default .btn-default[disabled]:hover, .panel-bt .btn-default[disabled]:hover {
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
}

.panel-default .btn-default.disabled:active, .panel-bt .btn-default.disabled:active,
.panel-default .btn-default.disabled.active, .panel-bt .btn-default.disabled.active,
.panel-default .btn-default[disabled]:active, .panel-bt .btn-default[disabled]:active,
.panel-default .btn-default.active[disabled], .panel-bt .btn-default.active[disabled] {
	background-color: #fff;
	border-color: rgba(68, 68, 68, 0.8);
	color: #444;
}

.panel-default .btn-default.btn-light, .panel-bt .btn-default.btn-light {
	background-color: rgba(68, 68, 68, 0.2);
	border-color: rgba(68, 68, 68, 0.8);
	color: #333;
}

.panel-default .btn-default.btn-light:hover, .panel-bt .btn-default.btn-light:hover,
.panel-default .btn-default.btn-light:focus, .panel-bt .btn-default.btn-light:focus {
  background-color: rgba(68, 68, 68, 0.4);
	border-color: #333;
	color: rgba(255, 255, 255, 0.8);
}

.panel-default .btn-default.btn-light:active, .panel-bt .btn-default.btn-light:active,
.panel-default .btn-default.btn-light.active, .panel-bt .btn-default.btn-light.active {
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
}

.panel-default .btn-default.btn-light:active:hover, .panel-bt .btn-default.btn-light:active:hover,
.panel-default .btn-default.btn-light.active:hover, .panel-bt .btn-default.btn-light.active:hover,
.panel-default .btn-default.btn-light:active:focus, .panel-bt .btn-default.btn-light:active:focus,
.panel-default .btn-default.btn-light.active:focus, .panel-bt .btn-default.btn-light.active:focus,
.panel-default .btn-default.btn-light:active.focus, .panel-bt .btn-default.btn-light:active.focus,
.panel-default .btn-default.btn-light.active.focus, .panel-bt .btn-default.btn-light.active.focus {
	background-color: rgba(68, 68, 68, 0.75);
	border-color: #333;
	color: #fff;
}

.panel-default > .panel-heading, .panel-default > .panel-footer {
	background-color: rgba(68, 68, 68, 0.9);
	color: #fff;
}

.panel-default > .panel-footer .highlighted-amount {
	color: #fff;
	padding: 4px 8px;
	margin-right: 7px;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	font-size: 12px;
}

.panel-default > .panel-heading.panel-heading-light {
	background-color: rgba(68, 68, 68, 0.5);
	color: #fff;
}

.panel-default > .panel-body {
	background-color: rgba(68, 68, 68, 0.1);
	color: #333;
}

.panel-default > .panel-body a {
	color: rgba(68, 68, 68, 0.75);

}

.panel-list {
	padding: 0;
}

.panel-list a {
	text-decoration: none;
	width: 100%;
}

.panel-list-row {
	padding: 8px 15px;
	cursor: pointer;
}

.panel-list-row:not(last-child) {
	border-color: rgba(51, 51, 51, 0.5);
	border-style: solid;
	border-width: 0 0 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.panel-list-row:hover {
	background-color: rgba(68, 68, 68, 0.2);
}

.panel-list-row:active {
	background-color: rgba(68, 68, 68, 0.3);
}

.panel-list-item-action {
	display: flex;
	justify-content: center;
	align-items: center;
}

.panel-list-item-action .highlighted-amount {
	color: #333;
	padding: 2px 8px;
	margin-right: 7px;
	border-color: rgba(51, 51, 51, 0.5);
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	font-size: 12px;
}

.panel-list-item-number {
	display: flex;
	justify-content: center;
	align-items: center;
}

.panel-no-border {
	border: 0px;
}

.panel-rows {
	padding: 0;
}

.panel-row {
	padding: 15px;
}

.panel-row:not(:last-child) {
	border-color: rgba(51, 51, 51, 0.5);
	border-style: solid;
	border-width: 0 0 1px;
}

.panel-row.panel-row-small {
	padding: 7px 15px;
	font-weight: bold;
	
}

.panel-row[style*="display:none"] {
	border-width: 0;
}

.panel-row .form-group {
	margin-bottom: 0;
}

.panel-value {
	font-weight: bold;
}

.row-no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.text-small {
    font-size: 10px;
}

.ui-datepicker {
    z-index: 9999 !important;
}



/*
.ui-icon-lock {
	background-image: url("ico-lock.png");
	background-size: 18px 18px;
}
*/

.continuativo {
	font-weight: bold;
    color: #8B0000; /* rosso scuro */
}

.chiuso {
	font-weight: bold;
    color: #880000; /* rosso scuro */
}

.firma {
    color: #0057b8;     /* blu deciso e leggibile */
    font-weight: bold;  /* grassetto */
    text-align: center;
}

.oggetto {
    color: #2E8B57; /* verde mare (SeaGreen) */
}

.ragione-sociale {
    font-weight: bold;
    color: #008000; /* verde classico */
    font-size: 16px;
    margin-top: 2px;
	margin-bottom: 2px;
}

.ragione-sociale-gray {
    font-weight: bold;
    color: #a1a1a1; /* verde classico */
    font-size: 16px;
    margin-top: 2px;
	margin-bottom: 2px;
}

.ragione-sociale-sede {
    font-weight: bold;
    color: #007E80; /* verde mare */
    font-size: 16px;
    margin-top: 2px;
	margin-bottom: 2px;
}

.titolo {
    font-weight: bold;
    font-size: 14px;
    color: #000000; /* grigio */
}

.white {
	color:#FFFFFF
}

@media (max-width: 767px) { 	
	body {
		font-size: 12px;
	}
		
	.col-padding-small {
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
	}
	.container-fluid {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.list-item {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 12px;
	}
	
	.list-item-data {
		font-size: 12px;
		color: #FFFFFF;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.list-item h5 {
		font-size: 14px;
	}
	.page {
		padding-top: 50px;
		padding-bottom: 100px;
		height: 100%;
		overflow: auto;
	}

	
	.panel-list-row:not(last-child) {
		border-color: rgba(51, 51, 51, 0.5);
		border-style: solid;
		border-width: 0 0 1px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.panel-title {
		font-size: 14px;
		font-weight: bold;
	}
	
/*	.panel-default .btn-default, .panel-bt .btn-default {
		font-size: 10px;
	}
*/	
	.ragione-sociale {
    font-weight: bold;
    color: #008000; /* verde classico */
    font-size: 14px;
    margin-top: 2px;
	margin-bottom: 2px;
	}
	
}