@charset "utf-8";
/*html, body, .container{ height: 100%; }*/
 /* Style login */
.login { /*centratura login*/
	width:30%; 
	margin:0 auto;
}	
.btn-login{
	float:right;
}
.titolo{/*riga intestazione sito*/
	background-color:#e9ecef;
}
 /* Style header */
.hr_up {/*riga intestazione*/
    border-bottom: #6c757d 2px solid;
	width:100%;
	background-color:#e9ecef;
	/*height:55px;*/
}
/*.nav.nav-pills.etichetta ul{
	padding:0px;
}*/
/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #d2d5d8; /* bg menu open*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  /*padding: 8px 8px 8px 32px;*/
  padding-left:32px;
  padding-bottom:6px;
  text-decoration: none;
  font-size: 12px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}
.sidebar h3{
  color: #6c757d;
  margin-left:20px;
  margin-bottom:50px;
}
/*.sidebar h3:hover {
  color: #f1f1f1;
}*/
.sidebar .closebtn:hover {
  color: #6c757d;
}
/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #e9ecef;
  color:#1576b9;
  /*color: white;*/
  padding: 4px 7px;
  margin-bottom:6px;
  border: none !important;
}

.openbtn:hover {
  background-color: #1576b9;
  color:#FFFFFF;
  /*border-radius: 20px;*/
}
.dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #1576b9;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.dropdown-btn:hover {
  color: #f1f1f1;
}
/* Add an active class to the active dropdown button */
.active {
  background-color: #1576b9;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
 /* background-color: #262626;*/
 background-color:#6c757d;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
}
#main2 {
  transition: margin-left .5s; /* If you want a transition effect */
  min-height:100%;
  height:auto !important; /*per gli altri browser*/
  height:100%; /*per IE 6*/ 
  margin-bottom:-50px;
  padding: 8px !important; /*unito al fixed-bottom fa stare footer a fondo pagina nelle pagine corte*/
}
#footer{
	height:50px;
	width: 100%;
	background-color:#e9ecef;
	}
 /* Style menu opzioni */
.dimmenu {/*dimensioni e posizione menu delle opzioni*/
	max-width:420px;
	margin:0 auto;
	margin-top:10px;
	text-align:left;
	margin-bottom:30px;
}
.dimmenu img{/*iconcine menu delle opzioni*/
	margin-left:10px;
	margin-right:20px;
}
.dimmenu a{/*colore testo menu*/
    color: #343a40;
}
.dimmenu a:hover{/*cambio sfondo e colore menu al passaggio del mouse*/
    background-color: #f2f2f2;/*#e9ecef;*/
	color: #1576b9;/*007bff;*/
}
.dimmenu ul{/**/
    border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}
.dimmenu li{/*bordo sotto voci menu opzioni*/
	border-bottom:1px solid rgba(0,0,0,.15);
}
.dimmenu li a{/**/
	border-radius: none;
}
.dimmenu div{/**/
	margin-bottom:30px;
}
h2.display-4 {
    font-size: 2.0rem;
	padding-left:10px;
	margin-bottom:0px;
}
.intestazione {/*voce titolo menu opzioni*/
	color: #1576b9; /*#007bff;*/
    background-color: #e9ecef;
	text-align:center;
	margin:0px;
	font-size:16px;
}
.intestazione p{/*padding top titolo menu opzioni*/
    margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}
.voce a{/*dimensione voci menu opzioni*/
    font-size:14px;
}
.voce img{/*dimensione img menu opzioni*/
	width:22px;
	height:22px;
}

