.btn.btn-primary:disabled {
  color: #fff !important;
}

body {
  color: #1e5678;
  /*background: url('./assets/images/patron-1.svg') no-repeat,
		linear-gradient(90deg, #0dabeb, #0bc5b1) !important;*/
  background-color: rgb(30, 86, 120) !important;
}

.bg-primaryGreen {
  background-color: #88db65;
}

.container-white-radius {
  background: #fff;
  border-radius: 30px;
  padding-top: 10px;
  margin-top: -90px;
  max-width: 550px !important;
}

.card-body {
  padding: 1rem 1rem;
}

.landing-page {
  text-align: left !important;
  font-family: Poppins !important;
}

.container-security-info {
  max-width: 490px !important;
}

.logo-asterisco {
  max-width: 500px;
}

.logo-security {
  max-width: 194px;
}

.title-container {
  width: 100%;
  text-align: center;
}

.title-container h1 {
  color: rgb(30, 86, 120);
  font-weight: bolder;
}

.title-container a {
  color: rgb(30, 86, 120) !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  font-weight: bold !important;
  font-family: Poppins !important;
}

.title-container a:hover {
  cursor: pointer;
}

.blue-underline {
  color: rgb(30, 86, 120) !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  font-weight: bold !important;
  font-family: Poppins !important;
}

.blue-underline:hover {
  cursor: pointer;
}

.summary-data li {
  list-style-type: none;
}

.logo-container-security {
  width: 100%;
  text-align: center;
}

.info-container {
  text-align: left;
  font-size: 12px;
  color: white;
  font-family: Poppins !important;
}

.form-container {
  width: 100%;
  text-align: center;
}

.program-code-btn {
  width: 100%;
  font-size: 20px !important;
}

.program-code-btn:hover {
  color: #fff !important;
}

.program-code-btn:hover .program-aka {
  color: #fff !important;
}

.program-name {
  text-align: center;
}

.program-aka {
  font-size: small;
  color: #6c757d;
}

.page-indicator {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  color: #6c757d;
}

.toast-header {
  color: #721c24 !important;
  background-color: rgba(248, 215, 218, 0.85) !important;
  border-bottom-color: rgba(245, 198, 203, 0.85) !important;
}

.toast-header .close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #000;
  background: transparent center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.toast-body {
  color: #721c24;
  background-color: rgba(252, 237, 238, 0.85);
}

.modal-header {
  color: black !important;
}

.modal-body {
  color: black !important;
}

.btn-primary {
  color: #fff !important;
}

.btn-primary:hover {
  color: #fff !important;
}

.btn-light {
  color: #000 !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}

.btn-light:hover {
  opacity: 0.6 !important;
}

.btn-dark {
  background-color: #b3b3b3 !important;
  color: white !important;
}

input {
  border-radius: 0 !important;
  border-color: #88db65 !important;
}

input:focus {
  border-radius: 0 !important;
  border-color: #88db65 !important;
}

.succes-page {
  width: 100%;
  text-align: center;
}

input::placeholder {
  opacity: 0.5 !important;
}

.btn-full {
  width: 100%;
}

.full-container {
  margin: 14px;
}

.error-label {
  color: #cb3f62;
  font-size: 12px;
}

.calendar {
  width: 2.75rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAYAAAAEN20fAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEUSURBVEiJ7ZQxToVAEIY/YCHGxN6XGOIpnpaEsBSeQC9ArZbm9TZ6ADyBNzAhQGGl8Riv4BLAWAgmkpBYkH1b8FWT2WK/zJ8ZJ4qiI6XUI3ANnGKWBnht2/ZBDRK3hgVGNsCd7/ui+JkEIrKtqurLpEWaphd933+IyI3LEIdpCYCiKD6HcuOa/nwOa0ScJEnk0BJg0UTUWJRl6RxCYEzEmomsIlPU3IPW+grIAbquy+q6fluy/28RIBeRMwDXdXMgXLj/B2uimRXpui4D9sBeRLKl+1N+L+t6RwbWrZliTTTr1oxYtzVWiTQAcRxvTX+eJMnlUDaO1vpZRO5NS0x48sIwfPc87xg4B04MCzQi8hIEwe4bl1DnFMCN2zsAAAAASUVORK5CYII=) !important;
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: center;
}

