/* multi-line comment */
 
p{ line-height: 1em; }
h1, h2, h3{
    color: #232c2e;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 0 1.0em 0;
}
h1{ font-size: 1.7em; }
h2{ font-size: 1.5em; }
a{
	color: black;
	text-decoration: none;
}
	a:hover,
	a:active{ text-decoration: underline; }

/* you can structure your code's white space so that it is as readable for when you come back in the future or for other people to read and edit quickly */

body{
    font-family: arial; font-size: 90%; line-height: 1.5em; width: 100%; margin: auto; background: #eee;
}
/* you can put your code all in one line like above */
#page{ margin: 20px; }

/* or on different lines like below */
#logo{
	width: 100%;
	margin-top: 10px;
	font-family: georgia;
	text-align: center;
}
/* but try and be as concise as possible */

.nav ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;}

.nav li{
	float: left;
	border-right: 1px solid #bbb;
	}
.nav li a, .dropbtn{
	display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	}
.nav li a:hover, .dropdown:hover .dropbtn{
	background-color: #111;
	}
.nav li.dropdown {
    display: inline-block;
}

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

.nav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.nav .dropdown-content a:hover {background-color: #7E7E7E}

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

#content{
	margin: 2% 0%;
	background: white;
	padding: 1.5%;
	clear: both;
}
#footer{
	border-bottom: 1px #ccc solid;
	margin-top: 1%;
}
	#footer p{
		text-align: center;
		text-transform: uppercase;
		font-size: 80%;
		color: grey;
	}
/* multiple styles seperated by a , */
#content,
ul li a{ box-shadow: 0px 1px 1px #999; }

/* Insert */

#insert {
    margin-left:auto; 
    margin-right:auto;
	line-height: 2.0em;
  }

#udv table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
	}

	#udv td, th {
		border: 1px solid #dddddd;
		text-align: center;
		padding: 7px;
	}

		#udv tr:nth-child(even) {
			background-color: #dddddd;
		}

.bill_head{
	font-size: 2em;
}
		
.bill_box{
	height: auto;
	margin: auto 10%;
	border-width: 2px;
	border: 2px solid black;
}

.bill{
	margin-top: auto;
	padding: 2% 5%;
}

.bill_own{
	margin: auto;
	padding: 2% 5%;
	text-align: left;
	float: left;
	position: relative;
	display: inline-block;
}

.bill_ren{
	margin: auto;
	padding: 2% 5%;
	text-align: left;
	float: right;
	position: relative;
	display: inline-block;
}

.bill table{
	width: 100%;
}

.sign{
height: 120px;
width: 100%;
}

.own_sign{
float: left;
display: inline-block;
height: 30%;
width: 30%;
}

.own_sign h4{
text-align:center;
}

.ren_sign{
float: right;
display: inline-block;
height: 30%;
width: 30%;
}

.ren_sign h4{
text-align:center;
}
  
.btn-align {
    text-align: center;
	margin-top: 1%;
  }
  
.btn_print {
    background-color: #232c2e;
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 16px;
    margin: auto;
    cursor: pointer;
	position: relative;	
}
	
.btn_print {
    background-color: white; 
    color: black; 
    border: 2px solid #232c2e;
}

.btn_print_align {
    text-align: center;
  }

#btn_orb {
    background-color: #232c2e;
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: auto;
    cursor: pointer;
	position: relative;	
}
	
#btn_orb {
    background-color: white; 
    color: black; 
    border: 2px solid #232c2e;
}

#btn_orb {
    margin-top: 1%;
}
  
#button {
    background-color: #232c2e;
    border: none;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: auto;
    cursor: pointer;
	position: relative;	
}

#button {
    background-color: white; 
    color: black; 
    border: 2px solid #232c2e;
}

#button-align {
    text-align: center;
	margin-top: -2%;
  }
  
.img-with-text {
    text-align: center;
    width: 230;
}

.img-with-text img {
    position: relative;
	display: inline-block;
    margin: 0 auto;
}

.img-container {
	display: inline-block;
	margin:0;
    padding:0;
}