.input_style {
	width: 100%;
}
a:link {
  color: #7c51a0;
}

/* visited link */
a:visited {
  color: #7c51a0;
}

/* mouse over link */
a:hover {
  color: #7c51a0;
}
.button {
  background-color: #7c51a0;
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 12px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.button1 {
  background-color: #0178b0; 
  color: #FFFFFF; 
  border: 2px solid #0178b0;
  border-radius: 12px;
}
.menu_button {
  background-color: #ffffff;
  border: 2px solid #7c51a0;
  color: #7c51a0;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 12px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.menu_button:hover {
  background-color: #f4e0ff;
  border: 2px solid #7c51a0;
  color: #7c51a0;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 12px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
 
.button1:hover {
  background-color: #ffffff;
  color: #05283b;
}
.container
{
	max-width: 600px;
	margin: auto;
	overflow: hidden;
}
.panel
{
	display: inline-block;
	min-width: 200px;
	vertical-align: top;
	margin: 10px;
}
BODY{
	color: #7c51a0;
}

[type="date"] {
  background:#fff url(../images/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

input, select {
  border: 1px solid #c4c4c4;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width:100%;
  height:45px;
}