.call-phone a {
  color: #1e5678;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
}

.copayment-disclosure {
  color: #88db65;
  font-size: 12px;
}

.tel-banner {
  border-radius: 0 !important;
}

.get-now-btn {
  color: #1e5678 !important;
  font-weight: bold !important;
  border-radius: 131px !important;
  font-size: 24px !important;
}

.dobSelects select {
  font-size: small !important;
  border-color: #88db65;
  border-radius: 0;
}

.dobSelects .col-5,
.dobSelects .col-3 {
  padding-right: 0;
}

.my-overlay {
  left: 0 !important;
  top: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  background-color: rgba(25, 25, 25, 0.9) !important;
  cursor: pointer !important;
  visibility: visible !important;
  transition: visibility 0s, opacity 0.4s linear !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: wait !important;
}

.my-overlay i.fa.fa-spinner.fa-spin,
.spinner-big {
  font-size: 80px !important;
  color: white !important;
}

.my-overlay p {
  color: white;
  position: absolute;
  margin-top: 9rem;
  font-weight: bold;
}

.entry-social {
  margin-bottom: 20px;
  border-radius: 4px;
  color: rgb(126, 126, 126);
  display: block;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 23.799999237060547px;
  margin-bottom: 20px;
  width: 100%;
  width: 100%;
  border: solid 0px #aaa;
  text-align: center;
}

.entry-social div {
  display: block;
  max-width: 100px;
  margin: 2px;
  display: inline-block;
}

.entry-social a {
  text-decoration: none;
  display: block;
  padding-left: 20px;
  color: #ffffff !important;
  font-weight: bold;
  transition: background-color 0.3s;
}

.entry-social .fb a {
  padding: 7px 10px 7px 26px;
  background: #3b5999 url('https://3.bp.blogspot.com/-yqD2363XuAo/UeDk98twSlI/AAAAAAAAArg/kXIzFBWmczM/s1600/fb14.png') no-repeat 10px center;
}

.entry-social .twitter a {
  padding: 7px 10px 7px 32px;
  background: #01bbf6 url('https://3.bp.blogspot.com/-0u8P4VQmEeU/UeDlVdilwcI/AAAAAAAAAro/lGTnlvHGyVw/s1600/twitter14.png') no-repeat 8px center;
}

.entry-social .copy a {
  padding: 7px 10px 7px 10px;
  background: #5f5f5f;
}

.entry-social .fb a:hover {
  background-color: rgb(50, 75, 129);
  cursor: pointer;
}

.entry-social .twitter a:hover {
  background-color: rgb(1, 159, 211);
  cursor: pointer;
}

.entry-social .copy a:hover {
  background-color: rgb(52, 52, 52);
  cursor: pointer;
}

.planPillStyle {
  filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
  width: 100%;
  cursor: pointer;
  transition: all 0.1s;
}

.planPillStyle:hover {
  opacity: 0.8;
}

.mapStyle {
  text-align: center;
}

.mapStyle img {
  width: 40%;
  margin: auto;
  display: block;
}

.top-banner {
  overflow: hidden;
  width: 100%;
  text-align: center;
  background-color: #88db65;
  color: #1e5678;
}

@media screen and (max-width: 500px) {
  .logo-container-excess {
    width: 100%;
    position: absolute;
    text-align: left;
    top: 5rem;
    left: 2rem;
    max-width: 250px;
  }

  .logo-container-acp {
    width: 100%;
    position: absolute;
    text-align: left;
    top: 5.5rem;
    left: 2rem;
    max-width: 175px;
  }

  .logo-container-freeData {
    width: 100%;
    position: absolute;
    text-align: left;
    top: 10rem;
    left: 2rem;
    max-width: 240px;
    font-family: Poppins;
  }

  .logo-container-freeData h1 {
    font-weight: 800;
    color: white;
    line-height: 1.3;
    font-size: 25px;
  }

  .logo-container-unlimited {
    width: 100%;
    position: absolute;
    text-align: left;
    top: 20rem;
    left: 2rem;
    max-width: 340px;
    font-family: Poppins;
  }

  .logo-container-unlimited p {
    font-weight: 300;
    font-size: 20px;
    color: white;
  }

  .header-logo-container {
    display: grid;
    grid-template-rows: repeat(20, 5%);
    grid-template-columns: repeat(5, 10%) 1fr;
    margin-right: -14px;
    margin-left: -14px;
    height: 400px;
  }

  .logo-asterisco {
    width: 170px;
    grid-row: 1;
    grid-column: 20;
  }

  .logo-acp {
    max-width: 205px;
  }

  .logo-excess {
    max-width: 124px;
  }

    .logo-security {
      max-width: 142px;
    }
}