/*Style vari menu di navigazione*/
/*.navbar {/*diminuisce padding barra navigazione del menu*/
/*    padding: .3rem .1rem;
}*/
.logomenu{/*menu + logo nella navbar*/
	padding-top: .1rem !important;
	padding-bottom: .1rem !important;
}
.utente{/*sez. utente nella navbar*/
	margin-right:20px;
	padding-top: .1rem;
    padding-bottom: .1rem;
	
}
.dropdown-item.attivo {/*voce dropdown evidenziata*/
    color: #007bff;
    background-color: #e9ecef;
}
.nav-link.attivo {/*voce menu evidenziata*/
    color: #007bff;
    background-color: #e9ecef;
}
.nav-link.anagrafica {/*etichetta scheda di diverso colore*/
    color: #fff;
	background-color: #0069d9;
	border-radius: .65rem .65rem 0 0;
	padding:.3rem;
	font-size:.9rem;
}
.nav-link.anagrafica:hover {
    background-color: #00448d;
	/*box-shadow: 0 0 0 0.2rem rgba(0,105,217,.5);*/
}
.nav-link.anagrafica.active {
    background-color: #00448d;
	border:#0069d9 solid 2px; 
	border-bottom:none;
	color:#fff;
	cursor:none;
}
.nav-link.cani {/*etichetta scheda di diverso colore*/
    color: #fff;
	background-color:#FF9933;
	border-radius: .65rem .65rem 0 0;
	padding:.3rem;
	font-size:.9rem;
}
.nav-link.cani:hover {
    background-color: #e67300;
	/*box-shadow: 0 0 0 0.2rem rgba(255,153,51,.5);*/
}
.nav-link.cani.active {/*etichetta scheda di diverso colore*/
    color: #fff;
	background-color:#e67300;
	border:#FF9933 solid 2px; 
	border-bottom:none;
	cursor:none;
}
.nav-link.tessere{/*etichetta scheda di diverso colore*/
    color: #fff;
	/*background-color:#9999CC;*/
	background-color:#28a745;
	border-radius: .65rem .65rem 0 0;
	padding:.3rem;
	font-size:.9rem;
}
.nav-link.tessere:hover {
    /*background-color: #6666b3;*/
	background-color:#208537;
	/*box-shadow: 0 0 0 0.2rem rgba(153,153,204,.5);*/
}
.nav-link.tessere.active{/*etichetta scheda di diverso colore*/
    color: #fff;
	/*background-color:#9999CC;*/
	background-color:#208537;
	border:#28a745 solid 2px; 
	border-bottom:none;
	cursor:none;
}
.nav-link.iscrizione{/*etichetta scheda di diverso colore*/
    color: #fff;
	/*background-color:#99CCCC;*/
	background-color:#dc3545;
	border-radius: .65rem .65rem 0 0;
	padding:.3rem;
	font-size:.9rem;
}
.nav-link.iscrizione:hover {
   /* background-color: #66b3b3;*/
   background-color:#b02a37;
   
	/*box-shadow: 0 0 0 0.2rem rgba(153,204,204,.5);*/
}
.nav-link.iscrizione.active{/*etichetta scheda di diverso colore*/
    color: #fff;
	/*background-color:#9999CC;*/
	background-color:#b02a37;
	border:#dc3545 solid 2px; 
	border-bottom:none;
	cursor:none;
}
.nav-link.qualifiche {/*etichetta scheda di diverso colore*/
    color: #fff;
	background-color: #66b3b3;
	border-radius: .65rem .65rem 0 0;
	padding:.3rem;
	font-size:.9rem;
}
.nav-link.qualifiche:hover {
    background-color: #518f8f;
	/*box-shadow: 0 0 0 0.2rem rgba(255,153,51,.5);*/
}
.nav-link.qualifiche.active {/*etichetta scheda di diverso colore*/
    color: #fff;
	background-color: #66b3b3;
	border:#66b3b3 solid 2px; 
	border-bottom:none;
	cursor:none;
}
.etichetta {
    list-style: none;
	border-bottom:none;
}
.card-header.etic {
    padding: 0;
} 
.card.etic{
	border:none;
	flex-direction: row;
	margin-left:-15px;
	margin-right:-15px;
	/*border-bottom: #007bff 1px solid;*/
}
.card.etic img{
	width:32px;
	height:32px;
}
.card.sezioni{
	border-bottom:none;
}
.card.conferma{
	padding:20px;
}
#form_register label{/*label modifica modulo*/
	font-size:.75rem;
	margin-bottom: .0rem;
}
.form-border{
 	/*border: 1px solid #dee2e6!important;*/
	margin-left:-15px;
	margin-right:-15px;
}
.note label{/*label dell'inserimento note*/
	display: block;
	/*margin-bottom: .5rem;*/
}
.note textarea{/*bordo del textarea uguale ad altre caselle*/
	border: 1px solid #ced4da;
}
hr{/*riga prima della scheda*/
	border-top: #007bff 1px solid;
	margin-top: 0.1rem;
    margin-bottom: 0.5rem;
}

 /* Style scheda dati */
