.app-load {
    z-index: 10;
    position: fixed;
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align: center;

    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);

    .content-load {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        .loader {
            margin-left: 30%;
            margin-right: 30%;
            border: 10px solid #f3f3f3;
            border-radius: 50%;
            border-top: 11px solid #3498db;
            width: 100px;
            height: 100px;
            -webkit-animation: spin 0.9s linear infinite;
            /* Safari */
            animation: spin 0.9s linear infinite;
        }

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

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

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

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

        .description {
            margin-top: 18px;
            margin-left: 10px;
            margin-right: 10px;
            color: #616161;
            font-size: 20px;
            text-align: center;
        }
    }
}
