html {
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	height: 100%;
	width:100%;
}

#main-container {
	display: table;
	width: 100%;
	height: 100%;
}

#mynavbar {
    color:white;
}
/*
#sidebar a {
	align-self: auto;
	display: block;
	padding: 12px;
	border:1px solid black ;
	background-color: #FFFFE0;
	text-decoration: none;
	color: black;
}
*/

/*
#sidebar a:hover {
background-color: blue;	
	color: white; /* !important
}
*/

#content {
	display: table-cell;
	width: 85%;
	vertical-align: top;
	padding: 10px 0 0 10px;
}

p {
	font-size :15px;
}
select {
width: auto;
border: 1px solid blue;
border-radius: 6px;
padding: 10px 10px;
margin: 5px 5px;
font-size : 20;
}

input[checkbox]{
transform : scale(10);
    
}


	
input {
    
border: 1px solid blue;
border-radius: 4px;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
box-sizing:border-box;
font-size : 15;
}


form {
width:auto;	
height:auto;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border:5px solid black ;
border-radius: 5px;
}
	
textarea {
columns  : 75 ;	
border: 1px solid blue;
border-radius: 6px;
padding: 10px 12px;
margin: 1px 1px;
font-size: 25;
font-weight: bold;
}


ul {
	position:relative;
	margin-left:40%;
	height:200px;
	max-width:75px;
	list-style:inside url("logo1.png");
  }

li{
	 width:auto;
	 height:40px;
  background-color:lightgreen;
  padding:10px;
  border:1px solid blue;
  border-radius : 8px;
}




datalist {
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
}

datalist option {
  font-size: 0.8em;
  padding: 0.3em 1em;
  background-color: #ccc;
  cursor: pointer;
}

/* option active styles */
datalist option:hover, datalist option:focus {
  color: #fff;
  background-color: #036;
  outline: 0 none;
}

label {
	font-weight: bold;
	font-size : 20px;
}





#main-containerin {
	display: table;
	width: 100%;
	height: 100%;
}



#sidebarin a {
	align-self: auto;
	text-align: middle;
	display: block;
	padding: 15px;
	border:1px solid black ;
	background-color: lightgreen;
	text-decoration: none;
	color: black;
}

#sidebarin a:hover {
	color: white !important;
}

#contentin {
	display: table-cell;
	width: 85%;
	vertical-align: top;
	padding: 10px 0 0 10px;
}


#report table {
 height: 100px;
 overflow-y: scroll;
  overflow-x: scroll;

}




#report th {
width: auto;
border: 1px solid blue;
border-radius: 6px;
padding: 2px 2px;
margin: 2px 2px;
font-size : 20;
font-weight: bold;
}

#report td {
width: auto;
border: 1px solid black;
border-radius: 6px;
padding: 1px 1px;
font-size : 15;
font-weight: bold;
}

table{
max-height:400px;	
border-collapse: collapse;	
}
button {
    padding:10px 10px 10px 10px;
}

table thead{
position :sticky;
top:0;
background-color: lightgreen;
z-index: +2;
color: black;
border: 1px solid black;
border-collapse:collapse; 

}

table tbody {

border: 2px solid blue;
border-collapse:collapse; 
overflow-x:scroll;
overflow-y:scroll;

}
thead th {
width:auto; 
color:black;
border: 1px solid black;
border-collapse:collapse; 
border-radius: 6px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
font-size : 15;
font-weight: bold;
text-align:center;
}

tbody td {
width:auto;    
border: 1px solid black;
border-collapse:collapse; 
border-radius: 4px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
font-size : 15;
}

tr{
	border-collapse:collapse; 
border: 2px solid black;


}