/*
*
* Base Layout 
*
* - set a mobile-first styling for all form inputs
*
*/


/* base layout > reset */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.formControl ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}


.formGroup [type="text"], 
.formGroup textarea, 
.formGroup select, 
.formGroup [type="image"] {
	display: block;
}

.formGroup [type="text"], 
.formGroup textarea, 
.formGroup select {
	width: 95%;
}

.formGroup label, 
.formControl legend {
	display: inline-block;
	margin-bottom: 0.15em;
}


.formInline label {
	display: block;
	width: 75%;
}


.formGroup textarea {
	min-height: 95px;
}


.formGroup [type="file"], 
.RadUpload_Default > ul > li [type="text"] {
	width: 75%;
}


.formInline [type="text"],
.formInline [type="image"] {
	display: inline-block;
}

.formInline [type="text"] {
	width: 75%;
}


.FormBuilderButton {
	display: block;
	margin: auto;
	max-width: 350px;
}

/* base layout > basic functionality */

.formGroup label {
	cursor: pointer;
}


/*[aria-hidden="true"] {
	display: none;
}*/


/* base layout > basic styling */

.formBlock {
	margin: 0 auto;
	width: 96%;
}

.formControl {
	margin-bottom: 1em;
	position: relative;
}


.formGroup label, 
.formGroup [type="text"], 
.formGroup textarea, 
.formGroup select {
	font-size: 1em;
	padding: 0.125em;
}


.formGroup select, 
.formInline [type="text"] {
	max-width: 300px;
}


.inlineValidation {
	display: none;
}


.requiredField {
	color: maroon;
}



/* base layout > designy stuff */

.formControl label {
	display: block;
}
.formControl fieldset label, 
.formControl .uploadGroup label {
	display: inline-block;
}

.formControl .calendarGroup br {
	display: none;
}
.formControl .calendarGroup input {
	display: inline-block;
}
.formControl .calendarGroup button {
	cursor: pointer;
	display: inline-block;
	margin-left: 0.25rem !important;
	margin-right: 0 !important;
}


#datepicker {
	display: inline-block;
	font-size: 1rem;
    margin: 0;
    padding: 0.125rem;
    vertical-align: bottom;
}
.ui-datepicker-trigger {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    line-height: 0;
}
.ui-datepicker-trigger img {
    width: 25px;
    height: 25px;
    vertical-align: baseline;
    line-height: 0;
}
button.ui-datepicker-trigger {
    background-color:transparent !important;
    border:none !important; 
    margin:auto !important;
}
button.ui-datepicker-trigger:focus,
button.ui-datepicker-trigger:hover,
button.ui-datepicker-trigger:active {
    border:none !important; 
/*     margin:auto !important;  */
}


#fileupload {
  display: none;
}

.uploadGroup span[role="button"] {
  display: table-cell;
  font-size: 0.9rem;
  padding: .25rem 0.45rem;
  /* border-top-left-radius: 5px; */
  /* border-bottom-left-radius: 5px; */
  cursor: pointer;
  outline: none;
}
.uploadGroup input[type=text] {
  display: table-cell;
  margin-left: -5px;
  width: 20rem;
  font-size: 0.9rem;
  padding: 0.325rem;
/*   border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; */
}
.uploadGroup #buttonlabel {
  padding: 0;
  margin-bottom: -9px;
}


/* validation styling */

.required {
	border: 1px solid #e50000;
	border-radius: 5px;
}


.formError {
	padding-top: 2rem !important;
}


#error-summary ul, 
.formControl {
  padding: 0.5rem 0.5rem 0 0.5rem;
}


#error-summary {
	display: none;
	margin: 0 0 1rem 0;
}
#error-summary ul {
	list-style: none;	
	padding: 0.5rem;
	margin: 0.5rem;
}
#error-summary h3 {
	margin-bottom: 0;
}	


#error-summary h3, 
.error-message {
	padding: 0.2rem 0.6rem;
	display: block;
	margin-top: 0;
}


.error-message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/* 	fieldset[aria-invalid="true"] {
		border: 1px solid #e50000;
		padding: 10px 10px 0 10px;
	} */




/* subpages > contact */

[id*="ajaxPanelMainPanel"] {
  margin: auto;
  width: 100%;
}

[id*="ajaxPanelMainPanel"] table>tbody>tr>td span input[type="text"], 
[id*="ajaxPanelMainPanel"] table>tbody>tr>td span textarea {
  border: 1px solid #ccc !important;
  font-size: 15px;
  margin-bottom: 1em;
  padding: 4px !important;
  width: 100%;
}


/* responsive forms */
[id*="ajaxPanelMainPanel"] table>tbody>tr>td span textarea, 
.main-section textarea {
  height: 90px;
  width: 100%;
}

/*.RadUpload {
  width: auto !important;
}

.RadUpload .ruBrowse {
  width: auto !important;
}*/


/* subpages > contact > submit */

[id*="btnSubmitForm"] {
    font-size: 1.1em;
    cursor: pointer;
    display: inline-block;
    background: #555555;
    border: 0;
    border-radius: 0.2em;
    color: #fff;
    margin: .25rem;
    outline: 0;
    padding: 0.3em 0.65em;
    text-decoration: none;
}

[id*="_btnSubmitForm"]:hover, 
button:hover {
  background: #444444;
}



@media all and (min-width: 768px) {

/* base layout > reset */

.formGroup [type="text"], 
.formGroup textarea, 
.formGroup select {
	min-width: 300px;
	max-width: 500px;
	width: auto;
}


.formGroup [type="file"], 
.RadUpload_Default > ul > li [type="text"] {
	max-width: 500px;
	width: auto;
}



  /* subpages > contact */
  [id*="ajaxPanelMainPanel"] {
    width: auto;
  }


}