@charset "UTF-8";

.app {
  position: relative;
}

img {
  width: 100%;
  height: auto;
}




.proxtra-yes-show,
.proxtra-no-show {
  display: none;
}


@media screen and (min-width:768px) {
  .layout {
    margin: 0;
  }

}

.btn[disabled],
.btn[disabled]:hover {
  background-color: #f96302;
  color: white;
  cursor: not-allowed;
  border-color: #f96302;
}




#section-loader {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  margin-top: 24px;
  position: relative;
  left: 0; 
}


section {
  position: relative;
  width: 100%;
  min-height: 600px;
}

.section-footer {
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  padding: 8px 0;
}

/*SECTIONS - DESKTOP CHANGES*/
@media screen and (min-width:768px) {
  .section-footer {
    padding: 32px 0;
  }
}

.section-footer-right{
  float: none;
}
    
@media screen and (min-width:768px) {
  .section-footer-right{
    float: right;
  }
}

.section-footer-left {
  float: left;
}

.prevstep-btn {
  text-indent: 8px;
}

.prevstep-btn:before {
  background-image: url("../images/back-arrow-icon.svg");
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  content: '';
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  color: #66686D;
  text-align: center;
  height: 14px;
  width: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nextstep-btn {
  padding: 0 60px;
}


.pr-footer {
  width: 100%;
  z-index: 0;
  position: absolute;
  transition: left 0.4s ease-in;
  left: 0; 
}


.error-message {
  border-color: #E14046;
  display: none;
  position: relative;
  text-indent: 24px;
}

.error-message.error {
    display: inline-block;
    padding-left: 24px;
    text-indent: 0;
}

.error-message:before {
  content: attr(error);
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.659.654c1.65 0 3.207.319 4.67.956a12.004 12.004 0 0 1 3.799 2.56 12.31 12.31 0 0 1 2.588 3.827 11.56 11.56 0 0 1 .957 4.67c0 1.652-.319 3.199-.957 4.643a12.31 12.31 0 0 1-2.588 3.827 12.404 12.404 0 0 1-3.798 2.588c-1.464.62-3.02.929-4.671.929-1.65 0-3.208-.31-4.67-.929a12.404 12.404 0 0 1-3.799-2.588 12.31 12.31 0 0 1-2.588-3.827C.964 15.866.645 14.32.645 12.668c0-1.65.319-3.208.957-4.67A12.31 12.31 0 0 1 4.19 4.17a12.004 12.004 0 0 1 3.798-2.56A11.56 11.56 0 0 1 12.66.653zm0 21.608a9.4 9.4 0 0 0 3.742-.76 9.644 9.644 0 0 0 3.039-2.067 9.938 9.938 0 0 0 2.054-3.053 9.2 9.2 0 0 0 .76-3.714 9.27 9.27 0 0 0-.76-3.742 9.938 9.938 0 0 0-2.054-3.053A9.644 9.644 0 0 0 16.4 3.805a9.4 9.4 0 0 0-3.742-.76 9.4 9.4 0 0 0-3.742.76 9.644 9.644 0 0 0-3.039 2.068 9.938 9.938 0 0 0-2.054 3.053 9.27 9.27 0 0 0-.76 3.742 9.2 9.2 0 0 0 .76 3.714 9.938 9.938 0 0 0 2.054 3.053 9.644 9.644 0 0 0 3.039 2.068 9.4 9.4 0 0 0 3.742.76zm1.21-5.993v2.392h-2.42v-2.392h2.42zm0-9.622v7.203h-2.42V6.647h2.42z' fill='%23E14046' fill-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  content: '';
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  height: 20px;
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.alert[close-icon]:after {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
  margin: auto 0 auto auto;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.73 12.73'%3E%3Cpath fill='%23fff' d='M-.01 11.31L11.304-.004l1.414 1.414L1.405 12.724z'/%3E%3Cpath fill='%23fff' d='M-.01 1.41L1.405-.004 12.718 11.31l-1.414 1.414z'/%3E%3C/svg%3E");
  background-position: right;
  background-size: 80%;
  width: 16px;
  cursor: pointer; 
}
  .checklist-wrapper{
    width: 100%;
    margin: 0 auto;
  }
.checkicon{
      position: relative;
        display: block;
         -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        border-radius: 50%;
        border: 2px solid #2AB68C;
        text-align: center;
        height: 48px;
        width: 48px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='31' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.982 21.363L.56 12.047 4.32 8.25l7.454 7.488L26.786.762l3.797 3.726L11.81 23.262z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        background-color: #2AB68C;
        background-size: 65% !important;
        vertical-align: middle;
        margin: 0 auto 16px;
    }

@media screen and (min-width:768px) {
  .checklist-wrapper{
    width: max-content;
    margin: 0 auto;
  }
  .checkicon{
    display: block;
    margin: 0 16px;
    float: left;

  }
}


/*SECTIONS - DESKTOP CHANGES*/
@media screen and (min-width:768px) {
  #section-loader {
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

}

/*
<!-- pr-modal
    pr-modal-backdrop

    pr-modal-window
        closex-btn

        pr-modal-body

            pr-modal-screen

                pr-modal-heading

                pr-modal-content

                pr-modal-footer -->*/

/*MODAL*/
.pr-modal .pr-modal-list-wrapper {
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pr-modal .pr-modal-list-wrapper:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.pr-modal .pr-modal-list-wrapper .pr-modal-listitem {
  padding: 8px 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}    



.pr-modal .pr-modal-heading {
        padding: 12px 40px 12px;

}

.modal-heading-shadow{
    padding: 12px 24px 0px 24px!important;
    box-shadow: 0px 1px 5px 0 rgba(204, 204, 204, 0.2);
}

.pr-modal-screen > span{
    width: 100%;
}    






/* Status Message Pages */

.section-status-steps {
  margin-left: 8px;
}

.section-status-steps .section-status-step .section-status-message {
  vertical-align: middle;
  display: inline-block;
  padding-left: 42px;
  min-height: 32px;
  position: relative;
}

.section-status-steps .section-status-step .section-status-message:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: -4px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
    border: 2px solid #f96302;
  vertical-align: middle;
  margin-right: 8px;
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}

.section-status-steps .section-status-step .section-status-message.complete:before {
  background-image: url("../images/checkmark-icon-green.svg") !important;
  border: 2px solid #2AB68C;
}

.section-status-steps .section-status-step .section-status-message.email:before {
  background-image: url("../images/email-icon.svg");
}

.section-status-steps .section-status-step .section-status-message.time:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%2343484C' fill-rule='evenodd' d='M12 2c1.374 0 2.67.266 3.888.797a9.991 9.991 0 0 1 3.161 2.134c.906.906 1.624 1.97 2.155 3.189A9.655 9.655 0 0 1 22 12.012a9.48 9.48 0 0 1-.796 3.868 10.258 10.258 0 0 1-2.155 3.19 10.324 10.324 0 0 1-3.161 2.156A9.864 9.864 0 0 1 12 22a9.864 9.864 0 0 1-3.888-.774 10.324 10.324 0 0 1-3.161-2.157 10.258 10.258 0 0 1-2.155-3.189A9.48 9.48 0 0 1 2 12.012c0-1.376.265-2.673.796-3.892a10.258 10.258 0 0 1 2.155-3.19 9.991 9.991 0 0 1 3.161-2.133A9.613 9.613 0 0 1 12 2zm0 18.007a7.816 7.816 0 0 0 3.115-.633 8.027 8.027 0 0 0 2.529-1.723 8.282 8.282 0 0 0 1.71-2.544c.421-.97.632-2.001.632-3.095 0-1.11-.21-2.15-.632-3.119a8.282 8.282 0 0 0-1.71-2.544 8.027 8.027 0 0 0-2.53-1.723A7.816 7.816 0 0 0 12 3.993a7.816 7.816 0 0 0-3.115.633 8.027 8.027 0 0 0-2.529 1.723 8.282 8.282 0 0 0-1.71 2.544 7.732 7.732 0 0 0-.632 3.119c0 1.094.21 2.126.632 3.095a8.299 8.299 0 0 0 1.71 2.544 8.027 8.027 0 0 0 2.53 1.723 7.816 7.816 0 0 0 3.114.633zm.492-13.013v5.3l4.496 2.602-.796 1.219-5.199-3.119V6.994h1.499z'/%3E%3C/svg%3E");
  border: none;
  background-size: 100%;
}


/*section icons*/
.section-status-steps .section-status-step .section-status-message.insurance:before {
    background-image: url("../images/nav/generalliability-icon-depot.svg");
    background-size: 64%;
}

.section-status-steps .section-status-step .section-status-message.occupations:before {
    background-image: url("../images/nav/occupations-icon-depot.svg");
}


.section-status-steps .section-status-step .section-status-message.coveragearea:before {
    background-image: url("../images/nav/coveragearea-icon-depot.svg");
    background-size: 64%;
}

.section-status-steps .section-status-step .section-status-message.proxtra:before {
    background-image: url("../images/nav/proxtra-icon-depot.svg");
    background-size: 84%;
}


.section-status-steps .section-status-step .section-status-message.backgroundcheck:before {
    background-image: url("../images/nav/backgroundcheck-icon-depot.svg");
}



.section-status-steps .section-status-divider .status-divider-icon {
  width: 3px;
  height: 54px;
  border-left: 2px dotted #C8CBCC;
  margin: 4px 0 8px 15px;
}