/* Main style */

body .input-grp input[type="text"]::-webkit-input-placeholder {color: #ababab;}
body .input-grp input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #ababab;opacity: 1;}
body .input-grp input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #ababab;opacity: 1;}
body .input-grp input[type="text"]:-ms-input-placeholder {color: #ababab;}

.main-form-part {float: left;width: 100%;}
.main-form-part > label {float: left;width: 100%;font-weight: bold;font-size: 18px;text-align: center; margin-bottom: 15px;}
.input-grp {float: left;width: 25%;margin-right: 2%;}
.input-btn-grp {float: left;width: 13%;text-align: center;}

body .input-grp input[type="text"]{float: left;width: 100%;border-radius: 0.25em;background-color: #fff;border: 1px solid #ddd;padding: 0 15px;height: 50px;color: #555;font-size: 16px;}
body .input-grp input[type="text"]:focus {border-color: #666;}
body .input-btn-grp input[type="submit"] {
	float: left;
	height: 50px;
	border-radius: 0.5em;
	background-color: #444;
	color: #fff;
	border: 0;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	cursor: pointer;
}
body .input-btn-grp input[type="submit"]:focus {background-color: #444;}
body .input-btn-grp input[type="submit"]:hover {background-color: #444;}
body span.error { float: left; width: 100%; color: #ffffc0; font-size: 14px; line-height: normal; margin-top: 5px; }

.loader-active { display: none; width: 16px; margin-left: 0; vertical-align: middle; margin-top: 10px; }

.response { color: #fff; display: inline-block; padding-top: 16px; }

.retry-link { color: darkblue; }
.retry-link:hover { text-decoration: underline; cursor: pointer; }

/* Responsive style */
@media only screen and (max-width: 767px) {
	.input-grp {width: 100%;margin-right: 0;margin-bottom: 20px;}
	.input-btn-grp {float: left;width: 100%;}
}