.mktoForm, .mktoForm .mktoField { font-family: "Roboto", sans-serif!important; font-size: 15px!important; }

.mktoForm .mktoFieldWrap { width: 100%!important; }

.mktoHasWidth { width: 100%!important; display: block; }

.mktoForm input, .mktoForm textarea { /*width:100%!important;*/ padding: .25em .35em!important; border: 1px solid #999!important; margin-right: 1em; box-sizing: border-box; }

.mktoForm label { /*width:auto!important;*/ /*width:100%!important;*/ font-size: .8em!important; margin: 0 0 .3em 0!important; font-weight: 400!important; line-height: 1em!important; }

.mktoForm .mktoLabel { padding: 0!important; }

.mktoAsterix, div.mktoGutter, div.mktoOffset { display: none!important; }

.mktoFormCol { width: 100%; margin: 0 1em 1em 0!important; }

.mktoFormRow { display: flex; flex-wrap: nowrap; justify-content: space-between; }

.mktoFormCol { flex: flex-grow; }

.mktoForm fieldset { padding: 1em!important; margin: 0px!important; background: #F6F7FA; margin: 0 0 1rem 0!important; }

.mktoForm fieldset legend { display: none; }

.mktoForm input[type=radio] { margin-right: .5em!important; }

.mktoRadioList label { margin-bottom: 1em!important; font-size: 15px!important; margin-bottom: .5em!important; line-height: 1em!important; }

.mktoForm .mktoCheckboxList input[name=termsandconditions], .mktoForm .mktoCheckboxList input[name=FormWouldLikeaDemo], .mktoForm .mktoCheckboxList input[name=formBIOSlackCommunityTermsAcceptance] { position: absolute!important; top: 0!important; left: 0!important; }

.mktoForm .mktoCheckboxList > label[for=termsandconditions], .mktoForm .mktoCheckboxList > label[for=formBIOSlackCommunityTermsAcceptance], .mktoForm .mktoCheckboxList > label[for=FormWouldLikeaDemo] { display: none!important; min-height: 0!important; }

.mktoForm label[for=termsandconditions], .mktoForm label[for=FormWouldLikeaDemo], .mktoForm label[for=formBIOSlackCommunityTermsAcceptance] { margin-left: 1.5em!important; font-size: 15px!important; }

.mktoForm .mktoCheckboxList input[name=formOptInCheckbox], .mktoForm .mktoCheckboxList input[name=Email_Opt_In__c], .mktoForm .mktoCheckboxList input[name=OptInEmailPreference], .mktoForm .mktoCheckboxList input[name=lI6800Discount]{ 
	position: absolute!important; top: .45em !important; left: .5em!important; }

.mktoForm .mktoCheckboxList > label[for=formOptInCheckbox], .mktoForm .mktoCheckboxList > label[for=Email_Opt_In__c], .mktoForm .mktoCheckboxList > label[for=lI6800Discount] { display: none!important; min-height: 0!important; }

.mktoForm label[for=Email_Opt_In__c], .mktoForm label[for=OptInEmailPreference], .mktoForm label[for=formOptInCheckbox], .mktoForm label[for=lI6800Discount] { 
	padding: .25em .25em .25em 2em!important; color:#222; font-weight:400!important; font-size:1rem!important; background:#d0eef8 !important; border: 1px solid #bde7f5!important; border-radius:4px;
animation:1s ease 2s normal forwards 1 fadein;
-webkit-animation:1s ease 2s normal forwards 1 fadein;
opacity:.8
}
@keyframes fadein{from{opacity:.8}
to{opacity:1}
}

@-webkit-keyframes fadein{from{opacity:.8}
to{opacity:1}
}

button.mktoButton { background: #0078C7!important; border-radius: 4px!important; text-shadow: none!important; border: none!important; float: left!important; margin-left: 0!important; }

.mktoForm select.mktoField { padding: 0!important; }

.mktoForm .mktoError { right: 0!important; overflow: visible!important; bottom: auto!important; top: 0px!important; width: auto!important; position: absolute!important; display: inline-block!important; }

.mktoForm .mktoError .mktoErrorArrowWrap { /*right:15px!important;*/ left: -8px !important; position: absolute!important; top: 0px!important; overflow: visible!important; width: 0!important; height: 0!important; border-style: solid!important; border-width: 0 0 17px 8px!important; border-color: transparent transparent #F36A3B transparent!important; /*		display:none!important;*/ }

.mktoForm .mktoError .mktoErrorMsg { background: none!important; text-shadow: none!important; margin: 0!important; border: none!important; box-shadow: none!important; font-size: 11px!important; text-transform: uppercase; line-height: 1em!important; padding: 3px!important; text-align: right!important; white-space: nowrap!important; background: #F36A3B!important; left: auto!important; right: 0!important; border-radius: 0!important; width: auto!important; max-width: none!important; }

.mktoForm .mktoError .mktoErrorDetail { display: inline!important; width: auto!important; }

.mktoErrorArrow { display: none!important; }

.mktoForm .mktoCheckboxList .mktoError { bottom: auto!important; top: 18px!important; }

.mktoForm .mktoCheckboxList .mktoError .mktoErrorArrowWrap { /*right:15px!important;*/ left: -8px !important; position: absolute!important; top: 0px!important; overflow: visible!important; width: 0!important; height: 0!important; border-style: solid!important; border-width: 17px 0 0 8px!important; border-color: #F36A3B transparent transparent transparent!important; /*		display:none!important;*/ }

.popcorn { display: none; background: #FFF; -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.5); font-size: 16px; padding: 2em; position: fixed; top: 120px; width: 600px!important; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 99999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popcorn.absform { position: absolute; top: 50px; }
.popcorn.show { display: block; }
.popcorn a.close { width: 15px; height: 15px; background: white url(/images/graphics/close.png); background-size: 100% auto; position: absolute; top: 17px; left: auto; right: 15px; }

#thnks { display: none; }

#thnks.show { display: block; }
/*adding it here for the support site forms*/
.hidden{
	display: none;
}
@media only screen and (min-width: 0px) and (max-width: 679px) { .mktoFormRow { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .popcorn { position: absolute; top: 0; left: 0; width: 100%!important; transform: none; z-index: 9999; padding: 10% 5% 8% 5%; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7); } }

  #LblformOptInCheckbox, #LblEmail_Opt_In__c{
	align-items: center;
    padding: .25em .25em .25em 2em!important; color:#222; font-weight:400!important; font-size:1.0rem!important; background:#d0eef8 !important; border: 1px solid #bde7f5!important; border-radius:4px;
    animation:1s ease 2s normal forwards 1 fadein;
    -webkit-animation:1s ease 2s normal forwards 1 fadein;
    opacity:.8
}