/* Thank you */
#submission-thank-you, #submission-thank-you-aae { display: none; }

/* Trial form */
#form-trial form.form-wrapper .input-column .form-input:last-child { width: 100%; margin-left: 0px; }

.form-details p.h3 { margin-top: 0px; }
.form-details p.rift{ margin-bottom: 30px; }
.form-details .basic-overlay-modal { 
  position: relative;
  max-height: 80%;
  height: auto;
  overflow-y: auto;
    padding: 60px;
}

.form-details .conference-bundle-prompt p:last-child {
  margin-bottom: 30px;
}

.form-details .basic-overlay-close-button.form-detail-close-button {
  float: none;
  background: none;
  width: 0;
  height: 0;
  margin: 0;
  transition: none;
}

.form-details .basic-overlay-close-button.form-detail-close-button:after {
  cursor: pointer;
  content: "\f30e";
  position: absolute;
  font-family: "SF Pro Icons";
  top: 24px;
  right: 24px;
  font-size: 30px;
  color: #858585;
}

/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {
  
}
 
/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {
  
}
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
  
}
 
/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
 
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
  #external-site .basic-overlay-modal { width: 100%; height: 100%; border-radius: 0; overflow: scroll; }
  .external-site-prompt .button-wrapper a.btn { margin-top: 12px }
}
 
/* EXTRA SMALL SCREENS < 400px */
@media only screen and (max-width: 400px) {
 
}





body { font-family: "SF Pro Text", Helvetica, Arial, sans-serif; }

:root{
  --input-green: #4FE669;
  --green-1: #208A3D;
  --green-2: #2da14a;
  --thumb-size: 24px;
}

.form-wrapper a { 
    text-decoration: none;
}

.form-wrapper input[type=email],.form-wrapper input[type=submit],.form-wrapper input[type=text],.form-wrapper label,.form-wrapper textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 10px 0
}

