@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1cc5c854-993e-4101-8803-669b7f28b7c1");
/* @font-face {
  font-family: "PT Sans-Light";
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face {
  font-family: "PT Sans-Roman";
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face {
  font-family: "PT Sans-Bold";
  src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
  src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("../fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
} */

#paynow_page_content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 1024px;
}

#paynow_order1{
  width: 57%;
}
#paynow_order3{
  width: 43%;
}

#paynow_banner_info_id .clsdivcont {
    margin-top: 2%;
    text-align: center;
}

#paynow_banner_image {
    height: 150px;
}

#paynow_cash_image {
  width: 25%;
  padding-right: 0%;
  padding-left: 12%;
}

#paynow_cash_image .imgclass {
  width: 95%;
}

#paynow_block_heading {
  width: 75%;
}

#edit-onetime-payment {
  margin-bottom: 0%;
  margin-top: 2%;
}

#edit-onetime-payment h4 {
  font-family: 'PT Sans', Arial, sans-serif !important;
  font-weight: bold;
  color: black;
}

#edit-no-login h5 {
  color: black;
  font-family: 'PT Sans', Arial, sans-serif !important;
  float: left;
  font-size: 0.78rem;
}

#policy-number::placeholder {
  font-size: x-small;
  padding-top: 4%;
  padding-bottom: 4%;
}
#policy-number {
  padding-top: 3%;
  padding-bottom: 3%;
}

#paynow-form .form-item-policynumber {
  padding-left: 5%;
}

#myspan {
  padding-left: 5%;
}

#policy-number:focus, #dob:focus, #zip:focus, #phone:focus, #zipcode:focus {
  border-color: #8fd400;
  border-width: 1px;
  box-shadow: none;
}

#paynow-policynumber-examples {
  padding-left: 5%;
  font-size: small;
}


#alertimage .helpico {
    background-position: top;
    align-content: center;
    vertical-align: middle;
    height: 22px;
    background-image: url('/themes/custom/sa_com/images/Error_Icon.png');
    background-repeat: no-repeat;
    padding-left: 30px;
    font-size: 1.5em;
}

#paynow_page_content .region-content {
  width: 90%;
}

#lobselectiondiv {
  padding-left: 5%;
  font-family: 'PT Sans', Arial, sans-serif !important;
}

#personaldiv, #commercialdiv, #edit-api-notification, .paynowpersonalnotification_class {
  padding-left: 5%;
}

#edit-accounttype {
  margin-top: 7%;
}

#paynow_personal_zipcode_id, #paynow_personal_dob_id, #paynow_business_phonenumber_id, #paynow_business_zipcode_id {
  padding-right: 0px;
}

#paynow_business_phonenumber_id{
  #phoneplaceholder{
    div{
      input{
        font-size: small !important;
      }
    }
  }
}

#Zone_03 {
  padding-left: 7%;
}

#paynow_sidebar_title_id {
  padding-top: 2%;
}

#continue {
  float: right;
  border-color: transparent;
}

#paynow_continue_div {
  height: 60px;
  width: 100%;
}

.rightpane #accordion {
  width:85%;
}

#Fcollspanelh, #Scollspanelh {
  padding: 5%;
  h4 {
    font-size: large;
    margin-bottom: 0px;
  }
  p {
    margin-bottom: 0px;
  }
}

  #paynow_sidebar_login {
    margin-top: 4%;
    .divlogin {
      width: 25%;
      padding-left: 7%;
    }
    .clsdivlogin {
      width: 75%;
      padding-left: 2%;
      padding-right: 10%;
      button {
        width: 100%;

      }
    }
  }

  #paynow_sidebar_awicon {
    padding-bottom: 7%;
    .notenrolled {
      width: 25%;
      padding-left: 5%;
    }
    .notenrolled1 {
      width: 75%;
      padding-left: 2%;
      padding-right: 10%;
      button {
        width: 100%;
      }
    }
  }

#Fcollapsepanel, #Scollapsepanel {
  border: 1px solid #EAECEE;
}

#Sclspanbdy .row {
  margin-top: 4%;
  .divlogin {
    width: 25%;
    padding-left: 7%;
  }
  .clsdivlogin {
    width: 75%;
    padding-left: 2%;
    padding-right: 10%;
    button {
      width: 100%;

    }
  }
}

@media screen and (max-width: 767px) {
  #paynow_page_content {
    margin-left: auto;
    margin-right: auto;
    width: 90% !important;
    margin-top: 0px;
    .region-content{
      width: 100% !important;
    }
  }
  
  #paynow_banner_image {
      height: calc(0.15 * 100vw);
  }

  #paynow_order1, #paynow_order3{
    width: 100% !important;
  }

  #personaldiv{
    div{
      width: 100% !important;
    }
  }
  #collfbrdln{
    border: 0px !important;
  }

  .rightpane #accordion{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #paynow_continue_div {
    height: 60px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    min-width: 120px !important;
  }
  
}
@media (min-width: 300px) and (max-width: 575px) {
  .contact-us-widget{
  .clsdivimgnAcct{
    width: 25% !important;
    margin-left: auto;
    margin-right: auto;
    padding:0px !important
  }
}
  #paynow_sidebar_title_id{
    width: 85% !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .rightpane #accordion{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #collfbrdln{
    border: 0px !important;
  }
  #paynow_page_content {
    margin-left: auto;
    margin-right: auto;
    width: 90% !important;
    margin-top: 0px;
    .region-content{
      width: 100% !important;
    }
  }
  
  #paynow_banner_image {
    height: calc(0.15 * 100vw);
  }

  #paynow_order1{
    width: 53% !important;
  } 
  #paynow_order3{
    width: 47% !important;
  }

  #personaldiv{
    div{
      width: 100% !important;
    }
  }

  #paynow_cash_image{
    margin: 0px !important
  }

}