.shepherd-button{
    /* background:#3288e6; */
    background:var(--be-blue);
    border:0;
    border-radius:3px;
    color:hsla(0,0%,100%,.75);
    cursor:pointer;
    margin-right:.5rem;
    padding:.5rem 1.5rem;
    transition:all .5s ease;
}

.shepherd-button:not(:disabled):hover{
    /* background:#196fcc; */
    background:var(--be-blue-3);
    color:hsla(0,0%,100%,.75);
}

.shepherd-button.shepherd-button-secondary{
    /* background:#f1f2f3; */
    background:var(--be-blue-muted);
    color:rgba(0,0,0,.75);
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover{
    /* background:#d6d9db; */
    background:var(--be-blue-3);
    color:rgba(0,0,0,.75);
}

.shepherd-button:disabled{
    cursor:not-allowed;
}

.shepherd-footer{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    padding:0 .75rem .75rem;
}

.shepherd-footer .shepherd-button:last-child{
    margin-right:0;
}

.shepherd-cancel-icon{
    background:transparent;
    border:none;
    color:hsla(0,0%,50.2%,.75);
    font-size:2em;
    cursor:pointer;
    font-weight:400;
    margin:0;
    padding:0;
    transition:color .5s ease;
}

.shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75);
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon{
    color:hsla(0,0%,50.2%,.75);
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75);
}

.shepherd-title{
    /* color:rgba(0,0,0,.75); */
    color:#fff;
    display:flex;
    font-size:1rem;
    font-weight:400;
    flex:1 0 auto;
    margin:0;
    padding:0;
}

.shepherd-header{
    align-items:center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    line-height:2em;
    padding:.75rem .75rem 0;
}

.shepherd-has-title .shepherd-content .shepherd-header{
    /* background:#e6e6e6; */
    background: var(--be-blue);
    padding:1em;
    border-bottom: 2px solid var(--be-gold);
}

.shepherd-text{
    color:rgba(0,0,0,.75);
    font-size:1rem;
    line-height:1.3em;
    padding:.75em;
}

.shepherd-text p{
    margin-top:0;
}

.shepherd-text p:last-child{
    margin-bottom:0;
}

.shepherd-content{
    border-radius:5px;
    outline:none;padding:0;
}

.shepherd-element{
    background:#fff;
    border-radius:5px;
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    max-width:400px;
    opacity:0;
    outline:none;
    transition:opacity .3s,visibility .3s;
    visibility:hidden;
    width:100%;
    z-index:9999;
}

.shepherd-enabled.shepherd-element{
    opacity:1;
    visibility:visible;

}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){
    opacity:0;
    pointer-events:none;
    visibility:hidden;
}

.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{
    box-sizing:border-box;
}

.shepherd-arrow,.shepherd-arrow:before{
    position:absolute;
    width:16px;
    height:16px;
    z-index:-1;
}

.shepherd-arrow:before{
    content:"";
    transform:rotate(45deg);
    background:#fff;
   /*  background-color:var(--be-blue); */
    /* box-shadow:0 1px 4px rgba(0,0,0,.2); */
}

.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{
    bottom:-8px;
}
.shepherd-element[data-popper-placement^=top]>.shepherd-arrow:before{
    border-right: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
    top:-8px;
}

.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{
    right:-8px;
}

.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{
    left:-8px;
}

.shepherd-element.shepherd-centered>.shepherd-arrow{
    opacity:0;
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
    /* background-color:#e6e6e6; */
    background-color:var(--be-blue);
}

.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{
    pointer-events:none;
}

.shepherd-modal-overlay-container{
    height:0;
    left:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;
    width:100vw;
    z-index:9997;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible{
    height:100vh;
    opacity:.5;
    transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible path{
    pointer-events:all;
}


/* new arrow stylings */
/* .shepherd-element .shepherd-arrow {
    border-width: 0;
    height: auto;
    width: auto;
  }
  
  .shepherd-arrow::before {
    display: none;
  }
  
  .shepherd-element .shepherd-arrow:after {
    content: url('img/arrow.svg');
    display: inline-block;
  }
  
  .shepherd-element[data-popper-placement^='top'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-top .shepherd-arrow {
    bottom: -35px;
  }
  
  .shepherd-element[data-popper-placement^='top'] .shepherd-arrow:after,
  .shepherd-element.shepherd-pinned-top .shepherd-arrow:after {
    transform: rotate(270deg);
  }
  
  .shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
    top: -35px;
  }
  
  .shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow:after {
    transform: rotate(90deg);
  }
  
  .shepherd-element[data-popper-placement^='left'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-left .shepherd-arrow {
    right: -35px;
  }
  
  .shepherd-element[data-popper-placement^='left'] .shepherd-arrow:after,
  .shepherd-element.shepherd-pinned-left .shepherd-arrow:after {
    transform: rotate(180deg);
  }
  
  .shepherd-element[data-popper-placement^='right'] .shepherd-arrow,
  .shepherd-element.shepherd-pinned-right .shepherd-arrow {
    left: -35px;
  } */
  /* end new arrow stylings */


/* custom classes */
.BE-shepherd-margin{
margin: 15px auto !important
}

.shepherd-progress-bar {
    position: absolute;
    left: 2%;
    bottom: 9%;
    font-size: 14px;
    border-radius: 9px;
    height: 20px;
    width: 100%;
    max-width: 180px;
    padding: 3px;
    background: var(--light-gray-1);
}
.shepherd-progress-bar span {
    display: block;
    background: #3288e6;
    width: 50%;
    height: 100%;
    border-radius: 9px;
}

.shepherd-guide-button {
    color: #fff;
    background-color: var(--be-blue-3);
    border-color: var(--be-blue-3);
}

.shepherd-guide-button:hover {
    background:var(--be-blue-3);
}