::-webkit-scrollbar 
{
    width: 15px;
    background: #7b7b7bfe;     
}
  
::-webkit-scrollbar-track 
{
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.433); 
}
   
::-webkit-scrollbar-thumb 
{
    background: #0e0e0e9e;
}
  
::-webkit-scrollbar-thumb:hover
{
    background: #4444449e; 
}

.introjs-tour{
    transition:all .3s ease-out
}

.introjs-overlay{
    position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out
}

.introjs-showElement{
    z-index:9999999!important
}

tr.introjs-showElement>td{
    z-index:9999999!important;position:relative
}

tr.introjs-showElement>th{
    z-index:9999999!important;position:relative
}

.introjs-disableInteraction{
    z-index:99999999!important;position:absolute;background-color:#fff;opacity:0
}

.introjs-relativePosition{
    position:relative
}

.introjs-helperLayer{
    box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out
}

.introjs-helperLayer *{
    box-sizing:content-box
}

.introjs-helperLayer :before{
    box-sizing:content-box
}

.introjs-helperLayer :after{
    box-sizing:content-box
}

.introjs-tooltipReferenceLayer{
    font-family:"Helvetica Neue",
    Inter,ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,sans-serif;
    box-sizing:content-box;
    position:absolute;
    visibility:hidden;
    z-index:100000000;
    background-color:transparent;
    transition:all .3s ease-out
}

.introjs-tooltipReferenceLayer *{
    font-family:"Helvetica Neue",
    Inter,ui-sans-serif,"Apple Color Emoji",
    Helvetica,Arial,sans-serif
}

.introjs-helperNumberLayer{
    font-family:"Helvetica Neue",Inter,ui-sans-serif,
    "Apple Color Emoji",Helvetica,Arial,sans-serif;
    color:#9e9e9e;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px
}

.introjs-arrow{
    border:5px solid transparent;
    content:"";
    position:absolute
}

.introjs-arrow.top{
    top:-10px;
    left:10px;
    border-bottom-color:#fff
}

.introjs-arrow.top-right{
    top:-10px;
    right:10px;
    border-bottom-color:#fff
}

.introjs-arrow.top-middle{
    top:-10px;
    left:50%;
    margin-left:-5px;
    border-bottom-color:#fff
}

.introjs-arrow.right{
    right:-10px;
    top:10px;
    border-left-color:#fff
}

.introjs-arrow.right-bottom{
    bottom:10px;
    right:-10px;
    border-left-color:#fff
}

.introjs-arrow.bottom{
    bottom:-10px;
    left:10px;
    border-top-color:#fff
}

.introjs-arrow.bottom-right{
    bottom:-10px;
    right:10px;
    border-top-color:#fff
}

.introjs-arrow.bottom-middle{
    bottom:-10px;
    left:50%;
    margin-left:-5px;
    border-top-color:#fff
}

.introjs-arrow.left{
    left:-10px;
    top:10px;
    border-right-color:#fff
}

.introjs-arrow.left-bottom{
    left:-10px;
    bottom:10px;
    border-right-color:#fff
}

.introjs-tooltip{
    box-sizing:content-box;
    position:absolute;
    visibility:visible;
    background-color:#fff;
    min-width:250px;
    max-width:300px;
    border-radius:5px;
    box-shadow:0 3px 30px rgba(33,33,33,.3);
    transition:opacity .1s ease-out
}

.introjs-tooltiptext{
    padding:20px
}

.introjs-dontShowAgain{
    padding-left:20px;
    padding-right:20px
}

.introjs-dontShowAgain input{
    padding:0;
    margin:0;
    margin-bottom:2px;
    display:inline;
    width:10px;
    height:10px
}

.introjs-dontShowAgain label{
    font-size:14px;
    display:inline-block;
    font-weight:400;
    margin:0 0 0 5px;
    padding:0;
    background-color:#fff;
    color:#616161;
    -webkit-user-select:none;
    user-select:none
}

.introjs-tooltip-title{
    font-size:18px;
    width:90%;
    min-height:1.5em;
    margin:0;
    padding:0;
    font-weight:700;
    line-height:1.5
}

.introjs-tooltip-header{
    position:relative;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    min-height:1.5em
}

.introjs-tooltipbuttons{
    border-top:1px solid #e0e0e0;
    padding:10px;
    text-align:right;
    white-space:nowrap
}

.introjs-tooltipbuttons:after{
    content:"";
    visibility:hidden;
    display:block;
    height:0;
    clear:both
}

