﻿
.responsiveForm > div {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
	margin-right: 10px;
}

.responsiveForm div.block {
	display: block;
}

.responsiveForm div.spacer {
  display: block;
  height: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.responsiveForm input[type=text], .responsiveForm input[type=password] {
	padding: 5px;
	border-radius: 3px;
	border: 1px solid silver;
	background-color: #ebebeb;
	box-sizing: border-box;
}

.responsiveForm textarea {
	padding: 5px;
	border: 1px solid silver;
	border-radius: 3px;
	background-color: #ebebeb;
	width: 100%;
	box-sizing: border-box;
}

.unstyled {
  padding: 5px !important;
  border-radius: unset !important;
  border: none !important;
  background-color: unset !important;
}
  .unstyled:focus {
    box-shadow: none !important;
  }

	.responsiveForm input[type=text]:focus, .responsiveForm input[type=password]:focus, .responsiveForm textarea:focus {
		-webkit-box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
		-moz-box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
		box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
		outline: none;
	}

.responsiveForm input[type=checkbox], .responsiveForm input[type=radio] {
	width: 20px;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
}

.responsiveForm label[for] {
	padding-right: 10px;
	vertical-align:middle
}

.responsiveForm select {
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ebebeb;
	border: 1px solid silver;
	outline: none;
	resize: none;
	cursor: pointer;
	-webkit-appearance: initial;
}

	.responsiveForm select:focus {
		-webkit-box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
		-moz-box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
		box-shadow: 0px 0px 7px 2px rgba(82,177,255,.5);
	}


/*RESPONSIVE*/
@media screen and (max-width: 500px) {

	.responsiveForm > div {
		display: block;
		margin-right: 0;
	}

	.responsiveForm input[type=text], .responsiveForm input[type=password] {
		width: 100%;
    max-width:unset !important
	}
}