.form-wrapper input[type=email],.form-wrapper input[type=submit],.form-wrapper input[type=text],.form-wrapper select,.form-wrapper textarea {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-wrapper input[type=email],.form-wrapper input[type=submit],.form-wrapper input[type=text],.form-wrapper select {
    height: 36px
}

.form-wrapper input[type=submit] {
    border: 1px solid #208a3d;
    background-color: #208a3d;
    color: #fff;
    border-radius: 3px;
    padding: 8px 16px;
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    font-weight: 300;
    line-height: 24px;
    font-family: "SF Pro Text",Helvetica,Arial,sans-serif;
    width: auto;
    height: auto;
    font-size: 16px
}

.form-wrapper input[type=submit]:hover {
    color: #fff;
    background-color: #2da14a;
    border-color: #2da14a
}

.form-wrapper input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.form-wrapper input[type=email].error,.form-wrapper input[type=text].error,.form-wrapper select.error,.form-wrapper textarea.error {
    border-color: #e00
}

.form-wrapper select {
    background: url(/site/images/forms/chevron-down-grey.svg) right 12px top 10px no-repeat;
    background-size: 17px 15px
}

/*.form-wrapper .form-input.input-tinytext {
    position: relative;
    min-height: 66px
}*/

.form-wrapper .form-input.input-tinytext input,.form-wrapper .form-input.input-tinytext select,.form-wrapper .form-input.input-tinytext textarea {
    margin: 0;
    font-family: "SF Pro Text",Helvetica,Arial,sans-serif;
    background-color: #fff;
}

.form-wrapper .form-input.input-tinytext .label-tinytext {
    position: absolute;
    margin: 0;
    top: 5px;
    left: 8px;
    pointer-events: none;
    font-size: 14px;
    line-height: 26px;
    transition: all .1s ease-in;
    cursor: text;
    color: #7f7f7f;
    font-weight: 300;
}

.form-wrapper .form-input div.error,.form-wrapper .form-input.input-tinytext div.error {
    padding: 5px 8px;
    margin: 0;
    color: #e00;
    font-style: italic;
    font-size: 12px;
    line-height: 12px;
}

.form-wrapper .row.nested .column .column-content {
    margin: 0 10px
}

.form-wrapper .row.nested .column:first-child .column-content {
    margin-left: 0
}

.form-wrapper .row.nested .column:last-child .column-content {
    margin-right: 0
}

.form-wrapper .submit-agreement {
    padding-top: 30px;
    border-top: 1px solid #cdcdcd
}

.fad {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat
}

.fa-spinner-third-green {
    background: url(/site/images/font-awesome/spinner-third-duotone-green.svg)
}





/* Form */
form.form-wrapper .form-input.input-tinytext.tt-email-wrapper, form .form-input.input-tinytext.tt-select-wrapper, form .form-input.input-tinytext.tt-text-wrapper {min-height: 60px;}

/* Form Inputs */
.form-wrapper input[type=email], .form-wrapper input[type=submit], .form-wrapper input[type=text], .form-wrapper select, .form-wrapper textarea {border-color: #525151; color: #717171; background-color: transparent; }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #f2f2f7 inset !important;
  }
form.form-wrapper input[type=checkbox], form input[type=radio] {margin: 0px; margin-right: 5px; height: 14px;}
form.form-wrapper .radio-input {display: inline-block;}
form.form-wrapper .radio-input label {margin-top:0px;}
form.form-wrapper .radio-input label {display: inline; margin-right:15px; vertical-align: text-bottom;}

/* Form Submission */
form.form-wrapper input[type=submit] {text-wrap: wrap; border: 1px solid #208a3d; background-color: #208a3d; color: #ffffff;  border-radius: 3px; padding: 8px 16px; cursor: pointer; display: inline-block; transition: 0.2s; font-weight: 300; margin-bottom: 0px; font-family: "SF Pro Text",Helvetica,Arial,sans-serif;line-height: 24px; min-width: 140px;}
form.form-wrapper input[type=submit]:hover {color: #ffffff; background-color: #2da14a; border-color: #2da14a;}

/* Form Spinner */
#submission-progress-spinner, #submission-progress-spinner-aae {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
#submission-progress-spinner .fa-spinner-third-green, #submission-progress-spinner-aae .fa-spinner-third-green {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-size: 36px;
    width: 36px;
    height: 36px;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}


::placeholder {
    font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
    font-weight:100;
}
input::-webkit-input-placeholder {
    font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
    font-weight:100;
  }
  
input:-ms-input-placeholder {
    font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
    font-weight:100;
  }
  
input:-moz-placeholder {
    font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
    font-weight:100;
  }
  
input::-moz-placeholder {
    font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
    font-weight:100;
  }


  /* Form Labels */
form .form-input.input-tinytext .label-tinytext {color: #717171; background-color: transparent; }
form .form-input.input-tinytext.infocus .label-tinytext {top: -18px !important; left: 0px !important; padding: 0 !important; color: #000;}
form .form-input.input-tinytext.input-checkbox-wrap input { vertical-align: top; top: 6px; position: relative;}
form .form-input.input-tinytext.input-checkbox-wrap label { display: inline-block; margin: 0px; width: 90%;}


.form-wrapper .form-input.input-tinytext.infocus .label-tinytext {
    pointer-events: auto;
    font-size: 11px;
    top: -7px;
    background-color: #fff;
    display: block;
    padding: 0 4px;
    line-height: 14px;
    color: #000
}

.form-wrapper .form-input.input-tinytext.infocus .label-tinytext {
    top: -18px!important;
    left: 0!important;
    padding: 0!important
}

.form-wrapper .form-input.input-tinytext.infocus .optional {
    color: #aaa;
    font-style: italic;
    font-size: 11px;
    line-height: 14px
}

/* Form Error Handler */
form .form-input div.error, form .form-input.input-tinytext div.error {display: inline-block; padding-bottom:20px;}
form select.error {border-color: #E00;}

/* Form Marketing Subscription */
#email-messaging, #share-app-messaging, #business-use-case-messaging {margin: 8px 0 16px;}
#trail-share-app { margin-bottom: 20px; }

.opt-in-comm-text { display: inline; vertical-align: text-bottom; font-weight: 300; }
/*.opt-in-comm-text { color: #fff; font-size: 16px; line-height: 24px; margin-left: 4px; }*/

/* Form Legal */
.trial-grey, .trial-grey a {margin-top: 16px; font-size: 14px; line-height: 20px; }
/*.trial-grey { color: #fff; }*/

/* Text and select inputs */
form input[type="text"], .form-wrapper select, .form-wrapper textarea { font-size: 18px; }

/* Form labels */
.form-wrapper .form-input.input-tinytext {
    position: relative;
}
form.form-wrapper .form-input.input-tinytext .label-tinytext {color: #b2b2b2; background-color: transparent; font-size: 18px; left:20px; top:18px}
form.form-wrapper .form-input.input-tinytext.infocus .label-tinytext {color: #333; background-color: transparent; top: -18px !important; left: 0px !important; padding: 0 !important; font-size: 11px;}
form.form-wrapper .form-input.input-tinytext.input-checkbox-wrap input {vertical-align: top; top: 6px; position: relative;}
form.form-wrapper .form-input.input-tinytext.input-checkbox-wrap label {display: inline-block; margin: 0px; width: 90%;}

form.form-wrapper .input-column {display: flex; flex-wrap: wrap;}
form.form-wrapper .input-column .form-input {height: 50px; width: calc(50% - 10px); margin: 14px 10px;}
form.form-wrapper .input-column .form-input:nth-of-type(odd){margin-left: 0px;}
form.form-wrapper .input-column .form-input:nth-of-type(even){margin-right: 0px;}
form.form-wrapper .input-column input, form.form-wrapper .input-column select {height: 100%; /*width: 100%*/}
form.form-wrapper .input-column select {background: url(/site/component/form-app-success/images/dropdown.svg) right 20px top 20px no-repeat; background-size: 20px 20px;}
form.form-wrapper .input-column input.error {border-color: #f55; /*background-color: rgba(255, 200, 200, 1);*/}
form.form-wrapper .input-column .form-input div.error, form.form-wrapper .input-column .form-input.input-tinytext div.error {color: #f55; padding: 5px 0px;}

form.form-wrapper .input-column input:-webkit-autofill { -webkit-animation-name:none; -webkit-animation-fill-mode:initial;}
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
    form.form-wrapper .input-column .form-input {width: 100%;}
    form.form-wrapper .input-column .form-input:nth-of-type(odd), form.form-wrapper .input-column .form-input:nth-of-type(even){margin: 0px; margin-bottom: 16px;}
}