label {
	display: block;
	margin: 0 5px;
	font-size: 20px;
}

.mylabel {
	display: block;
	margin: 5px 0;
	text-align:center;
}
	
#app_table,
#app_table tr,
#app_table td { border: 0;}	

#app_table 
{
	 width: 98%;
	 text-align:float;
	 
} 

table {
  border-collapse: separate;
  border-spacing: 0 15px;
}

th {
  background-color: #4287f5;
  color: white;
}

th,
td {
  
  text-align: left;
  border: 1px solid black;
  padding: 1px;
}

h2 {
  color: #4287f5;
}



.wrapper-class input[type="radio"] {
  width: 15px;
}

.wrapper-class label {
  display: inline;
  margin-left: 5px;
  }


 /*
#t01
{
overflow: scroll;  Scrollbar are always visible 
 /*overflow: auto;   /* Scrollbar is displayed as it's needed 
}*/



input[type=text],  input[type=password] {
  width: 95%;
  padding: 12px 40px;

  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid gray;
  border-radius: 6px;
  background-color: #ebf7ed;

}




 input[type=submit], input[type=reset] 
  {
  background-color: #00bfff;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

html {
  font-family: sans-serif;
  font-size: large;
}

input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
} 



 .msg {border:1px solid #bbb; padding:5px; margin:10px 0px; background:#eee;}
 
 
 .form-group {
 font: large sans-serif; 
 width: 800px; 
 padding: 5px; 
 text-align: left; 
 }

 .wrapper p {
 font-size: normal;
 }
 
.submit
{
	  cursor: pointer;
}
 

 .button {
  border-radius: 4px;
  background-color: #04AA6D;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 5px;
  width: 80px;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
}
 
 

/* Navigation links */
.edit {
  background-color: #04AA6D;	
  float: left;
  padding: 12px;
  color: white;
  font-size: medium;
  text-align: center; /* If you want the text to be centered */
} 

.help-block
{
   font-size: large;
   color: red;
}


select {
				-webkit-appearance: none;
				-moz-appearance: none;
				-ms-appearance: none;
				appearance: none;
				outline: 0;
				background: gray;
				background-image: none;
				border:1px solid black;
			}
			.select {
				position: relative;
				display: block;
				width: 20em;
				height: 3em;
				line-height: 3;
				background: #2C3E50;
				overflow: hidden;
				border-radius: .25em;
			}
			select {
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0 0 0 .5em;
				color: #fff;
				cursor: pointer;
			}
			select::-ms-expand {
				display: none;
			}
			.select::after {
				content: '\25BC';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				padding: 0 1em;
				background: #34495E;
				pointer-events: none;
			}
			.select:hover::after {
				color: #F39C12;
			}
			
			
.login {
    max-width: 400px;
    margin: auto;
    text-align:center; 
     
}

.login input
{
	width: 400px;
}