.space{
margin-bottom:80px;/*spazio in fondo a scheda dati*/
}
.space h2{
margin-top:0.3em;/*spazio in alto titolo scheda dati*/
margin-bottom:0.4rem;
}
.space h2 img{
margin-left:10px;/*spazio sx img scheda dati*/
}
.space-plus{
	width:30%;
	padding:30px;
	margin-top:30px;
}
.form-group {/*spazio righe scheda dati*/
    margin-bottom: 0.5rem !important;
}
 /* Style elenchi */
.pers .thead-light th{/*impostazioni intestazione elenco*/
  	vertical-align: middle;
  	color: #495057;
  	background-color: #e9ecef;
  	border-color: #dee2e6;
	font-size:16px;
	/*height:50px;*/
}
.ricerca {/*td che include search*/
	background-color:#1576b9;
	min-width:120px;
}
.ricerca div{/*annulla margine inferiore casella ricerca*/
	margin-bottom: .0rem !important;
}
/*.centra div{/*centra la casella di ricerca*/
/*	margin:0 auto;
}*/
.thead_ricerca {/*striscia con caselle ricerca + bottone search del elenco*/
  display: table-header-group;
  vertical-align: middle;
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
	font-size:14px;
}
.ricerca input[type=search] {/*casella ricerca del elenco*/
  padding: 5px;
  font-size: 14px;
  border: 1px solid grey;
  float: left;
  border-radius: 10px 0px 0px 10px;
}
.input-group-sm>.lista{/*casella ricerca con select del elenco*/
  padding: 5px;
  font-size: 14px;
  border: 1px solid grey;
  float: left;
  border-radius: 10px 0px 0px 10px;
}
.ricerca button[type=submit]{/*bottone ricerca del elenco*/
  float: right;
  padding: 5px;
  font-size: 12px;
 /* margin:0 auto;*/
  border-radius: 0px 10px 10px 0px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
  display:inline-block;
}
.abbandona {/*bottone abbandona inserimento*/
  border-radius: 10px 10px 10px 10px;
}
/*.elenco {/*tolto margine del mt-3 */
/*	margin-top:0px !important;
}*/
.elenco h2{/*elenchi soci-addetti-corsi*/
	text-align:center;
	font-size: 1.3rem;
}
.elenco h5{/*sottotitolo schede*/
	text-align:center;
}
ol.breadcrumb {/*tolto margine inferiore ol del breadcrumb*/
	margin-bottom:0px;
}
.elenco .breadcrumb{/*breadcrumb soci-addetti-corsi*/
	margin-left:10px;
	font-size:12px;
	padding: .5rem .5rem;
}
.crumblink a{/*link breadcrumb*/
	color:#1576b9 !important;
}
.crumblink a:hover{/*link breadcrumb*/
	color:#007bff !important;
}
.elenco th{/*testo centrato dei titoli elenco*/
	text-align:center;
}
.chevron span{/*frecce up e down*/
	display: inline-block;
	/*display:inline;*/
	padding-left:3px;
	padding-right:3px;
	color:#007bff;
	text-align:center;
	/*padding: 3px;*/
	cursor:pointer;
	/*clear:both;	*/
}
.chevron i {
	/*padding:5px;*/
	cursor:pointer;
}
/*.chevron p {
margin-bottom:1px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}*/
.fa-pen {
	color:#00FF00;
}
.fa-save {
	color:#00FF00;
}
.lista tr:nth-child(even) {/*colore alternato righe elenco soci*/
 background-color: #f2f2f2;
}
/*
Colore al passaggio del mouse (azzurrino)
*/
 tr:hover > td {
  background-color: #a1c8e3;
}
.dati {/*dimensione carattere elenco soci*/
  font-size: .875rem;
  line-height:18px;
}

 /* Style bottoni */ 
