body {
	width:100%;
	margin:auto;
	background-color:#e4e6eb;
	padding:0px;
	
}	
#logo{
	background-color:black;
	color:white;
	padding:5px;
	padding-left:35px;
	
}
#test{
	background-color:white;
	
	position: -webkit-sticky;
     position: sticky;
     top: 0;
	 padding: 5px 50px 5px 5px;
	opacity:0.8;
  border: 2px solid #4CAF50;
}


button#nuovariga.btn {
  float:left;
  margin-left:15px;
}

.btn {
	padding:3px;
	/*border:1px solid blue;*/
	margin:3px;
	border-radius:4px;
	text-decoration:none;
	font-size:100%;
	background-color:#128399;
	color:white;

}

.log{
	position: fixed;
	right:50px;
	top:50px;
}


#footer{
	background-color: #111;
	color:#bfbdbd;
	/*padding:4px;*/
	padding-left:150px;
	
	margin-left:0px;
	width:100%;
	position:fixed;
	bottom:0;
	z-index: 1;
	left:0;
	
}
#content{
	text-align:center;
	width:auto;
	height:auto;
	z-index:1;
	padding-top:10px;
	padding-bottom: 100px;
	margin-left:0px;
	margin-top: 40px;
	background-color:#e4e6eb;
}

/*
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  width:100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
*/
.dropbtn {
  background-color: rgb(20, 10, 10);
  color: white;
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover {
  background-color: #c9c8c7;
}

.dropbtn-centered {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dropdown {
  position: relative;
  display: inline-block;
   
}

.dropdown-content {
  display: none;
  position: absolute;
  
  background-color: #f9f9f9;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;	
  display: block;
  font-size: 14px;
}


.dropdown-content a:hover {background-color: #e8e6e6}

.dropdown-content option {
  color: black;
  padding: 12px 16px;
  text-decoration: none;	
  display: block;
  font-size: 14px;
}


.dropdown-content option:hover {background-color: #e8e6e6}


.dropdown:hover .dropdown-content {
  display: block;
	
}

.dropdown:hover .dropbtn {
  background-color: #c9c8c7;
}

#tblric {
	width:auto;
	background-color:white;
	color:black;
	border-collapse:collapse;
	
	
}
#tblric tbody{
	font-size:12px;
	/* font-family:Arial Narrow; */
}
#tblric thead{
	font-size:14px;
	font-weight:bold;
	/*font-family:Arial Narrow;*/
	
	
	 
}
#tblhead > tr:nth-child(1) > th:nth-child(1){
	padding: 5px;
}


#tblric td, #tblric th{
	border:1px solid #ddd;
	padding: 2px;
}
#tblric tr:nth-child(even){background-color: #f2f2f2;}
/*tr:nth-child(even){background-color: #f2f2f2;} */	
#tblric tr:hover {background-color: #ddd;}

div#tabella-container table > tbody > tr:hover {background-color: #ddd;}

#tblric th {
   text-align: center;
  background-color: #3e8e41;
  color: white;
}
.evidenzia{
	border-style: solid;
	border-color: #3e8e41;
}


/*intestazione*/
body{
	  width:100%;
  }
  #int{
  margin:auto;
  width:100%;
  background-color:gray;
	color:white;
	padding:10px 0px 10px 50px;
	font-size:14px;
  }
 #menubtn{
	 background-color: #111;
	 color: white;
	 padding: 0px;
	 border: none;
	 cursor: pointer;
	 width: auto;
	 margin-left:2px;
	 margin-top:8px;
	 opacity: 0.8;
	}
 #menubtn:hover {
	 opacity: 1;
	 color:#c7c9c9;
 }
	
#menu {
	 
	
	 width:100%;
	 height: 40px;
	 margin-left:0px; 	
}
 /* Style the header */
.tblhead {
	margin-top:40px;
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.thsticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:0;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.thsticky + .content {
  padding-top: 102px;
} 



  .sticky {
	width: 100%;  
	position:fixed; 
	top:0;
	background-color:black;
	z-index: 2;
}

.sticky + .content {
  padding-top: 10px;
}

  
/*FORMATTA TESTATA FILRO TABELLA RICHIESTE*/  
.imput{
	border-style:none;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#3e8e41;	
	color:white;
	font-size:12px
 }
.imput::placeholder, .imput1::placeholder{
	opacity:1;
	font-weight:bold;
	font-family:Arial Narrow;
	font-size:12px
}
	
.imput1{
	border-style:none;
	padding-top:0px;
	padding-bottom:0px;
	background-color:yellow;
	color:red;font-size:12px;
	border-radius:8px}  
	
.btnhead{
	width:50px;
	background-color: #4CAF50;
  color: white;
  padding: 3px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}	

.form-popup body {font-family: Arial, Helvetica, sans-serif;}
 
 /*
 *{box-sizing: border-box;}
*/
.dett-riga {
	display:none;
}
/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  width:auto;
  margin-left:50%;
  margin-top:-300px;

  /*bottom: 70px;
  right: 15px;*/
  border: 3px solid #d2c2c2;
  z-index: 9;
  background-color: white;
}
.form-dettaglio{
  display: none;
  position: absolute;
  width:auto;
  /*bottom: 70px;*/
  /*right: 15px;*/
  top:300px;
  left:25%;
  border: 3px solid #434242;
  z-index: 9;
  background-color: rgb(240, 243, 200);
}


