/*.overlay {*/
/*    background: #ffffff;*/
/*    color: #666666;*/
/*    position: fixed;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    z-index: 5000;*/
/*    top: 0;*/
/*    left: 0;*/
/*    float: left;*/
/*    text-align: center;*/
/*    padding-top: 25%;*/
/*    opacity: .80;*/
/*}*/

/*.spinner {*/
/*    margin: 0 auto;*/
/*    height: 64px;*/
/*    width: 64px;*/
/*    animation: rotate 0.8s infinite linear;*/
/*    border: 5px solid firebrick;*/
/*    border-right-color: transparent;*/
/*    border-radius: 50%;*/
/*}*/

/*@keyframes rotate {*/
/*    0% {*/
/*        transform: rotate(0deg);*/
/*    }*/
/*    100% {*/
/*        transform: rotate(360deg);*/
/*    }*/
/*}*/

.notificationPanel {
    display: none;
}



 .icon {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     align-items: center;
     width: 80px;
     height: 80px;
     margin: 0 auto 1rem;
     background: #375ee3;
     background: linear-gradient(145deg, #375ee3 0%, #6543e0 80%);
     border-radius: 50%;
     font-size: 2rem;
     color: rgba(255, 255, 255, 0.9)
 }

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}