@mixin sourceloopTheme($theme)
{
  @if($theme == 'light')
  {
    .shepherd-button{background:rgb(3, 129, 3) !important}
    .shepherd-element{background:lightcyan !important}
    .shepherd-cancel-icon{background:white !important}
  }
  @if($theme == 'dark')
  {
    .shepherd-element{background:darkslategrey !important}
    .shepherd-cancel-icon{background:black !important}
    .shepherd-button{background:darkslateblue !important}
    .shepherd-text{color : white !important}
  }
}

@mixin sourceloopBtnClr1($bgclr : '', $rdus : '',$clr : '')
{
  .sourceloop-btn-class1{background:$bgclr !important; border-radius : $rdus !important; color : $clr !important;}
}

@mixin sourceloopElement($bgclr : '',$brdrRdus :'',$mxWdth:''){
  
  @if($bgclr)
  {
 background : $bgclr !important;
  }
  @else
  {
      background:white !important;
  }
  @if($brdrRdus)
  {
 border-radius : $brdrRdus !important;
  }
 @else
 {
  border-radius:5px !important;
 }
 @if($mxWdth)
 {
 max-width : $mxWdth !important;
 }
 @else
 {
  max-width:400px !important;
 }

}

@mixin sourceloopButton($bgclr : '',$brdrRdus :'',$clr:''){

  //$bgclr : $bgclrPassed !important !global  ;
  @if($bgclr)
  {
 background : $bgclr !important;
  }
  @else
  {
      background:#3288e6 !important;
  }
  @if($brdrRdus)
  {
 border-radius : $brdrRdus !important;
  }
 @else
 {
  border-radius:3px !important;
 }
 @if($clr)
 {
 color : $clr !important;
 }
 @else
 {
  color : hsla(0,0%,100%,.75) !important;
 }

}


@mixin sourceloopTitle($clr : '',$fntSz :'',$fntWt:''){

  //$bgclr : $bgclrPassed !important !global  ;
  @if($clr)
  {
  color : $clr !important;
  }
  @else
  {
  color : rgba(0,0,0,.75) !important;
  }
  @if($fntSz)
  {
  font-size:$fntSz !important;
  }
 @else
 {
  font-size:1rem !important;
 }
 @if($fntWt)
 {
  font-weight:$fntWt !important;
 }
 @else
 {
  font-weight:400 !important;
 }

}

@mixin sourceloopCancelIcon($bgclr : '',$brdr :'',$clr:''){

  //$bgclr : $bgclrPassed !important !global  ;
  @if($bgclr)
  {
 background : $bgclr !important;
  }
  @else
  {
      background:transparent !important;
  }
  @if($brdr)
  {
 border : $brdr !important;
  }
 @else
 {
  border : none !important;
 }
 @if($clr)
 {
 color : $clr !important;
 }
 @else
 {
  color : hsla(0,0%,50.2%,.75) !important;
 }

}

@mixin sourceloopText($clr:'',$fontSz:''){

  //$bgclr : $bgclrPassed !important !global  ;
  @if($clr)
  {
 background : $clr !important;
  }
  @else
  {
      background:rgba(0,0,0,.75) !important;
  }
  @if($fontSz)
  {
    font-size : $fontSz !important;
  }
 @else
 {
  font-size : 1rem !important;
 }
 

}

.shepherd-button{background:#3288e6;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;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;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);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;padding:1em}
.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:white;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}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.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}.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}