/* address ScrollToFirstError bug, since it can't find if set to display:none */
.custom-select-offscreen {
    display: inline!important;
    position: absolute;
    left: -10000px;
} 

/* debugging class to show hidden selects */
 .show-multipicklist-overide {
	 display:inline!important;
	 height:500px!important;
}
/* jQuery UI dialog box overides, to hide ShowConfirmationPopup(msg) */
 .ff-ui-dialog, .ui-widget-overlay {
	 opacity: 0!important;
}
/* move the dialog and overlay to the top, to prevent spacing bug */
 .ui-front {
	 z-index: -100!important;
	 top: 0px!important;
}

#dvFastForms .ff-item-row {
	padding-top: 10px;
}

/*spacing for field and label columns */
#dvFastForms .ff-label-col, #dvFastForms .ff-field-col {
    padding-right:10px;
    padding-left:10px;
}


#dvFastForms .ff-required-mark {
    font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #857437;
    font-size: 16px;
}

/* Required note */
#dvFastForms .footnoteDiv {
    color: #262626;
    font-size: 16px;
    font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
}

/*multi-page form header and breadcrumb nav */
#dvFastForms .ff-page-header-row {
    padding: 24px 0;
}

#dvFastForms .ff-page-bread-header {
    background:none;
}

#dvFastForms .ff-page-bread-item {
    font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #808080;
    font-size: 16px;
}

#dvFastForms .ff-page-bread-item:hover {
    color: #262626;
    text-decoration: solid underline #e5e5e5 4px;
}

#dvFastForms .ff-page-bread-item.item-selected {
    color: #262626; 
    text-decoration: solid underline #b3a369 4px;
}

 #dvFastForms .ff-form-main {
	 background:none;
	 width: 100%;
	 min-width:100%;
	 max-width: 100%;
	 border: none;
	 padding: 0;
}
/*sections, headers, labels */
 #dvFastForms .ff-form-main .ff-section-header, #dvFastForms .ff-form-main .ff-label, #dvFastForms .ff-form-main .ff-footnote-label {
	 color: #262626;
	 font-weight: normal;
	 font-size: 16px;
	 font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#dvFastForms .ff-field-col, #dvFastForms .ff-rating-widget a {
    color: #262626;
}

/* spacing for label containers */
div.ff-col-1.ff-label-col {
  margin-bottom: 0.6em;
}

ul.ff-ext-vertical li.ff-checkbox-li:not(:last-child) {
    margin-bottom: 1em!important;
}

.ff-checkbox-li label {
    padding: 5px 10px 5px 5px !important;
    margin-top: -5px; /* needed when in nebo template */
}

 #dvFastForms .ff-form-main .ff-group-row {
	 background: none;
	 max-width: 100%;
	 padding: 0;
	 margin: 0;
}
/*inputs*/
 #dvFastForms .ff-form-main select.ff-select-type, 
 #dvFastForms .ff-form-main input[type=text].ff-type-text, 
 #dvFastForms .ff-form-main input[type=email], 
 #dvFastForms .ff-form-main input[type=number], 
 #dvFastForms .ff-form-main input[type=tel], 
 #dvFastForms .ff-form-main textarea, 
 #dvFastForms .ff-form-main .ff-type-text {
	 background-color: #fff;
	 border: 1px solid gray;
	 color: #847643;
	 display: block;
	 font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 16px;
	 font-weight: normal!important;
	 line-height: 1;
	 padding: 16px 20px;
	 transition: border-color .2s cubic-bezier(0.16,.62,.7,.47),color .2s cubic-bezier(0.16,.62,.7,.47);
	 width: 100%;
	 height: auto;
	 /*margin: 0 8% 8% 0;*/
}

 #dvFastForms .ff-form-main select.ff-select-type option {
    font-weight: normal!important;
    font-style: normal!important;
}

 #dvFastForms .ff-form-main select.ff-select-type optgroup {
    font-weight: 700!important;
    font-style: normal!important;
}

/*text should always take the full width so remove right margin */
#dvFastForms .ff-form-main textarea {
    margin-right: 0px;
}

/* add border to inputs on hover */
 #dvFastForms .ff-form-main .ff-input-type:hover {
	 border-color: #b3a369;
}
/*select arrow background */
 #dvFastForms .ff-form-main select.ff-select-type {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 background-image: url(../images/form-embed/down_nav_icon.svg);
	 background-position: right 15px top 50%;
	 background-size: 22px;
	 background-repeat: no-repeat;
}
/* Real checkboxes, ie opt-in field */
 #dvFastForms .ff-form-main input[type=checkbox] {
	 appearance: none;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 width: 30px;
	 height: 30px;
	 padding: 3px;
	 background-color: #fff;
	 border: 1px solid gray;
	 cursor: pointer;
	 top:0px;
	 margin: 0 -10px;
}


 #dvFastForms .ff-form-main input[type=checkbox]:before {
	 border:none;
}
 #dvFastForms .ff-form-main input[type=checkbox]:checked {
	 background: #b3a369;
}
 #dvFastForms .ff-form-main input[type=checkbox]:checked:before {
	 background: url(../images/form-embed/check.svg) center center no-repeat;
	 background-size: 100%;
	 content: "";
	 position:absolute;
	 border-color: #b3a369;
	 width: 20px;
	 height: 20px;
}
/* fake checkboxes - ie multiselect, using spans */
 .ff-checkbox-li span {
	 width: 30px!important;
	 height: 30px!important;
	 padding: 3px;
	 background-color: #fff!important;
	 border: 1px solid gray;
	 cursor: pointer;
	 background:none!important;
}
 .ff-checkbox-li span.ff-ext-selected {
	 background: #b3a369!important;
}
 .ff-checkbox-li span.ff-ext-selected:before {
	 background: url(../images/form-embed/check.svg) center center no-repeat!important;
	 background-size: 100%!important;
	 content: ""!important;
	 position:absolute;
	 border-color: #b3a369!important;
	 width: 20px!important;
	 height: 20px!important;
}

