@charset "utf-8";
/* CSS Document */

/* Style inputs, select elements and textareas */
input[type=text],input[type=password], textarea{
  width: 70%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  margin-top:5px;
}

select{
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  margin-top:5px;
}

/* Style the label to display next to the inputs */
label {
 	display: inline-block;
}

/* Style the submit button */
input[type=submit],input[type=reset],.button_event {
  background-color: #EA6490;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.input_readonly{
	 color:#FFF;background-color:#CCC;
}

.button_login{
	padding: 12px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	background-color: #FFF;
	color:#000;
}

.button_stop_event{
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	background-color: #666;
	color:#CCC;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 15% width */
.div_form_title {
  float: left;
  width: 18%;
  margin-top: 15px;
}

/* Floating column for inputs: 85% width */
.div_form_content {
  float: left;
  width: 82%;
  margin-top: 15px;
}

.div_form_notice {
    width: 82%;
    float: none;
    margin-left: 18%;
    color: #FF0000;
}

/* Clear floats after the columns */
.div_form_list:after {
  content: "";
  display: table;
  clear: both;
}

.div_form_title_indent{
	padding-left:35px;
}

.div_form_no_title{
	 display:table;padding-top:20px;
}

.span_form_no_title
{
	color:#915DA3;
	font-weight:bold;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	input[type=text], select, textarea{
		width:100%;
	}
	
  .div_form_title, .div_form_content {
    width: 100%;
	margin-top:2px;
	margin-left:0%;
  }
  
  .div_form_notice{
	  width: 100%;
		margin-top:2px;
		margin-left:0%;
	}
  
  .div_form_list{
	  padding:20px 0px 20px 0px;
	  border-bottom:#CCC 1px dashed ;
	}
	
	.div_form_title_indent{
		padding-left:15px;
	}
}