/* Marketo-only overrides to normalise the behaviour and look. */

.mktoAsterix, 
.mktoGutter { display: none; } 


/** Custom styles. */
/* .mktoRequiredField > label::after {
    content: '*';
    margin-left: .3rem;
    color: orange;
    white-space: pre;
} */

#preFillMessage {
  max-width: 600px;
  margin: 0 auto 1rem;
}

form.mktoForm {
  padding: 1.5rem 1.5rem;
  background-color: #EEE;
  max-width: 600px;
  margin: 0 auto;
}

fieldset.mktoFormCol {
    border: none;
}

.mktoForm fieldset {
  padding: 0;
  margin: 0 0 1rem;
}

.mktoForm fieldset legend {
  margin-bottom: 1rem;
  padding: 0 0 .5rem 0;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 1.2rem;
  font-weight: 700;
  font-size: 1.15rem;
  width: 100%;
}

.mktoForm .error-text {
  color: #AF1B1B;
  margin-left: 25%;
  margin-bottom: .5rem;
}

.mktoForm .mktoFormRow {
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}

.mktoLabel {
  margin-bottom: .3rem;
}

.mktoForm .mktoFormRow .mktoLabel {
  display: inline-block;
  padding-right: .7rem;
  width: 25%;
  vertical-align: top;
  font-weight: 700;
  line-height: 1.3;
  font-size: 16px;
  padding-bottom: 0;
}

.mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  width: 100%;
}

.mktoForm .mktoCheckboxList input, .mktoForm .mktoRadioList input {
  margin-bottom: 0.25rem !important;
  margin-left: 0 !important;
  flex: 1 1 5% !important;
  margin: 0 !important;
}

.mktoCheckboxList label, 
.mktoRadioList label {
  margin-left: 0 !important;
  flex: 1 1 90%;
  margin-bottom: 0.25rem;
  margin: 0 0 .25rem .25rem !important;
  padding: .15rem 0 !important;
}

.mktoCheckboxList.mktoInvalid, 
.mktoRadioList.mktoInvalid {
  border: 1px solid #AF1B1B;
}

/* .mktoForm .mktoFormRow input:([type=email]), .mktoForm .mktoFormRow input:([type=text]),
.mktoForm .mktoFormRow textarea {
  padding: .4rem .6rem;
  border: 2px solid #CCC;
  width: 250px;
} */

.mktoForm input:not([type=radio]):not([type=checkbox]):not([type=submit]), 
.mktoForm textarea, 
.mktoFormselect, 
.mktoForm .select2 {
  width: 100% !important;
  max-width: 100% !important;
}


.mktoForm .mktoFormRow .mktoRequiredField input.mktoInvalid,
select.mktoInvalid {
   border: 2px solid #AF1B1B;
}

.mktoForm .mktoFormRow input:not([type=submit]):focus,
.mktoForm .mktoFormRow textarea:focus {
  outline: none;
  border: 2px solid #3363B3;
}

.mktoForm .mktoFormRow textarea {
  /* width: 50%; */
}

.mktoForm .mktoFormRow select {
  /* width: 25%; */
}

.mktoForm .mktoFormRow .mktoError {
  /* display: none !important; */
  position: absolute !important;
  bottom: -1.2rem !important;
  left: 0 !important;
  margin-left: 0;
  margin-top: 0;
}

.mktoErrorMsg {
  color: #AF1B1B;
  font-size: .8rem;
}

.mktoForm .mktoFormCol,
.mktoForm .mktoFieldWrap {
  float: none;
  flex-direction: column;
  margin-bottom: 0;
}

.mktoForm button.mktoButton {
  background-color: #3363B3;
  color: #FFF;
  border: none;
}

.mktoForm button:hover,
.mktoForm button:active,
.mktoForm button:focus {
  color: #FFF;
  background: #285189;
}


.mktoAsterix {
  display: none;
}

/* .mktoRequiredField > label:after{
  content: '*';
  margin-left: .3rem;
} */

div:not(.mktoRequiredField) > .mktoLabel:after {
  content: 'Optional';
  margin-left: .3rem;
  font-weight: 400;
  font-style: italic;
  font-size: 90%;
}

.tooltip-icon {
  margin-left: .5rem;
  font-size: 115%;
  opacity: .65;
}

.tooltip-icon:hover {
  opacity: 1;
  transition: .1s ease-in;
}

.mktoFormRow .help-text {
  margin-bottom: .2rem;
  font-size: 14px;
}

.mktoForm .note {
  max-width: 50rem;
  margin-top: 1rem;
  font-size:  14px;
}

.loader{
  height: 100px;
  width: 100%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}



@media only screen and (max-width: 750px) {

  form.mktoForm {
    max-width: 100%;
    width: 100% !important;
  }

  .mktoForm input:not([type=radio]):not([type=checkbox]):not([type=submit]), .mktoForm textarea, .mktoForm select, .mktoForm .select2 {
    width: 100% !important;
  }

    .mktoCheckboxList input, 
  .mktoRadioList input {
    flex: 1 1 10%;
  }

  .mktoCheckboxList label, 
  .mktoRadioList label {
    flex: 1 1 90%;
  }

}

#gtx-trans {
    display: none;
}

div:not(.mktoRequiredField) > .mktoLabel:after {
    content: 'Optional';
    margin-left: .3rem;
    font-weight: 400;
    font-style: italic;
    font-size: 90%;
}


@media only screen and (min-width: 480px) {

    .mktoForm .mktoFormRow label.mktoLabel.mktoHasWidth {
        width: 480px;
    }

}

@media only screen and (max-width: 480px) {

    .mktoForm .mktoFormRow label.mktoLabel.mktoHasWidth {
        width: 100%;
    }
}

.mktoModal .mktoModalContent .mktoModalMain div .mktoFieldWrap label {
  width:100% !important;
  margin-bottom: .5rem;
}

.mktoModal .mktoModalContent .mktoForm .mktoFormRow {
  margin-bottom: .5rem;
}

.mktoModal .mktoModalContent .mktoModalMain div .mktoFieldWrap input[type="text"] {

}
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="text"], 
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="url"], 
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="email"],
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="tel"], 
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="number"], 
.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap  input[type="date"] { 
    height: 35px;
}

.mktoModal .mktoModalContent .mktoModalMain .mktoFieldWrap select {
  width: 100% !important;
}

.mktoModal .mktoModalContent .mktoModalMain .mktoRadioList,
.mktoModal .mktoModalContent .mktoModalMain .mktoCheckboxList{
  width: 100% !important;;
}

.mktoModal .mktoModalContent .mktoModalMain .mktoButtonWrap {
  margin-left:0 !important;
}

.mktoModal .mktoModalContent .mktoModalMain .mktoButtonWrap .mktoButton {
  padding: .5rem;
  border-radius: 2px;
  margin-top: 1rem;
  font-size: 1rem;
}

.mktoModal .mktoModalContent .mktoModalMain .mktoOffset {
  display: none;
}

.mktoModal .mktoModalContent .mktoModalClose {
  font-size: 1.4rem;
  height: 40px;
  width: 40px;
  line-height: inherit;
  font-weight: bold;
}