.button-add-small{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height:50px;
	width: 100px;;
	padding: 0px 0px;
	border: none;
	border-radius: 0px;
	background: #35916e;
	
	font: normal normal bold 24px arial;
	color: white;
	text-decoration: none;
	cursor:pointer;	
	
	
}

.button-add-small:hover,
.button:focus {
	border: none !important;
	border-color: white;
	background: #35916e;
	
	color: black;
	text-decoration: none;
}
.button-add-small:active {
	border: none !important;
	border-color: white;
	background: #35916e;
	
}


.btn-archivia {
	width: 120px;
	height: 38px;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	background: #2e808e;
	border-radius: 2px;
	border: 0px solid #444;
	border-width: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #fff;
	font-family: Arial, Geneva, sans-serif;
	font-size: 16px;

	text-align: center;

}

.btn-archivia:hover {
	background-color: #4ca1af;
	color: #fff;
}



.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	height:80px;
	width: 80px;;
    padding-left: 13px;
    border: 1px solid #2a6722;
    border-radius: 8px;
    background: #4ec240;
    background: -webkit-gradient(linear, left top, left bottom, from(#4ec240), to(#2a6722));
    background: -moz-linear-gradient(top, #4ec240, #2a6722);
    background: linear-gradient(to bottom, #4ec240, #2a6722);
    /*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
    -moz-box-shadow: #5ee94d 0px 0px 40px 0px;
    /*box-shadow: #5ee94d 0px 0px 40px 0px;*/
    text-shadow: #193d14 1px 1px 1px;
    font: normal normal bold 11px arial;
    color: #ffffff;
    text-decoration: none;
	cursor:pointer;
}
.button:hover,
.button:focus {
    border: 1px solid #317928;
    background: #5ee94d;
    background: -webkit-gradient(linear, left top, left bottom, from(#5ee94d), to(#327c29));
    background: -moz-linear-gradient(top, #5ee94d, #327c29);
    background: linear-gradient(to bottom, #5ee94d, #327c29);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #2a6722;
    background: -webkit-gradient(linear, left top, left bottom, from(#2a6722), to(#2a6722));
    background: -moz-linear-gradient(top, #2a6722, #2a6722);
    background: linear-gradient(to bottom, #2a6722, #2a6722);
}



/*//////////////////////////////////////////////////////*/

.body{
	background-color: #f8f3f3;
	height:100%;
}
.container{
height: 100%;
align-content: center;
background-color: #f8f3f3;	
	
}

.card{
height:auto;
	
margin-top:2px;
margin-bottom: auto;
width: 100%;
background-color: #f8f3f3;
}

.card-header{
/*background-color:#35916e;
height: 60px;*/
	padding: 7px 10px;
  text-align: left;
  background: #35916e;
  

}
.card-header h3{
color: white;

}

.card-header h4{
color: white;
	
}

.card-header h7{
color: white;

}


.card-footer{
    background-color:#35916e;      
	text-align: center;	
	line-height: 5px;    
	height: 30px;    
	width: 100%;
}  

.card-footer p{     
color: #f8f3f3 !important;	
font-size: 14px;
vertical-align: middle;
color:#f8f3f3;
}

.card-footer a{     
color: rgb(207, 247, 198);	
font-size:16px;
}

.select-box {
    display: block;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 600;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
 
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
		cursor:pointer;
}
.select-box::-ms-expand {
    display: none;
}
.select-box:hover {
    border-color: #888;
}
.select-box:focus {
    border-color: #aaa;
    /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);*/
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;

}
.select-box option {
    font-weight:normal;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}


/*RIMUOVE LO SPAZIO FRA LE COLONNE DELLA GRIGLIA*/
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/*RIMUOVE IL BORDO E LA SELEZIONE AZZURRA DALLE TEXT BOX*/
input[type=text]{
font-size: 24px;
height:50px;
border:none;
border-bottom: 1px solid #ced4da;
outline: none;
box-shadow:none !important;
	padding-left: 2px;
	padding-right: 2px;
	color:black;
}

input[type=text]:focus{
background-color: #d5dbd9;
border-color:rgba(5, 90, 24, 0.86);
border-radius: 0.25rem;		
}

.card-textbox{
display: block;
width: 100%;
height: 30px;
margin-top: 5px;
font-size: 1.0rem;
line-height: 1.5;
color: #0e0e0f;
background-clip: padding-box;
/*border: 1px solid #ced4da;*/
border:none;
border-bottom:1px solid #ced4da;
border-radius: 0.25rem;	

}

.card-textbox:focus{
background-color: #e6f4ee;
border-color:rgba(5, 90, 24, 0.86);
border-radius: 0.25rem;		
}

.etichetta-di-testo{
border:none;
border-color: white;	
background-color: white;
color:black;
font-size: 18px;
font-style: italic;
font-weight: 600;
width: 100%;
cursor:pointer;
color:#636562;
}

.etichetta-di-testo:focus{
outline:none	
}

/*PULSANTI*/
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-home {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
   display: block;
  width: 100%;
}

.btn-home:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
	 display: block;
  width: 100%;
}

.btn-send-archivia {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	margin-top:-5px;
	border: 1px solid #2a6722;
	border-radius: 2px;
	background: #3c91ff   ;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c91ff)   , to(#0749ff));
	background: -moz-linear-gradient(top, #3c91ff  , #0749ff);
	background: linear-gradient(to bottom, #3c91ff  , #0749ff);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f4f4;
	text-decoration: none;
	cursor: pointer;
	
}


.btn-send-archivia:hover {
	background-color: #1084d9;
	color: #0f0f0e;
}

.btn-send-archivia {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	margin-top: -5px;
	border: 1px solid #2a6722;
	border-radius: 2px;
	background: #3c91ff   ;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c91ff)   , to(#0749ff));
	background: -moz-linear-gradient(top, #3c91ff  , #0749ff);
	background: linear-gradient(to bottom, #3c91ff  , #0749ff);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f4f4;
	text-decoration: none;
}

.btn-svuota {

	height: 35px;
	margin-top: 20px;
	width: 90px;
	text-align: center;
	vertical-align: middle;
	margin-top:-5px;
	border: 1px solid #e27900;
	border-radius: 2px;
	background: #ff991d;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff991d), to(#ff8c00));
	background: -moz-linear-gradient(top, #ff991d, #ff8c00);
	background: linear-gradient(to bottom, #ff991d, #ca6c00);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f4f4;
	text-decoration: none;
	cursor: pointer;
}
.btn-svuota:disabled {
	background-color: #c9c6c6;
	color: #0f0f0e;
	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
}


.btn-send-red {
	display: inline-block;
	float: right;
	height: 30px;
	margin-top: 20px;
	width: 90px;
	text-align: center;
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
	border: 1px solid #2a6722;
	border-radius: 2px;
	background: #cf0000   ;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf0000)   , to(#aa0000));
	background: -moz-linear-gradient(top, #cf0000  , #aa0000);
	background: linear-gradient(to bottom, #cf0000  , #aa0000);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: Arial;
	font-size: 20px;
	font-style: italic;
	color: black;
	text-decoration: none;
}


.btn-send-red:hover {
	background-color: #1084d9;
	color: #f4f4f4;
}



.btn-send-blu {
	display: inline-block;
	float: right;
	height: 50px;
	margin-top: 20px;
	width: 90px;
	text-align: center;
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
	border: 1px solid #2a6722;
	border-radius: 2px;
	background: #3c91ff   ;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c91ff)   , to(#0749ff));
	background: -moz-linear-gradient(top, #3c91ff  , #0749ff);
	background: linear-gradient(to bottom, #3c91ff  , #0749ff);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: Arial;
	font-size: 20px;
	font-style: italic;
	color: black;
	text-decoration: none;
}


.btn-send-blu:hover {
	background-color: #1084d9;
	color: #f4f4f4;
}

.btn-send-giallo {
		display: inline-block;
		float: right;
		height: 50px;
		margin-top: 20px;
		width: 100px;
		text-align: center;
		vertical-align: middle;
		padding: 4px 4px 4px 4px;
		border: 1px solid #e27900;
		border-radius: 2px;
		background: #ff991d;
		background: -webkit-gradient(linear, left top, left bottom, from(#ff991d), to(#ff8c00));
		background: -moz-linear-gradient(top, #ff991d, #ff8c00);
		background: linear-gradient(to bottom, #ff991d, #ca6c00);
		/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
		-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
		/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

		font-family: Arial;
		font-size: 20px;
		font-style: italic;
		color: black;
		text-decoration: none;
	}
	

.btn-send-giallo:hover {
	background-color: #1084d9;
	color: #f4f4f4;
}

.btn-send { 
   display: inline-block;
	float:right;
	height:50px;
	margin-top:20px;
	width:90px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 4px 4px 4px;
    border: 1px solid #2a6722;
    border-radius: 2px;
    background: #4ec240;
    background: -webkit-gradient(linear, left top, left bottom, from(#4ec240), to(#2a6722));
    background: -moz-linear-gradient(top, #4ec240, #2a6722);
    background: linear-gradient(to bottom, #4ec240, #2a6722);
    /*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
    -moz-box-shadow: #5ee94d 0px 0px 40px 0px;
    /*box-shadow: #5ee94d 0px 0px 40px 0px;*/
    
    font-family:Arial;
	font-size: 20px;
	font-style: italic;
    color: black;
    text-decoration: none;
}
.btn-send:hover {
	background-color: #1084d9;
	color: #f4f4f4;
}

.btn-yes {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
	border: 1px solid #2a6722;
	border-radius: 2px;
	background: #4ec240;
	background: -webkit-gradient(linear, left top, left bottom, from(#4ec240), to(#2a6722));
	background: -moz-linear-gradient(top, #4ec240, #2a6722);
	background: linear-gradient(to bottom, #4ec240, #2a6722);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f1ea;
	text-decoration: none;
}
.btn-yes:hover {
	background-color: #1084d9;
	color: #0f0f0e;
}

/*#dc3545;*/

.btn-no {
	display: inline-block;
	float: right;
	height: 35px;
	margin-top: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
	border: 1px solid #dc1832;
	border-radius: 2px;
	background: #dc3545;
	background: -webkit-gradient(linear, left top, left bottom, from(#dc3545), to(#dc1832));
	background: -moz-linear-gradient(top, #dc3545, #dc1832);
	background: linear-gradient(to bottom, #dc3545, #dc1832);
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f1ea;
	text-decoration: none;
}
.btn-no:hover {
	background-color: #1084d9;
	color: #0f0f0e;
}

.btn-rubrica {
	background-color: rgba(141, 186, 109, 0.22);
	position: relative;
	width: 35px;
	height: 35px;
	margin-right: 1px;
	margin-top: 2px;
	padding-top: 8px;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 2px;
	border: 1px solid #9dcb7c;
	color: #0a0909;
	font-family: Arial, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;


}

.btn-rubrica:hover {
	background-color: #9dcb7c;
	position: relative;
	width: 35px;
	height: 35px;
	margin-right: 1px;
	margin-top: 2px;
	padding-top: 8px;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 2px;
	border: 1px solid #444;
	color: #0a0909;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
}

.btn-inserisci {
	display: inline-block;
	float: right;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 58px;
text-align: center;
		vertical-align: middle;
		padding: 4px 10px;
		border: 1px solid #e27900;
		border-radius: 1px;
		background: #ff991d;
		background: -webkit-gradient(linear, left top, left bottom, from(#ff991d), to(#ff8c00));
		background: -moz-linear-gradient(top, #ff991d, #ff8c00);
		background: linear-gradient(to bottom, #ff991d, #ca6c00);
		/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
		-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
		/*box-shadow: #5ee94d 0px 0px 40px 0px;*/

		font-family: inherit;
		font-size: 13px;
		font-style: italic;
		color: black;
		text-decoration: none;
}

.btn-inserisci:hover {
	background-color: #1084d9;
	color: white;
}


.btn-add { 
  display: inline-block;
	float:right;
    text-align: center;
    vertical-align: middle;
	height: 29px;

    padding: 4px 10px;
    border: 1px solid #19720d;
    border-radius: 1px;
    background: #c1c1c1;
    background: -webkit-gradient(linear, left top, left bottom, from(#4ec240), to(#2a6722));
    background: -moz-linear-gradient(top, #4ec240, #2a6722);
    background: linear-gradient(to bottom, #4ec240, #2a6722);
    /*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
    -moz-box-shadow: #5ee94d 0px 0px 40px 0px;
    /*box-shadow: #5ee94d 0px 0px 40px 0px;*/
    font-family:inherit;
	font-size: 13px;
	font-style: italic;
    color: #f4f1ea;
    text-decoration: none;
	cursor:pointer;
}

.btn-add:hover {
    background-color: #1084d9;
     color: #0f0f0e;
}

.btn-grid {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin-right: 1px;
	margin-top: 2px;
	padding-top: 8px;
	border: 1px solid #19720d;
	border-radius: 1px;
	background: #35916e;
	
	/*-webkit-box-shadow: #5ee94d 0px 0px 40px 0px;
	-moz-box-shadow: #5ee94d 0px 0px 40px 0px;
	/*box-shadow: #5ee94d 0px 0px 40px 0px;*/
	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #f4f1ea;
	text-decoration: none;
	cursor: pointer;
}

.btn-grid:hover {
	background-color: #35916e;
	color: #0f0f0e;
}




.middle-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.middle-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}


.img-thumbnail {
  padding: 0.75rem;
  background-color: #fff;
  border:none;
  max-width: 100%;
  height: auto;
}

/*TABELLA RUBRICA RESPONSIVE OK*/
.customers {
	font-family: Tahoma, Geneva, sans-serif;
	border-collapse: collapse;
	width: 100%;
	overflow: auto; /*for horizontal and vertical scroll bars */

	/*height: 600px;*/
}



.customers td, .customers th {
	border: 1px solid #ddd;
	padding: 8px;

}

.customers tr:nth-child(even){
	background-color: #f2f2f2;
}

.customers tr:hover {
	background-color: #ddd;
}

.customers th {
	/* barra intestazione tabella*/
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #e08d09;
	color: #0f0f0e;
	font-weight: lighter;

}

/*CSS HEADER FIXED*/
.customers header-fixed {
	position: fixed;
	top: 50px;

	z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */

}

/* fine tabella rubrica*/




/*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media
only screen
and (max-width: 767px), (min-device-width: 768px)
and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;

	}


	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;

	}

	tr {

		margin: 0 0 1rem 0;
	}

	tr:nth-child(odd) {
		background: #ccc;

	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		content: attr(data-label);
		float: left;

		width: 50%;
		padding-right: 10px;
		white-space: nowrap;
		display: inline-block;
	}



	/*
	Label the data
	You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	/*INTESTAZIONE COLONNE QUANDO LA TABELLA COLLASSA*/
	td:nth-of-type(1):before {
	}
	td:nth-of-type(2):before {
		content: attr(data-label
	}
	td:nth-of-type(3):before {
		content: attr(data-label);
	}
	td:nth-of-type(4):before {
		content: attr(data-label);
	display: block;
	float: none;
	}
	td:nth-of-type(5):before {
		content: attr(data-label);
	}
	td:nth-of-type(6):before {
		content: attr(data-label);
	}
	td:nth-of-type(7):before {
		content: attr(data-label);
	display: block;
	float: none;
	}
	td:nth-of-type(8):before {
		content: attr(data-label);
	}
	td:nth-of-type(9):before {
		content: attr(data-label);
	}
	td:nth-of-type(10):before {
		content: attr(data-label);
	}
	td:nth-of-type(11):before {
		content: attr(data-label);
	}
	td:nth-of-type(12):before {
		content: attr(data-label);
	}
	td:nth-of-type(13):before {
		content: attr(data-label);
	}
	td:nth-of-type(14):before {
		content: attr(data-label);
	}
}

td.azioni {
	white-space: nowrap;
}
/* fine tabella rubrica*/