.dialog-loading {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.dialog-loading .ui-dialog-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dialog-loading .ui-dialog-titlebar {
    display: none !important;
}

.loading-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:15px;
}

.loading-spinner{
    width:50px;
    height:50px;
    border:4px solid rgba(255,255,255,.25);
    border-top:4px solid #4da3ff;
    border-radius:50%;
    animation:spin .8s linear infinite;
}

.loading-text{
    margin-top:15px;
    font-size:22px;
    font-weight:700;
    color:#FFFFFF;
    text-shadow:0 2px 4px rgba(0,0,0,.4);
}

.loading-subtext{
    margin-top:5px;
    font-size:13px;
    color:#EEEEEE;
    text-align:center;
    text-shadow:0 1px 3px rgba(0,0,0,.4);
}

@keyframes spin{
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}