/* Container and Animation */
.access-popout-form-wrapper {
  position: fixed;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  right: -500px;
  width:500px;
  z-index: 9999;
  transition: right .6s ease-in-out;
}

.access-popout-form-wrapper.active {
  right: 0px;
}

.access-popout-form-wrapper .toggle-arrow::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f106";
}

.access-popout-form-wrapper.active .toggle-arrow::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f107";
}

.access-popout-form-wrapper .tx-powermail .powermail_fieldwrap_type_submit .btn.btn-primary {
  display: inline-block;
  color: #FFFFFF;
  background-color: #00c1de;
  border: 0 none transparent;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  outline: none;
  padding: 0.9em 1.1em;
  border-radius: 2px;
  font-size: 1rem;
  height:auto;

  border-radius:20px;
}

.homepage .access-popout-form-wrapper .frame-default, .contentpage .access-popout-form-wrapper .frame-default {
  margin-bottom:0px;
}

.access-popout-form-wrapper .tx-powermail .powermail_fieldwrap_type_submit .btn.btn-primary:hover {
  background-color: #0091b2;
  color: #FFFFFF;
}

/* END Container and Animation */

.powermail_form_64 h2, .powermail_form_64 h3 {
  display: none;
}

.access-popout-form-wrapper .toggle-form .formwrap img {
    width: 150px;
}

.access-popout-form-wrapper .feedback-ajax-loader {
  position: absolute;
  width: 20px !important;
  transform: translate(-50%, -50%);
  top: 50%;
  left:50%;
}

.access-popout-form-wrapper .button-form-container {
  width: 100%;
  height: 100%;
  z-index: 9999;
  min-height:450px;
}

.access-popout-feedback-btn {
  background-color: #fee01e!important;
  font-size: 18px;
  position: absolute;
  top: 140px;
  left: -78px;
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  color: #00376e;
}

.access-popout-form-wrapper .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.access-popout-form-wrapper .form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: .9rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 1.5rem;
    transition: border-color ease-in-out .5s,box-shadow ease-in-out .5s;
    background-color: transparent;
    border-color: #fff;
    margin-right: 10px;
}

.access-popout-form-wrapper select.form-control:not([size]):not([multiple]) {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.access-popout-form-wrapper .formwrap {
  background-color: white;
  max-width: 620px;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: -1px 0px 12px rgba(0, 0, 0, 0.1);
}

.access-popout-form-wrapper .formwrap form input, .formwrap form input:focus {
    background-color: transparent;
    margin-right: 10px;
}


.access-popout-form-wrapper .checkbox {
  display:inline-block;
  margin-right:10px;
}

.access-popout-form-wrapper .formwrap .checkbox input {
  margin-right:2.5px;
}

.access-popout-form-wrapper .tx-powermail form.powermail_form .form-group {
  margin-bottom:15px;
}

.access-popout-form-wrapper .ajax-submit-complete {
  display:none;
}

.access-popout-form-wrapper .ajax-submit-complete  a.button {
  min-width:auto;
  min-height:auto;
  padding: 0.9em 1.1em;
  font-size:1rem;
}

.access-popout-form-wrapper .tx-powermail form.powermail_form {
  margin-left:-15px;
  margin-right:-15px;
}

.access-popout-form-wrapper .tx-powermail form.powermail_form input, .tx-powermail form.powermail_form textarea {
  border: solid 1px #8c8c8c;
  border-radius:0;

}

.access-popout-form-wrapper .tx-powermail .form-control:focus {
  box-shadow: 0 0 0 1px rgb(0 54 108);
}

.access-popout-form-wrapper .tx-powermail form.powermail_form .form-group {
  margin-bottom:26px;
}

.access-popout-form-wrapper .tx-powermail form.powermail_form label {
  font-family: Barlow;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
}

.access-popout-form-wrapper .tx-powermail .powermail_fieldwrap_type_submit .btn.btn-primary {
  background-color: #0091b2;
  height:61px;
}
.access-popout-form-wrapper .tx-powermail .powermail_fieldwrap_type_submit .btn.btn-primary:hover {
  background-color: #107aa1;
}


/* remove the arrow */
.access-popout-form-wrapper .ajax-submit-complete  a.button::after {
  display:none;
}

@media (max-width: 767px) {

  .access-popout-form-wrapper {
    right: -340px;
    width: 340px;
  }

  .access-popout-feedback-btn {
    left:-78px;
  }
}

@media (max-width: 575px) {
  .access-popout-form-wrapper {
    right: -300px;
    width: 300px;
  }
}


@media (max-width:340px) {
  .access-popout-form-wrapper {
    right: -280px;
    width: 280px;
  }
}