.example_01 {color:}
{color:#185100}
/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/
/* darkmode */

/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}
*/

/* Correzione colori BOOTSTRAP */
.btn-primary {background:#074D95;color:white;border-color:#074D95;margin:10px auto;width:50%;display: block;}

.btn-primary:hover {background:#2175CC;color:white;border-color:#074D95}
.btn-secondary {background:#074D95;}
.btn-success {}
.btn-danger {}
.btn-warning {color:white;}


body {background: #e0e0e0;}
#wrapper .navbar.bg-dark {background-color:#074D95 !important}
#wrapper #menu_admin .navbar.bg-dark {background-color:#777 !important}
#wrapper {border:2px solid #ccc;background:#eee}


a {color:#4d5744;}


/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/
/* darkmode */

/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}
*/

/* ****** GENERALE ***************************************************************************** */

#wrapper {max-width:1000px;margin:0 auto;padding:0 15px;}
h1 {color:#074D95;text-align: center;margin-top:25px;border-bottom:1px solid #074D95;padding-bottom: 8px;}
h2 {color:#074D95;text-align: center;background:#eee;padding-bottom:10px;position:relative;z-index:10;margin:0;}

h2.uno {z-index:10}
h2.due {z-index:10}
h2.uno {z-index:10}
#title {text-align: center;color:#074D95;margin-bottom:30px;}


/* MENU */

#menu_main a {color:white;display: inline-block;border:1px solid white;padding:3px;margin:10px 2px 0 2px;}
#menu_main a:hover {color:red}
#menu_main a:selected {color:green}
#menu_main a:hover {color:yellow}
#menu_main a:active {color:purple}

img#logo {width: 200px; margin:0 !important}


.navbar-nav li a {color:white !important;}
.navbar-nav li.block {border-left:1px solid white}
.navbar-nav li a:hover {color:#ccc !important;}

.dropdown-menu {background:#999}





/* ****** CLASSIFICA GENERALE ****************************************************************** */



ul {list-style: none;margin:0;padding:20px;}

		div#menu_main {
		  position: -webkit-sticky; /* Safari & IE */
		  position: sticky;
		  height:50px;
		  top: 0;
		  background-color: #074D95;
		  padding: 0 20px;
		z-index:999;	
		}


		ul.class_header {
		  position: -webkit-sticky; /* Safari & IE */
		  position: sticky;
		  top: 0px;
		  background-color: #ccc;
		  padding: 0 20px;
		}


		.classifica .position {display: inline-block;width:10%;text-align: left;}
		.classifica .new_group {border-top: 1px solid #777;}
		.classifica .cognome {display: inline-block;width:35%;font-weight: bold;}
		.classifica .nome {display: inline-block;width:35%;}
		.classifica .punteggio {display: inline-block;width:10%;text-align: right;}
		.classifica .nrgare {display: inline-block;width:10%;text-align: right;color:#777}





.scelta {margin:10px 20px;width:30%;display: inline-block;}


.scelta.active {font-weight: bold;font-size: 14pt}


@media (max-width: 600px)  {

} /* FINE MEDIA */



/* GARA */


#top {width:100%;border:1px solid red;display: block;height:100px;}

#seleziona_gara select#inputGroupSelect01 {text-align:center; font-size: 30px;color:#074D95;}

@media (max-width: 600px)  {
    #seleziona_gara select#inputGroupSelect01 {font-size: 18px;}    

}


#seleziona_gara option {color:#4d5744;margin:0;padding:0;font-size:14px;}

#sx {margin: 0px auto;
    width: 20%;
    border: 1px solid yellow;
	background:yellow;
	height:100%;
    float: left;
    display: block;}
#center {    margin: 0px auto;
    width: 60%;
    border: 1px solid green;
    float: left;
    display: block;}
#dx {margin: 0px auto;
    width: 20%;
    border: 1px solid blue;
	background:blue;
    float: right;
    display: block;
	height:100%;}

	.garasingola .classifica {max-width: 800px;margin: 0 auto;}
	.garasingola .classifica .position {display: inline-block;width:10%;text-align: left;}
	.garasingola .classifica .new_group {border-top: 1px solid #777;}
	.garasingola .classifica .cognome {display: inline-block;width:35%;font-weight: bold;}
	.garasingola .classifica .nome {display: inline-block;width:35%;}
	.garasingola .classifica .punteggio {display: inline-block;width:20%;text-align: right;}
	.garasingola .classifica .nrgare {display: inline-block;width:10%;text-align: right;color:#777}





/* Tabellone */
td,th {width:50px;text-align:center;border:1px solid #999;}
th.nome,td.nome {width:250px;background:#ccc;border:0;text-align:left;}
th.totale,td.totale {width:150px;font-weight:bold;}
td.nd {color:#999}



/* ***************************************************************************
/* ***************************** AMMINISTRAZIONE *****************************
/* ***************************************************************************

/* DASHBOARD */

#dashboard ul#buttons {padding:0;}

#dashboard #buttons li {
	float: left;
	list-style: none;
	text-align: center;
	background-color: #074D95;
	margin: 5%;
	width: 40%;
	
	padding-bottom:20px;
	color:white;
}

#dashboard #buttons li:nth-child(even) {
	float: right;
}




#dashboard #buttons li:hover {  background-color: #4d5744;   font-weight:bold;}

#dashboard #buttons li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	margin-top: 18px;
	font-size:50px;
}

#dashboard #buttons li a:hover {
  text-decoration: none;
}


/* ****** GIOCATORI **************************************************************************** */





#admin_giocatori h2 {margin-top:20px;border-bottom:1px solid #074D95;padding:4px 0}


/* blocco dinamico JS inserimento giocatore */

#admin_giocatori #ins_giocatore {
	position:relative;
	border: 1px solid green;
	padding: 30px 20px 20px 20px;
	background:#eee;
	}

#admin_giocatori #ins_giocatore label {width:120px;padding-left:10px;}
#admin_giocatori #ins_nome {display:inline-block;}
#admin_giocatori #ins_cognome {display:inline-block;}
#admin_giocatori #ins_email {display:inline-block;}

#admin_giocatori .top {position:relative;text-align:center;margin-bottom:30px;}
#admin_giocatori #ins_giocatore button.remove-btn {position:absolute; top:0;right:10px;margin:0px;padding:0;color:#074D95;background:none;border:none;font-size:30px;}

#admin_giocatori ul.lista, #admin_giocatori ul.lista ul {list-style-type: none;padding:5px}
#admin_giocatori ul.lista li {display: inline-block;}
#admin_giocatori ul.giocatore {padding:15px;border-bottom: 1px solid #ccc}
/* #admin_giocatori .actionbtn {margin:10px;background:red;border:none;} */


/* elenco righe giocatore */

#admin_giocatori ul.giocatore .progressivo {display: inline-block;width:20px;text-align: left;}
#admin_giocatori ul.giocatore .cognome {display: inline-block;width:30%;font-weight: bold;}
#admin_giocatori ul.giocatore .nome {display: inline-block;width:30%;}
#admin_giocatori ul.giocatore .azione {display: inline-block;width:4%;text-align: right;min-width: 30px;float:right;margin-left:15px;}
#admin_giocatori ul.giocatore button {border:none;width:30px;height:30px;padding:0;}


@media (max-width: 930px)  {
	#admin_giocatori ul.giocatore .nome {width:30$%;}

} /* FINE MEDIA */

@media (max-width: 500px)  {
	#admin_giocatori ul.giocatore .nome {width:30%;}

} /* FINE MEDIA */


#admin_giocatori_delete button.deletebtn {margin:10px auto;border:none;width:200px;}


/* *** EDIT GIOCATORE *** */

.edit_giocatore {}

.edit_giocatore .edit_nome,
.edit_giocatore .edit_cognome,
.edit_giocatore label {width:150px;}










/* ****** INSERIMENTO CLASSIFICA *************************************************************** */


.inserimento #datagara {margin-bottom:15px !important;}
.inserimento #datagara .input-group-prepend label {background:#074D95;color:white;}

.inserimento form#inserisci_gara  {max-width:800px;margin:0 auto}
.inserimento form#inserisci_gara .title p {width:20%;text-align: center; margin:5px 0;}
.inserimento form#inserisci_gara .title p.giocatore {width:60%;}
.inserimento #inserisci_gara .input-group {margin-bottom:0 !important;}
.inserimento #inserisci_gara .input-group-prepend {width:60%;}
.inserimento #inserisci_gara .input-group-prepend .input-group-text {width: 100%;}







/* ****** LOGIN ******************************************************************************** */


html,
body#login {
  height: 100%;text-align:center;
}

body#login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

#login .form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

#login .form-signin .checkbox {
  font-weight: 400;
}

#login .form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  margin:15px 0;
}
#login .form-signin .form-control:focus {
  z-index: 2;
}
#login .form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#login .btn-primary {margin: 30px auto;display: block;}

#login .login-lost {margin:10px 0;}