/* Add styles to the form container */
.form-container {
  max-width: 500px;
  padding: 10px;
  background-color: rgb(206, 210, 198);
}

/* Full-width input fields */
.form-container input[type=text],
.form-container input[type=password],
.form-container textarea[type=text]{
  width: 95%;
  padding: 10px;
  margin: 5px 0 5px 0;
  border: none;
  background: #f1f1f1;
  font-size: 14px;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus, .form-container textarea[type=text].focus {
  background-color: #f6f2b3;
  /*outline: none;*/
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;	
  cursor: pointer;
  width: 45%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}



.navbar.main {
  background-color: #716d6e;
  border-right: #716d6e;
  
  position: absolute;
  width: 100%;
  z-index: 1000;
  min-width: 1245px;
  height: 42px;
  background-color: #272729;
  margin-left: 150px;
 /* position: relative;*/
}



.navbar {
	overflow: visible;
	
}
.pull-right
{
  float: right;
}
ul {
  /* list-style-type: none; */
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* background-color: #111; */
  width: 99%;
}
li {
  float: left;
}
.navbar.main .topnav {
  border-left: 0px solid #000;
}

.navbar.main .topnav, .navbar.main .topnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar.main .topnav > li {
  border-left: 1px solid #424243;
  border-right: 1px solid #000;
  position: relative;
}
.headbar {
	background-color: #111;
	position: fixed;
  top: 0;
	z-index:2;
	height: 40px;
	width:100%;
}
 
.headbar >ul > li :hover{
	opacity: 1;
	color:white;
}
#mySideNav {
  /*text-align: right!important; */
  margin-left:150px;
  height:100%;
  width: 150px;
  position: fixed;
  z-index: 1;
  top: 40px;
  left: 0;
  background-color: #eeedb3;
  overflow-x: hidden;
  transition: 0.5s;
  padding-right: 0px;
} 

/* #### menu laterale ####*/



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  /*transition: 0.5s;*/
  padding-top: 0px;
}

.sidenav a, .dropdown-btn {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #bfbdbd;/*#818181;*/
  display: block;
  /*transition: 0.3s;*/
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  
}

.sidenav a:hover {
  color: #f1f1f1;
}

.closebtn {
  position: absolute;
  top: 120px;
  right: 5px;
  font-size: 36px;
  margin-left: 100px;
}

#main #content #footer{
  transition: margin-left .5s;
  padding: 10px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* Add an active class to the active dropdown button */
.active {
  background-color: grey;
  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;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 4px;
}

button.modifica-riga {
  background-color: blue;
  color:white;
  border:none;
  border-radius:5px;
  opacity: 0.5;
  padding:7px
}


button.elimina-riga {
  background-color: red;
  color:white;
  border:none;
  border-radius:5px;
  opacity: 0.5;
  padding:7px;
 }

 button:hover{
    opacity:1;
 }

/* ++++ TABELLA table#example ++++*/
table#example {
	font-size:12px;
	font-family: 'Times New Roman', Times, serif
}


/*++++ COLORE ACCETTATE+  ++++ */

 table#example tbody tr td.Accettata {
  background-color:green;
  color:white;
 }
 table#example tbody tr td.Nuova {
  background-color:rgb(49, 82, 204);
  color:white;
 }
 table#example tbody tr td.Rifiutata {
  background-color:rgb(208, 21, 21);
  color:white;
 }
 form#myForm input#stato.Accettata {
  background-color:green;
  color:white;
 }
/* ++++ COLORE SOCI  +++*/
table#example tbody tr td.socioSI {	color:blue;}

table#example tbody tr td.socioNO {color:red}

/* ++++  COLORE formPAGAMENTI  ++++ */

table#example tbody tr td.formP {
  background-color:#f8f9f9 ;
  opacity: 0.7;
}

table#example tbody tr td.formP input.formP, select.formP {
  background-color: #b2d9e1;
  opacity:1;
  border: none;
  border-color:#b2d9e1;
  color:black;
  padding:5px;
  font-weight:normal;
  font-family:'Times New Roman', Times, serif;
  font-size:12px;
}

div#headbar>ul>li {
  background-color: #080808;
  opacity: 1;
  border: none;
  border-color: #0d0d0d;
  color: rgb(119, 118, 118);
  padding: 10px;
  font-weight: normal;
  font-family: 'Times New Roman', Times, serif;
  font-size: 12px;


}



 /* ++++  MESSAGGIO MODIFICA RECORD OK ++++*/
 .msg1 {
  display:inline-block;
 
 }
.msg {
  display: block;
  width: 40%;
  height: auto;
  padding: 5px;
  left: 20px;
  bottom: 30px;
  position: fixed;
  z-index: 9;
  opacity: 0.9;
  font-size: 14px;
}
 .success {
  
  color:#053c0a
 }