@import url('xform.css');

div.xinput > label {
	background : none;
	border : none;
	font-size : 14px;
	font-weight : normal;
	margin : 0px 5px 1px 2px;
}

div.xinput > span {
	border-radius : 3px;
	border : none;
	padding : 0px;
}

div.xinput > span > input[type="text"],
div.xinput > span > input[type="date"],
div.xinput > span > input[type="password"],
div.xinput > span > textarea,
div.xinput > span > select {
	border : 1px rgba(0,0,0,0.5) solid;
	box-shadow : 0px 0px 2px #201f20;
	height : 40px;
	box-sizing:border-box;
	padding : 5px;
	font-size:15px;
	line-height:1;
	border-radius:5px;
}

form.xform div.xinput.file.image input[type="text"] { text-align:center; padding-left:38px; padding-right:80px; }
form.xform div.file.image img.icon { width:38px; height:38px; padding:0; left:5px; top:14px; }
form.xform div.file img.icon { display:none; }
form.xform div.file input[type="button"] { height:38px; width:80px; border-radius:5px; border:1px #000000 solid; }
form.xform div.file label { padding-left:3px; }
form.xform div.file input[type="text"] { padding-left:0; }


div.datafield, div.xinput {
	margin-bottom:15px;
}

form.xform input[type="submit"],
form.xform button {
	background:#9b2330;
	line-height:1;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px;
	border:1px rgba(0,0,0,0.5) solid;
	box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	position:relative;
	transition:background-color 0.2s;
	outline:none;
}

form.xform input[type="submit"],
form.xform button { margin:10px 20px 0; padding:6px 20px; color:#ffffff; font-size:16px; font-weight:700; background:#c35230; border:none; transition:all 0.2s ease; border-radius:2px; cursor:pointer; }

form.xform button:hover {
	background-color:#bb3340;
}

form.xform button:active {
	padding:6px 10px 4px;
	box-shadow:0px 0px 1px rgba(0,0,0,0.5), 0px 1px 1px 1px rgba(0,0,0,0.5) inset;
}

.customer-data label { display:block; font-size:80%; font-weight:bold; }