.but {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.but:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}

.but:active {
	position:relative;
	top:1px;
}

.buttonFico {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	/*padding:2px 14px; */
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}

.buttonFico:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}

.buttonFico:active {
	position:relative;
	top:1px;
}

/*
.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton
.myButton
      */

/* LABEL END */
/* BADGE PILL 

.badge {
  display: inline-block;
  padding: .25em .4em;
  padding-right: 0.4em;
  padding-left: 0.4em;
  
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
 
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/


.btnAccept {
	cursor: pointer;
	font-size: 14px;
	margin: 5px auto;
	 
	background: #0089f2;
	padding: 5px 20px;
	border-radius: 3px;
	text-shadow: 1px 1px 0 #0072ca;
	color: #fff;
	background-image: -webkit-linear-gradient(#0089F2 0%, #0072ca 100%);
	background-image: -moz-linear-gradient(#0089F2 0%, #0072ca 100%);
	background-image: -o-linear-gradient(#0089F2 0%, #0072ca 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0089F2), to(#0072ca));
	background-image: linear-gradient(#0089F2 0%, #0072ca 100%);
	float: none !important;
	text-align: center;
	text-decoration: none;
}

.btnAccept:hover {
box-shadow: 2px 2px 14px 6px rgba(0,0,0,0.45);
-webkit-box-shadow: 2px 2px 14px 6px rgba(0,0,0,0.45);
-moz-box-shadow: 2px 2px 14px 6px rgba(0,0,0,0.45);
}
 
 .btnA {
 margin-left: 5px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
/*  color: #FFFFFF; */
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 18px;
 border-radius: 5px;
 padding: 2px 10px;

 cursor: pointer;
 border: 2px solid #007BFF;

}

.btnA:hover {
	
	 border: 2px solid #000;
	 background: #34495e !important; 
	 color:#fff;
/* 	 background: #34495e !important; */
}

.bg-b {
  background-color: #007BFF;
  border: 2px solid #007BFF;
}

.bg-v {
	 background-color:  #2ECC71;
	 border: 2px solid #2ECC71;
}

.bg-outline {
 /* margin: 15px; */
 border: 2px solid #eee;
 border-radius: 9px ;	
}

.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;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;

/* line-height: 1.5; font-size: 12px;*/

transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

 
padding: 1px 5px;

border-radius: 3px;
 
}

.b-8 {
  padding: 4px 10px;
  text-shadow: 1px 1px 0 #0072ca;  
  border-radius: 3px;  
  text-align: center;
  text-decoration: none;  
  
  font-family:Verdana, Geneva, sans-serif;
}

.text-white {
  color: #fff !important;
}

.btn:hover{
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
 opacity:1; 
 /*  background-color:transparent; */
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

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

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline {
 /* margin: 15px; 
 border: 2px solid #eee;*/
 border-radius: 4px ;	
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

#btn-big {
padding: 19px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}

#fullscreen-button2 {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}

#btn-xxm {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}


.btn-xs  {
padding: 3px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}

.bg-div {
 border-top: 2px solid #eee;	
 padding: 8px 20px;			
}

.bg-par {
 padding: 8px 20px;		
}
  
.btn9:hover {
    background: #34495e !important;
	 
  }
  

.btn9 {
    background: #dd3939;
    border-radius: .4em;
   /* font-size: .35rem !important; */
    padding: .4em 1.1em !important;
    transition: .4s;
	 text-decoration: none;
	 color: #FFF;
  }
  
 .btn9 a {
    display: inline-block;
    text-decoration: none;
  }

/* BUTTON */
.butn {
  /* border: none; */
  color: #339933;
  /* padding: 5px 5px; */
  padding : 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px; 
 /* border: 3px solid #339933; */
}
.butn:hover {
 border: 3px solid #339933;
}


.b1 {background-color: #CCFFCC;} /* Green */
.b2 {background-color: #00FF66;} /* Blue */
.b1:hover {
  background-color: #4CAF50;
  color: white;
  border: 3px solid #ddd;
}
/* BUTTON */


/* LABEL BADGE   ex label */
.labelBadge * {
  float: left;
  margin: 0;
  padding: 2px 7px;
  color: white;  /* $text-color; */
  font-family: sans-serif;
  font-weight: 300;
  font-size: 14px;
  background: linear-gradient(to bottom, rgba(63,76,107,0.01) 50%,rgba(18,19,30,0.2) 100%); 
 text-shadow: 0.5px 0.5px rgba(10,10,10,0.4);
}
.labelBadge .key {
  background: linear-gradient(to bottom, rgba(63,76,107,0.01) 0%,rgba(18,19,30,0.5) 100%); 
  background-color: #FFE4B5; /* $key-color; */
  border-radius: 5px 0 0 5px; /* $radius */
}

.labelBadge .value {
  background-color:  #00FA9A; /* $value-color; #DC143C; */
  border-radius: 0 5px 5px 0; /* $radius */
}
 
.badge {
		/* padding: 0.25em 0.4em;	  margin: 0 7px 12px 0; vertical-align: baseline;*/
		
			border: 1px solid transparent;
			padding: 0.4em;
	display: inline-block;

	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	
	border-radius: 4px;
	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;
	text-decoration: none;
}

 

.badge:hover {
	color:#fff;
	background:#666;
}

.badge-outline-gray-primary {
	color: #455b71;
	border-color: #455b71;
}

.badge-sm {
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: .88rem;
}


.badge-danger {
  color: #fff;
  background-color: #d9364f;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.badge2 {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge2:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge2-error {
  background-color: #b94a48;
}
.badge2-error:hover {
  background-color: #953b39;
}
.badge2-warning {
  background-color: #f89406;
}
.badge2-warning:hover {
  background-color: #c67605;
}
.badge2-success {
  background-color: #468847;
}
.badge2-success:hover {
  background-color: #356635;
}
.badge2-info {
  background-color: #3a87ad;
}
.badge2-info:hover {
  background-color: #2d6987;
}
.badge2-inverse {
  background-color: #333333;
}
.badge2-inverse:hover {
  background-color: #1a1a1a;
}

/* PAGINA CERCA SCUOLA */

.cat-filters {
	display: flex;
	margin: 0 0 70px 0;
	flex-wrap: wrap;
}

.custom-control {

	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem;
}

.cat-filters .custom-control {
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
/*
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
*/


.custom-control-label::after {
	border-radius: 0px;
	background: none;
	position: relative;
	z-index: 0;
	content: none;
	display: none;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
}

.custom-control-label::before {
	position: absolute;
	top: 0.25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: white;
	border: #7e7f80 solid 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.custom-control-label::before, .custom-file-label, .custom-select {
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}