@media screen and (min-width: 501px) {
  .logo-container-excess {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 5rem;
    left: 50%;
    max-width: 250px;
    transform: translate(-50%, -50%);
  }

  .logo-container-acp {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 6.5rem;
    left: 50%;
    max-width: 175px;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 13rem;
    left: 50%;
    max-width: 561px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData h1 {
    font-weight: 800;
    color: white;
    line-height: 1.2;
  }

  .logo-container-unlimited {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 18rem;
    left: 50%;
    max-width: 340px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-unlimited p {
    font-weight: 300;
    font-size: 22px;
    color: white;
  }

  .container-white-radius {
    margin-top: -70px;
  }

  .header-logo-container {
    display: grid;
    grid-template-rows: repeat(20, 5%);
    grid-template-columns: repeat(10, 5%) 1fr;
    margin-right: -14px;
    margin-left: -14px;
    height: 400px;
  }

  .logo-asterisco {
    width: 200px;
    grid-row: 1;
    grid-column: 16;
  }

  .logo-acp {
    width: 205px;
  }

  .logo-excess {
    max-width: 215px;
  }

  .info-container {
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .logo-container-excess {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 6rem;
    left: 50%;
    max-width: 250px;
    transform: translate(-50%, -50%);
  }

  .logo-container-acp {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 6.5rem;
    left: 50%;
    max-width: 175px;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 15rem;
    left: 50%;
    max-width: 561px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData h1 {
    line-height: 1.2;
  }

  .logo-container-unlimited {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 22.5rem;
    left: 50%;
    max-width: 520px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-unlimited p {
    font-weight: 300;
    font-size: 20px;
    color: white;
  }

  .container-white-radius {
    margin-top: -40px;
  }

  .header-logo-container {
    display: grid;
    grid-template-rows: repeat(20, 5%);
    grid-template-columns: repeat(10, 5%) 1fr;
    margin-right: -14px;
    margin-left: -14px;
    height: 400px;
  }

  .logo-asterisco {
    width: 265px;
    grid-row: 1;
    grid-column: 16;
  }

  .logo-acp {
    width: 205px;
  }

  .logo-excess {
    max-width: 215px;
  }

  .info-container {
    text-align: center;
  }

  .logo-container-security .row {
    margin-left: 265px;
    margin-right: 265px;
  }
}

@media screen and (min-width: 1440px) {
  .header-logo-container {
    display: grid;
    grid-template-rows: repeat(20, 5%);
    grid-template-columns: repeat(10, 5%) 1fr;
    margin-right: -14px;
    margin-left: -14px;
    height: 400px;
  }

  .logo-container-acp {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 6.5rem;
    left: 50%;
    max-width: 175px;
    transform: translate(-50%, -50%);
  }

  .logo-container-excess {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 6rem;
    left: 50%;
    max-width: 250px;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 15rem;
    left: 50%;
    max-width: 561px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-freeData h1 {
    line-height: 1.2;
  }

  .logo-container-unlimited {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 22.5rem;
    left: 50%;
    max-width: 800px;
    font-family: Poppins;
    transform: translate(-50%, -50%);
  }

  .logo-container-unlimited p {
    font-weight: 300;
    font-size: 25px;
    color: white;
  }

  .container-white-radius {
    margin-top: -40px;
  }

  .logo-asterisco {
    width: 265px;
    grid-row: 1;
    grid-column: 16;
  }

  .logo-acp {
    width: 205px;
  }

  .logo-excess {
    max-width: 215px;
  }

  .info-container {
    text-align: center;
  }

  .logo-container-security .row {
    margin-left: 400px;
    margin-right: 400px;
  }
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}