/* when stacked checkboxes need some space */
li.ff-checkbox-li {
    padding-top: 5px!important;
}

/* fake checkboxes (li) shouldn't have a bullet background */
.content ul.ff-select-to-checkbox-ul li.ff-checkbox-li:before {
	background:none;
}

/* fake radio inputs, styles as span */
 #dvFastForms .ff-form-main .ff-radio-li span.ff-ext-radio-css {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 width: 20px;
	 height: 20px;
	 padding: 3px;
	 background:none;
	 background-clip: content-box;
	 border: 1px solid gray;
	 background-color: #fff;
	 border-radius: 50%;
	 top: 0px;
	 cursor: pointer;
}
 #dvFastForms .ff-form-main .ff-radio-li span.ff-ext-radio-css.ff-ext-selected {
	 background-color: #b3a369;
}

/*Radio labels */

ul.ff-ext-vertical li.ff-radio-li:not(:last-child) {
    margin: 0 0 1em;
}

.ff-radio-li label {
   padding-top: 5px;
   margin-top: -10px;
}


/*Submit button */
 #dvFastForms .ff-form-main .ff-btn-submit {
	 background-color: #847643;
	 border: 1px solid #b3a369;
	 color: #fff;
	 cursor: pointer;
	 display: inline-block;
	 font-family: roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 20px;
	 font-weight: 700;
	 max-width: 100%;
	 overflow: hidden;
	 padding-left: 25px;
	 padding-right: 25px;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 position: relative;
	 text-align: center;
	 -webkit-transition: ease-out 0.4s;
	 -moz-transition: ease-out 0.4s;
	 transition: ease-out 0.4s;
	 z-index: 0;
	 box-shadow:none;
	 border-radius: 5pt;
}

/* submit will probably be a different size than other buttons */
#dvFastForms .ff-form-main #btnsubmit.ff-btn-submit {
    width: 260px; 
}

#dvFastForms .ff-form-main .ff-btn-submit:hover, #dvFastForms .ff-form-main .ff-btn-submit:focus {
   box-shadow: inset 400px 0 0 0 #fff; 
   color: #262626;
}
#dvFastForms .ff-form-main .ff-btn-submit:active {
   color: #b3a369;
   background-color: #262626;
}
/* centered and added more margin */
#dvFastForms .ff-form-main .btnDiv {
   text-align:center;
   /*margin-top: .5em;*/
}

/* Global GDPR row styles */
#dvFastForms .ff-form-main #gdpr-row {
	max-width:100%;
	margin-top: 1em;
}

/*GDPR label column*/
#dvFastForms .ff-form-main #gdpr-row .ff-col-1 {
	max-width: 90%!important;
    min-width: 90%!important;
    float: right;
}
/*GDPR checkbox column*/
#dvFastForms .ff-form-main #gdpr-row .ff-col-2 {
    max-width: 10%!important;
    min-width: 10%!important;
}

/* Global Program of interest row */
#dvFastForms .ff-form-main #poi-row {
	max-width:100%;
}


/* Global Comments row */
#dvFastForms .ff-form-main #comments-row {
    min-width: 100%;
}

#dvFastForms .ff-form-main #comments-row textarea {
    min-height: 8em;
}

/* Global Military row styles */
#dvFastForms .ff-form-main #military-row {
	max-width:100%;
	margin-top: 1em;
}

/*Military label column*/
#dvFastForms .ff-form-main #military-row .ff-col-1 {
	max-width: 90%!important;
    min-width: 90%!important;
    float: right;
}
/*Military checkbox column*/
#dvFastForms .ff-form-main #military-row .ff-col-2 {
    max-width: 10%!important;
    min-width: 10%!important;
}

/* Military row */
#dvFastForms .ff-form-main #military-row {
	max-width:100%;
}


/* Areas of Interest - for Contact Us */
#dvFastForms .ff-form-main #areas-row {
    max-width:100%;	
}


/*Mobile Media Query */
 @media (max-width: 40em) {
	
	/*full width rows */
	.ff-item-row {
	    max-width:100%!important;
	}
	
	/*GDPR label column*/
    #dvFastForms .ff-form-main #gdpr-row .ff-col-1 {
	    max-width: 80%!important;
        min-width: 80%!important;
    }
    
    /*GDPR checkbox column*/
    #dvFastForms .ff-form-main #gdpr-row .ff-col-2 {
        max-width: 20%!important;
        min-width: 20%!important;
    }
    
    
   	/*Military label column*/
    #dvFastForms .ff-form-main #military-row .ff-col-1 {
	    max-width: 80%!important;
        min-width: 80%!important;
    }
    
    /*Military checkbox column*/
    #dvFastForms .ff-form-main #military-row .ff-col-2 {
        max-width: 20%!important;
        min-width: 20%!important;
    }
    
    /*submit button */
    #dvFastForms .ff-form-main #btnsubmit.ff-btn-submit {
        width: 100%;
        margin: 0 0 1em 0;
    }
	
}


