body.corner-loading .loading-area {
    height:     100px;
    width:      100px;
    background-size: 100px;
    right: 20px;
    top:50%;
}

body.loading .loading-area {
    padding:10px;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 50% 50% ;
}

body.corner-loading .loading-area,
body.loading .loading-area {
    z-index:    1000;
    display:    none;
    position:   fixed;
    
}

.loading-icon,
body.corner-loading .loading-area,
body.loading .loading-area {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:none;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='6.451612903225806' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='0s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='6.451612903225806' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16.129032258064512' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16.129032258064512' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='25.806451612903224' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='25.806451612903224' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='35.48387096774193' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='35.48387096774193' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='45.16129032258064' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='45.16129032258064' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='54.838709677419345' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='54.838709677419345' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='64.51612903225805' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='64.51612903225805' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='74.19354838709677' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='74.19354838709677' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='83.87096774193547' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='83.87096774193547' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-3.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='93.54838709677418' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='93.54838709677418' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-3.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}
/* enquanto estiver carregando, o scroll da página estará desativado */
body.loading {
    overflow: hidden;   
}
/* a partir do momento em que o body estiver com a classe loading,  o modal aparecerá */
body.corner-loading .loading-area ,
body.loading .loading-area {
    display: block;
}