#eg-wait-template {
    display: none;
}

#eg-wait-overlay{
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
}
#eg-wait-overlay.eg-wait-maximized{
    height: 100%;
}

#eg-wait-overlay .eg-wait-window{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    background: #FFF;
}

#eg-wait-overlay:not(.eg-overlay-xs) .eg-wait-window{
    right: 15px;
    top: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    float: right;
}
#eg-wait-overlay .eg-wait-container{
    text-align: center;
}
@keyframes blink {
    /**
    At the start of the animation the dot
    has an opacity of .2
    */
    0% {
        opacity: .2;
    }
    /**
    At 20% the dot is fully visible and
    then fades out slowly
    */
    20% {
        opacity: 1;
    }
    /**
    Until it reaches an opacity of .2 and
    the animation can start again
    */
    100% {
        opacity: .2;
    }
}
.eg-wait-container span {
    /**
    Use the blink animation, which is defined above
    */
    font-size: 60px;
    font-family:'Arial Rounded MT Bold';
    animation-name: blink;
    /**
    The animation should take 1.4 seconds
    */
    animation-duration: 1.4s;
    /**
    It will repeat itself forever
    */
    animation-iteration-count: infinite;
    /**
    This makes sure that the starting style (opacity: .2)
    of the animation is applied before the animation starts.
    Otherwise we would see a short flash or would have
    to set the default styling of the dots to the same
    as the animation. Same applies for the ending styles.
    */
    animation-fill-mode: both;
}
.eg-wait-container span:nth-child(2) {
    /**
    Starts the animation of the third dot
    with a delay of .2s, otherwise all dots
    would animate at the same time
    */
    animation-delay: .2s;
}
.eg-wait-container span:nth-child(3) {
    /**
    Starts the animation of the third dot
    with a delay of .4s, otherwise all dots
    would animate at the same time
    */
    animation-delay: .4s;
}

/*****Chat auth redirect css below*******/
/**
* Following section is copied from bootstrap.css
* to avoid loading the complete CSS file
*/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
body {
    margin: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
#eg-wait-overlay {
    font-size: 16px;
    padding: 15px;
    text-align: center;
}
@keyframes blink {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.eg-wait-container span {
    font-size: 60px;
    font-family:'Arial Rounded MT Bold';
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.eg-wait-container span:nth-child(2) {
    animation-delay: .2s;
}
.eg-wait-container span:nth-child(3) {
    animation-delay: .4s;
}