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

form.gd_form input[type="text"], form.myform input[type="password"]{
	width: 100%;
	padding: 10px;
	margin: 5px 0 10px;
}
form.gd_form input[type="checkbox"]{
	margin: 30px 10px 30px 0;
}
form.gd_form textarea{
	width: 100%;
	padding: 10px;
	margin: 5px 0 10px;
	height: 100px;
}
form.gd_form select{
	width: 100%;
	padding: 5px;
	margin: 5px 0 10px;	
}
form.gd_form input[type="submit"]{
	width: 100%;
	padding: 10px;
	margin: 5px 0 10px;
}
form.gd_form .field{
	border-style: solid;
  	border-radius: 5px;
}

form.gd_form .field:focus,
form.gd_form .field.is-focused {
  outline: none;
}

form.gd_form .field:disabled,
form.gd_form .field.is-disabled {
    background-color: rgba(0,0,0,.125);
    opacity: .5;
}

form.gd_form .field:read-only:not(select),
form.gd_form .field.is-read-only {
	background-color: rgba(0,0,0,.125);
}


form.gd_form .field.is-success {
    border-color: #2ecc40;
}

form.gd_form .field.is-success:focus,
form.gd_form .field.is-success.is-focused {
	outline: 0;
	border-color: #0074d9;
	box-shadow: 0 0 0 2px rgba(0,116,217,.5);
}

form.gd_form .field.is-warning {
	border-color: #ffdc00;
}

form.gd_form .field.is-warning:focus,
form.gd_form .field.is-warning.is-focused {
  box-shadow: 0 0 0 2px #ffdc00;
}

form.gd_form .field:invalid,
form.gd_form .field.is-error {
    border-color: #ff4136;
}

form.gd_form .field:invalid:focus,
form.gd_form .field:invalid.is-focused,
form.gd_form .field.is-error:focus,
form.gd_form .field.is-error.is-focused {
  box-shadow: 0 0 0 2px #ff4136;
}

/* button */
.gd_btn {
  color: #333;
  background-color: #CCC;
  border-radius: 5px;
}

.gd_btn:hover {
  box-shadow: inset 0 0 0 20rem #CCC;
}

.gd_btn:active {
  box-shadow: inset 0 0 0 20rem  #CCC,
    inset 0 3px 4px 0 #999,
    0 0 1px #333;
}

.gd_btn:disabled,
.gd_btn.is-disabled {
  opacity: .5;
}

/* button ! */