.introjs-button{
    box-sizing:content-box;
    position:relative;
    overflow:visible;
    padding:.5rem 1rem;
    border:1px solid #bdbdbd;
    text-decoration:none;
    text-shadow:1px 1px 0 #fff;
    font-size:14px;
    color:#424242;
    white-space:nowrap;
    cursor:pointer;
    outline:0;
    background-color:#f4f4f4;
    border-radius:.2em;
    zoom:1;
    display:inline
}

.introjs-button:hover{
    outline:0;
    text-decoration:none;
    border-color:#9e9e9e;
    background-color:#e0e0e0;
    color:#212121
}

.introjs-button:focus{
    outline:0;
    text-decoration:none;
    background-color:#eee;
    box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;
    color:#212121
}

.introjs-button:active{
    outline:0;
    text-decoration:none;
    background-color:#e0e0e0;
    border-color:#9e9e9e;
    color:#212121
}

.introjs-button::-moz-focus-inner{
    padding:0;
    border:0
}

.introjs-skipbutton{
    position:absolute;
    top:0;
    right:0;
    display:inline-block;
    width:45px;
    height:45px;
    line-height:45px;
    color:#616161;
    font-size:22px;
    cursor:pointer;
    font-weight:700;
    text-align:center;
    text-decoration:none
}

.introjs-skipbutton:focus,.introjs-skipbutton:hover{
    color:#212121;
    outline:0;
    text-decoration:none
}

.introjs-prevbutton{
    float:left
}

.introjs-nextbutton{
    float:right
}

.introjs-disabled{
    color:#9e9e9e;
    border-color:#bdbdbd;
    box-shadow:none;
    cursor:default;
    background-color:#f4f4f4;
    background-image:none;
    text-decoration:none
}

.introjs-disabled:focus,.introjs-disabled:hover{
    color:#9e9e9e;
    border-color:#bdbdbd;
    box-shadow:none;
    cursor:default;
    background-color:#f4f4f4;
    background-image:none;
    text-decoration:none
}

.introjs-hidden{
    display:none
}

.introjs-bullets{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px
}

.introjs-bullets ul{
    box-sizing:content-box;
    clear:both;
    margin:0 auto 0;
    padding:0;
    display:inline-block
}

.introjs-bullets ul li{
    box-sizing:content-box;
    list-style:none;
    float:left;
    margin:0 2px
}

.introjs-bullets ul li a{
    transition:width .1s ease-in;
    box-sizing:content-box;
    display:block;
    width:6px;
    height:6px;
    background:#ccc;
    border-radius:10px;
    text-decoration:none;
    cursor:pointer
}

.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{
    width:15px;
    background:#999;
    text-decoration:none;
    outline:0
}

.introjs-bullets ul li a.active{
    width:15px;
    background:#999
}

.introjs-progress{
    box-sizing:content-box;
    overflow:hidden;
    height:10px;
    margin:10px;
    border-radius:4px;
    background-color:#e0e0e0
}

.introjs-progressbar{
    box-sizing:content-box;
    float:left;
    width:0%;
    height:100%;
    font-size:10px;
    line-height:10px;
    text-align:center;
    background-color:#08c
}

.introjsFloatingElement{
    position:absolute;
    height:0;
    width:0;
    left:50%;
    top:50%
}

.introjs-fixedTooltip{
    position:fixed
}

.introjs-hint{
    box-sizing:content-box;
    position:absolute;
    background:0 0;
    width:20px;
    height:15px;
    cursor:pointer
}

.introjs-hint:focus{
    border:0;
    outline:0
}

.introjs-hint:hover>.introjs-hint-pulse{
    background-color:rgba(60,60,60,.57)
}

.introjs-hidehint{
    display:none
}

.introjs-fixedhint{
    position:fixed
}

@keyframes introjspulse{
    0% {
        transform:scale(.95);
        box-shadow:0 0 0 0 rgba(0,0,0,.7)
    }
    70% {
        transform:scale(1);
        box-shadow:0 0 0 10px transparent
    }
    100% {
        transform:scale(.95);
        box-shadow:0 0 0 0 transparent
    }
}

.introjs-hint-pulse{
    box-sizing:content-box;
    width:15px;
    height:15px;
    border-radius:30px;
    background-color:rgba(136,136,136,.24);
    z-index:10;position:absolute;
    transition:all .2s ease-out;
    animation:introjspulse 2s infinite
}

.introjs-hint-no-anim .introjs-hint-pulse{
    animation:none
}

.introjs-hint-dot{
    box-sizing:content-box;
    background:0 0;
    border-radius:60px;
    height:50px;
    width:50px;
    position:absolute;
    top:-18px;
    left:-18px;
    z-index:1;
    opacity:0
}