.inputText,
.select,
.inputTextarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	padding: 6px;
	background-color: #FFFFFF;  
}

.inputTextarea {
	height: 120px;
}

.formError {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #990000;
    padding: 2px 6px 3px 6px;
    border-radius: 6px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    right: 20px;
    display: none;
}

.formError::after {
	font-family: "FontAwesome";
	color: #990000;
	position: absolute;
	bottom: -16px;
	left: 10px;
	content: "\f0d7";
	display: block;
	font-size: 20px;
}	

.formItem {
	margin-bottom: 8px;
	position: relative;
}

.formLabel {
	font-weight: normal;
	display: block;
	margin-bottom: 3px;
}

input[type="checkbox"], input[type="radio"] {
	margin-right: 3px;
}

.inputButton {
	display: inline-block;
	background-color: #3785CD;
	color: #FFFFFF;
	padding: 6px 12px;
	border-radius: 6px;
}

.inputButton:hover {
	color: #FFFFFF;
	text-decoration: none;
}

@media (max-width: 680px) {
  #myAlert .myAlertBox {
    width: 90%;
  }
}