.btn_inserisci {/*bottone inserisci nuovo*/
	/*background-color:#e9ecef;
	border-radius: .25rem;
	border-color:#babcbf;*/
	color: #6c757d;
	/*padding-top:50%;
	border-radius: 10px;*/
	/*padding: .2rem .4rem;*/
    font-size: .875rem;
}
.btn_inserisci i{/*centratura bottone inserisci nuovo*/
	margin-top:2%;
}
.btn_inserisci:hover{/*bottone inserisci nuovo*/
	/*background-color:#1576b9;
	border-radius: .25rem;
	border-color:#babcbf;*/
	color: #1576b9;
	/*border-radius: 10px;*/
}
.btn_return {/*bottone torna indietro*/
	/*background-color:#1576b9;
	border-radius: .25rem;
	border-color:#babcbf;*/
	color: #1576b9;
	margin-bottom:30px;
	/*border-radius: 10px;*/
}
.btn_return:hover{/*bottone torna indietro*/
	/*background-color:#e9ecef;
	border-radius: .25rem;
	border-color:#babcbf;*/
	color: #6c757d;
}
.btn_profilo {/*bottone profilo*/
	/*color: #6c757d;*/
	color:#1576b9 !important;
/*	color:fff;*/
	margin:5px;
}
.btn_profilo:hover{/*bottone profilo*/
	/*color: #1576b9;*/
	color:#007bff !important;
}
.blu {/*colore di sfondo di alcuni bottoni*/
	border-radius: 10px;
	font-size:.9rem;
	padding: .3rem .3rem;
}
.abbandona{/*arrotondamento bottone abbandona*/
	border-radius: 10px;
	font-size:.9rem;
	padding: .3rem .3rem;
}
.allinea {/*allineamento tasto abbandona e conferma*/
	text-align:center;
}
.btn_modifica_evento {/*bottone modifica evento*/
	background-color:#e9ecef;
	border-radius: .25rem;
	border-color:#babcbf;
	color: #6c757d;
	border-radius: 10px;
}
.btn_modifica_evento:hover{/*bottone modifica evento*/
	background-color:#ffffff;
	border-radius: .25rem;
	border-color:#babcbf;
	border-radius: 10px;
}
/*.pag a{/*dimensioni testo input x cercare pag specifica*/
/*    font-size: 12px !important;
}*/
.pag span{/*dimensioni testo che indica pag*/
   line-height:1 !important;
}
/*.pag li.disabled a{/*impostazioni x cercare pag specifica disabilitata*/
 /*   display: block;
	cursor: none;
    padding: .25rem .5rem;
    margin-left: -1px;
    color: #dee2e6;
    background-color: #fff;
    border: 1px solid #dee2e6;
}*/

.cercapag {/*input x cercare pag specifica*/
	border:none !important;
	margin-left:10px;
	width:40% !important;
	height: calc(1.0em + .45rem + 1px);
}
 /* Style footer */
