.bottom {
	
	padding-top: 2em;
}

.bottom .bottom-data-row {
	
	padding: .5em;
	text-align: center;
}

.bottom .bottom-data-row .input {
	
	display: inline-block;
}

#macInputContainer {

	display: inline-block;
	vertical-align: middle;
}

#macInputContainer .mac {
	
	width: 20px;
}

.status {
	
	position: absolute;
	top: 5px;
	right: -5px;
	display: inline-block;
}

.status .stat img {
	
	max-height: 16px;
	max-width: 16px;
}

.status .stat .message {
	
	display: inline-block;
	vertical-align: middle;
}

.ui-exacq-form {
	
	margin: 2em auto;
	width: 700px;
	max-width: 100%;
	text-align: center;
}

.ui-exacq-form .inner {
	
	display: inline-block;
	max-width: 100%;
	padding: 1em 0em;
}

/**
	Full data row
*/
.data-row {
	
	padding: .5em;
	max-width: 100%;
}

.data-row .asterisk {
	
	color: red;
	display: inline-block;
	vertical-align: middle;
	padding-right: .5em;
}

.data-row .g-recaptcha {
	
	padding-top: 1em;
	width: 540px;
	text-align: center;
	max-width: 100%;
}

.data-row .g-recaptcha > div {
	
	display: inline-block;
}

.data-row .label:not(.label-top) {
	
	display: inline-block;
	width: 170px;
	vertical-align: middle;
	text-align: right;
	padding-right: .5em;
	font-weight: bold;
	max-width: 100%;
}

.data-row .label .question-mark-button {
	
	vertical-align: middle;
	max-width: 20px;
	max-heigth: 20px;
}

.data-row .label > span {
	
	vertical-align: middle;
}

.data-row .label-top {
	
	display: inline-block;
	width: 170px;
	text-align: right;
	font-weight: bold;
	padding-right: .5em;
	vertical-align: top;
	max-width: 100%;
}

.data-row .input {
	
	position: relative;
	display: inline-block;
	width: 540px;
	max-width: 100%;
}

.data-row .input input {
	
	width: 100%;
	font-size: 1.2em;
	margin: 0;
	padding: .1em .2em;
	max-width: 100%;
}

.data-row .input select {
	
	padding: .15em;
	font-size: 1.2em;
	cursor: pointer;
	max-width: 100%;
}

.data-row .input textarea {
	
	padding: .25em .5em;
	font-size: 1.2em;
	resize: none;
	width: 530px;
	max-width: 100%;
}

.data-row .mac-button-container {
	
	display: inline-block;
	padding: 0em .5em;
}

.data-row .mac-button-container .button-label {
		
	display: none;
	padding-right: .5em;
	vertical-align: middle;
}

.data-row .required-field {
	
	width: 100% !important;
}

.data-row .submit {
	
	text-align: center;
}

/**
	Half data row
*/
.half {
	
	display: inline-block;
	vertical-align: middle;
}

.half .input {
	
	display: inline-block;
	width: 176px;
	max-width: 100%;
}

.half .input input {
	
	width: 100%;
	font-size: 1.2em;
	margin: 0;
	padding: .1em .2em;
	max-width: 100%;
}

#file-output .file-list {
	
	padding: .5em 0em;
}

#file-output .file-list .file {
	
	padding: .25em;
}

#file-output .file-list .file:hover {
	
	background-color: lightgrey;
	cursor: default;
}

.form-header {
	
	padding-bottom: 1em;
	-webkit-box-shadow: 0px 5px 5px -3px rgba(173,173,173,0.4);
    -moz-box-shadow: 0px 5px 5px -3px rgba(173,173,173,0.4);
    box-shadow: 0px 5px 5px -3px rgba(173,173,173,0.4);
}

.form-header h1 {
	
	margin: 0em;
	margin-bottom: .5em;
	text-align: center;
	font-weight: 200;
	color: #007AC3;
}

.form-header p {
	
	text-align: center;
	margin: .25em;
}

.error-container {
	
	text-align: center;
}

.error-container .ui-state-error {
	
	display: inline-block;
	padding: .25em .5em;
}

#file-output {
	
	border: 1px solid lightgrey;
	padding: .5em;
	margin: .5em;
}

#support-form {
	
	margin: 0em auto;
	width: 750px;
	max-width: 100%;
	text-align: center;
}

#support-form .cf-inner {
	
	display: inline-block;
	max-width: 100%;
	padding: 0em;
}

#support-form .form-header {
	
	padding: 1em 0em 0em 0em;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#support-form .form-header h1 {
	
	margin: 0em;
}

#support-form .centered {
	
	text-align: center;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 768px) {
	
	.data-row .input {
		
		display: block !important;
		width: inherit !important;
	}
	
	.data-row .input input,
	.data-row .input select,
	.data-row .input textarea {
		
		max-width: 95%;
	}
	
	.data-row .label {
		
		display: block !important;
		width: inherit !important;
		text-align: left !important;
	}	
	
	.data-row .mac-button-container {
		
		display: block;
		padding: .5em 0em;
	}
	
	.data-row .mac-button-container .button-label {
		
		display: inline-block;
	}
	
	.half {
	
		display: block;
		vertical-align: middle;
		padding: .5em 0em;
	}

	.half .input {
		
		width: 540px;
	}
}