.nc-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
}

    .nc-overlay .nc-overlay-wrapper {
        position: absolute;
        width: calc(100% - 30px);
        height: calc(100% - 100px);
        top: 100px;
        left: 15px;
        background: rgba(243, 248, 252, 0.95);
        border-bottom: 15px solid #FFFFFF;
        box-sizing: border-box;
    }

        .nc-overlay .nc-overlay-wrapper .nc-overlay-inner {
            z-index: 10001;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 600px;
            width: 90%;
        }

            .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .loading {
                font-size: 200px;
                line-height: 0;
                display: inline-block;
                -webkit-animation-name: spin;
                -webkit-animation-duration: 4000ms;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                -moz-animation-name: spin;
                -moz-animation-duration: 4000ms;
                -moz-animation-iteration-count: infinite;
                -moz-animation-timing-function: linear;
                -ms-animation-name: spin;
                -ms-animation-duration: 4000ms;
                -ms-animation-iteration-count: infinite;
                -ms-animation-timing-function: linear;
                animation-name: spin;
                animation-duration: 2000ms;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

                .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .loading::after {
                    content: "\4e";
                    font-family: "gwa" !important;
                    font-style: normal !important;
                    font-weight: normal !important;
                    font-variant: normal !important;
                    text-transform: none !important;
                    speak: none;
                    line-height: 1;
                    color: #AEB9CA;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: -1;
                    opacity: 0.3;
                }

            .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog {
                box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            }

                .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head {
                    position: relative;
                    padding: 0;
                    font-size: 15px;
                    font-weight: bold;
                    letter-spacing: 0;
                    display: flex;
                    align-items: center;
                    height: 50px;
                    line-height: 50px;
                    background: #ffffff;
                    overflow: hidden;
                }

                    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-head-title {
                        position: relative;
                        min-width: 30%;
                        color: #FFFFFF;
                        padding: 0 30px 0 20px;
                        text-align: left;
                    }

                        .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-head-title::before {
                            content: "\79";
                            font-family: "gwa" !important;
                            font-style: normal !important;
                            font-weight: normal !important;
                            font-variant: normal !important;
                            text-transform: none !important;
                            speak: none;
                            line-height: 0;
                            margin-right: 20px;
                            font-size: 24px;
                            vertical-align: middle;
                        }

                        .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-head-title::after {
                            content: '';
                            position: absolute;
                            display: block;
                            height: 100%;
                            width: 50px;
                            right: -50px;
                            top: 0;
                        }

                    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-close {
                        position: absolute;
                        height: 100%;
                        right: 0;
                        top: 0;
                        font-size: 24px;
                        letter-spacing: 1px;
                        padding: 0 10px;
                        margin-right: 10px;
                        color: #242833;
                        transition: 0.3s;
                    }

                        .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-close::before {
                            line-height: 50px;
                        }

                        .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-head .nc-dialog-close:hover {
                            opacity: 0.8;
                        }

                .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog .nc-dialog-content {
                    color: #242833;
                    background: #ffffff;
                    color: #242833;
                    margin-top: 2px;
                    padding: 40px 20px;
                }

                .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog.error .nc-dialog-head .nc-dialog-head-title {
                    background-color: #FC5454;
                }

                    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog.error .nc-dialog-head .nc-dialog-head-title::before {
                        content: "\7a";
                    }

                    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog.error .nc-dialog-head .nc-dialog-head-title::after {
                        background-image: -webkit-linear-gradient(45deg, #FC5454 50%, transparent 50%);
                        background-image: -moz-linear-gradient(45deg, #FC5454 50%, transparent 50%);
                        background-image: -o-linear-gradient(45deg, #FC5454 50%, transparent 50%);
                        background-image: linear-gradient(45deg, #FC5454 50%, transparent 50%);
                    }

                .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog.message .nc-dialog-head .nc-dialog-head-title {
                    background-color: #B7BECC;
                }

                    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog.message .nc-dialog-head .nc-dialog-head-title::after {
                        background-image: -webkit-linear-gradient(45deg, #B7BECC 50%, transparent 50%);
                        background-image: -moz-linear-gradient(45deg, #B7BECC 50%, transparent 50%);
                        background-image: -o-linear-gradient(45deg, #B7BECC 50%, transparent 50%);
                        background-image: linear-gradient(45deg, #B7BECC 50%, transparent 50%);
                    }


@media (max-width:950px) {
    .nc-overlay .nc-overlay-wrapper .nc-overlay-inner .nc-dialog {
        min-width: unset;
    }
}



@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}