/*.myfooter {
	position: fixed;
  	left: 0;
  	bottom: 0;
  	width: 100%;
	margin-top:20px;
	/*margin-bottom:0; 
	padding:2px; 
	height:100px;*/
	/*background-color: #e9ecef;
}
.myfooter {
background-color: #e9ecef;
padding-top:20px;
margin-top:50px;
}*/
@media (min-width: 768px) and (max-width: 991.98px) {
.pers .thead-light th{/*impostazioni intestazione elenco*/
	font-size:14px;
	padding:1px;
	height:60px;
}
.ricerca input[type=search] {
    font-size: .75rem;
}
.ricerca button[type=submit] {
    font-size: .68rem;
}
.dati {
    font-size: .75rem;
}
.btn-lg {
    font-size: 1.0rem;
}
.input-group-sm>.form-control{
    font-size: .75rem;
}
.elenco h2 {
     font-size: 1.5rem;
}
.card-header.etic a{
    font-size: .875rem;
	padding:1px;
}
}
@media (min-width: 360px) and (max-width: 768px) {
.logomenu{/*menu + logo nella navbar*/
	/*width:100%;*/
	/*float:left;*/
	margin-right:0px;
}
.logo{/*logo nella navbar*/
/*	padding-left:23%;*/
	padding-right:23%;
}
.login {
    width: 50%;
}
.display-4 {
    font-size: 2.5rem;
}
.utente{/*sez. utente nella navbar*/
	clear:both;
	text-align:right;
	/*width:100%;*/
	margin-right:5px;
	padding-top: .1rem;
	padding-bottom: .1rem;
}
.titolo h1{/*dimensione intestazione sito*/
	font-size: 2.5rem;
}
.titolo h4{/*dimensione intestazione sito*/
	font-size: 1.0rem;
}
.chevron{/*dimensione intestazione sito*/
	width:100%;
}
.centra div{/*dimensione intestazione sito*/
	width:100%;
	display:inline-table;
}
.pers .thead-light th{/*impostazioni intestazione elenco*/
	font-size:13px;
	height:50px;
}
.thead_ricerca {/*striscia con caselle ricerca + bottone search del elenco*/
  font-size:10px;
}
.ricerca input[type=search] {
    font-size: .75rem;
}
.ricerca button[type=submit] {
    font-size: .68rem;
}
.dati {
    font-size: .75rem;
}
.btn-lg {
    font-size: 1.0rem;
}
.input-group-sm>.form-control{
    font-size: .75rem;
}
.elenco .breadcrumb {
    margin-left: 5px;
    font-size: 11px;
}
.elenco h2 {
     font-size: 1.3rem;
	/* padding-top:10px;*/
}
.elenco {
	padding-right:5px;
	padding-left:8px;
}
/*.elenco div{
	padding-right:1px;
	padding-left:5px;
}*/
.fa-folder-plus {
	 padding-top:10px;
}
.card-header.etic a{
    font-size: .75rem;
	padding:1px;
}
/*.ricerca input[type=search] {/*casella ricerca del elenco*/
/*  font-size: 10px;
}
.ricerca button[type=submit]{/*bottone ricerca del elenco*/
/*  font-size: 10px;
}*/
}
@media only screen and (max-width: 360px) {
.hr_up {
    height: 100px;
	width:100%; 
}
.logomenu{/*menu + logo nella navbar*/
	width:100%;
	float:left;
	/*float:left;*/
	margin-right:0px;
}
.big img{/*logo nel login*/
	width:90px;
	height:70px;
}
.login {
    width: 80%;
}
.display-4 {
    font-size: 2.0rem;
}
.welcome h6{
    font-size: .7rem !important;
}
.logo{/*logo nella navbar*/
}
.utente{/*sez. utente nella navbar*/
	padding-left:20%;
}
.titolo h1{/*dimensione intestazione sito*/
	font-size: 2.5rem;
}
.titolo h4{/*dimensione intestazione sito*/
	font-size: 1.0rem;
}
.chevron{/*dimensione intestazione sito*/
	width:100%;
}
.centra div{/*dimensione intestazione sito*/
	width:100%;
	display:inline-table;
}
.pers .thead-light th{/*impostazioni intestazione elenco*/
	font-size:13px;
	height:50px;
}
.thead_ricerca {/*striscia con caselle ricerca + bottone search del elenco*/
  font-size:10px;
}
.ricerca input[type=search] {
    font-size: .75rem;
}
.ricerca button[type=submit] {
    font-size: .68rem;
}
.dati {
    font-size: .75rem;
}
.input-group-sm>.form-control{
    font-size: .75rem;
}
.elenco h2 {
     font-size: 1.1rem;
	 padding-top:10px;
}
.elenco {
	padding-right:5px;
	padding-left:8px;
}
/*.elenco div{
	padding-right:5px;
	padding-left:5px;
}*/
.fa-folder-plus {
	 padding-top:10px;
}
.card-header.etic a{
    font-size: .875rem;
	padding:4px;
}
.pag div{
	margin:0 auto;
}
/*.ricerca input[type=search] {/*casella ricerca del elenco*/
/*  font-size: 10px;
}
.ricerca button[type=submit]{/*bottone ricerca del elenco*/
/*  font-size: 10px;
}*/
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar h3{font-size:0.9rem !important;}
  .sidebar a {font-size: 12px;}
}