table {
  margin: 0 auto;
  width: 50%;
}

/* Default Table Style */
table {
  color: #333;
  background: white;
  border: 0.5px solid grey;
  font-size: 1em;
  border-collapse: collapse;
  width: 50%;
}
table thead th,
table tfoot th {
  color: #777;
  background: rgba(0,0,0,.1);
}
table caption {
  padding:.5em;
}
table th,
table td {
  padding: .2em;
  border: 1px solid lightgrey;
  font-size: 0.7em;
  color: grey;
}
/* Zebra Table Style */
[data-table-theme*=zebra] tbody tr:nth-of-type(odd) {
  background: rgba(0,0,0,.05);
}
[data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd) {
  background: rgba(255,255,255,.05);
}
/* Dark Style */
[data-table-theme*=dark] {
  color: #ddd;
  background: #333;
  font-size: 12pt;
  border-collapse: collapse;
}
[data-table-theme*=dark] thead th,
[data-table-theme*=dark] tfoot th {
  color: #aaa;
  background: rgba(0255,255,255,.15);
}
[data-table-theme*=dark] caption {
  padding:.5em;
}
[data-table-theme*=dark] th,
[data-table-theme*=dark] td {
  padding: .5em;
  border: 1px solid grey;
}
body {
  background-color: white;
}

h4 {
  color: navy;
  margin-left: 20px;
}

form {
 width: 550px;
 height: 700px;
 margin: auto;
 position: relative;
 font-size: 0.7em;
 # padding: 1em;
 # border: 1px solid #ccc;
 # border-radius: 1em;
}

input {
 width: 175px;
 height: 25px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
select {
	#font-size: 0.9em;
	font-size: 1em;
}
select option {
	#font-size: 1em;
	font-size: 1em;
}
label {
	 #font-size: 1em;
	 font-size: 1em;
}
h2 {
	font-size: 2em;
}
a {
	font-size: 0.8em;
}
div{
float: centre; width: 40%
}

button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
}

input[type=text] {
    padding:5px;
    border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#333;
}

input[type=number]:focus {
    border-color:green;
}

input:invalid {
  #box-shadow: 0 0 1px 1px red;
  border: 0.5px solid red;
}

input[type=submit] {
    padding:5px 5px;
    background:#ccc;
    border:0 none;
    cursor:pointer;
    border-radius: 2px;
    width: 5em;  height: 2em;
    -moz-border-radius: 5px;
}

hr
{
	border-top: 0.5px solid grey;
}
font {
	font-size: 0.7em;
}

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 100;
  font-size: 0.7em;
}

# spinner starts
#loading{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #fff; 
	url('https://i.pinimg.com/originals/6f/b8/41/6fb841a4ea48d6d9e793f8afbe0a94c9.gif') no-repeat center;
	z-index: 99999;

}