﻿#nds #page #content .content-wrapper #load {
    position: relative;
}

    #nds #page #content .content-wrapper #load .data {
        opacity: 1;
        -moz-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
        -o-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
        -webkit-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
        transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
    }

#nds #page #content .content-wrapper #load .loader {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ebebeb;
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
    -o-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
    transition: all .2s cubic-bezier(.4,0,.2,1) 0s;
    border-radius: 6px;
    background-color: #fafafa;
    pointer-events: none;
}

    #nds #page #content .content-wrapper #load .loader:before {
        content: "\f013";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: calc(-30px / 2);
        margin-top: calc(-30px / 2);
        width: 30px;
        height: 30px;
        font-family: Font Awesome\ 5 Free;
        font-style: normal;
        font-weight: 900;
        font-size: 30px;
        line-height: calc(30px + 1px);
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 0.4;
        -webkit-animation: loader-spin 2s infinite linear;
        -moz-animation: loader-spin 2s infinite linear;
        -o-animation: loader-spin 2s infinite linear;
        animation: loader-spin 2s infinite linear;
    }

    #nds #page #content .content-wrapper #load.loading.add-margin {
        margin: 20px 0;
    }

#nds #page #content .content-wrapper #load.loading > .data {
    opacity: 0;
    pointer-events: none;
}

    #nds #page #content .content-wrapper #load.loading > .loader {
        opacity: 1;
    }

@-moz-keyframes loader-spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes loader-spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes loader-spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}
